:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;--bg-start: #1e1f25;--bg-end: #242836;--bg-accent: 210 70% 60%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% 20%,hsl(var(--bg-accent) / .25),transparent 60%),linear-gradient(160deg,var(--bg-start),var(--bg-end));--grid-color: hsl(var(--bg-accent) / .08);position:relative}body:before{content:"";pointer-events:none;position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:48px 48px,48px 48px;mask:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.9));z-index:-1}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;--bg-start: #ffffff;--bg-end: #f5f7fb;--bg-accent: 220 85% 55%}body{background:radial-gradient(circle at 70% 15%,hsl(var(--bg-accent) / .25),transparent 60%),linear-gradient(160deg,var(--bg-start),var(--bg-end))}body:before{--grid-color: hsl(var(--bg-accent) / .12);mask:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,.6))}a:hover{color:#747bff}button{background-color:#f9f9f9}}.site-header{position:sticky;top:0;z-index:10;width:100%;background:color-mix(in oklab,canvas,canvasText 4%);border-bottom:1px solid color-mix(in oklab,canvasText,transparent 85%)}.header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.brand{display:inline-flex;align-items:center;gap:.5rem;color:inherit}.brand-mark{font-size:1.25rem}.brand-text{font-weight:700;letter-spacing:.2px}.main-nav{flex:1 1 auto;display:flex;justify-content:center}.nav-list{list-style:none;display:flex;gap:1.25rem;margin:0;padding:0}.nav-list a{color:inherit;opacity:.9}.nav-list a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.auth-actions{display:inline-flex;align-items:center;gap:.5rem}.auth-btn{line-height:1}@media(max-width:720px){.header-inner{gap:.5rem}.nav-list{gap:.75rem}.brand-text{display:none}}.hero{padding:5rem 0rem;position:relative}.hero-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.hero-copy{text-align:center}.hero-title{font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin:0 0 1rem}.hero-title em{font-style:italic;font-weight:800}.hero-subtitle{color:#888;margin:0 0 1.25rem;font-size:1.2rem}.hero-cta{margin-top:.75rem;display:flex;justify-content:center}.hero-cta .email-form{display:flex;gap:.6rem;align-items:center;flex-wrap:nowrap;max-width:640px}.hero-cta .email-form input[type=email]{flex:1 1 220px;padding:.65em .9em;font-size:1rem;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .15s,box-shadow .15s}.hero-cta .email-form input[type=email]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40}.hero-cta .email-form button{padding:.6em 1.2em;font-size:1rem;white-space:nowrap}.hidden-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.form-feedback{margin-top:.75rem;min-height:1.25rem;display:flex;justify-content:center;font-size:.95rem}.success-msg{color:#047857;font-weight:500}.error-msg{color:#dc2626;font-weight:500}.consent-note{margin-top:.5rem;font-size:.75rem;color:#666}.hero-media{width:100%;min-width:0}.media-placeholder{width:100%;aspect-ratio:16 / 10;border:2px dashed color-mix(in oklab,canvasText,transparent 70%);border-radius:10px;display:grid;place-items:center;color:color-mix(in oklab,canvasText,transparent 30%);font-size:.95rem;padding:1rem;box-sizing:border-box;overflow:hidden}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-media{order:2}.hero-cta .email-form{flex-direction:column;align-items:stretch}.hero-cta .email-form button{width:100%}.input{height:32px!important;padding:4px 8px;font-size:16px}}.hero:after{content:"";position:absolute;right:-6%;top:8%;width:min(520px,48%);height:70%;background:radial-gradient(closest-side,color-mix(in oklab,canvasText,transparent 90%),transparent 60%);filter:blur(22px);z-index:-1;pointer-events:none}img{max-width:100%;height:auto;display:block}.features{padding:2rem 1rem 3rem}.features-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.feature{text-align:center}.feature-icon{width:34px;height:34px;border:1px solid color-mix(in oklab,canvasText,transparent 75%);border-radius:6px;display:grid;place-items:center;margin:0 auto .75rem;font-size:1rem}.feature-title{margin:0 0 .25rem;font-size:1.1rem}.feature-text{margin:0;color:#888;font-size:.95rem}@media(max-width:900px){.features-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.features-inner{grid-template-columns:1fr}}#root{max-width:1280px;margin:0 auto;padding:0 1rem 2rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:0}.read-the-docs{color:#888}@media(max-width:768px){.mobile-wrapper{display:none}}