:root{--ink:#1f2430;--bg:#f5f5ef;--bg-tint:#ecede5;--surface:#fff;--surface-2:#f9f9f5;--text:#1f2430;--muted:#5b6272;--border:#1f24301a;--blue:#6f88b3;--blue-deep:#3e5a8a;--orange:#f0a04b;--orange-deep:#d9772b;--cream:#f6ecd9;--green:#3f9a6b;--stage:#f1f2ea;--shadow:0 1px 2px #1f24300f, 0 12px 32px -12px #1f24302e;--shadow-lg:0 30px 80px -30px #1f243059;--radius:20px;--font-display:"Nunito Variable", ui-rounded, system-ui, sans-serif;--font-body:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--grad:linear-gradient(100deg, var(--blue-deep) 0%, var(--blue) 40%, var(--orange-deep) 100%);color-scheme:light}:root[data-theme=dark]{--bg:#0e1117;--bg-tint:#131721;--surface:#161b25;--surface-2:#1b2130;--text:#eef0f4;--muted:#a3abbb;--border:#ffffff17;--blue:#9bb2da;--blue-deep:#7f9ccc;--orange:#f5b26a;--orange-deep:#f0a04b;--shadow:0 1px 2px #0006, 0 12px 32px -12px #0009;--shadow-lg:0 30px 80px -30px #000c;--grad:linear-gradient(100deg, #a9c0e6 0%, var(--blue) 40%, var(--orange) 100%);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.1}code{background:var(--bg-tint);border-radius:6px;padding:.1em .35em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.container{width:min(1180px,100% - 32px);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}:focus-visible{outline:2px solid var(--orange-deep);outline-offset:3px;border-radius:6px}.nav{z-index:50;-webkit-backdrop-filter:saturate(160%)blur(14px);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{align-items:center;gap:24px;height:68px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.4rem;font-weight:800;text-decoration:none;display:inline-flex}.nav-links{gap:4px;margin-left:12px;display:flex}.nav-links a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:var(--bg-tint)}.nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;transition:transform .15s,background .15s;display:inline-grid}.icon-btn:hover{transform:translateY(-1px)}.i-sun{display:none}:root[data-theme=dark] .i-sun{display:block}:root[data-theme=dark] .i-moon{display:none}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-small{padding:8px 16px;font-size:.9rem}.btn-primary{background:linear-gradient(135deg, #f6b25f, var(--orange-deep));color:#2a1a08;box-shadow:0 10px 24px -10px #d9772bb3,inset 0 1px #ffffff59}.btn-primary:hover{box-shadow:0 16px 30px -12px #d9772bcc,inset 0 1px #ffffff59}.btn-ink{background:var(--ink);color:#fff}:root[data-theme=dark] .btn-ink{color:var(--ink);background:#eef0f4}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow)}.cta-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.cta-center{justify-content:center}.hero{padding:clamp(48px,8vw,96px) 0 clamp(56px,8vw,110px);position:relative;overflow:hidden}.hero-glow{background:radial-gradient(40% 45% at 75% 35%, color-mix(in srgb, var(--orange) 26%, transparent), transparent 70%), radial-gradient(45% 50% at 60% 55%, color-mix(in srgb, var(--blue) 30%, transparent), transparent 70%), radial-gradient(30% 40% at 10% 10%, color-mix(in srgb, var(--blue) 14%, transparent), transparent 70%);filter:blur(10px);pointer-events:none;height:900px;position:absolute;inset:-20% -10% auto}.hero:after{content:"";background-image:radial-gradient(color-mix(in srgb, var(--text) 9%, transparent) 1px, transparent 1px);pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(60% 60% at 50% 30%,#000 30%,#0000 75%)}.hero-grid{z-index:1;grid-template-columns:1.08fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid;position:relative}.pill{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 75%, transparent);color:var(--muted);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:.85rem;font-weight:500;display:inline-flex}.dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 22%, transparent);border-radius:50%}.hero h1{letter-spacing:-.035em;margin-top:22px;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900}.grad{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;display:block}.lede{color:var(--muted);max-width:34em;margin:22px 0 0;font-size:clamp(1.05rem,1.6vw,1.2rem)}.channels{flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none;display:flex}.channels li{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:12px;align-items:center;gap:7px;padding:7px 13px;font-size:.88rem;font-weight:500;display:inline-flex}.channels li svg{color:var(--blue-deep)}.hero-visual{place-items:center;min-height:460px;display:grid;position:relative}.stage{aspect-ratio:1;width:min(440px,88%);position:relative}.stage-ring{border:1px dashed color-mix(in srgb, var(--blue) 45%, transparent);border-radius:50%;animation:60s linear infinite spin;position:absolute;inset:-18px}.stage-video{object-fit:cover;background:var(--stage);width:100%;height:100%;box-shadow:0 0 0 10px color-mix(in srgb, var(--surface) 70%, transparent), var(--shadow-lg);border-radius:50%;position:relative}.float-card{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;align-items:flex-start;gap:12px;padding:12px 16px 12px 12px;font-size:.85rem;line-height:1.35;animation:6s ease-in-out infinite bob;display:flex;position:absolute}.float-card strong{font-weight:600;display:block}.float-card span{color:var(--muted)}.fc-icon{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.fc-orange{background:color-mix(in srgb, var(--orange) 22%, transparent);color:var(--orange-deep)}.fc-blue{background:color-mix(in srgb, var(--blue) 24%, transparent);color:var(--blue-deep)}.fc-green{background:color-mix(in srgb, var(--green) 20%, transparent);color:var(--green)}.fc-actions{gap:6px;margin-top:8px;display:flex}.fc-actions span{border-radius:8px;padding:3px 9px;font-size:.75rem;font-weight:600}.float-card .chip-done{background:var(--green);color:#fff}.float-card .chip-skip{background:var(--bg-tint);color:var(--text)}.fc-1{top:6%;left:-4%}.fc-2{animation-delay:-2s;bottom:12%;right:-4%}.fc-3{animation-delay:-4s;bottom:0;left:4%}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:clamp(64px,9vw,112px) 0}.section-tint{background:var(--bg-tint);border-block:1px solid var(--border)}.section-head{text-align:center;max-width:680px;margin:0 auto 48px}.section h2{font-size:clamp(2rem,4vw,3rem);font-weight:850}.section-head p,.muted{color:var(--muted);margin:14px 0 0;font-size:1.08rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:14px;font-size:.78rem;font-weight:700;display:inline-block}.bento{grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:18px;display:grid}.tile{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:28px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.tile:before{content:"";background:radial-gradient(60% 80% at 100% 0%, color-mix(in srgb, var(--blue) 12%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}.tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tile-wide{grid-column:span 2}.tile-wide:before{background:radial-gradient(50% 90% at 100% 0%, color-mix(in srgb, var(--orange) 16%, transparent), transparent 65%)}.tile-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--blue) 28%, transparent), color-mix(in srgb, var(--orange) 22%, transparent));width:46px;height:46px;color:var(--text);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.tile h3{font-size:1.25rem;font-weight:800}.tile p{color:var(--muted);margin:10px 0 0}.tour{max-width:1040px;margin-inline:auto}.tabs{background:var(--surface);border:1px solid var(--border);width:fit-content;max-width:100%;box-shadow:var(--shadow);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto 26px;padding:6px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 16px;font-size:.92rem;font-weight:600;transition:background .15s,color .15s}.tab:hover{color:var(--text)}.tab[aria-selected=true]{background:var(--ink);color:#fff}:root[data-theme=dark] .tab[aria-selected=true]{color:var(--ink);background:#eef0f4}.browser{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:18px;overflow:hidden}.browser-bar,.terminal-bar{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:7px;padding:12px 16px;display:flex}.browser-bar>span,.terminal-bar>span{background:#ff5f57;border-radius:50%;width:11px;height:11px}.browser-bar>span:nth-child(2),.terminal-bar>span:nth-child(2){background:#febc2e}.browser-bar>span:nth-child(3),.terminal-bar>span:nth-child(3){background:#28c840}.browser-url{background:var(--bg-tint);color:var(--muted);border-radius:8px;margin-inline:auto;padding:4px 40px;font-size:.8rem}.panel{margin:0}.panel img{width:100%;height:auto;animation:.35s fade}.panel figcaption{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:16px 22px;font-size:.95rem}@keyframes fade{0%{opacity:0;transform:scale(.99)}}.deploy-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.deploy-grid h2{margin-bottom:4px}.steps{gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:16px;display:flex}.steps strong{font-weight:600;display:block}.steps span:not(.step-n){color:var(--muted);font-size:.95rem}.step-n{background:var(--ink);color:#fff;width:34px;height:34px;font-family:var(--font-display);border-radius:11px;flex:none;place-items:center;font-weight:800;display:grid}:root[data-theme=dark] .step-n{color:var(--ink);background:#eef0f4}.terminal{box-shadow:var(--shadow-lg);background:#11151d;border:1px solid #ffffff14;border-radius:18px;overflow:hidden;transform:rotate(1deg)}.terminal-bar{background:#171c26;border-color:#ffffff0f}.terminal-bar em{color:#8a93a6;margin-left:auto;font-size:.78rem;font-style:normal}.terminal pre{color:#e6e9ef;margin:0;padding:22px 24px 26px;font-size:.88rem;line-height:1.75;overflow-x:auto}.terminal code{font-size:inherit;background:0 0;padding:0}.terminal .c{color:#7d8799}.terminal .p{color:var(--orange)}.terminal .ok{color:#4ade80}.privacy{color:#eef0f4;box-shadow:var(--shadow-lg);background:#1a1f2b;border-radius:28px;padding:clamp(36px,6vw,72px);position:relative;overflow:hidden}.privacy:before{content:"";pointer-events:none;background:radial-gradient(40% 60% at 100% 0,#f0a04b40,#0000 70%),radial-gradient(50% 70% at 0 100%,#6f88b34d,#0000 70%);position:absolute;inset:0}.privacy-head{max-width:620px;position:relative}.privacy-head p{color:#b7bfcd;margin:14px 0 0;font-size:1.08rem}.eyebrow-light{color:#f5b26a}.privacy-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;display:grid;position:relative}.privacy-grid>div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:22px}.privacy-grid svg{color:#f5b26a}.privacy-grid h3{margin-top:14px;font-size:1.12rem;font-weight:800}.privacy-grid p{color:#b7bfcd;margin:8px 0 0;font-size:.95rem}.final-cta{text-align:center;background:radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--orange) 18%, transparent), transparent 70%), var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:clamp(40px,6vw,72px) 24px}.final-cta img{filter:drop-shadow(0 16px 20px #1f24302e);margin:0 auto 10px}.final-cta p{color:var(--muted);margin:12px 0 0;font-size:1.1rem}.footer{border-top:1px solid var(--border);padding:40px 0 56px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand p{color:var(--muted);margin:6px 0 0;font-size:.92rem}.footer-links{flex-wrap:wrap;gap:6px 22px;display:flex}.footer-links a{color:var(--muted);font-size:.93rem;text-decoration:none}.footer-links a:hover{color:var(--text)}.js-reveal .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.js-reveal .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media (width<=960px){.hero-grid,.deploy-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .cta-row,.channels{justify-content:center}.lede{margin-inline:auto}.hero-visual{min-height:380px}.bento,.privacy-grid{grid-template-columns:repeat(2,1fr)}.terminal{transform:none}}@media (width<=720px){.nav-links{display:none}.bento,.privacy-grid{grid-template-columns:1fr}.tile-wide{grid-column:auto}.fc-1{top:0;left:0}.fc-2{right:0}.fc-3{display:none}.float-card{font-size:.78rem}.browser-url{padding-inline:16px}}@media (width<=420px){.nav-actions .btn{display:none}.btn{width:100%}}
