:root{--bg:#0b0f14;--fg:#f6f8fb;--mut:#a2b4c5;--acc:#19b5b8;--panel:#0f141b;--stroke:#1b2230;--ok:#23c16b}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:clamp(14px,3vw,24px)}
.nav{position:sticky;top:0;z-index:999;background:#0b0f1499;border-bottom:1px solid var(--stroke);backdrop-filter:saturate(140%) blur(8px)}
.navrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#0e141b;border:1px solid var(--stroke);font-size:18px}
.brand h1{font-size:16px;margin:0;font-weight:800;letter-spacing:.2px}
.navcta{display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:14px;font-weight:800;border:1px solid var(--stroke);cursor:pointer}
.btn.primary{background:var(--acc);color:#042e31;border:none}.btn.ghost{background:#0f1823}.btn.link{border:none;background:transparent;padding:10px}
.hero{display:grid;gap:16px;padding:clamp(18px,3.2vw,28px);border:1px solid var(--stroke);border-radius:18px;background:linear-gradient(180deg,rgba(25,181,184,.12),rgba(25,181,184,.04))}
.hero h2{font-size:clamp(28px,5.4vw,46px);margin:0}.lead{font-size:clamp(16px,2.6vw,19px);color:#dbe7ee}
.badges{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--stroke);background:#0e141b;color:#cfe9eb;border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:6px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:18px}.card h3{margin:0 0 8px;font-size:20px}.card p,.card li{color:#cfe1f0}
.split{display:grid;gap:16px;grid-template-columns:1.2fr 1fr}@media (max-width:920px){.split{grid-template-columns:1fr}}
.mini{font-size:12px;color:var(--mut)}.section{margin-top:22px}
.footer{margin:28px 0 8px;color:#93a6b8;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;background:#0e141b;border-top:1px solid var(--stroke);padding:10px;display:none;gap:10px;z-index:999}.sticky-cta .btn{flex:1}
@media (max-width:640px){.sticky-cta{display:flex} body{padding-bottom:80px}}