:root{
  --bg:#0e3f49;
  --ink:#0b1f24;
  --muted:#58747b;
  --card:#ffffff;
  --accent:#00b3a4;
  --accent-2:#1ea7fd;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ink);background:#f7fbfc}
a{color:var(--accent-2);text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}

.nav{background:#083039;color:#fff;position:sticky;top:0;z-index:5}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.brand{color:#fff;font-weight:700}
.links .link{color:#cde4e9;margin-right:18px}
.links .link.active{color:#fff;font-weight:600}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:600}
.btn.primary{background:var(--accent);color:#062629}
.btn.outline{border:2px solid var(--accent);color:var(--accent)}
.btn.ghost{border:1px solid transparent;color:#cde4e9}

.hero{padding:70px 0 30px}
.hero.compact{padding:50px 0}
.hero h1{font-size:42px;line-height:1.1;margin:0 0 10px}
.hero .sub{color:var(--muted);font-size:18px;max-width:760px}
.accent{color:var(--accent)}
.cta-row{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}
.note,.note-box{color:#516c72;margin-top:10px}
.note-box{background:#eaf7f6;padding:14px;border-radius:8px}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:30px 0 10px}
.card{background:var(--card);border:1px solid #e8eff0;border-radius:12px;padding:16px}

.badge-soon span{background:#ffe7a3;color:#7a5200;padding:3px 6px;border-radius:6px;margin-left:6px;font-size:12px}

.faq details{background:#fff;border:1px solid #e8eff0;border-radius:10px;padding:12px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:600}
.bullets ul{margin:0 0 10px 18px}

.price{margin:14px 0;font-size:16px;color:var(--muted)}
.price .big{font-size:36px;color:var(--ink);font-weight:800}

.waitlist input[type=email], .contact input, .contact textarea{
  width:100%;max-width:520px;padding:12px;margin:6px 0;border:1px solid #cfe3e7;border-radius:10px;font:inherit
}

.legal{padding:40px 0}
.footer{background:#0b2f37;color:#cfe3e7;margin-top:30px}
.footer a{color:#cfe3e7}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:24px 0}
@media (max-width:800px){.foot-grid{grid-template-columns:1fr}}