:root{--bg: oklch(7% .014 162);--bg-2: oklch(10% .012 162);--bg-3: oklch(13.5% .011 162);--bg-4: oklch(17% .01 162);--em: oklch(67% .185 162);--em-hover: oklch(71% .185 162);--em-dim: oklch(67% .185 162 / .12);--em-sub: oklch(67% .185 162 / .06);--t1: oklch(96% .006 162);--t2: oklch(63% .01 162);--t3: oklch(41% .008 162);--b1: oklch(22% .01 162);--b2: oklch(15.5% .008 162);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--f-display: "Bricolage Grotesque", system-ui, sans-serif;--f-body: "Barlow", system-ui, sans-serif;--f-mono: ui-monospace, "Cascadia Code", "Menlo", monospace;--nav-h: 64px;--max-w: 1280px;--pad-x: clamp(24px, 6vw, 80px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--t1);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg);overflow-x:hidden}img,svg{display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}h1,h2,h3{font-family:var(--f-display);font-weight:800;letter-spacing:-.03em;line-height:1.04;color:var(--t1)}p{color:var(--t2)}.nav{position:fixed;inset:0 0 auto;height:var(--nav-h);z-index:100;background:#000201d1;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s ease}.nav.scrolled{border-bottom-color:var(--b2)}.nav-inner{max-width:var(--max-w);height:100%;margin:0 auto;padding:0 var(--pad-x);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-6)}.nav-brand{display:flex;align-items:center;gap:var(--sp-3);justify-self:start}.nav-logo{width:22px;height:22px}.nav-name{font-family:var(--f-display);font-size:.9375rem;font-weight:700;letter-spacing:-.025em;color:var(--t1)}.nav-name-js{color:var(--em)}.nav-center{display:flex;align-items:center;gap:var(--sp-7)}.nav-link{font-size:.875rem;font-weight:500;color:var(--t2);transition:color .2s;position:relative}.nav-link:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--em);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:var(--t1)}.nav-link:hover:after{transform:scaleX(1)}.nav-end{display:flex;align-items:center;gap:var(--sp-5);justify-self:end}.nav-gh{display:flex;align-items:center;color:var(--t2);transition:color .2s}.nav-gh:hover{color:var(--t1)}.nav-version{font-size:.6875rem;font-weight:600;color:var(--em);border:1px solid oklch(67% .185 162 / .28);padding:3px 9px;letter-spacing:.05em}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.75rem 1.5rem;font-family:var(--f-body);font-size:.9375rem;font-weight:600;line-height:1;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}.btn-primary{background:var(--em);color:var(--bg)}.btn-primary:hover{background:var(--em-hover);transform:translateY(-1px)}.btn-ghost{color:var(--t1)}.btn-ghost:hover{color:var(--em)}.btn-arrow{display:inline-block;transition:transform .2s ease}.btn-ghost:hover .btn-arrow{transform:translate(4px)}.btn-outline{border:1px solid var(--b1);color:var(--t1)}.btn-outline:hover{border-color:var(--em);color:var(--em)}.hero{min-height:100vh;padding-top:var(--nav-h);display:grid;grid-template-columns:1fr 1fr;max-width:var(--max-w);margin:0 auto;padding-left:var(--pad-x);align-items:center;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 65% at 78% 50%,oklch(67% .185 162 / .055) 0%,transparent 70%);pointer-events:none}.hero-content{padding:var(--sp-10) var(--sp-8) var(--sp-10) 0;position:relative;z-index:1}.hero-eyebrow{display:flex;align-items:center;gap:var(--sp-3);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--em);margin-bottom:var(--sp-6)}.eyebrow-rule{display:block;width:22px;height:1px;background:var(--em);flex-shrink:0}.hero-headline{font-size:clamp(3rem,5.5vw,5.5rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:var(--sp-6);overflow:hidden}.hl-line{display:block;opacity:0;transform:translateY(48px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}.hl-line:nth-child(1){transition-delay:.1s}.hl-line:nth-child(2){transition-delay:.22s}.hero.loaded .hl-line{opacity:1;transform:translateY(0)}.fade-up{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--delay, 0s)}.hero.loaded .fade-up{opacity:1;transform:translateY(0)}.hero-body{font-size:1.0625rem;line-height:1.72;color:var(--t2);max-width:46ch;margin-bottom:var(--sp-7)}.hero-actions{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap}.hero-install{display:flex}.install-pill{display:inline-flex;align-items:center;gap:var(--sp-5);background:var(--bg-2);border:1px solid var(--b1);padding:var(--sp-3) var(--sp-5)}.install-cmd{font-family:var(--f-mono);font-size:.9rem;color:var(--t2);letter-spacing:-.01em}.install-copy{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);transition:color .2s;padding:0}.install-copy:hover,.install-copy.copied{color:var(--em)}.hero-visual{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:0;position:relative}.hero-net{width:100%;max-width:560px;height:auto;color:var(--em);opacity:.09}.net-rotate{transform-origin:280px 280px;animation:netSpin 120s linear infinite}@keyframes netSpin{to{transform:rotate(360deg)}}.trust-bar{border-top:1px solid var(--b2);border-bottom:1px solid var(--b2);background:var(--bg-2)}.trust-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);display:flex;align-items:center}.trust-item{flex:1;padding:var(--sp-5) var(--sp-5);font-size:.8125rem;font-weight:500;color:var(--t3);letter-spacing:.01em;text-align:center}.trust-rule{width:1px;height:36px;background:var(--b2);flex-shrink:0}.features{padding:var(--sp-10) 0}.features-header{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);margin-bottom:var(--sp-9)}.section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--t3);margin-bottom:var(--sp-4)}.features-headline{font-size:clamp(2rem,3.5vw,3.25rem);font-weight:800;letter-spacing:-.035em;max-width:16ch}.features-grid{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--b2)}.feat{background:var(--bg);padding:var(--sp-8) var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-4);opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease,background .25s}.feat:hover{background:var(--bg-2)}.feat.revealed{opacity:1;transform:translateY(0)}.feat:nth-child(1){transition-delay:0s}.feat:nth-child(2){transition-delay:.07s}.feat:nth-child(3){transition-delay:.14s}.feat:nth-child(4){transition-delay:.07s}.feat:nth-child(5){transition-delay:.14s}.feat:nth-child(6){transition-delay:.21s}.feat-num{font-size:.6875rem;font-weight:600;color:var(--em);letter-spacing:.05em}.feat-title{font-family:var(--f-display);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--t1);line-height:1.2}.feat-body{font-size:.9375rem;color:var(--t2);line-height:1.65;max-width:38ch}.quickstart{border-top:1px solid var(--b2);background:var(--bg-2);padding:var(--sp-10) 0}.qs-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);display:grid;grid-template-columns:1fr 1.15fr;gap:var(--sp-10);align-items:start}.qs-headline{font-size:clamp(2rem,3vw,2.875rem);font-weight:800;letter-spacing:-.035em;margin-bottom:var(--sp-5)}.qs-body{font-size:.9375rem;color:var(--t2);line-height:1.65;margin-bottom:var(--sp-7);max-width:42ch}.qs-steps{list-style:none;display:flex;flex-direction:column;gap:var(--sp-5)}.qs-step{display:flex;gap:var(--sp-4);align-items:flex-start}.step-num{font-size:.6875rem;font-weight:600;color:var(--em);letter-spacing:.05em;flex-shrink:0;width:28px;padding-top:3px}.qs-step div{font-size:.9375rem;color:var(--t2);line-height:1.65}.qs-step strong{color:var(--t1);font-weight:600}.code-tabs{display:flex;border-bottom:1px solid var(--b1);margin-bottom:var(--sp-5)}.code-tab{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);padding:var(--sp-3) var(--sp-5);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.code-tab.active{color:var(--em);border-bottom-color:var(--em)}.code-tab:hover:not(.active){color:var(--t2)}.code-panel{display:none;flex-direction:column;gap:var(--sp-3)}.code-panel.active{display:flex}.code-card{background:var(--bg-3);border:1px solid var(--b1);position:relative;overflow:hidden}.code-card pre{padding:var(--sp-5) var(--sp-6);padding-right:72px;font-family:var(--f-mono);font-size:.875rem;line-height:1.8;color:var(--t2);white-space:pre;overflow-x:auto}.code-copy{position:absolute;top:var(--sp-3);right:var(--sp-3);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);padding:4px 9px;border:1px solid var(--b1);background:var(--bg-4);transition:color .15s,border-color .15s}.code-copy:hover,.code-copy.copied{color:var(--em);border-color:var(--em)}.cta{border-top:1px solid var(--b2);padding:var(--sp-10) 0}.cta-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8)}.cta-headline{font-size:clamp(2.25rem,4vw,3.75rem);font-weight:800;letter-spacing:-.04em;margin-bottom:var(--sp-3)}.cta-body{font-size:1rem;color:var(--t2);max-width:48ch;line-height:1.65}.cta-demo-link{color:var(--em);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s}.cta-demo-link:hover{color:var(--em-hover)}.cta-actions{display:flex;gap:var(--sp-3);flex-shrink:0}.footer{border-top:1px solid var(--b2);background:var(--bg-2);padding:var(--sp-6) 0}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}.footer-brand{display:flex;align-items:center;gap:var(--sp-3)}.footer-name{font-family:var(--f-display);font-size:.875rem;font-weight:700;color:var(--t2);letter-spacing:-.02em}.footer-sep{color:var(--t3);font-size:.875rem}.footer-meta{font-size:.75rem;color:var(--t3)}.footer-nav{display:flex;align-items:center;gap:var(--sp-6)}.footer-link{font-size:.8125rem;color:var(--t3);transition:color .2s}.footer-link:hover{color:var(--t2)}@media (max-width: 1100px){.nav-inner{grid-template-columns:auto auto}.nav-center{display:none}.hero{grid-template-columns:1fr;padding-right:var(--pad-x);padding-top:calc(var(--nav-h) + var(--sp-8));min-height:unset;padding-bottom:var(--sp-9)}.hero-content{padding:0}.hero-visual{display:none}.hero:before{display:none}.features-grid{grid-template-columns:1fr 1fr}.qs-inner{grid-template-columns:1fr;gap:var(--sp-7)}.cta-inner{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.nav-inner{grid-template-columns:1fr auto}.features-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:flex-start}.trust-inner{flex-wrap:wrap}.trust-item{flex:1 1 40%;text-align:left;padding-left:0}.trust-rule{display:none}.footer-inner{flex-direction:column;align-items:flex-start}.footer-brand{flex-wrap:wrap}.cta-actions{flex-direction:column;align-items:flex-start}}