:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fbf7ef;--surface:#ffffff9e;--surface-2:#ffffffd9;--surface-edge:#120a2214;--surface-edge-strong:#120a2224;--hover-edge:#4e5eda52;--ink:#120a22;--ink-dim:#120a229e;--ink-faint:#120a2270;--ink-mono:#120a2285;--rule:#120a2214;--rule-strong:#120a2224;--accent:#2d40d2;--accent-strong:#2234bf;--accent-soft:#4e5eda1a;--accent-edge:#4e5eda47;--warm:#b65a23;--warm-soft:#b65a231a;--warm-edge:#b65a2347;--ok:#15844e;--ok-soft:#1daf681a;--ok-edge:#1daf6847;--bloom-1:#4e5eda26;--bloom-2:#b4530914;--card-shadow:inset 0 1px 0 #ffffffeb, inset 0 -1px 0 #120a2208, 0 12px 32px #4e5eda0f, 0 3px 10px #120a2208;--card-shadow-hover:inset 0 1px 0 #fffffff2, 0 18px 44px #4e5eda1a, 0 6px 14px #120a220d;--preview-shadow:0 1px 0 #ffffffb3 inset, 0 30px 60px -22px #120a2257, 0 12px 28px -16px #4e5eda4d;--font-sans:"Onest", system-ui, sans-serif;--font-display:"Bricolage Grotesque", "Onest", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a0716;--surface:#161c2d8c;--surface-2:#161c2dbf;--surface-edge:#94a3b82e;--surface-edge-strong:#94a3b84d;--hover-edge:#8294ff66;--ink:#f4eee4;--ink-dim:#f4eee4b3;--ink-faint:#f4eee475;--ink-mono:#f4eee48f;--rule:#f4eee41a;--rule-strong:#f4eee433;--accent:#7380e8;--accent-strong:#919cf3;--accent-soft:#8294ff26;--accent-edge:#8294ff5c;--warm:#d99a4a;--warm-soft:#d99a4a24;--warm-edge:#d99a4a52;--ok:#7be0af;--ok-soft:#33cc8224;--ok-edge:#33cc8252;--bloom-1:#586af03d;--bloom-2:#ffa0501f;--card-shadow:inset 0 1px 0 #ffffff0d, inset 0 -1px 0 #00000040, 0 18px 40px #0206174d, 0 5px 14px #3861b61a;--card-shadow-hover:inset 0 1px 0 #ffffff1a, 0 24px 56px #02061766, 0 8px 20px #3861b629;--preview-shadow:0 1px 0 #ffffff0f inset, 0 36px 70px -24px #020617a8, 0 14px 30px -18px #3861b64d}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;font-family:var(--font-sans);color:var(--ink);background:var(--bg);background-image:radial-gradient(1100px 700px at 6% -12%, var(--bloom-1), transparent 58%), radial-gradient(820px 560px at 102% 4%, var(--bloom-2), transparent 62%), radial-gradient(760px 560px at 50% 116%, var(--bloom-1), transparent 68%);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}.shell{flex-direction:column;gap:30px;max-width:1080px;min-height:100dvh;margin:0 auto;padding:22px clamp(20px,4vw,52px) 40px;display:flex}.topbar{border:1px solid var(--surface-edge);background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--card-shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.fmark{color:#fff;background:linear-gradient(135deg,#2d40d2 0%,#4d5ee6 50%,#42d7d7 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff52,0 4px 12px #4e5eda4d}.brand .crumbs{color:var(--ink-dim);align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:500;display:inline-flex}.brand .crumbs strong{color:var(--ink);font-weight:600}.brand .crumbs .sep{color:var(--rule-strong)}.brand .crumbs .ws{font-family:var(--font-mono);letter-spacing:.02em;font-size:12px}.status{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ok);border:1px solid var(--ok-edge);background:var(--ok-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.status .dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 0 var(--ok);border-radius:50%;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #2f6b3c73}50%{box-shadow:0 0 0 6px #2f6b3c00}}.topbar-right{align-items:center;gap:10px;display:inline-flex}.signin-btn{font-family:var(--font-sans);letter-spacing:-.01em;color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);border:0;border-radius:10px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:transform .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff47,0 6px 16px -6px #4e5eda80}.signin-btn:hover{transform:translateY(-1px)}.signin-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metric-signin{font-family:var(--font-display);letter-spacing:-.018em;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:1.35rem;font-weight:600;line-height:1.1}.metric-signin:hover{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.metric-signin:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.hero{grid-template-columns:1fr;align-items:center;gap:clamp(26px,4vw,46px);padding:18px 4px 4px;display:grid}@media (width>=880px){.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);padding-top:30px}}.hero .kicker{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-mono);align-items:center;gap:11px;margin:0 0 20px;font-size:11px;font-weight:500;display:inline-flex}.hero .kicker:before{content:"";background:var(--accent);opacity:.85;width:26px;height:1px}.hero .kicker .em{color:var(--accent)}h1.name{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(3rem,6.6vw,5rem);font-weight:700;line-height:.92}h1.name .dot{color:var(--accent)}p.lede{letter-spacing:-.014em;color:var(--ink);max-width:30ch;margin:20px 0 0;font-size:clamp(1.12rem,1.7vw,1.32rem);font-weight:500;line-height:1.4}p.sub{color:var(--ink-dim);max-width:42ch;margin:12px 0 0;font-size:1rem;line-height:1.58}p.sub a{color:var(--ink);border-bottom:1px solid var(--rule-strong);padding-bottom:1px;text-decoration:none;transition:color .18s,border-color .18s}p.sub a:hover{color:var(--accent);border-color:var(--accent)}.hero-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.btn-primary{font-family:var(--font-sans);letter-spacing:-.01em;color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);border-radius:12px;align-items:center;gap:10px;padding:13px 22px;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff47,0 10px 26px -8px #4e5eda8c,0 3px 8px #120a2214}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff52,0 16px 36px -10px #4e5eda99,0 5px 12px #120a221a}.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-primary .arrow{transition:transform .26s cubic-bezier(.16,1,.3,1)}.btn-primary:hover .arrow{transform:translate(4px)}.btn-ghost{color:var(--ink-dim);border-bottom:1px solid #0000;align-items:center;gap:8px;padding:12px 8px;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .18s;display:inline-flex}.btn-ghost:hover{color:var(--accent)}.btn-ghost svg{width:15px;height:15px}.badges{flex-wrap:wrap;gap:8px;margin-top:24px;display:inline-flex}.badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mono);border:1px solid var(--rule-strong);background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.badge.accent{color:var(--accent);border-color:var(--accent-edge);background:var(--accent-soft)}.preview{border:1px solid var(--surface-edge-strong);background:var(--surface-2);box-shadow:var(--preview-shadow);color:inherit;border-radius:16px;text-decoration:none;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s,border-color .32s;display:block;overflow:hidden;transform:perspective(1600px)rotateY(-1.4deg)}.preview:hover{border-color:var(--hover-edge);transform:perspective(1600px)rotateY(0)translateY(-3px)}.preview:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.preview .chrome{border-bottom:1px solid var(--surface-edge);background:var(--surface);align-items:center;gap:12px;padding:11px 14px;display:flex}.preview .lights{flex-shrink:0;gap:7px;display:inline-flex}.preview .lights i{opacity:.9;border-radius:50%;width:11px;height:11px;display:block}.preview .lights i:first-child{background:#ec6a5e}.preview .lights i:nth-child(2){background:#f4bf4f}.preview .lights i:nth-child(3){background:#61c554}.preview .urlbar{min-width:0;font-family:var(--font-mono);color:var(--ink-dim);background:var(--bg);border:1px solid var(--surface-edge);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:inline-flex;overflow:hidden}.preview .urlbar svg{width:12px;height:12px;color:var(--ok);flex-shrink:0}.preview .livetag{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ok);border:1px solid var(--ok-edge);background:var(--ok-soft);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:9.5px;font-weight:500}.preview .shot{aspect-ratio:16/10;background:var(--surface);position:relative;overflow:hidden}.preview .shot img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.preview .shot .overlay{opacity:0;background:linear-gradient(#0000 54%,#08061466);align-items:flex-end;padding:18px 20px;transition:opacity .24s;display:flex;position:absolute;inset:0}.preview:hover .shot .overlay{opacity:1}.preview .shot .overlay .cue{font-family:var(--font-sans);color:#fff;text-shadow:0 1px 10px #00000073;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.how{flex-direction:column;gap:16px;display:flex}.how .eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mono);padding-left:2px;font-size:11px;font-weight:500}.how-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=720px){.how-grid{grid-template-columns:repeat(3,1fr)}}.step{border:1px solid var(--surface-edge);background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--card-shadow);border-radius:16px;padding:22px 22px 24px;position:relative;overflow:hidden}.step .n{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:500;display:inline-flex}.step .n:after{content:"";background:var(--rule);flex:1;min-width:28px;height:1px}.step .icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.step .icon svg{width:18px;height:18px}.step h3{letter-spacing:-.014em;margin:0 0 6px;font-size:1.06rem;font-weight:600}.step p{color:var(--ink-dim);margin:0;font-size:.92rem;line-height:1.5}.actions{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=720px){.actions{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--surface-edge);background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--card-shadow);color:inherit;border-radius:16px;align-items:flex-start;gap:16px;padding:18px 20px;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;display:flex}.card:hover{border-color:var(--hover-edge);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card .icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .22s,color .22s;display:inline-flex}.card .icon svg{width:18px;height:18px}.card:hover .icon{background:var(--accent);color:#fff}.card .body{flex:1;min-width:0}.card h3{letter-spacing:-.012em;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:1.02rem;font-weight:600;display:inline-flex}.card .pill{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mono);border:1px solid var(--rule-strong);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:500}.card .pill.ok{color:var(--ok);border-color:var(--ok-edge);background:var(--ok-soft)}.card .pill.soon{color:var(--warm);border-color:var(--warm-edge);background:var(--warm-soft)}.card .desc{color:var(--ink-dim);margin:5px 0 0;font-size:.92rem;line-height:1.45}.card .arrow{color:var(--ink-faint);align-self:center;font-size:1.05rem;transition:transform .28s cubic-bezier(.16,1,.3,1),color .22s}.card:hover .arrow{color:var(--accent);transform:translate(4px)}.metrics{background:var(--surface-edge);border:1px solid var(--surface-edge);box-shadow:var(--card-shadow);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;padding:1px;display:grid;overflow:hidden}.metric{background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(150%);min-width:0;padding:18px 20px}.metric .label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mono);margin-bottom:6px;font-size:10.5px;font-weight:500}.metric .value{letter-spacing:-.018em;color:var(--ink);font-size:1.35rem;font-weight:600;line-height:1.1}.metric .sub{color:var(--ink-faint);margin-top:4px;font-size:.78rem;font-weight:400}.metric .value .accent{color:var(--accent)}.about{border:1px solid var(--surface-edge);background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--card-shadow);border-radius:16px;padding:22px 24px}.about h2{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mono);margin:0 0 12px;font-size:11px;font-weight:500}.about p{color:var(--ink-dim);margin:0 0 10px;font-size:.98rem;line-height:1.6}.about p:last-of-type{margin-bottom:0}.about strong{color:var(--ink);font-weight:600}.about code{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:1.5px 6px;font-size:.85em}footer{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding:14px 4px 4px;font-size:11px;display:flex}footer .stack{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}footer .sep{color:var(--rule-strong)}footer a{color:inherit;border-bottom:1px solid var(--rule);text-decoration:none;transition:color .2s,border .2s}footer a:hover{color:var(--accent);border-color:var(--accent)}@keyframes lift{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes liftPreview{0%{opacity:0;transform:perspective(1600px)rotateY(-1.4deg)translateY(10px)}to{opacity:1;transform:perspective(1600px)rotateY(-1.4deg)}}@media (prefers-reduced-motion:no-preference){.topbar,.hero-copy,.preview,.how,.actions>*,.metrics,.about,footer{animation:.64s cubic-bezier(.16,1,.3,1) both lift}.topbar{animation-delay:40ms}.hero-copy{animation-delay:.13s}.preview{animation:.72s cubic-bezier(.16,1,.3,1) .24s both liftPreview}.how{animation-delay:.36s}.actions>:first-child{animation-delay:.46s}.actions>:nth-child(2){animation-delay:.52s}.metrics{animation-delay:.6s}.about{animation-delay:.68s}footer{animation-delay:.76s}}