:root{
  --why-paper:#f4f8fb;
  --why-cream:#fbfaf5;
  --why-ink:#0b2d4d;
  --why-blue:#004c97;
  --why-deep:#002b5c;
  --why-green:#008e3b;
  --why-sky:#66c8ea;
  --why-line:#c7dce9;
  --why-ease:cubic-bezier(.16,1,.3,1);
  --why-display:var(--font-display,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif);
}

.why-page{background:var(--why-paper);color:var(--why-ink);font-family:var(--font-body,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif)}
.why-page #siteHeader{background:var(--why-paper)}
.why-page .header-nav a.active{background:#e2edf5;color:var(--brand);font-weight:800}
.why-page footer{margin-top:0}
.why-wrap{width:min(1180px,92vw);margin-inline:auto}
.why-section{padding:clamp(4.2rem,7vw,7rem) 0}
.why-section-label{display:inline-flex;align-items:center;gap:.55rem;color:var(--why-green);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.why-section-label::before,
.why-section-label::after{content:"";width:24px;height:2px;flex:0 0 24px;border-radius:999px;background:currentColor;opacity:.9}
.why-section h2{color:var(--why-deep);font-family:var(--why-display);font-size:clamp(2rem,3.6vw,3.15rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.why-section h2 em{color:var(--why-blue);font-style:normal}

/* Compact panoramic trust hero, aligned with Shop and Blog */
.why-hero{position:relative;isolation:isolate;min-height:clamp(240px,19vw,290px);overflow:hidden;border-bottom:1px solid #0b6e9c;background:#001b43;color:#eef8ff}
.why-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 42% 96% at 50% 50%,rgba(0,13,34,.82) 0%,rgba(0,18,44,.56) 58%,rgba(0,25,58,.14) 100%),linear-gradient(90deg,rgba(0,25,58,.14),rgba(0,16,39,.3) 50%,rgba(0,78,68,.1))}
.why-hero::after{content:"";position:absolute;z-index:3;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#0057b8 0%,#42b7e5 46%,#19ac55 100%);box-shadow:0 -8px 24px rgba(66,183,229,.18)}
.why-hero-media{position:absolute;z-index:-2;inset:0;display:block;background:#001b43}
.why-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(1.04) contrast(1.03) brightness(.98);animation:whyHeroMediaIn 480ms var(--why-ease) both}
.why-hero-inner{display:grid;min-height:clamp(240px,19vw,290px);place-items:center;padding-block:1.5rem}
.why-hero-copy{position:relative;width:100%;padding-top:1rem;text-align:center}
.why-hero-copy::before{content:"";position:absolute;top:0;left:50%;width:84px;height:3px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg,rgba(66,183,229,0),#42b7e5 28%,#34c66a 72%,rgba(52,198,106,0));box-shadow:0 0 18px rgba(66,183,229,.38)}
.why-hero h1{margin:0;color:#f5faff;font-family:var(--why-display);font-size:clamp(2.55rem,4.45vw,4.3rem);font-weight:900;line-height:.98;letter-spacing:.035em;text-indent:.035em;text-shadow:0 3px 22px rgba(0,10,29,.82),0 0 1px rgba(245,250,255,.9);text-wrap:balance;animation:whyHeroCopyIn 420ms 70ms var(--why-ease) both}
.why-hero-copy p{max-width:760px;margin:.85rem auto 0;color:#e2f0f8;font-size:clamp(.9rem,1.35vw,1.08rem);font-weight:680;line-height:1.45;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,10,29,.94);animation:whyHeroCopyIn 420ms 120ms var(--why-ease) both}
@keyframes whyHeroCopyIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes whyHeroMediaIn{from{opacity:.42;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}

.why-btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.72rem 1.25rem;border:1px solid transparent;border-radius:999px;font-size:.85rem;font-weight:800;line-height:1.2;transition:transform .22s var(--why-ease),box-shadow .22s var(--why-ease),background-color .18s linear,border-color .18s linear}
.why-btn:hover{transform:translateY(-2px)}
.why-btn-primary{background:var(--why-blue);color:#f7fbfe;box-shadow:0 9px 21px rgba(0,76,151,.2)}
.why-btn-primary:hover{background:#005aad;box-shadow:0 13px 28px rgba(0,76,151,.27)}
.why-btn-secondary{border-color:#a9c8da;background:rgba(249,252,253,.72);color:var(--why-blue)}
.why-btn-secondary:hover{border-color:#78aac7;background:#f7fbfd}
.why-proof-rail{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #a9c8da;background:#f7fbfd;box-shadow:0 12px 32px rgba(0,43,92,.08)}
.why-proof-rail>div{min-width:0;padding:1.25rem clamp(1rem,2.3vw,1.75rem)}
.why-proof-rail>div+div{border-left:1px solid #cbdfe9}
.why-proof-rail dt{color:var(--why-blue);font-family:var(--why-display);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:750;letter-spacing:-.025em}
.why-proof-rail dd{margin-top:.15rem;color:#637b8e;font-size:.72rem;font-weight:650;line-height:1.45}

/* Decision section */
.why-decision{background:var(--why-cream)}
.decision-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:clamp(3rem,7vw,7rem);align-items:start}
.decision-statement{position:sticky;top:120px}
.decision-statement h2{max-width:12ch;margin-top:.85rem}
.decision-statement>p{max-width:55ch;margin-top:1.15rem;color:#536f82;font-size:.94rem;line-height:1.75}
.decision-statement>a,.feedback-heading>a{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.35rem;color:var(--why-blue);font-size:.8rem;font-weight:850;border-bottom:1px solid #8db6ce;padding-bottom:.2rem}
.decision-list{display:grid;list-style:none;border-top:1px solid #b9d2df}
.decision-list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:1rem;padding:1.45rem 0;border-bottom:1px solid #b9d2df}
.decision-list>li>span{width:34px;height:34px;display:grid;place-items:center;margin-top:.15rem;border-radius:50%;background:var(--why-deep);color:#eaf6fb;font-family:var(--why-display);font-size:.68rem;font-weight:750}
.decision-list h3{color:var(--why-deep);font-family:var(--why-display);font-size:1.18rem;font-weight:750}
.decision-list p{margin-top:.3rem;color:#5a7487;font-size:.85rem;line-height:1.65}

/* Safe buying: anti-scam education without marketplace accusations */
.why-safe-buy{position:relative;overflow:hidden;background:#f2e9dc}
.why-safe-buy::before{content:"";position:absolute;right:-120px;top:-150px;width:420px;height:420px;border:1px solid rgba(138,90,18,.16);border-radius:50%;box-shadow:0 0 0 52px rgba(251,247,239,.48)}
.safe-buy-shell{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);gap:clamp(3rem,7vw,7rem);align-items:start}
.safe-buy-message .why-section-label{color:#8a5a12}
.safe-buy-message h2{max-width:12ch;margin-top:.8rem}
.safe-buy-message>p{max-width:54ch;margin-top:1.15rem;color:#685b4b;font-size:.91rem;line-height:1.78}
.safe-buy-trust{display:grid;gap:.22rem;margin:1.5rem 0;padding:1rem 0;border-block:1px solid #d5bd99}
.safe-buy-trust strong{color:#6c430d;font-family:var(--why-display);font-size:1.02rem;font-weight:750;text-transform:uppercase}
.safe-buy-trust span{max-width:46ch;color:#6f604d;font-size:.76rem;line-height:1.55}
.safe-buy-checklist{border:1px solid #d1b88f;background:#fbf7ef;box-shadow:11px 11px 0 #dfc9a5}
.safe-buy-head{display:grid;gap:.1rem;padding:1rem 1.15rem;border-bottom:1px solid #d8c29e;background:#785116;color:#f9f3e8}
.safe-buy-head span{font-size:.58rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;opacity:.78}
.safe-buy-head strong{font-family:var(--why-display);font-size:1rem;font-weight:750}
.safe-buy-checklist ol{display:grid;list-style:none;padding:0 1.15rem}
.safe-buy-checklist li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.8rem;padding:1rem 0;border-bottom:1px solid #dfccb0}
.safe-buy-checklist li>span{width:28px;height:28px;display:grid;place-items:center;margin-top:.1rem;border:1px solid #c39c62;border-radius:50%;color:#815411;font-family:var(--why-display);font-size:.6rem;font-weight:750}
.safe-buy-checklist li strong{color:#4f391d;font-size:.84rem;font-weight:850}
.safe-buy-checklist li p{margin-top:.18rem;color:#756650;font-size:.73rem;line-height:1.55}
.safe-buy-note{display:flex;align-items:flex-start;gap:.55rem;margin:0;padding:1rem 1.15rem;color:#4f6b55;font-size:.7rem;font-weight:700;line-height:1.55}
.safe-buy-note span{color:var(--why-green);font-size:.9rem;font-weight:900}

/* Service journey */
.why-journey{position:relative;overflow:hidden;background:#e8f2f7}
.why-journey::before{content:"";position:absolute;right:-90px;bottom:-130px;width:340px;height:340px;border:1px solid rgba(0,76,151,.13);border-radius:50%;box-shadow:0 0 0 48px rgba(246,251,253,.45)}
.why-section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr);gap:2rem;align-items:end;margin-bottom:clamp(2rem,4vw,3.25rem)}
.why-section-head h2{max-width:15ch;margin-top:.7rem}
.why-section-head>p{max-width:45ch;padding-bottom:.4rem;color:#587386;font-size:.88rem;line-height:1.7}
.journey-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none}
.journey-track::before{content:"";position:absolute;top:24px;left:2%;right:2%;height:1px;background:#8ebacf}
.journey-track li{position:relative;padding:0 clamp(1rem,2.2vw,1.65rem) 0 0}
.journey-track li+li{padding-left:clamp(1rem,2.2vw,1.65rem)}
.journey-number{position:relative;z-index:1;width:49px;height:49px;display:grid;place-items:center;border:5px solid #e8f2f7;border-radius:50%;background:var(--why-blue);color:#f3f9fc;font-family:var(--why-display);font-size:.72rem;font-weight:750;box-shadow:0 0 0 1px #8ebacf}
.journey-track h3{margin-top:1.15rem;color:var(--why-deep);font-family:var(--why-display);font-size:1.02rem;font-weight:750}
.journey-track p{margin-top:.35rem;color:#5a7487;font-size:.78rem;line-height:1.65}

/* Standards ledger */
.why-standards{padding-block:clamp(4.2rem,7vw,7.5rem);background:var(--why-deep);color:#d8e9f3}
.standards-shell{display:grid;grid-template-columns:minmax(0,.83fr) minmax(470px,1.17fr);gap:clamp(3rem,7vw,7rem);align-items:start}
.standards-intro .why-section-label{color:#70d59a}
.standards-intro h2{max-width:13ch;margin-top:.8rem;color:#f3f9fc}
.standards-intro>p{max-width:53ch;margin-top:1.15rem;color:#bed5e4;font-size:.9rem;line-height:1.75}
.standards-quote{position:relative;max-width:470px;margin-top:2rem;padding:1.25rem 1.25rem 1.25rem 2.8rem;border-top:1px solid #3979ad;border-bottom:1px solid #3979ad}
.standards-quote>span{position:absolute;left:.3rem;top:.4rem;color:#5ec98b;font-family:Georgia,serif;font-size:3.5rem;line-height:1}
.standards-quote p{color:#e5f1f7;font-family:Georgia,serif;font-size:.96rem;font-style:italic;line-height:1.65}
.standards-ledger{border-top:1px solid #3979ad}
.ledger-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1.3rem 0;border-bottom:1px solid #3979ad}
.ledger-row>span{color:#76a8c9;font-family:var(--why-display);font-size:.7rem}
.ledger-row strong{color:#f3f9fc;font-family:var(--why-display);font-size:.96rem;font-weight:750}
.ledger-row p{margin-top:.25rem;color:#b8d0df;font-size:.76rem;line-height:1.6}
.ledger-row>b{align-self:center;padding:.25rem .55rem;border:1px solid #4e89b3;border-radius:999px;color:#78d9a0;font-size:.58rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}

/* Customer feedback */
.why-feedback{background:var(--why-cream)}
.feedback-layout{display:grid;grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.feedback-heading{position:sticky;top:120px}
.feedback-heading h2{max-width:11ch;margin-top:.75rem}
.feedback-heading>p{max-width:42ch;margin-top:1rem;color:#5b7486;font-size:.86rem;line-height:1.7}
.feedback-quotes{display:grid;grid-template-columns:1.18fr .82fr;gap:1rem;align-items:end}
.feedback-quotes blockquote{position:relative;margin:0;padding:clamp(1.25rem,2.6vw,2rem);border:1px solid #c3d9e5;background:#f5fafc;color:#234c6a}
.feedback-quotes blockquote::before{content:"“";position:absolute;right:1.15rem;top:.3rem;color:#d6e8f0;font-family:Georgia,serif;font-size:4.6rem;line-height:1}
.feedback-quotes .feedback-featured{min-height:330px;display:flex;flex-direction:column;justify-content:space-between;background:var(--why-blue);color:#f0f7fb;border-color:var(--why-blue)}
.feedback-featured::before{color:rgba(237,247,251,.16)!important}
.feedback-stars{position:relative;z-index:1;color:#f2bd2d;font-size:.75rem;letter-spacing:.12em}
.feedback-quotes blockquote>p{position:relative;z-index:1;margin:1.2rem 0;color:inherit;font-family:var(--font-body,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif);font-size:clamp(.95rem,1.45vw,1.18rem);line-height:1.72}
.feedback-author{display:grid;gap:.08rem;border-top:1px solid currentColor;padding-top:.85rem;opacity:.9}
.feedback-author strong{font-size:.82rem}
.feedback-author span{font-size:.66rem}

/* Device advisor */
.device-advisor{scroll-margin-top:105px;background:#dfeef5}
.advisor-shell{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.advisor-copy h2{max-width:13ch;margin-top:.8rem}
.advisor-copy>p{max-width:47ch;margin-top:1.1rem;color:#527084;font-size:.9rem;line-height:1.75}
.advisor-copy ul{display:grid;gap:.7rem;margin-top:1.5rem;list-style:none}
.advisor-copy li{position:relative;padding-left:1.6rem;color:#385e78;font-size:.78rem;font-weight:700}
.advisor-copy li::before{content:"✓";position:absolute;left:0;top:-.1rem;color:var(--why-green);font-size:1rem;font-weight:900}
.advisor-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid #aecbdc;background:#f8fbfd;box-shadow:12px 12px 0 #b8d5e3}
.advisor-field{display:grid;align-content:start;gap:.35rem;min-width:0}
.advisor-field-wide{grid-column:1/-1}
.advisor-field label,.advisor-field legend{color:var(--why-deep);font-size:.73rem;font-weight:850;letter-spacing:.02em}
.advisor-field input,.advisor-field select{width:100%;min-height:49px;padding:.68rem .8rem;border:1px solid #aac5d6;border-radius:3px;background:#f1f7fa;color:var(--why-ink);font-size:.84rem;outline:0;transition:border-color .18s linear,box-shadow .18s linear,background-color .18s linear}
.advisor-field input:focus,.advisor-field select:focus{border-color:var(--why-blue);background:#fbfdfe;box-shadow:0 0 0 3px rgba(0,76,151,.12)}
.advisor-field input[aria-invalid="true"],.advisor-field select[aria-invalid="true"]{border-color:#a82e2e;background:#fff7f6}
.advisor-use{padding:0;border:0}
.advisor-options{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.2rem}
.advisor-options label{position:relative;cursor:pointer}
.advisor-options input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.advisor-options span{min-height:38px;display:inline-flex;align-items:center;padding:.45rem .72rem;border:1px solid #aec8d8;border-radius:999px;background:#edf5f9;color:#46667c;font-size:.69rem;font-weight:750;transition:transform .18s var(--why-ease),border-color .18s linear,background-color .18s linear,color .18s linear}
.advisor-options input:checked+span{border-color:var(--why-blue);background:var(--why-blue);color:#f5fafd}
.advisor-options input:focus-visible+span{outline:3px solid var(--why-sky);outline-offset:2px}
.advisor-error{min-height:1.05em;color:#a32626;font-size:.66rem;font-weight:700;line-height:1.4}
.advisor-submit{grid-column:1/-1;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:0;border-radius:3px;background:var(--why-green);color:#f4fbf7;font-size:.84rem;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(0,111,47,.17);transition:transform .2s var(--why-ease),background-color .18s linear,box-shadow .2s var(--why-ease)}
.advisor-submit:hover{transform:translateY(-2px);background:#007d34;box-shadow:0 12px 25px rgba(0,111,47,.23)}
.advisor-status,.advisor-fallback{grid-column:1/-1;margin:0;color:#1c6d3d;font-size:.7rem;font-weight:750}
.advisor-fallback{width:max-content;border-bottom:1px solid currentColor;color:var(--why-blue)}

/* FAQs and closing statement */
.why-faq{background:var(--why-cream)}
.faq-layout{display:grid;grid-template-columns:minmax(260px,.58fr) minmax(500px,1.42fr);gap:clamp(3rem,7vw,7rem);align-items:start}
.faq-layout>header{position:sticky;top:120px}
.faq-layout h2{max-width:11ch;margin-top:.8rem}
.faq-layout header>p{max-width:42ch;margin:1rem 0 1.4rem;color:#5b7486;font-size:.86rem;line-height:1.7}
.faq-list{border-top:1px solid #b8cfdb}
.faq-list details{border-bottom:1px solid #b8cfdb}
.faq-list summary{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem .2rem;color:var(--why-deep);font-family:var(--why-display);font-size:.96rem;font-weight:750;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #9fbdce;border-radius:50%;font-family:var(--font-body,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif);transition:transform .25s var(--why-ease),background-color .18s linear,color .18s linear}
.faq-list details[open] summary span{background:var(--why-blue);color:#f6fafc;transform:rotate(45deg)}
.faq-list details p{max-width:68ch;padding:0 3.25rem 1.35rem .2rem;color:#587184;font-size:.82rem;line-height:1.7}
.why-final{overflow:hidden;padding:clamp(3.75rem,7vw,6rem) 0;background:var(--why-green);color:#f1f9f4}
.why-final-inner{position:relative}
.why-final-inner::after{content:"";position:absolute;right:-4%;top:50%;width:310px;height:310px;border:1px solid rgba(243,250,246,.28);border-radius:50%;box-shadow:0 0 0 46px rgba(243,250,246,.07);transform:translateY(-50%)}
.why-final span{font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.why-final h2{position:relative;z-index:1;max-width:18ch;margin:.65rem 0 1.5rem;color:#f3faf6;font-family:var(--why-display);font-size:clamp(2rem,4.5vw,4rem);font-weight:750;line-height:1.05;letter-spacing:-.045em}
.why-final-inner>div{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}
.why-btn-light{background:#f3faf6;color:#08632f;box-shadow:0 9px 22px rgba(0,77,32,.18)}
.why-text-link{display:inline-flex;gap:.45rem;color:#f3faf6;font-size:.8rem;font-weight:800;border-bottom:1px solid rgba(243,250,246,.58)}

/* Reveal is progressive enhancement only */
.js [data-why-reveal]{opacity:0;transform:translateY(24px);transition:opacity .68s linear,transform .78s var(--why-ease);transition-delay:var(--why-delay,0s)}
.js [data-why-reveal].is-visible{opacity:1;transform:translateY(0)}
.js .why-hero [data-why-reveal]{opacity:1;transform:none;transition:none}

@media(max-width:1020px){
  .decision-grid,.standards-shell{gap:3rem}
  .advisor-shell{grid-template-columns:minmax(240px,.65fr) minmax(480px,1.35fr);gap:2.5rem}
}

@media(max-width:820px){
  .why-section{padding:4.5rem 0}
  .why-hero,.why-hero-inner{min-height:220px}
  .why-hero-inner{padding-block:1.15rem}
  .why-hero h1{font-size:clamp(2.15rem,8vw,3rem)}
  .why-hero-copy p{margin-top:.7rem;font-size:.86rem;line-height:1.5}
  .why-proof-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-proof-rail>div:nth-child(3){border-left:0;border-top:1px solid #cbdfe9}
  .why-proof-rail>div:nth-child(4){border-top:1px solid #cbdfe9}
  .decision-grid,.safe-buy-shell,.standards-shell,.feedback-layout,.advisor-shell,.faq-layout{grid-template-columns:1fr}
  .decision-statement,.feedback-heading,.faq-layout>header{position:static}
  .why-section-head{grid-template-columns:1fr;align-items:start}
  .journey-track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.2rem}
  .journey-track::before{display:none}
  .journey-track li:nth-child(odd){padding-left:0}
  .journey-number{border-color:#e8f2f7}
  .standards-intro h2,.feedback-heading h2,.advisor-copy h2,.faq-layout h2{max-width:16ch}
  .feedback-quotes{max-width:720px}
  .advisor-shell{align-items:start}
}

@media(max-width:640px){
  .why-page{padding-bottom:80px}
  .why-section{padding:3.6rem 0}
  .why-wrap{width:94vw}
  .why-hero,.why-hero-inner{min-height:210px}
  .why-hero::before{background:radial-gradient(ellipse 74% 96% at 50% 50%,rgba(0,13,34,.84),rgba(0,18,44,.56) 60%,rgba(0,25,58,.14) 100%),linear-gradient(90deg,rgba(0,31,74,.12),rgba(0,17,42,.3),rgba(0,77,68,.1))}
  .why-hero-media img{object-position:center 52%}
  .why-hero-inner{padding-block:1rem}
  .why-hero h1{font-size:clamp(1.9rem,8.4vw,2.65rem);line-height:1.02;letter-spacing:.025em}
  .why-hero-copy p{max-width:36ch;margin-top:.64rem;color:#dcecf6;font-size:.8rem;line-height:1.45}
  .why-btn{width:100%}
  .why-proof-rail{width:100%;box-shadow:none}
  .why-proof-rail>div{padding:1rem .8rem}
  .why-proof-rail dt{font-size:1rem}.why-proof-rail dd{font-size:.64rem}
  .why-section h2{font-size:clamp(1.8rem,8.3vw,2.35rem)}
  .decision-list li{padding:1.15rem 0}
  .safe-buy-message h2{max-width:15ch}
  .safe-buy-checklist{box-shadow:7px 7px 0 #dfc9a5}
  .journey-track{grid-template-columns:1fr;gap:1.8rem}
  .journey-track li,.journey-track li+li{display:grid;grid-template-columns:49px minmax(0,1fr);column-gap:1rem;padding:0}
  .journey-track h3{align-self:end;margin-top:0}.journey-track p{grid-column:2}
  .ledger-row{grid-template-columns:28px minmax(0,1fr);gap:.7rem}
  .ledger-row>b{grid-column:2;justify-self:start;margin-top:.3rem}
  .feedback-quotes{grid-template-columns:1fr}
  .feedback-quotes .feedback-featured{min-height:280px}
  .advisor-form{grid-template-columns:1fr;padding:1rem;box-shadow:7px 7px 0 #b8d5e3}
  .advisor-field-wide,.advisor-submit,.advisor-status,.advisor-fallback{grid-column:auto}
  .advisor-options{gap:.35rem}.advisor-options span{font-size:.64rem;padding:.4rem .6rem}
  .faq-list summary{min-height:64px;font-size:.86rem}
  .faq-list details p{padding-right:2.4rem;font-size:.76rem}
  .why-final-inner::after{right:-45%;width:250px;height:250px}
  .why-final-inner>div{align-items:stretch;flex-direction:column}
}

@media(max-width:370px){
  .why-hero,.why-hero-inner{min-height:200px}
  .why-hero h1{font-size:1.9rem}
  .why-hero-copy p{font-size:.76rem}
  .why-proof-rail dd{font-size:.58rem}
  .advisor-options span{font-size:.6rem}
}

@media (max-width:767.98px), (max-height:500px) and (pointer:coarse){
  body[data-mobile-page="why"]{min-width:0;padding-bottom:0}
  body[data-mobile-page="why"] main,
  body[data-mobile-page="why"] main>*{min-width:0}
  body[data-mobile-page="why"] .why-wrap{width:calc(100% - 24px);max-width:none}
  body[data-mobile-page="why"] .why-section{padding:clamp(3rem,14vw,3.6rem) 0}
  body[data-mobile-page="why"] .why-section h2{max-width:100%;margin-inline:auto;font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.1;text-align:center;overflow-wrap:anywhere}
  body[data-mobile-page="why"] .why-section-label{display:flex;width:max-content;max-width:100%;justify-content:center;margin-inline:auto;font-size:.66rem;line-height:1.4;text-align:center;white-space:normal}
  body[data-mobile-page="why"] .why-section-label::before,
  body[data-mobile-page="why"] .why-section-label::after{content:"";width:clamp(20px,6vw,28px);height:2px;flex:0 0 clamp(20px,6vw,28px);border-radius:999px;background:currentColor;opacity:.9}
  body[data-mobile-page="why"] .why-btn{width:100%;min-width:0;min-height:49px;padding-inline:1rem;text-align:center;white-space:normal}

  body[data-mobile-page="why"] .why-hero,
  body[data-mobile-page="why"] .why-hero-inner{min-height:clamp(200px,56vw,220px)}
  body[data-mobile-page="why"] .why-hero-inner{width:calc(100% - 24px);padding-block:1rem}
  body[data-mobile-page="why"] .why-hero-copy{min-width:0;padding-top:.85rem}
  body[data-mobile-page="why"] .why-hero h1{font-size:clamp(1.9rem,8.4vw,2.7rem);line-height:1.04;letter-spacing:.015em}
  body[data-mobile-page="why"] .why-hero-copy p{max-width:36ch;margin-top:.65rem;font-size:clamp(.76rem,3.5vw,.86rem);line-height:1.5;overflow-wrap:anywhere}

  body[data-mobile-page="why"] .why-proof-rail{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:none}
  body[data-mobile-page="why"] .why-proof-rail>div{min-width:0;padding:.95rem .75rem}
  body[data-mobile-page="why"] .why-proof-rail>div:nth-child(3){border-top:1px solid #cbdfe9;border-left:0}
  body[data-mobile-page="why"] .why-proof-rail>div:nth-child(4){border-top:1px solid #cbdfe9}
  body[data-mobile-page="why"] .why-proof-rail dt{font-size:clamp(.98rem,4.7vw,1.12rem)}
  body[data-mobile-page="why"] .why-proof-rail dd{font-size:clamp(.62rem,2.9vw,.7rem);overflow-wrap:anywhere}

  body[data-mobile-page="why"] .decision-grid,
  body[data-mobile-page="why"] .safe-buy-shell,
  body[data-mobile-page="why"] .standards-shell,
  body[data-mobile-page="why"] .feedback-layout,
  body[data-mobile-page="why"] .advisor-shell,
  body[data-mobile-page="why"] .faq-layout{grid-template-columns:minmax(0,1fr);gap:2rem}
  body[data-mobile-page="why"] .decision-statement,
  body[data-mobile-page="why"] .feedback-heading,
  body[data-mobile-page="why"] .faq-layout>header{position:static;top:auto}
  body[data-mobile-page="why"] .decision-statement h2,
  body[data-mobile-page="why"] .safe-buy-message h2,
  body[data-mobile-page="why"] .standards-intro h2,
  body[data-mobile-page="why"] .feedback-heading h2,
  body[data-mobile-page="why"] .advisor-copy h2,
  body[data-mobile-page="why"] .faq-layout h2{max-width:16ch}
  body[data-mobile-page="why"] .decision-statement>a,
  body[data-mobile-page="why"] .feedback-heading>a{min-height:44px;max-width:100%;align-items:center;padding-block:.55rem;overflow-wrap:anywhere}
  body[data-mobile-page="why"] .decision-list li{grid-template-columns:38px minmax(0,1fr);gap:.8rem;padding:1.1rem 0}
  body[data-mobile-page="why"] .decision-list>li>span{width:34px;height:34px}

  body[data-mobile-page="why"] .safe-buy-message>p,
  body[data-mobile-page="why"] .safe-buy-trust span{max-width:100%}
  body[data-mobile-page="why"] .safe-buy-checklist{width:100%;box-shadow:6px 6px 0 #dfc9a5}
  body[data-mobile-page="why"] .safe-buy-head,
  body[data-mobile-page="why"] .safe-buy-checklist ol,
  body[data-mobile-page="why"] .safe-buy-note{padding-inline:1rem}
  body[data-mobile-page="why"] .safe-buy-checklist li{grid-template-columns:30px minmax(0,1fr);gap:.7rem}

  body[data-mobile-page="why"] .why-section-head{grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start;margin-bottom:2rem}
  body[data-mobile-page="why"] .why-section-head h2,
  body[data-mobile-page="why"] .why-section-head>p{max-width:100%}
  body[data-mobile-page="why"] .journey-track{grid-template-columns:minmax(0,1fr);gap:1.65rem}
  body[data-mobile-page="why"] .journey-track::before{display:none}
  body[data-mobile-page="why"] .journey-track li,
  body[data-mobile-page="why"] .journey-track li+li{display:grid;grid-template-columns:49px minmax(0,1fr);column-gap:1rem;padding:0}
  body[data-mobile-page="why"] .journey-track h3{align-self:end;margin-top:0}
  body[data-mobile-page="why"] .journey-track p{grid-column:2;margin-top:.3rem}

  body[data-mobile-page="why"] .standards-quote{max-width:100%;margin-top:1.5rem;padding-right:1rem}
  body[data-mobile-page="why"] .ledger-row{grid-template-columns:28px minmax(0,1fr);gap:.7rem;padding:1.1rem 0}
  body[data-mobile-page="why"] .ledger-row>b{grid-column:2;max-width:100%;justify-self:start;margin-top:.3rem;white-space:normal;text-align:center}
  body[data-mobile-page="why"] .ledger-row strong,
  body[data-mobile-page="why"] .ledger-row p{overflow-wrap:anywhere}

  body[data-mobile-page="why"] .feedback-quotes{max-width:100%;grid-template-columns:minmax(0,1fr);gap:1rem}
  body[data-mobile-page="why"] .feedback-quotes .feedback-featured{min-height:0}
  body[data-mobile-page="why"] .feedback-quotes blockquote{min-width:0;padding:1.2rem}
  body[data-mobile-page="why"] .feedback-quotes blockquote>p{overflow-wrap:anywhere}

  body[data-mobile-page="why"] .advisor-shell{align-items:start}
  body[data-mobile-page="why"] .advisor-copy>p{max-width:100%}
  body[data-mobile-page="why"] .advisor-form{width:100%;grid-template-columns:minmax(0,1fr);gap:.85rem;padding:1rem;box-shadow:6px 6px 0 #b8d5e3}
  body[data-mobile-page="why"] .advisor-field-wide,
  body[data-mobile-page="why"] .advisor-submit,
  body[data-mobile-page="why"] .advisor-status,
  body[data-mobile-page="why"] .advisor-fallback{grid-column:auto}
  body[data-mobile-page="why"] .advisor-field input,
  body[data-mobile-page="why"] .advisor-field select{min-height:49px;font-size:16px}
  body[data-mobile-page="why"] .advisor-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  body[data-mobile-page="why"] .advisor-options label{display:block;min-width:0}
  body[data-mobile-page="why"] .advisor-options label:last-child{grid-column:1/-1}
  body[data-mobile-page="why"] .advisor-options span{width:100%;min-height:44px;justify-content:center;padding:.5rem .6rem;font-size:.72rem;line-height:1.25;text-align:center;white-space:normal}
  body[data-mobile-page="why"] .advisor-submit{min-height:52px}
  body[data-mobile-page="why"] .advisor-fallback{width:auto;max-width:100%;overflow-wrap:anywhere}

  body[data-mobile-page="why"] .faq-layout header>p{max-width:100%;margin-bottom:1.2rem}
  body[data-mobile-page="why"] .faq-list summary{min-height:64px;gap:.75rem;padding:.85rem 0;font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}
  body[data-mobile-page="why"] .faq-list summary span{flex:none}
  body[data-mobile-page="why"] .faq-list details p{max-width:100%;padding:0 0 1.1rem;font-size:.78rem;overflow-wrap:anywhere}

  body[data-mobile-page="why"] .why-final{padding:3.5rem 0}
  body[data-mobile-page="why"] .why-final-inner>span{display:block;text-align:center}
  body[data-mobile-page="why"] .why-final h2{max-width:100%;margin-inline:auto;font-size:clamp(1.8rem,8.2vw,2.4rem);line-height:1.08;text-align:center;overflow-wrap:anywhere}
  body[data-mobile-page="why"] .why-final-inner::after{right:-45%;width:250px;height:250px}
  body[data-mobile-page="why"] .why-final-inner>div{align-items:stretch;flex-direction:column;gap:.75rem}
  body[data-mobile-page="why"] .why-text-link{width:100%;min-height:49px;align-items:center;justify-content:center;padding:.72rem 1rem;border:1px solid rgba(243,250,246,.58);border-radius:999px;text-align:center}

  body[data-mobile-page="why"] footer{padding-bottom:calc(1.5rem + var(--mobile-nav-height,64px) + max(20px,env(safe-area-inset-bottom)))}
  body[data-mobile-page="why"] .footer-inner,
  body[data-mobile-page="why"] .foot-bottom{width:calc(100% - 24px);max-width:none}
  body[data-mobile-page="why"] .decision-list p,
  body[data-mobile-page="why"] .safe-buy-shell,
  body[data-mobile-page="why"] .standards-shell,
  body[data-mobile-page="why"] .feedback-layout,
  body[data-mobile-page="why"] .advisor-shell,
  body[data-mobile-page="why"] .faq-layout,
  body[data-mobile-page="why"] footer{overflow-wrap:anywhere}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-why-reveal]{opacity:1;transform:none;transition:none}
  .why-hero-media img,.why-hero h1,.why-hero-copy p{animation:none}
  .why-btn,.advisor-submit,.advisor-options span,.faq-list summary span{transition:none}
}