:root{
  --bg:#09090b; --bg2:#111114; --border:#27272a;
  --fg:#fafafa; --fg2:#a1a1aa; --fg3:#71717a;
  --cyan:#22d3ee; --sky:#0ea5e9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
header.hero{text-align:center;padding:72px 24px 40px}
.hero img.logo{width:72px;height:72px;border-radius:18px;box-shadow:0 12px 40px rgba(34,211,238,.18)}
h1{font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:22px 0 10px}
.tagline{color:var(--fg2);font-size:18px;margin:0 auto 26px;max-width:540px}
.cta{display:inline-block;background:linear-gradient(180deg,var(--cyan),var(--sky));
  color:#04222b;font-weight:700;padding:13px 26px;border-radius:12px;font-size:16px}
.cta:hover{text-decoration:none;filter:brightness(1.05)}
.sub{display:block;margin-top:12px;color:var(--fg3);font-size:13px}
main{padding:8px 0 40px}
section{padding:28px 0;border-top:1px solid var(--border)}
h2{font-size:20px;letter-spacing:-.01em;margin:0 0 14px}
ul{padding-left:20px;margin:0}
li{margin:8px 0;color:var(--fg2)}
li strong{color:var(--fg)}
.faq h3{font-size:16px;margin:18px 0 4px;color:var(--fg)}
.faq p{color:var(--fg2);margin:0 0 6px}
footer{border-top:1px solid var(--border);padding:28px 24px 60px;text-align:center;color:var(--fg3);font-size:13px}
.priv h1{text-align:left;font-size:28px;margin-top:48px}
.priv h2{font-size:18px;margin-top:26px}
.priv p,.priv li{color:var(--fg2)}
.meta{color:var(--fg3);font-size:14px}