:root{--bg-base:#0F1117;--bg-surface:#1C2030;--bg-elevated:#242837;--bg-inset:#0B0D13;--glass-bg:rgb(15 17 23 / 80%);--glass-border:rgb(255 255 255 / 8%);--glass-blur:16px;--text-primary:rgb(255 255 255 / 95%);--text-secondary:rgb(255 255 255 / 70%);--text-tertiary:rgb(255 255 255 / 50%);--accent:#818CF8;--accent-hover:#A5B4FC;--accent-muted:rgb(129 140 248 / 15%);--accent-border:rgb(129 140 248 / 30%);--cta:#F59E0B;--cta-hover:#FBBF24;--cta-text:#0F1117;--success:#10B981;--warning:#F59E0B;--error:#EF4444;--border-default:rgb(255 255 255 / 8%);--border-hover:rgb(255 255 255 / 15%);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--font-display:'Space Grotesk',system-ui,sans-serif;--font-body:'IBM Plex Sans',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--text-hero:clamp(2.5rem, 2rem + 2.5vw, 4.5rem);--text-h2:clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);--text-h3:clamp(1.25rem, 1.1rem + 0.75vw, 1.75rem);--text-lg:clamp(1.0625rem, 1rem + 0.25vw, 1.125rem);--text-base:1rem;--text-sm:0.875rem;--text-xs:0.75rem;--transition-fast:150ms ease;--transition-normal:250ms ease}:root[data-theme=light]{--bg-base:#F8FAFC;--bg-surface:#FFF;--bg-elevated:#FFF;--bg-inset:#F1F5F9;--glass-bg:rgb(255 255 255 / 80%);--glass-border:rgb(0 0 0 / 8%);--text-primary:#0F172A;--text-secondary:#475569;--text-tertiary:#64748B;--accent:#6366F1;--accent-hover:#4F46E5;--accent-muted:rgb(99 102 241 / 12%);--accent-border:rgb(99 102 241 / 30%);--cta:#EA580C;--cta-hover:#C2410C;--cta-text:#FFF;--border-default:rgb(0 0 0 / 10%);--border-hover:rgb(0 0 0 / 18%)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus{scroll-margin-top:80px}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.03em;text-wrap:balance;color:var(--text-primary)}h1{font-size:var(--text-hero)}h2{font-size:var(--text-h2);margin-bottom:var(--space-4)}h3{font-size:var(--text-h3)}code,pre{font-family:var(--font-mono);font-feature-settings:'liga' 1,'calt' 1}.section-subtitle{color:var(--text-secondary);font-size:var(--text-lg);max-width:600px;margin:0 auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}section{padding:var(--space-24) 0}section h2{text-align:center}section .section-subtitle{text-align:center;margin-bottom:var(--space-12)}.demo .section-subtitle{margin-bottom:var(--space-6)}.skip-link{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--bg-base);border-radius:var(--radius-sm);z-index:1000;font-weight:600}.skip-link:focus-visible{top:var(--space-4)}.nav{position:fixed;top:var(--space-4);left:var(--space-4);right:var(--space-4);max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);z-index:100;transition:background var(--transition-normal),border-color var(--transition-normal)}.nav.scrolled{background:rgb(15 17 23 / 95%);border-color:var(--border-hover)}:root[data-theme=light] .nav.scrolled{background:rgb(255 255 255 / 95%)}.nav-logo{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.nav-logo:hover{color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-links a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--text-primary)}.nav-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.nav-cta:hover{border-color:var(--border-hover);background:var(--accent-muted)}.nav-cta .icon{width:16px;height:16px}.nav-toggle{display:none;background:0 0;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-3);min-width:44px;min-height:44px}.hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px 0 var(--space-16)}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 20%,rgb(129 140 248 / 15%),transparent),radial-gradient(ellipse 60% 50% at 80% 60%,rgb(99 102 241 / 10%),transparent),radial-gradient(ellipse 50% 40% at 20% 80%,rgb(129 140 248 / 8%),transparent);z-index:0}.hero-bg::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px 256px;opacity:.5;pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-headline{margin-bottom:var(--space-6);letter-spacing:-.04em}.accent,.hero-millions{-webkit-text-fill-color:transparent;animation:gradient-shimmer 6s linear infinite}.accent{background:linear-gradient(90deg,var(--accent),var(--accent-hover),var(--accent));background-size:200% auto;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);font-size:var(--text-lg);max-width:580px;margin:0 auto var(--space-8);line-height:1.7;text-wrap:balance}.hero-millions{font-weight:600;background:linear-gradient(90deg,var(--accent),var(--accent-hover),var(--cta),var(--accent));background-size:300% auto;-webkit-background-clip:text;background-clip:text;animation-duration:4s}section[id]{scroll-margin-top:80px}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.cta-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:48px;background:var(--cta);color:var(--cta-text);font-weight:600;font-size:var(--text-base);border-radius:var(--radius-md);transition:background var(--transition-fast),transform var(--transition-fast)}.cta-primary:hover{background:var(--cta-hover);color:var(--cta-text);box-shadow:0 2px 8px rgb(245 158 11 / 30%)}.cta-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:48px;background:0 0;color:var(--text-primary);font-weight:500;font-size:var(--text-base);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.cta-secondary:hover{border-color:var(--border-hover);background:var(--accent-muted);color:var(--text-primary)}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);min-height:44px;min-width:44px;background:0 0;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.copy-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.copy-btn.copied{color:var(--success);border-color:var(--success)}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:700px;margin:var(--space-12) auto 0;text-align:center;position:relative;z-index:1}.stat-number{display:block;font-family:var(--font-display);font-size:clamp(2rem, 1.5rem + 1.5vw, 2.75rem);font-weight:700;letter-spacing:-.03em;color:var(--accent);line-height:1.1}.stat-label{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.4}.code-block{background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;font-size:var(--text-sm);line-height:1.7;tab-size:2;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}.code-block::-webkit-scrollbar{height:4px}.code-block::-webkit-scrollbar-track{background:0 0}.code-block::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:2px}.code-block code{color:var(--text-secondary)}.kw{color:#c792ea}.fn{color:#82aaff}.str{color:#c3e88d}.cm{color:rgb(255 255 255 / 35%)}.num{color:#f78c6c}.op{color:#89ddff}:root[data-theme=light] .kw{color:#7c3aed}:root[data-theme=light] .fn{color:#2563eb}:root[data-theme=light] .str{color:#059669}:root[data-theme=light] .cm{color:#475569}:root[data-theme=light] .num{color:#ea580c}:root[data-theme=light] .op{color:#0891b2}.pipeline-detail{background:var(--bg-base);padding-top:var(--space-12)}.pipeline-steps{display:flex;align-items:stretch;justify-content:center;gap:0}.pipeline-step-card{position:relative;z-index:1;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;flex:1;max-width:260px;transition:border-color var(--transition-normal)}.pipeline-step-card:hover{border-color:var(--accent-border);box-shadow:0 0 20px rgb(129 140 248 / 10%),0 0 40px rgb(129 140 248 / 5%)}.pipeline-step-icon{color:var(--accent);width:32px;height:32px;margin-bottom:var(--space-2)}.pipeline-step-tech{display:inline-block;margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.02em}.pipeline-step-connector{position:relative;width:48px;height:2px;background:var(--accent-muted);align-self:center;flex-shrink:0;margin:0 -1px;overflow:visible}.pipeline-step-connector::before{content:'';position:absolute;inset:-2px 0;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:4px;animation:connector-glow 3s ease-in-out infinite;opacity:.6;will-change:transform,opacity}@keyframes connector-glow{0%,100%{opacity:.2;transform:scaleX(.3)}50%{opacity:.8;transform:scaleX(1)}}.pipeline-step-connector .data-particle{position:absolute;width:6px;height:6px;background:var(--accent);border-radius:50%;top:-2px;left:-6px;animation:flow-right 2.5s linear infinite;box-shadow:0 0 8px var(--accent),0 0 16px rgb(129 140 248 / 40%);will-change:transform,opacity}.pipeline-step-connector .data-particle:nth-child(2){animation-delay:1.2s}.pipeline-step-number{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--accent);margin-bottom:var(--space-3)}.pipeline-step-card h3{margin-bottom:var(--space-2)}.pipeline-step-card p{color:var(--text-secondary);font-size:var(--text-sm)}.pipeline-adds{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3) var(--space-6);max-width:1080px;margin:var(--space-8) auto 0;padding:var(--space-6) 0 0;position:relative}.pipeline-adds::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-muted) 20%,var(--accent-border) 50%,var(--accent-muted) 80%,transparent)}.pipeline-adds li{display:flex;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm)}.pipeline-adds li::before{content:'';flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-muted)}.segment-control{display:inline-flex;background:var(--bg-inset);border-radius:var(--radius-md);padding:var(--space-1);margin-bottom:var(--space-4)}.segment-btn{padding:var(--space-2) var(--space-6);min-height:44px;background:0 0;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.segment-btn.active{background:var(--accent-muted);color:var(--accent)}.segment-btn:hover:not(.active){color:var(--text-primary)}.demo{background:var(--bg-surface);text-align:center}.install-inline{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-default);max-width:600px;margin-left:auto;margin-right:auto}.install-cmd{display:inline-flex;align-items:center;gap:var(--space-3);max-width:100%}.install-cmd .code-block{margin:0;padding:var(--space-3) var(--space-6);font-size:var(--text-base);white-space:nowrap}.install-alt{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary)}.demo-panel{text-align:left}.demo-panel[hidden]{display:none}.device-frame{background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;max-width:900px;margin:0 auto}.device-frame-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border-default)}.device-frame-dot{width:10px;height:10px;border-radius:50%;background:var(--border-hover)}.device-frame img{width:100%;display:block}.screenshot-tabs{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.screenshot-tab{padding:var(--space-2) var(--space-4);background:0 0;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.screenshot-tab.active{background:var(--accent-muted);border-color:var(--accent-border);color:var(--accent)}.screenshot-tab:hover:not(.active){border-color:var(--border-hover);color:var(--text-primary)}.screenshot-content{display:none}.screenshot-content.active{display:block;animation:fade-in .3s ease}.screenshot-description{text-align:center;margin-top:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);max-width:600px;margin-left:auto;margin-right:auto}.cli-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);max-width:900px;margin:0 auto var(--space-6);text-align:left}.cli-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.cli-card-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--accent);margin-bottom:var(--space-1)}.cli-card-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3)}.cli-card .code-block{font-size:var(--text-xs);padding:var(--space-3);margin:0}.cli-full{max-width:900px;margin:0 auto;text-align:left}.cli-full-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-2)}.cli-block{position:relative}.cli-block .copy-btn{position:absolute;top:var(--space-3);right:var(--space-3)}.features{background:var(--bg-base)}.bento-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-6)}.bento-tile{position:relative;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);overflow:hidden;transition:border-color var(--transition-normal);grid-column:span 2}.bento-tile:hover{border-color:var(--border-hover)}.bento-tile--wide{grid-column:span 4}.bento-tile:nth-child(5){grid-column:span 3}.bento-tile:nth-child(6){grid-column:span 3}.bento-tile::before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgb(129 140 248 / 12%),transparent 40%);opacity:0;transition:opacity .3s ease;z-index:0;pointer-events:none}.bento-tile:hover::before{opacity:1}.bento-tile .icon{color:var(--accent);margin-bottom:var(--space-4);position:relative;z-index:1}.bento-tile h3{margin-bottom:var(--space-2);position:relative;z-index:1}.bento-tile p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;position:relative;z-index:1}.scope{background:var(--bg-surface)}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);max-width:900px;margin:0 auto}.scope-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8)}.scope-yes{border-left:3px solid var(--accent);animation:border-pulse 4s ease-in-out infinite}.scope-neutral{border-left:3px solid var(--border-hover)}.scope-icon{color:var(--accent);margin-bottom:var(--space-3);width:32px;height:32px}.scope-neutral .scope-icon{color:var(--text-tertiary)}.scope-card h3{margin-bottom:var(--space-4)}.scope-card p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.scope-card p:last-child{margin-bottom:0}.scope-card ul{list-style:none;padding:0}.scope-card ul li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.scope-card ul li::before{content:'\2192';position:absolute;left:0;color:var(--accent)}.scope-highlight{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--accent-muted);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.footer{background:var(--bg-surface);border-top:1px solid var(--border-default);padding:var(--space-12) 0 var(--space-8);text-align:center}.footer-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.footer-info p{color:var(--text-secondary);font-size:var(--text-sm)}.footer-dot{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0}.footer-copy{color:var(--text-tertiary);font-size:var(--text-xs)}.footer a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.footer a:hover{color:var(--accent)}.icon{width:24px;height:24px;flex-shrink:0}@keyframes flow-right{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(60px);opacity:0}}@keyframes reveal-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.bento-grid .bento-tile{animation:card-enter .5s ease both}.bento-grid .bento-tile:first-child{animation-delay:0s}.bento-grid .bento-tile:nth-child(2){animation-delay:80ms}.bento-grid .bento-tile:nth-child(3){animation-delay:.16s}.bento-grid .bento-tile:nth-child(4){animation-delay:.24s}.bento-grid .bento-tile:nth-child(5){animation-delay:.32s}.bento-grid .bento-tile:nth-child(6){animation-delay:.4s}@keyframes card-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes border-pulse{0%,100%{border-left-color:var(--accent)}50%{border-left-color:var(--accent-hover)}}@keyframes gradient-shimmer{0%{background-position:0 center}100%{background-position:200% center}}@keyframes flow-down{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(36px);opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@supports (animation-timeline:view()){.reveal{animation:reveal-up linear both;animation-timeline:view();animation-range:entry 10% entry 80%}}@supports not (animation-timeline:view()){.js-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.js-ready .reveal.visible{opacity:1;transform:none}}.pipeline-detail:not(.in-view) .data-particle,.pipeline-detail:not(.in-view) .pipeline-step-connector::before{animation-play-state:paused}.scope:not(.in-view) .scope-yes{animation-play-state:paused}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.reveal{opacity:1!important;transform:none!important;animation:none!important}.data-particle{display:none}}.privacy-page-content{padding-top:120px}.privacy-page-title{text-align:center;margin-bottom:var(--space-8)}.privacy-page-content .card{background:var(--bg-elevated);border:1px solid var(--border-default);padding:var(--space-8);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.privacy-page-content h2{text-align:left;color:var(--accent);border-bottom:1px solid var(--border-default);padding-bottom:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-h3)}.privacy-page-content h3{margin-top:var(--space-6);margin-bottom:var(--space-3)}.privacy-page-content li,.privacy-page-content p{color:var(--text-secondary);margin-bottom:var(--space-3)}.privacy-page-content ul{padding-left:var(--space-6);margin-bottom:var(--space-6)}.privacy-page-content .card.table-of-contents{background:var(--bg-inset)}.table-of-contents h2{font-size:var(--text-h3);border-bottom:none;padding-bottom:0}.table-of-contents ul{list-style:none;padding:0}.table-of-contents li{margin-bottom:var(--space-2)}.table-of-contents a{font-weight:500}.last-updated{margin-top:var(--space-8);font-style:italic;color:var(--text-tertiary);text-align:center;font-size:var(--text-sm)}:root[data-theme=light] .hero-bg{background:radial-gradient(ellipse 80% 50% at 50% 0,rgb(99 102 241 / 18%),transparent 70%),radial-gradient(ellipse 60% 40% at 80% 50%,rgb(99 102 241 / 12%),transparent 60%),radial-gradient(ellipse 50% 40% at 10% 70%,rgb(139 92 246 / 8%),transparent 50%)}:root[data-theme=light] .hero{background:linear-gradient(180deg,#eef0ff 0,var(--bg-base) 100%)}:root[data-theme=light] .bento-tile,:root[data-theme=light] .pipeline-step-card,:root[data-theme=light] .scope-card{box-shadow:0 1px 3px rgb(0 0 0 / 6%),0 1px 2px rgb(0 0 0 / 4%)}:root[data-theme=light] .nav{box-shadow:0 1px 3px rgb(0 0 0 / 5%)}:root[data-theme=light] .bento-tile::before{background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgb(99 102 241 / 8%),transparent 40%)}:root[data-theme=light] .device-frame-dot{background:rgb(0 0 0 / 15%)}:root[data-theme=dark] .demo,:root[data-theme=dark] .scope{border-top:1px solid var(--border-default)}.theme-toggle{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.theme-toggle:hover{color:var(--text-primary)}.theme-toggle .icon-moon,.theme-toggle .icon-sun{width:18px;height:18px}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon{display:none}:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}@media (width <= 640px){section{padding:var(--space-16) 0}.nav-links{display:none;flex-direction:column;position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);box-shadow:0 4px 24px rgb(0 0 0 / 15%);z-index:10}.nav.nav-open .nav-links{display:flex}.nav-toggle{display:block}.theme-toggle{margin-left:auto}.hero-headline{font-size:clamp(2rem, 1.5rem + 2.5vw, 3rem)}.hero-cta{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:280px;justify-content:center}.pipeline-adds{grid-template-columns:1fr;gap:var(--space-2)}.stats-strip{grid-template-columns:1fr;gap:var(--space-4)}.pipeline-steps{flex-direction:column;align-items:stretch}.pipeline-step-card{max-width:100%;flex:none}.pipeline-step-connector{align-self:center;width:2px;height:24px;margin:0}.pipeline-step-connector .data-particle{left:-2px;top:-6px;animation-name:flow-down}.bento-grid{grid-template-columns:1fr}.bento-tile,.bento-tile--wide,.bento-tile:nth-child(5),.bento-tile:nth-child(6){grid-column:span 1}.scope-grid{grid-template-columns:1fr}.screenshot-tabs{gap:var(--space-1)}.screenshot-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:44px}.cli-cards{grid-template-columns:1fr}}@media (width >= 641px) and (width <= 899px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-tile{grid-column:span 1}.bento-tile--wide{grid-column:span 2}.bento-tile:nth-child(5),.bento-tile:nth-child(6){grid-column:span 1}.pipeline-steps{flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.pipeline-step-connector{display:none}.pipeline-adds{grid-template-columns:repeat(2,1fr)}}@media (width >= 1200px){.container{padding:0 var(--space-8)}}