:root { --ink:#eaf5f6; --muted:#a9bec4; --ground:#071113; --panel:#0d1c20; --line:rgba(191,236,239,.16); --cyan:#72f4f1; --mint:#a2fff1; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ground); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif; line-height:1.5; }
main { max-width:1200px; margin:0 auto; padding:0 32px; }
nav { height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); display:inline-flex; align-items:center; gap:11px; font-size:18px; font-weight:650; text-decoration:none; }
.brand img { width:32px; height:32px; border-radius:9px; }
.nav-link { color:var(--muted); text-decoration:none; font-size:14px; }
.hero { min-height:620px; display:grid; grid-template-columns:1.15fr .85fr; gap:64px; align-items:center; }
.eyebrow,.feature-number { margin:0 0 15px; color:var(--cyan); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
h1,h2,p { margin-top:0; } h1 { max-width:720px; margin-bottom:24px; font-size:clamp(54px,7vw,96px); line-height:.98; letter-spacing:-.065em; } h2 { font-size:clamp(28px,3vw,43px); line-height:1.06; letter-spacing:-.045em; }
.lede { max-width:570px; color:var(--muted); font-size:20px; }
.button { display:inline-flex; align-items:center; gap:12px; margin-top:18px; padding:14px 19px; border-radius:999px; background:var(--cyan); color:#042123; font-size:15px; font-weight:750; text-decoration:none; transition:transform .18s ease, background .18s ease; }
.button:hover { background:var(--mint); transform:translateY(-2px); }.requirements { margin:14px 0 0; color:var(--muted); font-size:13px; }
.first-launch { max-width:545px; margin:12px 0 0; color:var(--muted); font-size:13px; }
.button.disabled { background:rgba(114,244,241,.18); color:var(--ink); cursor:default; }.button.disabled:hover { background:rgba(114,244,241,.18); transform:none; }
.hero-product { display:grid; justify-items:center; gap:25px; padding:62px 25px; text-align:center; background:radial-gradient(circle at 50% 40%,rgba(75,225,233,.22),transparent 54%),var(--panel); border:1px solid var(--line); border-radius:30px; }
.hero-product img { width:min(260px,62vw); filter:drop-shadow(0 22px 38px rgba(82,242,241,.26)); }.hero-product p { margin:0; color:var(--muted); font-size:17px; }
.features { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.features article { min-height:290px; padding:43px 32px 36px 0; }.features article+article { border-left:1px solid var(--line); padding-left:32px; }.features h2 { margin-bottom:14px; font-size:29px; }.features p:not(.feature-number),.details>div p,.privacy>p { color:var(--muted); }
.details { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding:128px 0; }.details>div p { max-width:520px; font-size:18px; }.details ol { margin:0; padding:0; list-style:none; }.details li { display:grid; gap:5px; padding:19px 0; border-top:1px solid var(--line); }.details li:last-child { border-bottom:1px solid var(--line); }.details span { color:var(--muted); font-size:15px; }
.privacy { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:42px; padding:54px 0; border-top:1px solid var(--line); }.privacy h2 { margin:0; }.privacy>p { font-size:15px; }
.cta { padding:144px 0 160px; text-align:center; }.cta h2 { margin:0 auto 4px; font-size:clamp(42px,5vw,68px); }.cta .button { margin-top:28px; }
footer { display:flex; justify-content:space-between; max-width:1200px; margin:0 auto; padding:26px 32px 38px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }footer a { color:var(--muted); }
@media (max-width:760px) { main { padding:0 20px; }nav { height:74px; }.hero { grid-template-columns:1fr; gap:40px; padding:72px 0; min-height:auto; }h1 { font-size:54px; }.hero-product { padding:42px 20px; }.features,.details,.privacy { grid-template-columns:1fr; gap:0; }.features article,.features article+article { min-height:auto; padding:32px 0; border-left:0; border-top:1px solid var(--line); }.features article:first-child { border-top:0; }.details { padding:78px 0; gap:34px; }.privacy { padding:42px 0; gap:22px; }.cta { padding:92px 0 110px; }footer { margin:0 20px; padding:22px 0 30px; } }