:root{
  --bg:#0b1220;
  --ink:#0e1b2a;
  --card:#0f1f33;
  --muted:#9fb3c8;
  --text:#e6eef7;
  --brand:#2dd4bf;
  --accent:#60a5fa;
  --ok:#22c55e;
  --shadow: 0 10px 30px rgba(2,8,23,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";
  background: linear-gradient(180deg, var(--bg), #0a1322 70%);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.container{width:min(1120px, 92%); margin-inline:auto}
.notice{
  background: #08111f;
  color:#cfe1f5;
  border-bottom:1px solid #14243b;
  padding:.8rem 1rem; text-align:center; font-size:.95rem
}
.site-header{display:flex; align-items:center; justify-content:space-between; padding:1.2rem 0}
.brand{display:flex; align-items:center; gap:.6rem}
.brand-link{font-weight:700; font-size:1.15rem; text-decoration:none; color:var(--text)}
.reg{font-size:.8rem; vertical-align:super}
.tag{font-size:.8rem; color:var(--muted); border:1px solid #1e3352; padding:.15rem .5rem; border-radius:999px}
.nav{display:flex; align-items:center; gap:1rem}
.nav a{color:#cfe1f5; text-decoration:none; opacity:.9}
.nav a:hover{opacity:1}
.nav .cta.small{padding:.55rem .9rem; border-radius:10px; border:1px solid #1e3352}
.hero{display:grid; grid-template-columns: 1.2fr .8fr; gap:2rem; padding:2rem 0 1rem}
.hero-copy h1{font-size: clamp(1.8rem, 3.8vw, 3rem); line-height:1.1; margin:.2rem 0}
.brand-text{background: linear-gradient(90deg, var(--brand), var(--accent)); -webkit-background-clip:text; background-clip:text; color:transparent}
.lead{color:#d7e6f7; font-size:1.1rem}
.cta-row{display:flex; gap:1rem; margin:1rem 0 1.2rem}
.cta{display:inline-block; padding:.9rem 1.1rem; border-radius:12px; border:1px solid #1e3352; text-decoration:none; color:#daf0ff; box-shadow:var(--shadow)}
.cta.primary{background: linear-gradient(90deg, var(--brand), var(--accent)); color:#08111f; border-color:transparent; font-weight:700}
.cta.ghost{background:transparent}
.cta.block{display:block; text-align:center; width:100%; margin-top:.5rem}
.cta.inline{margin-top:.6rem; display:inline-block}
.pill{background:#13325b; padding:.08rem .45rem; border-radius:999px; font-size:.75rem}
.trust-points{list-style:none; padding:0; margin:.3rem 0 0}
.trust-points li{display:flex; align-items:center; gap:.5rem}
.trust-points li::before{content:'✔'; color:var(--ok)}
.hero-card .card{background: linear-gradient(180deg, #0c1a2b, #0a1422); border:1px solid #173053; padding:1.2rem; border-radius:16px}
.section{padding:2.2rem 0}
.section-head h2{font-size: clamp(1.4rem, 2.2vw, 2rem); margin:0}
.subhead{color:var(--muted); margin-top:.25rem}
.grid.two{display:grid; grid-template-columns: 1fr 1fr; gap:1.2rem}
.grid.three{display:grid; grid-template-columns: repeat(3,1fr); gap:1.2rem}
.card{background: linear-gradient(180deg, #0b1a2e, #0b1627); border:1px solid #173053; padding:1.2rem; border-radius:16px}
.checklist{margin:.5rem 0 0 1rem}
.center{text-align:center; margin-top:1.2rem}
.faq{background:#0b1627; border:1px solid #173053; border-radius:12px; padding:.8rem 1rem; margin:.5rem 0}
.faq summary{cursor:pointer; font-weight:600}
.faq-body{color:#cfe1f5; padding-top:.5rem}
.site-footer{margin-top:2rem; padding:2rem 0; border-top:1px solid #14243b; background:#07101d}
.footer-grid{display:grid; grid-template-columns: 2fr 1fr 1fr; gap:1.2rem}
.foot-brand{font-weight:700; margin-bottom:.4rem}
.foot-note{color:#9fb3c8; font-size:.92rem; margin:.1rem 0}
.foot-nav a, .policy a{display:block; color:#cfe1f5; text-decoration:none; margin:.25rem 0; opacity:.9}
.foot-nav a:hover, .policy a:hover{opacity:1}
@media (max-width: 900px){
  .hero{grid-template-columns:1fr}
  .grid.two{grid-template-columns:1fr}
  .grid.three{grid-template-columns:1fr}
  .nav{gap:.6rem}
  .nav a{font-size:.95rem}
}