.page-webdesign-agentur{
  --wda-border:rgba(255,255,255,.10);
  --wda-border-strong:rgba(255,255,255,.14);
  --wda-surface:rgba(255,255,255,.035);
  --wda-surface-strong:rgba(255,255,255,.055);
  --wda-panel:rgba(16,19,27,.80);
  --wda-panel-soft:rgba(16,19,27,.72);
  --wda-shadow:0 18px 48px rgba(0,0,0,.18);
  --wda-shadow-deep:0 28px 76px rgba(0,0,0,.24);
  --wda-amber-rgb:246,158,38;
  --wda-red-rgb:225,98,86;
}

.wda-page{
  position:relative;
}

.wda-page h2{
  margin-top:0;
}

.wda-page .ui-line-accent--section{
  --line-width:min(10.75rem, 44%);
  --line-gap:.58rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .92), rgba(var(--brand-indigo-rgb), .78));
  --line-opacity:.88;
}

.wda-tone--brand{
  --wda-accent-rgb:var(--brand-rgb);
}

.wda-tone--indigo{
  --wda-accent-rgb:var(--brand-indigo-rgb);
}

.wda-tone--green{
  --wda-accent-rgb:var(--brand-green-rgb);
}

.wda-breadcrumb{
  margin-bottom:var(--page-breadcrumb-bottom-space);
}

.wda-breadcrumb__list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.42rem;
  color:var(--fg-muted);
  font-size:.92rem;
  line-height:1.35;
}

.wda-breadcrumb a{
  color:rgba(248,251,255,.78);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--transition-fast), border-color var(--transition-fast);
}

.wda-breadcrumb a:hover,
.wda-breadcrumb a:focus-visible{
  color:#fff;
  border-color:rgba(255,255,255,.26);
}

.wda-breadcrumb span[aria-current="page"]{
  color:#fff;
  font-weight:850;
}

.wda-hero{
  padding-top:var(--page-breadcrumb-top-space);
}

.wda-hero__grid{
  --split-cols:minmax(0, 1.04fr) minmax(360px, .96fr);
  --split-align-desktop:start;
  gap:clamp(1.2rem, 2.8vw, 2.5rem);
}

.wda-hero__copy{
  max-width:41rem;
}

.wda-hero__pill{
  margin-bottom:.62rem;
}

.wda-hero h1{
  max-width:min(100%, var(--page-h1-max-width));
  font-size:var(--page-h1-size);
  margin-bottom:.9rem;
}

.wda-hero__headline{
  --line-width:min(9.4rem, 34%);
  --line-gap:.68rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .96), rgba(var(--brand-green-rgb), .86));
  max-width:min(100%, var(--page-h1-max-width));
}

.wda-hero__lead,
.wda-hero__body{
  max-width:40rem;
}

.wda-hero__body{
  margin-top:.88rem;
}

.wda-hero__actions{
  margin-top:1.2rem;
}

.wda-hero__meta{
  display:grid;
  gap:.74rem;
  margin-top:1.05rem;
  max-width:38rem;
}

.wda-hero__stage{
  position:relative;
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), var(--wda-panel);
  --panel-shadow:var(--wda-shadow-deep);
  padding:1rem;
  overflow:hidden;
}

.wda-hero__stage::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .78), rgba(var(--brand-indigo-rgb), .58), rgba(var(--wda-amber-rgb), .28), transparent 82%);
  pointer-events:none;
}

.wda-stage__window{
  overflow:hidden;
  border-radius:26px;
  border:1px solid var(--wda-border-strong);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 64px rgba(0,0,0,.24);
}

.wda-stage__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.82rem 1rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.wda-stage__dots{
  display:flex;
  gap:.36rem;
}

.wda-stage__dots span{
  width:.62rem;
  height:.62rem;
  border-radius:999px;
  background:rgba(255,255,255,.24);
}

.wda-stage__dots span:nth-child(1){
  background:rgba(var(--brand-rgb), .76);
}

.wda-stage__dots span:nth-child(2){
  background:rgba(var(--brand-indigo-rgb), .72);
}

.wda-stage__dots span:nth-child(3){
  background:rgba(var(--brand-green-rgb), .72);
}

.wda-stage__title{
  color:var(--fg-muted);
  font-size:.84rem;
  font-weight:820;
  line-height:1.2;
}

.wda-stage__body{
  display:grid;
  gap:1rem;
  padding:1.12rem 1.15rem 1.2rem;
}

.wda-design-visual{
  position:relative;
  min-height:20.9rem;
  padding:1rem;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.016)),
    rgba(11,16,27,.58);
}

.wda-design-visual::before{
  content:"";
  position:absolute;
  inset:1rem .9rem auto .9rem;
  height:58%;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(115deg, rgba(var(--brand-rgb), .12), rgba(var(--brand-indigo-rgb), .08), rgba(var(--brand-green-rgb), .055));
  opacity:.88;
  transform:skewY(-2deg);
  transform-origin:left top;
}

.wda-design-visual__layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(5.7rem, .34fr);
  gap:.82rem;
  align-items:end;
  min-height:18.85rem;
}

.wda-design-screen,
.wda-design-phone,
.wda-blueprint-card{
  transition:
    transform var(--transition-base),
    border-color var(--transition-base),
    box-shadow var(--transition-base),
    background var(--transition-base);
}

.wda-design-screen{
  min-width:0;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(8,12,21,.86), rgba(8,12,21,.68));
  box-shadow:0 22px 52px rgba(0,0,0,.24);
}

.wda-design-screen__nav{
  display:grid;
  grid-template-columns:minmax(2.8rem, .9fr) .42fr .42fr minmax(2.3rem, .56fr);
  gap:.48rem;
  align-items:center;
  padding:.72rem .78rem;
  border-bottom:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
}

.wda-design-screen__nav span{
  display:block;
  height:.42rem;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}

.wda-design-screen__nav .wda-design-screen__brand{
  height:.62rem;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .9), rgba(var(--brand-indigo-rgb), .72));
}

.wda-design-screen__nav .wda-design-screen__cta{
  height:1.05rem;
  border:1px solid rgba(var(--brand-green-rgb), .34);
  background:rgba(var(--brand-green-rgb), .16);
}

.wda-design-screen__hero{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(5rem, .72fr);
  gap:.72rem;
  padding:.86rem;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.wda-design-screen__copy{
  min-width:0;
  display:grid;
  align-content:center;
}

.wda-design-screen__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;
}

.wda-design-screen__copy strong{
  display:block;
  margin-top:.52rem;
  color:#fff;
  font-size:clamp(.92rem, 1.7vw, 1.22rem);
  line-height:1.05;
  letter-spacing:0;
}

.wda-design-screen__copy i{
  display:block;
  height:.42rem;
  margin-top:.42rem;
  border-radius:999px;
  background:rgba(255,255,255,.20);
}

.wda-design-screen__copy i:nth-of-type(1){
  width:92%;
}

.wda-design-screen__copy i:nth-of-type(2){
  width:76%;
}

.wda-design-screen__copy i:nth-of-type(3){
  width:58%;
}

.wda-design-screen__actions{
  display:flex;
  align-items:center;
  gap:.42rem;
  margin-top:.7rem;
}

.wda-design-screen__actions b,
.wda-design-screen__actions em{
  display:block;
  height:1.12rem;
  border-radius:999px;
}

.wda-design-screen__actions b{
  width:4.25rem;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .9), rgba(var(--brand-indigo-rgb), .72));
}

.wda-design-screen__actions em{
  width:2.55rem;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.055);
}

.wda-design-screen__media{
  position:relative;
  min-height:6.8rem;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:.68rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(145deg, rgba(var(--brand-indigo-rgb), .20), rgba(var(--brand-rgb), .10)),
    rgba(255,255,255,.035);
}

.wda-design-screen__media::before,
.wda-design-screen__media::after{
  content:"";
  position:absolute;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
}

.wda-design-screen__media::before{
  top:.72rem;
  right:.68rem;
  width:58%;
  height:42%;
}

.wda-design-screen__media::after{
  left:.68rem;
  bottom:1.95rem;
  width:42%;
  height:32%;
  background:rgba(var(--brand-rgb), .13);
}

.wda-design-screen__media span{
  position:relative;
  z-index:1;
  display:inline-flex;
  padding:.28rem .5rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,12,21,.48);
  color:rgba(248,251,255,.82);
  font-size:.65rem;
  font-weight:850;
  line-height:1.1;
}

.wda-design-screen__sections{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.54rem;
  padding:.74rem;
}

.wda-design-screen__sections span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.38rem;
  padding:.5rem .4rem;
  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;
}

.wda-design-phone{
  min-width:0;
  min-height:14.35rem;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding:.68rem .48rem .58rem;
  border-radius:1.6rem;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(8,12,21,.90), rgba(8,12,21,.72));
  box-shadow:0 22px 54px rgba(0,0,0,.28);
  transform:translateY(.25rem);
}

.wda-design-phone__speaker{
  width:1.75rem;
  height:.22rem;
  margin:0 auto .08rem;
  border-radius:999px;
  background:rgba(255,255,255,.20);
}

.wda-design-phone__tag{
  display:inline-flex;
  align-self:flex-start;
  padding:.24rem .42rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .24);
  background:rgba(var(--brand-rgb), .12);
  color:rgba(248,251,255,.82);
  font-size:.58rem;
  font-weight:850;
  line-height:1.1;
}

.wda-design-phone strong,
.wda-design-phone i,
.wda-design-phone b,
.wda-design-phone__cards span{
  display:block;
  border-radius:999px;
}

.wda-design-phone strong{
  height:2.1rem;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(var(--brand-rgb), .24), rgba(var(--brand-indigo-rgb), .15));
}

.wda-design-phone i{
  height:.36rem;
  background:rgba(255,255,255,.18);
}

.wda-design-phone i:nth-of-type(1){
  width:92%;
}

.wda-design-phone i:nth-of-type(2){
  width:72%;
}

.wda-design-phone b{
  height:1.18rem;
  width:74%;
  background:rgba(var(--brand-green-rgb), .18);
  border:1px solid rgba(var(--brand-green-rgb), .25);
}

.wda-design-phone__cards{
  display:grid;
  gap:.42rem;
  margin-top:.08rem;
}

.wda-design-phone__cards span{
  height:2.1rem;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.085);
  background:rgba(255,255,255,.038);
}

.wda-blueprint-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.78rem;
}

.wda-blueprint-card{
  position:relative;
  min-height:100%;
  overflow:hidden;
  padding:.9rem .85rem;
  border-radius:18px;
  border:1px solid var(--wda-border);
  background:rgba(255,255,255,.032);
  box-shadow:var(--wda-shadow);
}

.wda-blueprint-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--wda-accent-rgb, var(--brand-rgb)), .86), rgba(255,255,255,.12));
}

.wda-blueprint-card__label{
  display:inline-flex;
  padding:.27rem .56rem;
  border-radius:999px;
  border:1px solid rgba(var(--wda-accent-rgb, var(--brand-rgb)), .24);
  background:rgba(var(--wda-accent-rgb, var(--brand-rgb)), .10);
  color:#fff;
  font-size:.78rem;
  font-weight:850;
  line-height:1.1;
}

.wda-blueprint-card__text{
  margin-top:.62rem;
  color:rgba(248,251,255,.78);
  font-size:.92rem;
  line-height:1.5;
}

.wda-hero__stage:hover .wda-design-screen{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 28px 62px rgba(0,0,0,.30);
}

.wda-hero__stage:hover .wda-design-phone{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.20);
}

.wda-blueprint-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--wda-accent-rgb, var(--brand-rgb)), .24);
  background:rgba(255,255,255,.043);
}

.wda-section-head{
  max-width:49rem;
  margin-bottom:1.18rem;
}

.wda-section-head--center{
  margin-inline:auto;
  text-align:center;
}

.wda-section-head__eyebrow{
  display:inline-flex;
  margin-bottom:.56rem;
}

.wda-card-head{
  display:flex;
  gap:.78rem;
  align-items:flex-start;
  margin-bottom:.72rem;
}

.wda-card-head__title{
  margin:0;
  font-size:1.06rem;
  line-height:1.28;
  font-weight:900;
}

.wda-card-head__icon,
.wda-principle-item__icon,
.wda-check-list__icon{
  color:#fff;
  background:rgba(var(--wda-accent-rgb, var(--brand-rgb)), .12);
  border-color:rgba(var(--wda-accent-rgb, var(--brand-rgb)), .26);
  box-shadow:0 8px 20px rgba(var(--wda-accent-rgb, var(--brand-rgb)), .16);
}

.wda-card-head__icon svg,
.wda-principle-item__icon svg,
.wda-check-list__icon svg,
.wda-fit__note .ui-note__icon svg,
.wda-final__note .ui-note__icon svg,
.wda-link-inline__icon svg{
  width:1rem;
  height:1rem;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.wda-problem-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}

.wda-problem-card{
  min-height:100%;
  padding:1rem 1rem 1.06rem;
  border-color:var(--wda-border);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
}

.wda-problem-card,
.wda-principle-item,
.wda-scope-card,
.wda-compare-row,
.wda-compare-side,
.wda-compare-row__axis,
.wda-compare-board__head-cell,
.wda-process-card{
  transition:
    transform var(--transition-fast),
    border-color var(--transition-base),
    box-shadow var(--transition-base),
    background var(--transition-base),
    filter var(--transition-base);
}

@media (hover:hover){
  .wda-problem-card:hover,
  .wda-principle-item:hover,
  .wda-scope-card:hover,
  .wda-process-card:hover{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.18);
    box-shadow:var(--wda-shadow-deep);
    filter:brightness(1.01);
  }

  .wda-compare-row:hover .wda-compare-side,
  .wda-compare-row:hover .wda-compare-row__axis{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.16);
    box-shadow:var(--wda-shadow-deep);
    filter:brightness(1.01);
  }
}

.wda-principles__grid{
  --split-cols:minmax(0, 1.02fr) minmax(320px, .98fr);
  --split-align-desktop:center;
  gap:clamp(1.2rem, 2.6vw, 2.2rem);
}

.wda-principles__panel{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), var(--wda-panel);
  --panel-shadow:var(--wda-shadow-deep);
}

.wda-principles__bottom{
  display:grid;
  gap:.8rem;
}

.wda-principles__stack{
  display:grid;
  gap:.9rem;
  align-content:center;
}

.wda-principle-item{
  min-height:100%;
  --feature-padding:1rem 1rem;
  --feature-bg:rgba(255,255,255,.03);
  box-shadow:var(--wda-shadow);
}

.wda-principles__links{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.2rem;
  padding-top:.18rem;
}

.wda-scope__grid{
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:1rem;
}

.wda-scope-card{
  min-height:100%;
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)), rgba(16,19,27,.76);
  --panel-shadow:var(--wda-shadow);
}

.wda-scope-card--wide{
  grid-column:span 7;
}

.wda-scope-card--narrow{
  grid-column:span 5;
}

.wda-card-label{
  display:inline-flex;
  align-items:center;
  padding:.34rem .58rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:rgba(248,251,255,.84);
  font-size:.8rem;
  font-weight:840;
  line-height:1.1;
  margin-bottom:.78rem;
}

.wda-scope-card__title{
  margin:0;
}

.wda-bullet-list,
.wda-check-list{
  list-style:none;
  padding:0;
  margin:0;
}

.wda-bullet-list{
  display:grid;
  gap:.62rem;
}

.wda-bullet-list li{
  position:relative;
  padding-left:1.05rem;
  color:rgba(248,251,255,.82);
  font-size:.95rem;
  line-height:1.55;
}

.wda-bullet-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.58rem;
  width:.46rem;
  height:.46rem;
  border-radius:999px;
  background:rgba(var(--brand-rgb), .92);
  box-shadow:0 0 0 4px rgba(var(--brand-rgb), .14);
}

.wda-bullet-list--compact li{
  font-size:.93rem;
}

.wda-compare-board{
  position:relative;
  margin-top:1.16rem;
  padding:clamp(.72rem, 1.55vw, 1rem);
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(16,19,27,.76);
  box-shadow:var(--wda-shadow-deep);
}

.wda-compare-board::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .82), rgba(var(--brand-indigo-rgb), .66), rgba(var(--wda-amber-rgb), .42));
}

.wda-compare-board::after{
  content:"";
  position:absolute;
  inset:1rem 50% 1rem auto;
  width:1px;
  transform:translateX(.5px);
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.16), transparent);
  opacity:.68;
  pointer-events:none;
}

.wda-compare-board__head,
.wda-compare-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(7.4rem, .42fr) minmax(0, 1fr);
  align-items:stretch;
  gap:.82rem;
}

.wda-compare-board__head-cell{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:.94rem 1rem;
  border-radius:21px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.034);
}

.wda-compare-board__head-cell::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--wda-compare-accent), rgba(255,255,255,.06));
}

.wda-compare-board__head-cell--standard{
  --wda-compare-accent:rgba(var(--wda-amber-rgb), .62);
  background:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.018));
  border-color:rgba(var(--wda-amber-rgb), .12);
}

.wda-compare-board__head-cell--ours{
  --wda-compare-accent:rgba(var(--brand-rgb), .68);
  background:linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.019));
  border-color:rgba(var(--brand-rgb), .14);
}

.wda-compare-board__head-cell span{
  display:inline-flex;
  max-width:100%;
  padding:.3rem .58rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(8,12,21,.34);
  color:rgba(248,251,255,.76);
  font-size:.8rem;
  font-weight:860;
  line-height:1.1;
}

.wda-compare-board__head-cell strong{
  display:block;
  margin-top:.62rem;
  color:#fff;
  font-size:1.05rem;
  line-height:1.22;
  font-weight:930;
}

.wda-compare-board__axis-label{
  align-self:center;
  justify-self:center;
  width:3rem;
  height:3rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--brand-rgb), .12), transparent 70%),
    rgba(8,12,21,.58);
  color:rgba(248,251,255,.78);
  font-size:.75rem;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

.wda-compare__list{
  display:grid;
  gap:.82rem;
  margin-top:1rem;
}

.wda-compare-row{
  position:relative;
  min-width:0;
  padding:.12rem 0;
}

.wda-compare-row::before{
  content:"";
  position:absolute;
  inset:50% calc(50% - .5px) auto auto;
  width:1px;
  height:calc(100% + .94rem);
  transform:translateY(-50%);
  background:rgba(255,255,255,.10);
  pointer-events:none;
}

.wda-compare-side{
  position:relative;
  min-width:0;
  min-height:100%;
  overflow:hidden;
  padding:1rem 1.05rem 1.04rem;
  border-radius:21px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.032);
  box-shadow:var(--wda-shadow);
}

.wda-compare-side::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--wda-compare-accent), rgba(255,255,255,.06));
}

.wda-compare-side--standard{
  --wda-compare-accent:rgba(var(--wda-amber-rgb), .58);
  background:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.018));
  border-color:rgba(var(--wda-amber-rgb), .12);
}

.wda-compare-side--ours{
  --wda-compare-accent:rgba(var(--brand-rgb), .66);
  background:linear-gradient(180deg, rgba(255,255,255,.046), rgba(255,255,255,.019));
  border-color:rgba(var(--brand-rgb), .15);
}

.wda-compare-row__axis{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.58rem;
  padding:.82rem .72rem;
  border-radius:22px;
  border:1px solid rgba(var(--brand-rgb), .16);
  background:
    radial-gradient(circle at 50% 10%, rgba(var(--brand-rgb), .10), transparent 72%),
    rgba(8,12,21,.62);
  box-shadow:0 14px 30px rgba(0,0,0,.20);
  text-align:center;
}

.wda-compare-row__icon{
  width:2.15rem;
  height:2.15rem;
  border-radius:14px;
  background:rgba(var(--brand-rgb), .10);
  color:rgba(var(--brand-rgb), 1);
}

.wda-compare-row__icon svg{
  width:1.05rem;
  height:1.05rem;
}

.wda-compare-row__axis strong{
  color:#fff;
  font-size:.86rem;
  font-weight:930;
  line-height:1.16;
  letter-spacing:-.005em;
}

.wda-compare-side__label{
  display:flex;
  align-items:center;
  gap:.44rem;
  color:#fff;
  font-size:.8rem;
  font-weight:900;
  line-height:1.2;
}

.wda-compare-side__label::before{
  content:"";
  width:.48rem;
  height:.48rem;
  flex:0 0 auto;
  border-radius:999px;
  background:var(--wda-side-dot, rgba(var(--brand-rgb), .9));
  box-shadow:0 0 0 4px var(--wda-side-dot-soft, rgba(var(--brand-rgb), .12));
}

.wda-compare-side--standard .wda-compare-side__label{
  --wda-side-dot:rgba(var(--wda-amber-rgb), .92);
  --wda-side-dot-soft:rgba(var(--wda-amber-rgb), .09);
}

.wda-compare-side--ours .wda-compare-side__label{
  --wda-side-dot:rgba(var(--brand-rgb), .96);
  --wda-side-dot-soft:rgba(var(--brand-rgb), .09);
}

.wda-compare-side p{
  margin-top:.62rem;
  color:rgba(248,251,255,.82);
  font-size:.94rem;
  line-height:1.55;
}

.wda-compare-side--ours p{
  color:rgba(248,251,255,.88);
}

.wda-route__layout{
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(0, .98fr);
  gap:1rem;
  align-items:start;
}

.wda-route__left{
  display:grid;
  gap:1rem;
  align-content:start;
}

.wda-route__feature,
.wda-route-card,
.wda-route__rail,
.wda-proof-link{
  text-decoration:none;
  color:inherit;
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-base),
    border-color var(--transition-base),
    background var(--transition-base),
    filter var(--transition-base);
}

.wda-route__feature:hover,
.wda-route__feature:focus-visible,
.wda-route-card:hover,
.wda-route-card:focus-visible,
.wda-route__rail:hover,
.wda-route__rail:focus-visible,
.wda-proof-link:hover,
.wda-proof-link:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.20);
  box-shadow:var(--wda-shadow-deep);
  filter:brightness(1.01);
}

.wda-route__feature:focus-visible,
.wda-route-card:focus-visible,
.wda-route__rail:focus-visible,
.wda-proof-link:focus-visible,
.wda-inline-cta:focus-visible,
.wda-faq-item__summary:focus-visible{
  outline:none;
  box-shadow:var(--wda-shadow-deep), var(--focus-ring);
}

.wda-route__feature{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)), rgba(16,19,27,.78);
  --panel-shadow:var(--wda-shadow);
}

.wda-route__feature .ui-panel__bottom{
  display:grid;
  gap:.95rem;
}

.wda-route__feature-note{
  padding:.84rem .9rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}

.wda-route__feature-title{
  max-width:20ch;
}

.wda-route__stack{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.9rem;
  grid-auto-rows:1fr;
  align-content:start;
}

.wda-route-card{
  display:flex;
  flex-direction:column;
  gap:.9rem;
  min-height:100%;
  padding:1rem 1rem 1.05rem;
  border:1px solid var(--wda-border);
  border-radius:var(--radius-md);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
  box-shadow:var(--wda-shadow);
}

.wda-route-card__text{
  margin-top:.34rem;
}

.wda-link-inline{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  width:fit-content;
  font-weight:860;
  color:#fff;
  line-height:1.2;
}

.wda-link-inline__icon{
  display:inline-flex;
  transition:transform var(--transition-fast);
}

.wda-route__feature:hover .wda-link-inline__icon,
.wda-route__feature:focus-visible .wda-link-inline__icon,
.wda-route-card:hover .wda-link-inline__icon,
.wda-route-card:focus-visible .wda-link-inline__icon,
.wda-route__rail:hover .wda-link-inline__icon,
.wda-route__rail:focus-visible .wda-link-inline__icon,
.wda-proof-link:hover .wda-link-inline__icon,
.wda-proof-link:focus-visible .wda-link-inline__icon{
  transform:translateX(2px);
}

.wda-route__rail{
  margin-top:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.05rem;
  border:1px solid var(--wda-border);
  border-radius:var(--radius-md);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
  box-shadow:var(--wda-shadow);
}

.wda-route__rail strong{
  display:block;
  margin-bottom:.2rem;
  color:#fff;
  font-size:1rem;
  font-weight:900;
  line-height:1.25;
}

.wda-process__timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
}

.wda-process-card{
  position:relative;
  z-index:1;
  min-height:100%;
  padding:1.08rem 1rem 1.08rem;
  border-color:var(--wda-border);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:var(--wda-shadow);
  overflow:hidden;
}

.wda-process-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .86), rgba(var(--brand-indigo-rgb), .66));
}

.wda-process-card:nth-child(2)::before{
  background:linear-gradient(90deg, rgba(var(--brand-indigo-rgb), .86), rgba(var(--brand-rgb), .66));
}

.wda-process-card:nth-child(3)::before{
  background:linear-gradient(90deg, rgba(var(--brand-green-rgb), .86), rgba(var(--brand-rgb), .62));
}

.wda-process-card:nth-child(4)::before{
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .86), rgba(var(--brand-green-rgb), .62));
}

.wda-process-card__number{
  width:2.5rem;
  height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .24);
  background:linear-gradient(135deg, rgba(var(--brand-rgb), .20), rgba(var(--brand-indigo-rgb), .18));
  color:#fff;
  font-weight:900;
  margin-bottom:.9rem;
  box-shadow:0 14px 30px rgba(var(--brand-rgb), .12);
}

.wda-process-card__title{
  margin:0 0 .45rem;
  font-size:1.04rem;
  line-height:1.28;
  font-weight:900;
}

.wda-process-card__meta{
  display:inline-flex;
  align-items:center;
  margin-top:.72rem;
  padding:.34rem .58rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.wda-process__footer{
  display:flex;
  justify-content:center;
  margin-top:1rem;
}

.wda-fit__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.04fr) minmax(300px, .96fr);
  gap:1rem;
  align-items:center;
}

.wda-fit__panel{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), rgba(16,19,27,.79);
  --panel-shadow:var(--wda-shadow-deep);
}

.wda-check-list{
  display:grid;
  gap:.84rem;
}

.wda-check-list li{
  display:flex;
  gap:.78rem;
  align-items:flex-start;
}

.wda-check-list__icon{
  --wda-accent-rgb:var(--brand-green-rgb);
  margin-top:.04rem;
}

.wda-fit__aside{
  display:grid;
  gap:.9rem;
  align-content:center;
}

.wda-proof-link{
  display:flex;
  flex-direction:column;
  gap:.88rem;
  min-height:100%;
  padding:1rem 1rem 1.05rem;
  border:1px solid var(--wda-border);
  border-radius:var(--radius-md);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
  box-shadow:var(--wda-shadow);
}

.wda-fit__note{
  min-height:100%;
  align-items:flex-start;
}

.wda-fit__note .ui-note__icon,
.wda-final__note .ui-note__icon{
  width:1.15rem;
  height:1.15rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 1.15rem;
  margin-top:.08rem;
  color:#fff;
}

.wda-fit__note strong,
.wda-final__note strong{
  display:block;
  margin-bottom:.28rem;
  color:#fff;
}

.wda-inline-cta{
  margin-top:.88rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.9rem;
  padding:.74rem 1rem;
  border-radius:14px;
  border:1px solid rgba(var(--brand-rgb), .28);
  background:rgba(var(--brand-rgb), .12);
  color:#fff;
  font-weight:850;
  cursor:pointer;
  transition:
    transform var(--transition-fast),
    border-color var(--transition-fast),
    background var(--transition-fast),
    box-shadow var(--transition-fast);
}

.wda-inline-cta:hover{
  transform:translateY(-1px);
  border-color:rgba(var(--brand-rgb), .38);
  background:rgba(var(--brand-rgb), .16);
  box-shadow:0 14px 28px rgba(var(--brand-rgb), .14);
}

.wda-faq__list{
  max-width:58rem;
  margin-inline:auto;
  display:grid;
  gap:.9rem;
}

.wda-faq-item{
  min-height:100%;
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.016)), rgba(16,19,27,.75);
}

.wda-faq-item__summary{
  list-style:none;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  cursor:pointer;
  padding:1rem 1.05rem;
  font-weight:860;
  line-height:1.45;
  color:#fff;
  transition:background var(--transition-fast);
}

.wda-faq-item__summary:hover{
  background:rgba(255,255,255,.02);
}

.wda-faq-item__toggle{
  flex:0 0 auto;
  width:1.8rem;
  height:1.8rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  transition:transform var(--transition-fast), background var(--transition-fast);
}

.wda-faq-item[open] .wda-faq-item__toggle{
  transform:rotate(45deg);
  background:rgba(var(--brand-rgb), .16);
}

.wda-faq-item__body{
  padding:0 1.05rem 1rem;
}

.wda-richtext a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.24);
  transition:border-color var(--transition-fast), color var(--transition-fast);
}

.wda-richtext a:hover,
.wda-richtext a:focus-visible{
  border-color:rgba(255,255,255,.42);
}

.wda-final__panel{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018)), rgba(16,19,27,.80);
  --panel-shadow:var(--wda-shadow-deep);
}

.wda-final__inner{
  display:grid;
  grid-template-columns:minmax(0, 1.04fr) minmax(0, .96fr);
  gap:1.2rem;
  align-items:center;
  padding:clamp(1.25rem, 2.8vw, 1.9rem);
}

.wda-final__pill{
  margin-bottom:.6rem;
}

.wda-final__headline{
  --line-width:min(9.3rem, 38%);
  --line-gap:.68rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .96), rgba(var(--brand-indigo-rgb), .82));
  max-width:17ch;
  margin-top:0;
}

.wda-final__links{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.15rem;
  margin-top:1rem;
}

.wda-final__aside{
  display:block;
}

.wda-final__summary{
  padding:1rem 1rem 1.06rem;
  border:1px solid var(--wda-border);
  border-radius:var(--radius-md);
  background:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.016));
  box-shadow:var(--wda-shadow);
}

.wda-final__summary-title{
  margin:.55rem 0 .55rem;
  color:#fff;
  font-size:1.12rem;
  line-height:1.28;
  font-weight:900;
}

.wda-check-list--compact{
  gap:.72rem;
  margin-top:.9rem;
}

.wda-final__summary-mini{
  margin-top:.95rem;
  padding-top:.88rem;
  border-top:1px solid rgba(255,255,255,.08);
}

@media (min-width: 981px){
  .wda-process__timeline::before{
    content:"";
    position:absolute;
    left:4%;
    right:4%;
    top:1.18rem;
    height:1px;
    background:linear-gradient(90deg, rgba(var(--brand-rgb), .34), rgba(var(--brand-indigo-rgb), .32), rgba(var(--brand-green-rgb), .30));
    opacity:.72;
  }
}

@media (max-width: 1120px){
  .wda-route__layout,
  .wda-fit__grid,
  .wda-final__inner{
    grid-template-columns:1fr;
  }

  .wda-route__stack{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .wda-process__timeline{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .wda-final__headline{
    max-width:none;
  }
}

@media (max-width: 980px){
  .wda-problem-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .wda-scope__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .wda-scope-card--wide,
  .wda-scope-card--narrow{
    grid-column:span 1;
  }
}

@media (max-width: 780px){
  .wda-route__stack,
  .wda-problem-grid,
  .wda-process__timeline,
  .wda-scope__grid,
  .wda-blueprint-grid,
  .wda-compare-board__head,
  .wda-compare-row{
    grid-template-columns:1fr;
  }

  .wda-compare-board{
    padding:.72rem;
    border-radius:24px;
  }

  .wda-compare-board::after,
  .wda-compare-row::before{
    display:none;
  }

  .wda-compare-board__axis-label{
    width:auto;
    height:auto;
    min-height:2.2rem;
    padding:.48rem .82rem;
    justify-self:start;
    border-radius:999px;
  }

  .wda-compare-row{
    gap:.66rem;
    padding:0;
  }

  .wda-compare-row__axis{
    order:-1;
    min-height:0;
    flex-direction:row;
    justify-content:flex-start;
    text-align:left;
    padding:.78rem .86rem;
    border-radius:18px;
  }

  .wda-compare-side{
    padding:.88rem .9rem;
    border-radius:17px;
  }

  .wda-design-visual__layout{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .wda-design-screen__hero{
    grid-template-columns:1fr;
  }

  .wda-design-phone{
    width:min(13rem, 72%);
    justify-self:center;
    margin-top:-.2rem;
    transform:none;
  }

  .wda-route__rail{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width: 680px){
  .wda-hero{
    padding-top:var(--page-breadcrumb-top-space);
  }

  .wda-hero h1{
    max-width:min(100%, var(--page-h1-max-width));
    font-size:var(--page-h1-size);
  }

}

@media (max-width: 520px){
  .wda-breadcrumb{
    margin-bottom:var(--page-breadcrumb-bottom-space);
  }

  .wda-card-head{
    gap:.7rem;
  }

  .wda-hero__stage{
    padding:.9rem;
  }

  .wda-stage__body,
  .wda-route-card,
  .wda-problem-card,
  .wda-proof-link,
  .wda-process-card,
  .wda-route__rail,
  .wda-final__summary{
    padding:.95rem;
  }

  .wda-design-visual,
  .wda-blueprint-card{
    padding:.9rem;
  }

  .wda-design-screen__sections{
    grid-template-columns:1fr;
  }

  .wda-faq-item__summary{
    padding:.95rem 1rem;
  }

  .wda-faq-item__body{
    padding:0 1rem 1rem;
  }

  .wda-final__inner{
    padding:1rem;
  }
}