.page-seo-webdesign{
  --swd-panel:rgba(13,17,26,.78);
  --swd-border:rgba(255,255,255,.1);
  --swd-border-strong:rgba(255,255,255,.16);
  --swd-radius-xl:30px;
  --swd-radius-lg:24px;
  --swd-radius-md:18px;
  --swd-radius-sm:14px;
  --swd-warm-rgb:214,152,96;
  --swd-indigo-rgb:136,150,255;
}

.page-seo-webdesign .swd-page{
  position:relative;
}

.page-seo-webdesign .swd-hero{
  padding-top:var(--page-breadcrumb-top-space);
}

.page-seo-webdesign .swd-hero__grid{
  --split-cols:minmax(0, 1.04fr) minmax(360px, .96fr);
  --split-align-desktop:start;
  gap:clamp(1.25rem, 3vw, 2.6rem);
}

.page-seo-webdesign .swd-hero__copy{
  max-width:45rem;
}

.page-seo-webdesign .swd-hero__title{
  max-width:18.8ch;
  margin-bottom:.92rem;
}

.page-seo-webdesign .swd-hero__lead,
.page-seo-webdesign .swd-hero__body,
.page-seo-webdesign .swd-hero__meta{
  max-width:41rem;
}

.page-seo-webdesign .swd-hero__actions{
  --cta-mt:1.14rem;
}

.page-seo-webdesign .swd-section-head{
  max-width:60rem;
  margin-bottom:1.22rem;
}

.page-seo-webdesign .swd-section-head--center{
  margin-inline:auto;
  text-align:center;
  --eyebrow-margin-inline:auto;
}

.page-seo-webdesign .swd-icon{
  color:#fff;
}

.page-seo-webdesign .swd-icon svg{
  width:1.06rem;
  height:1.06rem;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.82;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.page-seo-webdesign .swd-tone{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.page-seo-webdesign .swd-tone::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--swd-accent, rgba(var(--brand-rgb), .96)), transparent 74%);
  opacity:.92;
  pointer-events:none;
}

.page-seo-webdesign .swd-tone--brand{
  --swd-accent:rgba(var(--brand-rgb), .96);
  --swd-tone-rgb:var(--brand-rgb);
}

.page-seo-webdesign .swd-tone--indigo{
  --swd-accent:rgba(var(--swd-indigo-rgb), .94);
  --swd-tone-rgb:var(--swd-indigo-rgb);
}

.page-seo-webdesign .swd-tone--warm{
  --swd-accent:rgba(var(--swd-warm-rgb), .92);
  --swd-tone-rgb:var(--swd-warm-rgb);
}

.page-seo-webdesign .swd-tone .swd-icon{
  color:var(--swd-accent, rgba(var(--brand-rgb), .96));
  background:rgba(var(--swd-tone-rgb, var(--brand-rgb)), .1);
  border-color:rgba(var(--swd-tone-rgb, var(--brand-rgb)), .2);
}

.page-seo-webdesign .swd-canvas__frame,
.page-seo-webdesign .swd-layer,
.page-seo-webdesign .swd-lane,
.page-seo-webdesign .swd-build__anchor,
.page-seo-webdesign .swd-build__card,
.page-seo-webdesign .swd-frame__row,
.page-seo-webdesign .swd-fit__panel,
.page-seo-webdesign .swd-step,
.page-seo-webdesign .swd-route,
.page-seo-webdesign .swd-close__card{
  min-width:0;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(14,18,28,.58);
  box-shadow:var(--shadow-card);
  transition:
    transform var(--transition-fast),
    border-color var(--transition-fast),
    background var(--transition-fast),
    box-shadow var(--transition-fast);
}

.page-seo-webdesign .swd-canvas__frame:hover,
.page-seo-webdesign .swd-layer:hover,
.page-seo-webdesign .swd-lane:hover,
.page-seo-webdesign .swd-build__anchor:hover,
.page-seo-webdesign .swd-build__card:hover,
.page-seo-webdesign .swd-frame__row:hover,
.page-seo-webdesign .swd-fit__panel:hover,
.page-seo-webdesign .swd-step:hover,
.page-seo-webdesign .swd-route:hover,
.page-seo-webdesign .swd-close__card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    rgba(14,18,28,.66);
  box-shadow:var(--shadow-card-deep);
}

.page-seo-webdesign .swd-canvas{
  display:grid;
  gap:.92rem;
  max-width:31rem;
  justify-self:end;
  padding:1rem;
  border-radius:var(--swd-radius-xl);
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 86% 10%, rgba(var(--swd-indigo-rgb), .15), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(12,16,25,.8);
}

.page-seo-webdesign .swd-canvas__head{
  display:grid;
  gap:.62rem;
  padding:.1rem .12rem 0;
}

.page-seo-webdesign .swd-canvas__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.48rem;
  color:rgba(248,251,255,.72);
  font-size:.8rem;
  font-weight:790;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.page-seo-webdesign .swd-canvas__eyebrow::before{
  content:"";
  width:.46rem;
  height:.46rem;
  border-radius:999px;
  background:rgba(var(--brand-rgb), .98);
  box-shadow:0 0 0 4px rgba(var(--brand-rgb), .14);
}

.page-seo-webdesign .swd-canvas__head strong{
  display:block;
  font-size:1.14rem;
  line-height:1.24;
  letter-spacing:-.018em;
}

.page-seo-webdesign .swd-canvas__head p{
  margin:0;
  color:rgba(248,251,255,.76);
  line-height:1.6;
}

.page-seo-webdesign .swd-canvas__frame{
  display:grid;
  gap:.56rem;
  padding:1rem 1.04rem 1.06rem;
  border-radius:var(--swd-radius-lg);
}

.page-seo-webdesign .swd-canvas__frame h2,
.page-seo-webdesign .swd-layer h3,
.page-seo-webdesign .swd-build__anchor h2,
.page-seo-webdesign .swd-build__card h3,
.page-seo-webdesign .swd-step__body h3,
.page-seo-webdesign .swd-route h3,
.page-seo-webdesign .swd-close__card h3{
  margin:0;
  font-size:1.04rem;
  line-height:1.28;
  letter-spacing:-.012em;
}

.page-seo-webdesign .swd-canvas__frame p,
.page-seo-webdesign .swd-layer p,
.page-seo-webdesign .swd-lane p,
.page-seo-webdesign .swd-build__anchor p,
.page-seo-webdesign .swd-build__card p,
.page-seo-webdesign .swd-frame__row p,
.page-seo-webdesign .swd-route p,
.page-seo-webdesign .swd-step__body p,
.page-seo-webdesign .swd-close__card p{
  margin:0;
  line-height:1.62;
}

.page-seo-webdesign .swd-canvas__stack{
  display:grid;
  gap:.76rem;
}

.page-seo-webdesign .swd-layer{
  display:grid;
  gap:.34rem;
  padding:.94rem .98rem 1rem;
  border-radius:var(--swd-radius-md);
}

.page-seo-webdesign .swd-layer__label,
.page-seo-webdesign .swd-lane__label{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  width:fit-content;
  padding:.32rem .62rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:rgba(248,251,255,.82);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.page-seo-webdesign .swd-visual{
  position:relative;
  align-self:center;
  max-width:36rem;
  justify-self:end;
  padding:.92rem;
  border-radius:var(--swd-radius-xl);
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 84% 12%, rgba(var(--swd-indigo-rgb), .14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(13,18,29,.88));
  box-shadow:0 28px 70px rgba(0,0,0,.24);
  overflow:hidden;
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.page-seo-webdesign .swd-visual::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .78), rgba(var(--swd-indigo-rgb), .58), rgba(var(--swd-warm-rgb), .26), transparent 82%);
  pointer-events:none;
}

.page-seo-webdesign .swd-visual:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 32px 76px rgba(0,0,0,.28);
}

.page-seo-webdesign .swd-visual__window{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.11);
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(8,12,21,.78);
  box-shadow:var(--shadow-card-deep);
}

.page-seo-webdesign .swd-visual__window::before{
  content:"";
  position:absolute;
  inset:3.4rem .9rem auto .9rem;
  height:50%;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(112deg, rgba(var(--brand-rgb), .12), rgba(var(--swd-indigo-rgb), .09), rgba(var(--swd-warm-rgb), .055));
  transform:skewY(-2deg);
  opacity:.9;
  pointer-events:none;
}

.page-seo-webdesign .swd-visual__bar{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  align-items:center;
  gap:.72rem;
  padding:.78rem .9rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.038);
}

.page-seo-webdesign .swd-visual__dots{
  display:flex;
  gap:.35rem;
}

.page-seo-webdesign .swd-visual__dots span{
  display:block;
  width:.62rem;
  height:.62rem;
  border-radius:999px;
  background:rgba(255,255,255,.24);
}

.page-seo-webdesign .swd-visual__dots span:nth-child(1){ background:#ff6b5f; }
.page-seo-webdesign .swd-visual__dots span:nth-child(2){ background:#f4b447; }
.page-seo-webdesign .swd-visual__dots span:nth-child(3){ background:#57c983; }

.page-seo-webdesign .swd-visual__file,
.page-seo-webdesign .swd-visual__bar strong{
  min-width:0;
  color:rgba(248,251,255,.78);
  font-size:.78rem;
  font-weight:850;
  line-height:1.15;
}

.page-seo-webdesign .swd-visual__file{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.page-seo-webdesign .swd-visual__bar strong{
  display:inline-flex;
  align-items:center;
  padding:.3rem .54rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .22);
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .12), rgba(var(--swd-indigo-rgb), .08), rgba(var(--swd-warm-rgb), .08));
  color:rgba(235,248,255,.94);
}

.page-seo-webdesign .swd-visual__body{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:.72rem;
  padding:.86rem;
}

.page-seo-webdesign .swd-serp-summary,
.page-seo-webdesign .swd-site-card,
.page-seo-webdesign .swd-visual__checks{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.022)),
    rgba(255,255,255,.02);
  box-shadow:var(--shadow-soft);
}

.page-seo-webdesign .swd-site-card{
  min-height:18.2rem;
}

.page-seo-webdesign .swd-serp-summary{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:center;
  gap:.68rem;
  padding:.8rem .86rem;
}

.page-seo-webdesign .swd-serp-summary__icon{
  color:rgba(var(--brand-rgb), .96);
  background:rgba(var(--brand-rgb), .1);
  border-color:rgba(var(--brand-rgb), .2);
}

.page-seo-webdesign .swd-serp-summary__icon svg{
  width:1.04rem;
  height:1.04rem;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.82;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.page-seo-webdesign .swd-serp-summary p{
  margin:0;
  color:rgba(248,251,255,.76);
  font-size:.9rem;
  line-height:1.45;
}

.page-seo-webdesign .swd-serp-summary strong{
  color:#fff;
}

.page-seo-webdesign .swd-site-card{
  display:grid;
  align-content:start;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(8,12,21,.86), rgba(8,12,21,.68));
}

.page-seo-webdesign .swd-site-card__nav{
  display:grid;
  grid-template-columns:minmax(2.8rem, .9fr) .42fr .42fr minmax(2.4rem, .56fr);
  gap:.48rem;
  align-items:center;
  padding:.72rem .78rem;
  border-bottom:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
}

.page-seo-webdesign .swd-site-card__nav span{
  display:block;
  height:.42rem;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}

.page-seo-webdesign .swd-site-card__nav .swd-site-card__brand{
  height:.62rem;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .9), rgba(var(--swd-indigo-rgb), .72));
}

.page-seo-webdesign .swd-site-card__nav .swd-site-card__cta{
  height:1.04rem;
  border:1px solid rgba(var(--brand-green-rgb), .32);
  background:rgba(var(--brand-green-rgb), .14);
}

.page-seo-webdesign .swd-site-card__hero{
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(5.5rem, .62fr);
  gap:.88rem;
  align-items:stretch;
  padding:1.04rem;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.page-seo-webdesign .swd-site-card__copy{
  min-width:0;
  display:grid;
  align-content:center;
}

.page-seo-webdesign .swd-site-card__copy span{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:.28rem .5rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .22);
  background:rgba(var(--brand-rgb), .11);
  color:rgba(248,251,255,.84);
  font-size:.66rem;
  font-weight:850;
  line-height:1.1;
}

.page-seo-webdesign .swd-site-card__copy strong{
  margin-top:.52rem;
  color:#fff;
  font-size:clamp(1.08rem, 1.7vw, 1.38rem);
  line-height:1.05;
  letter-spacing:0;
}

.page-seo-webdesign .swd-site-card__copy i{
  display:block;
  height:.42rem;
  margin-top:.42rem;
  border-radius:999px;
  background:rgba(255,255,255,.2);
}

.page-seo-webdesign .swd-site-card__copy i:nth-of-type(1){ width:88%; }
.page-seo-webdesign .swd-site-card__copy i:nth-of-type(2){ width:68%; }

.page-seo-webdesign .swd-site-card__copy b{
  display:block;
  width:4.8rem;
  height:1.22rem;
  margin-top:.68rem;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .9), rgba(var(--swd-indigo-rgb), .72));
}

.page-seo-webdesign .swd-site-card__score{
  display:grid;
  place-items:center;
  align-content:center;
  gap:.22rem;
  padding:.72rem .52rem;
  border-radius:18px;
  border:1px solid rgba(var(--swd-warm-rgb), .24);
  background:
    radial-gradient(circle at 50% 28%, rgba(var(--swd-warm-rgb), .24), transparent 44%),
    rgba(255,255,255,.035);
}

.page-seo-webdesign .swd-site-card__score strong{
  color:#fff;
  font-size:3.05rem;
  line-height:.95;
  letter-spacing:-.04em;
}

.page-seo-webdesign .swd-site-card__score span{
  color:rgba(248,251,255,.72);
  font-size:.68rem;
  font-weight:820;
  line-height:1.12;
  text-align:center;
}

.page-seo-webdesign .swd-site-card__modules{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.58rem;
  padding:.82rem;
}

.page-seo-webdesign .swd-site-card__modules span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.5rem;
  padding:.46rem .38rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.085);
  background:rgba(255,255,255,.035);
  color:rgba(248,251,255,.78);
  font-size:.68rem;
  font-weight:850;
  line-height:1.15;
  text-align:center;
}

.page-seo-webdesign .swd-visual__checks{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.56rem;
  padding:.64rem;
}

.page-seo-webdesign .swd-visual__checks span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.2rem;
  padding:.48rem .5rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  color:rgba(248,251,255,.8);
  font-size:.72rem;
  font-weight:820;
  line-height:1.15;
  text-align:center;
}

.page-seo-webdesign .swd-pressure__lanes{
  display:grid;
  gap:.88rem;
}

.page-seo-webdesign .swd-lane{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:center;
  gap:.98rem;
  padding:.98rem 1.02rem;
  border-radius:var(--swd-radius-lg);
}

.page-seo-webdesign .swd-lane__body{
  display:grid;
  gap:.3rem;
}

.page-seo-webdesign .swd-lane__body h3,
.page-seo-webdesign .swd-frame__row strong{
  margin:0;
  font-size:1.02rem;
  line-height:1.28;
  letter-spacing:-.012em;
}

.page-seo-webdesign .swd-build__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(300px, .98fr);
  gap:.94rem;
}

.page-seo-webdesign .swd-build__anchor{
  display:grid;
  align-content:start;
  gap:.82rem;
  padding:1.08rem 1.08rem 1.14rem;
  border-radius:var(--swd-radius-xl);
}

.page-seo-webdesign .swd-build__stack{
  display:grid;
  gap:.86rem;
}

.page-seo-webdesign .swd-build__card{
  display:grid;
  gap:.58rem;
  padding:1rem 1.04rem 1.06rem;
  border-radius:var(--swd-radius-lg);
}

.page-seo-webdesign .swd-build__card-head,
.page-seo-webdesign .swd-route__head{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:center;
  gap:.74rem;
}

.page-seo-webdesign .swd-list{
  display:grid;
  gap:.62rem;
  margin:0;
  padding:0;
  list-style:none;
}

.page-seo-webdesign .swd-list li{
  position:relative;
  padding-left:1.08rem;
  line-height:1.58;
}

.page-seo-webdesign .swd-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72rem;
  width:.42rem;
  height:.42rem;
  border-radius:999px;
  background:rgba(var(--brand-rgb), .94);
  box-shadow:0 0 0 4px rgba(var(--brand-rgb), .12);
  transform:translateY(-50%);
}

.page-seo-webdesign .swd-list--panel{
  margin-top:.28rem;
}

.page-seo-webdesign .swd-frame__board{
  display:grid;
  gap:.86rem;
  padding:1rem;
  border-radius:var(--swd-radius-xl);
}

.page-seo-webdesign .swd-frame__row{
  display:grid;
  grid-template-columns:minmax(180px, .34fr) minmax(0, 1fr);
  gap:1rem;
  align-items:start;
  padding:.94rem 1rem;
  border-radius:var(--swd-radius-lg);
}

.page-seo-webdesign .swd-fit__shell{
  --split-cols:minmax(0, 1fr) minmax(0, 1fr);
  --split-align-desktop:stretch;
}

.page-seo-webdesign .swd-fit__panel{
  display:grid;
  gap:.82rem;
  padding:1.08rem 1.12rem 1.14rem;
  border-radius:var(--swd-radius-xl);
}

.page-seo-webdesign .swd-process__shell{
  display:grid;
  gap:1rem;
  padding:1rem;
  border-radius:var(--swd-radius-xl);
}

.page-seo-webdesign .swd-process__intro{
  max-width:56rem;
}

.page-seo-webdesign .swd-process__track{
  display:grid;
  gap:.86rem;
}

.page-seo-webdesign .swd-step{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.92rem;
  align-items:start;
  padding:.96rem 1rem 1rem;
  border-radius:var(--swd-radius-lg);
}

.page-seo-webdesign .swd-step__index{
  display:inline-grid;
  place-items:center;
  width:2.46rem;
  height:2.46rem;
  border-radius:999px;
  background:rgba(var(--brand-rgb), .13);
  border:1px solid rgba(var(--brand-rgb), .22);
  color:#fff;
  font-size:.9rem;
  font-weight:800;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}

.page-seo-webdesign .swd-tone--warm .swd-step__index{
  background:rgba(var(--swd-warm-rgb), .15);
  border-color:rgba(var(--swd-warm-rgb), .28);
}

.page-seo-webdesign .swd-tone--indigo .swd-step__index{
  background:rgba(var(--swd-indigo-rgb), .15);
  border-color:rgba(var(--swd-indigo-rgb), .28);
}

.page-seo-webdesign .swd-step__body{
  display:grid;
  gap:.34rem;
}

.page-seo-webdesign .swd-route-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.92rem;
}

.page-seo-webdesign .swd-route{
  display:grid;
  gap:.68rem;
  padding:1rem 1.04rem 1.08rem;
  border-radius:var(--swd-radius-lg);
  color:inherit;
  text-decoration:none;
}

.page-seo-webdesign .swd-faq__grid{
  --split-cols:minmax(0, .84fr) minmax(350px, 1.16fr);
  --split-align-desktop:start;
}

.page-seo-webdesign .swd-faq__copy{
  max-width:35rem;
}

.page-seo-webdesign .swd-faq__wrap{
  display:grid;
  gap:.8rem;
}

.page-seo-webdesign .swd-faq__item{
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--swd-radius-md);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(14,18,28,.54);
  box-shadow:var(--shadow-card);
  overflow:hidden;
  transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.page-seo-webdesign .swd-faq__item:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  box-shadow:var(--shadow-card-deep);
}

.page-seo-webdesign .swd-faq__item summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:1rem;
  align-items:center;
  padding:1rem 1.04rem;
  font-weight:700;
  line-height:1.5;
}

.page-seo-webdesign .swd-faq__item summary::-webkit-details-marker{
  display:none;
}

.page-seo-webdesign .swd-faq__icon{
  position:relative;
  width:1rem;
  height:1rem;
  color:rgba(248,251,255,.86);
}

.page-seo-webdesign .swd-faq__icon::before,
.page-seo-webdesign .swd-faq__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:1.5px;
  background:currentColor;
  transform:translate(-50%, -50%);
  transition:transform var(--transition-fast), opacity var(--transition-fast);
}

.page-seo-webdesign .swd-faq__icon::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.page-seo-webdesign .swd-faq__item[open] .swd-faq__icon::after{
  opacity:0;
  transform:translate(-50%, -50%) rotate(90deg) scale(.6);
}

.page-seo-webdesign .swd-faq__answer{
  padding:0 1.04rem 1rem;
}

.page-seo-webdesign .swd-faq__answer p{
  margin:0;
  line-height:1.7;
}

.page-seo-webdesign .swd-close__panel{
  display:block;
  padding:1rem;
  border-radius:var(--swd-radius-xl);
}

.page-seo-webdesign .swd-close__layout{
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(310px, .82fr);
  gap:1rem;
  align-items:stretch;
}

.page-seo-webdesign .swd-close__copy{
  display:grid;
  align-content:center;
  gap:.78rem;
  min-width:0;
  padding:1rem .9rem 1rem .2rem;
  max-width:45rem;
}

.page-seo-webdesign .swd-close__copy .ui-copy-lead{
  max-width:39rem;
}

.page-seo-webdesign .swd-close__title{
  max-width:18ch;
  margin:0;
  font-size:var(--page-h2-size);
  line-height:var(--page-heading-line-height);
  letter-spacing:-.02em;
}

.page-seo-webdesign .swd-close__side{
  display:grid;
  gap:.82rem;
  min-width:0;
  padding:1rem;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(circle at 86% 12%, rgba(var(--swd-indigo-rgb), .1), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(11,15,24,.52);
}

.page-seo-webdesign .swd-close__rail{
  display:flex;
  align-items:center;
  gap:.42rem;
  min-height:1.7rem;
  padding:0 .74rem;
  border-radius:999px;
  width:fit-content;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}

.page-seo-webdesign .swd-close__rail span{
  width:.44rem;
  height:.44rem;
  border-radius:999px;
  background:rgba(var(--brand-rgb), .86);
}

.page-seo-webdesign .swd-close__rail span:nth-child(2){
  background:rgba(var(--swd-indigo-rgb), .86);
}

.page-seo-webdesign .swd-close__rail span:nth-child(3){
  background:rgba(var(--swd-warm-rgb), .86);
}

.page-seo-webdesign .swd-close__grid{
  display:grid;
  gap:.72rem;
}

.page-seo-webdesign .swd-close__card{
  display:grid;
  gap:.42rem;
  padding:1rem 1.04rem 1.08rem;
  border-radius:var(--swd-radius-lg);
}

.page-seo-webdesign .swd-close__actions{
  --cta-mt:.1rem;
}

.page-seo-webdesign .swd-close__tokens{
  display:flex;
  flex-wrap:wrap;
  gap:.48rem;
}

.page-seo-webdesign .swd-close__tokens span{
  display:inline-flex;
  align-items:center;
  min-height:1.9rem;
  padding:.3rem .58rem;
  border-radius:999px;
  color:rgba(248,251,255,.78);
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  font-size:.74rem;
  font-weight:780;
}

@media (max-width: 1080px){
  .page-seo-webdesign .swd-frame__row{
    grid-template-columns:minmax(0, 1fr);
    gap:.5rem;
  }

  .page-seo-webdesign .swd-route-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px){
  .page-seo-webdesign .swd-canvas,
  .page-seo-webdesign .swd-visual{
    max-width:none;
    justify-self:stretch;
  }

  .page-seo-webdesign .swd-build__grid,
  .page-seo-webdesign .swd-close__layout{
    grid-template-columns:minmax(0, 1fr);
  }

  .page-seo-webdesign .swd-close__copy{
    padding:.2rem;
  }

  .page-seo-webdesign .swd-close__title{
    max-width:22ch;
  }

  .page-seo-webdesign .swd-route-grid{
    grid-template-columns:minmax(0, 1fr);
  }
}

@media (max-width: 640px){
  .page-seo-webdesign .swd-canvas,
  .page-seo-webdesign .swd-visual,
  .page-seo-webdesign .swd-frame__board,
  .page-seo-webdesign .swd-process__shell,
  .page-seo-webdesign .swd-close__panel,
  .page-seo-webdesign .swd-close__side{
    padding:.88rem;
  }

  .page-seo-webdesign .swd-visual__body,
  .page-seo-webdesign .swd-site-card__hero,
  .page-seo-webdesign .swd-visual__checks{
    grid-template-columns:minmax(0, 1fr);
  }

  .page-seo-webdesign .swd-visual__bar{
    grid-template-columns:auto minmax(0, 1fr);
  }

  .page-seo-webdesign .swd-visual__bar strong{
    grid-column:1 / -1;
    width:fit-content;
  }

  .page-seo-webdesign .swd-serp-card,
  .page-seo-webdesign .swd-site-card{
    min-height:0;
  }

  .page-seo-webdesign .swd-canvas__frame,
  .page-seo-webdesign .swd-layer,
  .page-seo-webdesign .swd-signal,
  .page-seo-webdesign .swd-lane,
  .page-seo-webdesign .swd-build__anchor,
  .page-seo-webdesign .swd-build__card,
  .page-seo-webdesign .swd-frame__row,
  .page-seo-webdesign .swd-fit__panel,
  .page-seo-webdesign .swd-step,
  .page-seo-webdesign .swd-route,
  .page-seo-webdesign .swd-close__card{
    padding:.92rem;
  }

  .page-seo-webdesign .swd-lane{
    grid-template-columns:minmax(0, 1fr);
    gap:.74rem;
  }

  .page-seo-webdesign .swd-build__card-head,
  .page-seo-webdesign .swd-route__head{
    gap:.72rem;
  }

  .page-seo-webdesign .swd-canvas__head strong{
    font-size:1.08rem;
  }
}