:root { color-scheme: light dark; --ink:#101922; --paper:#f7f7f3; --muted:#69737c; --blue:#4e70ff; --line:rgba(16,25,34,.13); --panel:#fff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
nav, main, footer { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
nav { height:88px; display:flex; align-items:center; justify-content:space-between; }
nav a { color:inherit; text-decoration:none; font-weight:650; }
nav div { display:flex; gap:24px; }
.brand { display:flex; gap:11px; align-items:center; font-size:1.05rem; }
.brand img { border-radius:10px; }
.hero { min-height:720px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:80px; overflow:hidden; }
.eyebrow { color:var(--blue); font-size:.78rem; font-weight:850; letter-spacing:.17em; text-transform:uppercase; }
.hero h1 { margin:18px 0 28px; font-size:clamp(4rem,8vw,7.8rem); line-height:.84; letter-spacing:-.075em; text-transform:uppercase; }
.hero-copy>p:not(.eyebrow) { max-width:570px; color:var(--muted); font-size:clamp(1.1rem,2vw,1.45rem); }
.coming-soon { display:inline-block; margin-top:20px; padding:10px 15px; border:1px solid var(--line); border-radius:999px; font-size:.86rem; font-weight:700; }
.device-shot { justify-self:center; width:min(390px,100%); padding:14px 14px 0; border-radius:52px 52px 0 0; background:#0f1922; box-shadow:0 30px 70px rgba(12,20,29,.2); transform:translateY(80px); }
.device-shot img { display:block; width:100%; border-radius:40px 40px 0 0; }
.features { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); }
.features article { padding:64px 36px 64px 0; }
.features article+article { padding-left:36px; border-left:1px solid var(--line); }
.features span { color:var(--blue); font-weight:800; }
.features h2 { margin:24px 0 12px; font-size:1.8rem; letter-spacing:-.035em; }
.features p,.pro>p:last-child { color:var(--muted); }
.pro { padding:120px 0; max-width:850px; }
.pro h2 { margin:18px 0; font-size:clamp(2.7rem,6vw,5.5rem); line-height:.95; letter-spacing:-.06em; }
.pro>p:last-child { max-width:700px; font-size:1.15rem; }
footer { display:flex; justify-content:space-between; gap:40px; padding:32px 0 50px; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; }
.legal { width:min(760px,calc(100% - 40px)); margin:80px auto 120px; }
.legal h1 { font-size:clamp(3rem,8vw,6rem); line-height:.95; letter-spacing:-.06em; }
.legal h2 { margin-top:48px; font-size:1.35rem; }
.legal p,.legal li { color:var(--muted); }
.legal a { color:var(--blue); }
.legal .updated { margin-bottom:48px; font-size:.9rem; }
@media(max-width:760px){ nav div{gap:16px}.hero{grid-template-columns:1fr;gap:20px;padding-top:80px}.hero h1{font-size:clamp(3.7rem,19vw,6rem)}.device-shot{width:310px}.features{grid-template-columns:1fr}.features article,.features article+article{padding:42px 0;border-left:0;border-top:1px solid var(--line)}footer{flex-direction:column}.pro{padding:80px 0} }
@media(prefers-color-scheme:dark){:root{--ink:#f4f2eb;--paper:#0e1720;--muted:#a8b0b7;--line:rgba(255,255,255,.14);--panel:#151f28}.device-shot{box-shadow:0 30px 80px rgba(0,0,0,.45)}}