:root{--bg: #0e131a;--panel: #141b24;--panel-2: #18212c;--line: #232e3b;--text: #e9edf2;--muted: #8a94a3;--brand: #71e7eb;--brand-dim: #2b6f73;--ink: #131b24;--green: #4ade80;--amber: #fbbf24;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}code{font:.92em ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--brand)}main,.nav,.foot{max-width:1080px;margin:0 auto;padding:0 24px}section{padding:72px 0;border-top:1px solid var(--line)}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0}h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:28px;max-width:22ch}h3{font-size:18px;margin-bottom:8px}p{margin:0 0 12px}.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:600;text-decoration:none;background:var(--brand);color:var(--ink);border:1px solid var(--brand);transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);background:#8eedf0}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn.ghost:hover{border-color:var(--muted);background:transparent}.btn.small{padding:7px 14px;font-size:15px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.nav{display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;text-decoration:none}.brand img{border-radius:7px}.brand.small{font-size:15px}.nav nav{display:flex;align-items:center;gap:24px;font-size:15px}.nav nav a:not(.btn){color:var(--muted);text-decoration:none}.nav nav a[href="/docs"]{color:var(--text);font-weight:600}.nav nav a:not(.btn):hover{color:var(--text)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;border-top:0;padding-top:56px}.eyebrow{color:var(--brand);font:600 13px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}h1{font-size:clamp(38px,5.4vw,60px);letter-spacing:-.035em}.lede{font-size:19px;color:var(--muted);margin-top:22px;max-width:34em}.hero-visual{position:relative}.lens{aspect-ratio:2 / 1;border-radius:28px;padding:18px;background:radial-gradient(120% 140% at 30% 0%,#141c28,#06080c 70%);border:1px solid var(--line);box-shadow:0 30px 80px -30px #71e7eb38}.lens-screen{height:100%;border-radius:16px;background:#000;padding:22px 26px;display:flex;flex-direction:column;justify-content:center;gap:8px;font:500 clamp(14px,1.8vw,19px)/1.3 ui-monospace,Menlo,Consolas,monospace;color:var(--green);text-shadow:0 0 10px rgba(74,222,128,.45);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}.lens-code{font-size:1.35em;letter-spacing:.08em}.dev-hint{margin-top:18px;font-size:15px;color:var(--muted)}.dev-hint a{color:var(--brand)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.col{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.col ol{margin:0 0 16px;padding-left:20px;color:var(--text)}.col li{margin-bottom:8px}.col .note{color:var(--muted);font-size:15px;border-top:1px solid var(--line);padding-top:14px;margin:0}.before h3{color:var(--muted)}.after{border-color:var(--brand-dim);background:linear-gradient(180deg,rgba(113,231,235,.07),transparent 60%),var(--panel)}.after h3{color:var(--brand)}.step-grid,.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card,.service-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.step-card p,.service-card p{color:var(--muted);font-size:16px}.num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;margin-bottom:16px;font:700 14px ui-monospace,Menlo,Consolas,monospace;color:var(--brand);border:1px solid var(--brand-dim)}.tag{display:inline-block;margin-top:4px;font-size:13px;padding:3px 10px;border-radius:999px;background:#71e7eb1a;color:var(--brand)}.tag.warn{background:#fbbf241a;color:var(--amber)}.muted-card{background:transparent;border-style:dashed}.muted-card .tag{background:transparent;color:var(--muted);padding-left:0}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 48px}.facts p{color:var(--muted);font-size:16px}.devs{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.devs-copy p:not(.eyebrow){color:var(--muted)}.devs h2{margin-bottom:18px}.code{margin:0;background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:22px 24px;overflow-x:auto;font:14px/1.7 ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#cbd5e1}.code code{color:inherit;font:inherit}.code .k{color:#c084fc}.code .s{color:var(--brand)}.faq details{border-bottom:1px solid var(--line);padding:18px 0;max-width:760px}.faq summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin:10px 0 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:28px;padding-bottom:48px;color:var(--muted);font-size:14px}.foot a{color:var(--text)}@media(max-width:860px){.hero,.devs,.compare,.facts,.step-grid,.service-grid{grid-template-columns:1fr}.hero{gap:40px;padding-top:24px}.nav-how{display:none}.lens{max-width:520px;margin:0 auto}.nav nav{gap:12px}section{padding:56px 0}}@media(max-width:420px){main,.nav,.foot{padding:0 16px}.nav-signup{display:none}}