:root{
  --blue:#4f46e5; --blue-dark:#4338ca; --ink:#0f1729; --muted:#667085;
  --line:#e6e9ef; --bg:#f7f8fb; --soft:#eef0fe;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);line-height:1.6;background:var(--bg);-webkit-font-smoothing:antialiased;
}
a{color:var(--blue);text-decoration:none;} a:hover{text-decoration:underline;}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px;}

/* Header */
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;gap:14px;height:62px;}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:var(--ink);}
.brand:hover{text-decoration:none;}
.nav .spacer{flex:1;}
.nav a.link{color:var(--muted);font-weight:600;font-size:14.5px;}
.nav a.link:hover{color:var(--ink);text-decoration:none;}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;font-weight:700;font-size:14.5px;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;}
.btn:hover{background:var(--blue-dark);text-decoration:none;}
.btn.soon{background:var(--soft);color:var(--blue-dark);cursor:default;}
.btn.ghost{background:#fff;color:var(--blue);border:1px solid #cfd2f7;}

/* Hero */
.hero{padding:76px 0 40px;text-align:center;}
.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-1px;max-width:15ch;margin:0 auto 18px;}
.hero p.sub{font-size:clamp(16px,2.2vw,20px);color:var(--muted);max-width:56ch;margin:0 auto 26px;}
.hero .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.disclaim{margin-top:16px;font-size:13px;color:#98a2b3;}

/* Sections */
section{padding:44px 0;}
.eyebrow{text-align:center;color:var(--blue);font-weight:700;letter-spacing:.4px;text-transform:uppercase;font-size:13px;margin-bottom:8px;}
h2.h{text-align:center;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.5px;margin-bottom:34px;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(16,24,40,.04);}
.card .ic{width:44px;height:44px;border-radius:11px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.card h3{font-size:17px;margin-bottom:6px;}
.card p{color:var(--muted);font-size:14.5px;}
.steps{counter-reset:s;max-width:720px;margin:0 auto;display:grid;gap:16px;}
.step{display:flex;gap:16px;align-items:flex-start;}
.step .n{counter-increment:s;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;}
.step .n::before{content:counter(s);}
.step h3{font-size:16.5px;margin-bottom:2px;} .step p{color:var(--muted);font-size:14.5px;}

/* Footer */
footer{border-top:1px solid var(--line);background:#fff;padding:34px 0;margin-top:30px;}
.foot{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:14px;color:var(--muted);}
.foot .spacer{flex:1;}
.foot a{color:var(--muted);font-weight:600;} .foot a:hover{color:var(--ink);}
.foot .fine{width:100%;font-size:12.5px;color:#98a2b3;margin-top:6px;}

/* Article (privacy / terms) */
.article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 38px;margin:34px 0 50px;box-shadow:0 2px 12px rgba(16,24,40,.04);}
.article h1{font-size:28px;margin-bottom:4px;}
.article .updated{color:var(--muted);font-size:14px;margin-bottom:20px;}
.article h2{font-size:18px;margin:24px 0 6px;}
.article p{margin-bottom:10px;}
.article ul{margin:0 0 10px 20px;}

@media(max-width:760px){ .grid{grid-template-columns:1fr;} .nav a.link{display:none;} }