.why-page{--why-line:rgba(255,255,255,.11);--why-panel:rgba(255,255,255,.045)}
.why-header{background:rgba(2,20,23,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.why-header-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid rgba(212,168,85,.42);border-radius:999px;color:#fff;font-size:.88rem;font-weight:700;transition:border-color .2s ease,background .2s ease}
.why-header-link:hover{border-color:var(--cta);background:rgba(212,168,85,.1)}
.why-hero{overflow:hidden;background:radial-gradient(circle at 50% 15%,rgba(212,168,85,.13),transparent 34%),radial-gradient(circle at 8% 72%,rgba(28,142,151,.12),transparent 30%),var(--bg)}
.why-hero .answer-shell{position:relative}
.why-hero-claim{margin:20px 0 24px;color:#fff;font-size:clamp(1.8rem,4vw,3.1rem);font-weight:800;line-height:1.08;letter-spacing:-.035em}
.why-hero-claim span{color:var(--cta)}
.why-hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px}
.why-text-link{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:rgba(212,168,85,.6);text-underline-offset:5px}
.why-summary{margin-top:58px}
.why-summary strong{font-size:clamp(1.15rem,2vw,1.55rem)}
.why-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--cta);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.why-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.65rem;letter-spacing:.08em}
.why-status--live{color:#9cf2cf;background:rgba(37,180,124,.14);border:1px solid rgba(37,180,124,.28)}
.why-status--planned{color:#f3d69d;background:rgba(212,168,85,.12);border:1px solid rgba(212,168,85,.27)}
.why-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.why-feature-card{position:relative;min-height:245px;padding:28px;border:1px solid var(--why-line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));overflow:hidden}
.why-feature-card h3{max-width:260px;margin:34px 0 12px;color:#fff;font-size:1.18rem;line-height:1.25}
.why-feature-card p{margin:0;color:var(--text-sec);font-size:.94rem;line-height:1.65}
.why-feature-number{position:absolute;top:24px;right:24px;color:rgba(212,168,85,.48);font-size:.72rem;font-weight:800;letter-spacing:.12em}
.why-cost-card strong{color:#fff}
.why-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:30px 0;background:var(--why-line);border:1px solid var(--why-line);border-radius:16px;overflow:hidden}
.why-facts div{display:flex;flex-direction:column;gap:7px;padding:20px;background:#092427}
.why-facts dt{color:var(--text-sec);font-size:.78rem}
.why-facts dd{margin:0;color:#fff;font-size:1.16rem;font-weight:800}
.why-risk-card{display:flex;flex-direction:column;justify-content:center}
.why-role-card{align-self:stretch}
.why-check-list{display:grid;gap:0;margin:22px 0 0;padding:0;list-style:none}
.why-check-list li{display:grid;gap:5px;padding:16px 0;border-bottom:1px solid var(--why-line)}
.why-check-list li:last-child{border-bottom:0}
.why-check-list strong{color:#fff;font-size:.92rem}
.why-check-list span{color:var(--text-sec);font-size:.92rem;line-height:1.55}
.why-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.why-roadmap div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border:1px solid rgba(212,168,85,.18);border-radius:16px;background:rgba(212,168,85,.055)}
.why-roadmap span{color:#fff;font-weight:750}
.why-roadmap small{color:var(--cta);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.why-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.why-decision-grid>article{padding:28px;border:1px solid var(--why-line);border-radius:18px;background:var(--why-panel)}
.why-decision-grid h3{margin:0;color:#fff;font-size:1.12rem}
.why-check-list--compact li{position:relative;display:block;padding:14px 0 14px 28px}
.why-check-list--compact li:before{content:"✓";position:absolute;top:14px;left:0;color:#69dfb0;font-weight:800}
.why-check-list--neutral li:before{content:"→";color:var(--cta)}
.why-cta-section{padding:30px 0 92px;background:var(--bg)}
.why-cta-box{padding:64px 34px;border:1px solid rgba(212,168,85,.24);border-radius:26px;background:radial-gradient(circle at 50% 0,rgba(212,168,85,.17),transparent 45%),linear-gradient(150deg,#082a2d,#031719);text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.why-cta-box h2{max-width:650px;margin:18px auto 12px;color:#fff;font-size:clamp(2rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.04em}
.why-cta-box>p:not(.risk-note){color:var(--text-sec);font-size:1.03rem}
.why-store-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px 0 18px}
.why-store-actions a{display:inline-flex}
.why-store-actions img{display:block;height:48px;width:auto}
.why-footer{padding:56px 0 40px;background:#011012;border-top:1px solid var(--why-line)}
.why-footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
.why-footer-main .logo-img{width:120px;height:auto}
.why-footer-main p{margin:12px 0 0;color:var(--text-sec)}
.why-footer-main nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px}
.why-footer-main a{color:var(--text-sec);font-size:.88rem}
.why-footer-main a:hover{color:#fff}
.why-footer-legal{display:grid;gap:8px;margin-top:36px;padding-top:26px;border-top:1px solid var(--why-line)}
.why-footer-legal p{max-width:900px;margin:0;color:rgba(190,205,205,.65);font-size:.73rem;line-height:1.6}
@media(max-width:900px){
  .why-feature-grid{grid-template-columns:1fr 1fr}
  .why-roadmap{grid-template-columns:1fr}
}
@media(max-width:700px){
  .why-header-link{min-height:38px;padding:0 14px;font-size:.8rem}
  .why-hero{padding-top:116px}
  .why-hero-actions{align-items:stretch;flex-direction:column;gap:16px}
  .why-text-link{text-align:center}
  .why-summary{margin-top:44px}
  .why-feature-grid,.why-decision-grid{grid-template-columns:1fr}
  .why-feature-card{min-height:0;padding:24px}
  .why-feature-card h3{margin-top:30px}
  .why-facts{grid-template-columns:1fr}
  .why-cta-section{padding-bottom:62px}
  .why-cta-box{padding:46px 20px;border-radius:20px}
  .why-store-actions{flex-direction:column}
  .why-footer-main{flex-direction:column}
  .why-footer-main nav{justify-content:flex-start;gap:14px 18px}
}
@media(prefers-reduced-motion:reduce){.why-header-link{transition:none}}
