:root {
  --bg:#0C1422;
  --panel:#182841;
  --text:#E8F1FF;
  --muted:#B8C8E0;
  --cta:#7FB7FF;
  --cta-text:#0b1322;
  --line:#2A4465;
  --maxw:1120px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);line-height:1.66;background:radial-gradient(1200px 720px at 88% -18%,rgba(80,126,199,.33),transparent 55%),var(--bg)}
.container{width:min(var(--maxw),92%);margin:0 auto}
.narrow{width:min(760px,100%)}
.section{padding:5.2rem 0}
.section-soft{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(24,40,65,.35),rgba(24,40,65,0))}
.trust-strip{text-align:center;padding:.56rem .8rem;background:#0a1019;border-bottom:1px solid var(--line);font-size:.84rem;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(12,20,34,.86);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-weight:700;color:var(--text);text-decoration:none}
.nav{display:flex;gap:1rem;flex-wrap:wrap}
.nav a{color:var(--muted);text-decoration:none;font-size:.94rem}
.nav a:hover{color:var(--text)}
h1{font-size:clamp(2rem,5vw,3.2rem);margin:.2rem 0 .8rem}
h2{font-size:clamp(1.45rem,3vw,2rem);margin:0 0 .95rem}
h3{margin:.2rem 0 .5rem}
.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:#c7deff;font-size:.76rem}
.lead{font-size:1.1rem;color:var(--muted);max-width:58ch}
.legit{color:var(--muted)}
.hero-shell{display:grid;grid-template-columns:1.2fr .9fr;gap:1.2rem;align-items:stretch;border:1px solid var(--line);border-radius:18px;padding:1.4rem;background:linear-gradient(160deg,rgba(24,40,65,.94),rgba(12,20,34,.92));box-shadow:0 16px 34px rgba(0,0,0,.28)}
.panel,.hero-panel,.card,.price-box,.faq-list details{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));padding:1.15rem;box-shadow:0 12px 28px rgba(0,0,0,.24)}
.hero-panel h2{margin-bottom:1rem}
.output-blocks{display:grid;gap:.55rem}
.output-blocks p{margin:0;padding:.58rem .72rem;border:1px solid var(--line);border-radius:10px;background:rgba(127,183,255,.08);color:#d7e8ff}
.grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.grid.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.num{display:inline-flex;width:1.7rem;height:1.7rem;align-items:center;justify-content:center;border-radius:999px;background:#c7deff;color:#0b1322;font-weight:700;font-size:.85rem;margin-bottom:.56rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.15rem;border-radius:10px;border:1px solid transparent;background:var(--cta);color:var(--cta-text);text-decoration:none;font-weight:700}
.btn:hover{filter:brightness(1.05)}
.btn-sm{padding:.58rem .9rem;font-size:.92rem}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}
.btn-ghost:hover{background:#101d31}
.btn-wide{width:100%}
.cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.cta-group{margin-top:1.2rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:rgba(127,183,255,.06)}
.cta-group .legit{margin:0 0 .65rem}
.badge{text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;color:#c7deff}
.muted{color:var(--muted)}
.scope-note{color:var(--muted);font-size:.93rem}
.notice{border-color:#3b5a82}
.faq-list{display:grid;gap:.7rem}
.faq-list summary{cursor:pointer;font-weight:600}
.faq-list p{color:var(--muted)}
.output-grid .card h3{margin-bottom:.5rem}
.output-grid .card p{margin:0}
.profile-card h3{margin-bottom:.8rem}
.profile-card p{margin:.36rem 0}
.profile-card p strong{display:inline-block;color:#c7deff;font-weight:700}
.site-footer{border-top:1px solid var(--line);background:#0a1019;padding:1.2rem 0;color:var(--muted)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer-brand{font-weight:700;color:var(--text);margin:0 0 .3rem}
.footer-links a{color:var(--muted);text-decoration:none}
.footer-links a:hover{color:var(--text)}
a{color:#c7deff}
.legal-page{max-width:760px;margin:2rem auto;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));padding:1.2rem;box-shadow:0 12px 28px rgba(0,0,0,.24)}
@media (max-width:940px){.header-inner{flex-wrap:wrap;padding:.8rem 0}.hero-shell{grid-template-columns:1fr}}
@media (max-width:640px){.section{padding:3.8rem 0}}