@font-face{font-family:Satoshi;src:url('/assets/fonts/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Satoshi;src:url('/assets/fonts/Satoshi-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Cabinet;src:url('/assets/fonts/CabinetGrotesk-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--bg:#06061a;--panel:#0d0d2b;--panel2:#12123a;--text:#f0efff;--muted:#9b9ab6;--faint:#4d4b70;--line:rgba(120,100,255,.18);--blue:#2563ff;--grad:linear-gradient(135deg,#2563ff,#7c3aed);--r:22px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Satoshi,Inter,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(120,100,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,100,255,.05) 1px,transparent 1px);background-size:48px 48px}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{position:relative;z-index:1;max-width:1120px;margin:auto;padding:0 clamp(20px,4vw,48px)}
.nav{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(6,6,26,.86);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}
.logo{font-family:Cabinet,sans-serif;font-weight:800}.logo span,.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.back{font-size:14px;color:var(--muted)}
.hero{padding:clamp(56px,8vw,96px) 0 48px;display:grid;grid-template-columns:1fr minmax(260px,360px);gap:48px;align-items:center}.pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}.h1{font-family:Cabinet,sans-serif;font-size:clamp(44px,8vw,92px);line-height:.92;letter-spacing:-.04em;margin-bottom:22px}.lead{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:620px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.tag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);border:1px solid var(--line);background:rgba(120,100,255,.08);border-radius:999px;padding:5px 10px}
.phone{width:min(100%,340px);justify-self:center;border:1px solid var(--line);border-radius:34px;background:var(--panel);padding:10px;box-shadow:0 28px 80px rgba(0,0,0,.34);overflow:hidden}.phone img{border-radius:24px;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:top}
.section{padding:42px 0;border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}.card h3,.section h2{font-family:Cabinet,sans-serif;letter-spacing:-.02em}.card p,.section p,.list li{color:var(--muted)}.section h2{font-size:clamp(28px,4vw,44px);margin-bottom:14px}.list{display:grid;gap:12px;margin-top:16px;padding-left:20px}.screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,280px));gap:18px;margin-top:24px}.screen{border:1px solid var(--line);border-radius:26px;background:var(--panel2);padding:10px;overflow:hidden}.screen img{border-radius:18px;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:top}.nda{border:1px dashed rgba(34,211,160,.36);background:linear-gradient(145deg,rgba(34,211,160,.08),rgba(120,100,255,.08))}
.next{padding:44px 0 80px;display:flex;justify-content:space-between;gap:20px;align-items:center}.btn{display:inline-flex;border-radius:12px;background:var(--grad);padding:13px 20px;font-weight:700}
@media(max-width:820px){.hero{grid-template-columns:1fr}.grid,.screens{grid-template-columns:1fr}.phone{max-width:360px}.next{align-items:flex-start;flex-direction:column}}