:root{--bg:#080e26;--fg:#fff;--muted:#9aa3c0;--faint:#6b7494;--purple:#9333ea;--purple-soft:#c084fc;--cyan:#5dd5ff;--card-bg:#ffffff0a;--card-border:#ffffff14;--chip-border:#5dd5ff42;--grad:linear-gradient(120deg, #c084fc 0%, #a656f3 45%, #5dd5ff 100%);--font:"Figtree", "Avenir Next", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);min-height:100svh;color:var(--fg);font-family:var(--font);flex-direction:column;display:flex;position:relative}a{color:var(--cyan);text-decoration:none}.backdrop{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.glow{position:absolute}.glow-purple{background:radial-gradient(circle,#a159f129 0%,#a159f100 65%);width:720px;height:720px;top:-220px;left:-180px}.glow-cyan{background:radial-gradient(circle,#5dd5ff1a 0%,#5dd5ff00 65%);width:780px;height:780px;top:480px;right:-200px}.topbar{z-index:1;justify-content:space-between;align-items:center;padding:28px 56px;display:flex;position:relative}.brand{align-items:center;gap:10px;display:flex}.brand-name{color:var(--fg);font-size:20px;font-weight:700}.brand-name b,.grad{background:var(--grad);-webkit-text-fill-color:transparent;color:#a656f3;-webkit-background-clip:text;background-clip:text}.topnav{align-items:center;gap:28px;display:flex}.topnav a{color:var(--muted);font-size:15px;font-weight:600}.topnav a:hover{color:var(--fg)}main{z-index:1;flex-grow:1;position:relative}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-size:12px;font-weight:700}.cta{border-radius:9999px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.cta svg{width:14px;height:14px}.cta-solid{background-color:var(--purple);color:var(--fg)}.cta-solid:hover{background-color:#a855f7}.cta-ghost{border:1px solid var(--chip-border);color:var(--cyan)}.cta-ghost:hover{border-color:#5dd5ff8c}.cta-row{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:96px 24px 72px;display:flex}.hero-slim{justify-content:center;min-height:60vh}h1{letter-spacing:-.02em;max-width:800px;font-size:clamp(42px,6vw,68px);font-weight:800;line-height:1.08}.lede{max-width:640px;color:var(--muted);font-size:18px;line-height:1.6}.apps{flex-direction:column;align-items:center;gap:28px;padding:24px 24px 72px;scroll-margin-top:32px;display:flex}.cards{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;width:420px;max-width:100%;padding:32px;display:flex}.card-shot{border:1px solid var(--card-border);border-radius:10px;width:100%;height:auto;display:block}.card h2{font-size:24px;font-weight:700;line-height:1.25}.card-url{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.card-url a{color:var(--cyan);align-items:center;gap:5px;display:inline-flex}.card-url a:hover{text-underline-offset:3px;text-decoration:underline}.card-url svg{flex-shrink:0;width:12px;height:12px}.card-body{color:var(--muted);font-size:15px;line-height:1.6}.card .cta{margin-top:6px}.products{border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:36px;padding:48px 24px 96px;display:flex}.products-intro{color:var(--fg);text-align:center;max-width:640px;font-size:20px;font-weight:600}.product{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;width:860px;max-width:100%;padding:44px;scroll-margin-top:32px}.product-text{flex-direction:column;gap:16px;display:flex}.product-label{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:700}.label-purple{color:var(--purple-soft)}.label-cyan{color:var(--cyan)}.product h2{letter-spacing:-.01em;font-size:clamp(28px,3.4vw,38px);font-weight:800;line-height:1.15}.product p:not(.product-label){color:var(--muted);max-width:680px;font-size:16px;line-height:1.65}.bottombar{z-index:1;color:var(--faint);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 56px;font-size:13px;display:flex;position:relative}.footlinks{gap:20px;display:flex}.footlinks a{color:var(--faint);font-weight:600}.footlinks a:hover{color:var(--cyan)}@media (width<=719px){.topbar{padding:22px 24px}.topnav{gap:18px}.topnav a{font-size:13px}.hero{text-align:left;align-items:flex-start;padding:56px 24px 48px}.apps,.products{align-items:flex-start}.products-intro{text-align:left}.card,.product{padding:24px}.bottombar{padding:20px 24px}}
