.landing-root{background:var(--background);min-height:100vh;color:var(--foreground);overflow-x:hidden}.landing-nav{z-index:100;background:color-mix(in oklch, var(--background) 80%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.5);backdrop-filter:blur(12px)saturate(1.5);border-bottom:1px solid color-mix(in oklch, var(--border) 50%, transparent);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.landing-nav-left{align-items:center;gap:10px;display:flex}.landing-nav-wordmark{letter-spacing:-.02em;color:var(--foreground);font-size:15px;font-weight:600}.landing-nav-right{align-items:center;gap:12px;display:flex}.landing-nav-ph{color:var(--muted-foreground);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.landing-nav-ph:hover{color:var(--foreground)}.landing-hero{text-align:left;max-width:1100px;margin:0 auto;padding:38px 24px;display:flex;position:relative}.landing-hero-inner{z-index:2;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.landing-hero-left{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.landing-hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px;font-weight:600}.landing-hero-gradient{background:linear-gradient(135deg, var(--swatch-3), var(--swatch-2), var(--swatch-1));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.landing-hero-h1{letter-spacing:-.01em;color:var(--foreground);white-space:nowrap;flex-wrap:wrap;align-items:center;gap:.25em;font-size:clamp(32px,5vw,56px);font-weight:500;line-height:1;display:inline-flex}.landing-ide-swap{vertical-align:baseline;align-items:center;display:inline-flex;position:relative}.landing-ide-swap-measure{visibility:hidden;pointer-events:none;white-space:nowrap;font-size:inherit;font-weight:inherit;letter-spacing:inherit;align-items:center;gap:.35em;padding:0 .1em;display:inline-flex;position:absolute}.landing-ide-swap-inner{white-space:nowrap;gap:.35em;padding:0 .1em;position:relative}.landing-ide-swap-logo{flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.landing-ide-swap-logo svg{width:100%;height:100%}.landing-ide-swap-name{white-space:nowrap;color:#fff;align-items:baseline;display:inline-flex}.landing-ide-swap-letter{display:inline-block}.landing-hero-right{flex-direction:column;gap:24px;padding-top:28px;display:flex}.landing-hero-sub{color:var(--muted-foreground);font-size:16px;line-height:1.6}.landing-hero-checks{align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:24px;list-style:none;display:flex;position:relative}.landing-hero-checks:before{content:"";background:var(--border);opacity:.4;width:100vw;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing-hero-checks li{color:var(--muted-foreground);align-items:center;gap:6px;font-size:14px;display:flex}.landing-hero-checks li>svg{color:var(--check-accent,var(--foreground));transition:color .4s}.landing-hero-ctas{align-items:flex-start;gap:12px;display:flex}.landing-logos-bar{align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:24px 24px 0;display:flex;position:relative}.landing-logos-bar:before{content:"";background:var(--border);opacity:.4;width:100vw;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing-logos-label{color:var(--muted-foreground);white-space:nowrap;opacity:.5;flex-shrink:0;font-size:14px}.landing-logos-row{color:var(--muted-foreground);opacity:.5;align-items:center;gap:28px;margin-left:auto;display:flex}.landing-logos-row svg{flex-shrink:0;width:20px;height:20px}.landing-cta-primary{gap:8px;transition:transform .2s,box-shadow .2s;color:#000!important;background:#fff!important;border-radius:9999px!important;height:48px!important;padding:0 28px!important;font-size:15px!important}.landing-cta-primary svg{transition:transform .2s}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #fff3}.landing-cta-primary:hover svg{transform:translate(3px)}.landing-cta-primary:active{box-shadow:none;transform:translateY(0)}.landing-cta-secondary{gap:6px;height:48px!important;color:var(--muted-foreground)!important;border:1px solid var(--border)!important;border-radius:9999px!important;padding:0 20px!important;font-size:14px!important}.landing-hero-logos{flex-direction:column;align-items:flex-start;gap:14px;margin-top:24px;display:flex}.landing-hero-logos-label{color:var(--muted-foreground);letter-spacing:.04em;font-size:12px}.landing-hero-logos-row{color:var(--muted-foreground);opacity:.4;align-items:center;gap:28px;display:flex}.landing-lines{z-index:2;pointer-events:none;position:fixed;inset:0}.landing-lines-vertical{justify-content:space-between;max-width:1260px;height:100%;margin:0 auto;padding:0 24px;display:flex;position:absolute;inset:0}.landing-line-v{flex-direction:column;width:1px;height:100%;display:flex;position:relative}.landing-line-v:before{content:"";background:var(--border);opacity:.4;flex:1.4;width:1px}.landing-line-v:after{content:"";opacity:.3;background-image:repeating-linear-gradient(to bottom, var(--border) 0px, var(--border) 4px, transparent 4px, transparent 8px);flex:3;width:1px}.landing-line-node{border:1px solid var(--border);background:var(--background);z-index:3;width:6px;height:6px;position:absolute;transform:rotate(45deg)}.landing-line-node-top-left,.landing-line-node-top-right,.landing-line-node-bottom-left,.landing-line-node-bottom-right{z-index:10;border-color:var(--border);background:radial-gradient(circle, var(--swatch-1), var(--swatch-2), var(--swatch-3));position:absolute}.landing-line-node-top-left{top:44px;left:24px;transform:translate(-50%,-50%)rotate(45deg)}.landing-line-node-top-right{top:44px;right:24px;transform:translate(50%,-50%)rotate(45deg)}.landing-line-node-bottom-left{bottom:0;left:24px;transform:translate(-50%,50%)rotate(45deg)}.landing-line-node-bottom-right{bottom:0;right:24px;transform:translate(50%,50%)rotate(45deg)}.landing-showcase:before,.landing-showcase:after{content:"";background:var(--border);opacity:.4;pointer-events:none;z-index:2;width:100vw;height:1px;position:absolute;left:50%;transform:translate(-50%)}.landing-showcase-topbar{z-index:3;justify-content:space-between;align-items:center;width:100%;max-width:1100px;height:44px;padding:0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing-showcase-wordmark{color:var(--muted-foreground);letter-spacing:.05em;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:12px}.landing-showcase-links{align-items:center;gap:20px;display:flex}.landing-showcase-about{color:var(--muted-foreground);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;padding:0;font-family:Geist Mono,monospace;font-size:12px;text-decoration:none;transition:color .15s}.landing-showcase-about:hover{color:var(--foreground)}.landing-showcase:before{top:44px}.landing-showcase:after{bottom:0}.landing-blobs{z-index:0;pointer-events:none;opacity:.55;isolation:isolate;position:absolute;inset:-100px}.landing-grain{z-index:0;pointer-events:none;mix-blend-mode:overlay;opacity:.85;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:200px 200px;position:absolute;inset:-100px;-webkit-mask-image:radial-gradient(50% 45%,#000 0%,#0000 65%);mask-image:radial-gradient(50% 45%,#000 0%,#0000 65%)}.landing-blob{filter:blur(160px)saturate(1.3);border-radius:50%;position:absolute}.landing-blob-1{aspect-ratio:1;width:40%;top:0%;left:10%}.landing-blob-2{aspect-ratio:1;width:36%;top:20%;right:10%}.landing-blob-3{aspect-ratio:1;width:36%;bottom:5%;left:25%}.landing-blob-4{aspect-ratio:1;width:32%;bottom:10%;right:20%}.landing-showcase{max-width:1260px;margin:0 auto;padding:44px 24px 0;position:relative;overflow:visible}.landing-showcase-bar{z-index:20;pointer-events:auto;align-items:center;gap:12px;display:flex;position:absolute;top:calc(44px + clamp(440px,65vh,860px));left:50%;transform:translate(-50%,calc(-100% - 24px))}.landing-showcase-tabs{height:52px}.landing-ide-more{height:44px;color:var(--muted-foreground);letter-spacing:.02em;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;margin-left:8px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex;position:relative}.landing-ide-more:before{content:"";background:color-mix(in oklch, var(--border) 60%, transparent);width:1px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.landing-showcase-tabs [role=tablist]{height:52px;padding:4px}.landing-showcase-tabs [role=tab]{height:44px}.landing-ide-tab{cursor:pointer;align-items:center;gap:6px;height:44px!important;padding:0 12px!important;display:inline-flex!important}.landing-theme-pill{border:1.5px solid color-mix(in oklch, var(--border) 40%, transparent);background:var(--card);height:52px;color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:12px;font-weight:500;display:flex;position:relative}.landing-theme-pill:hover{opacity:.85}.landing-theme-pill:active{transform:scale(.97)}.landing-theme-pill:before{content:"";background:conic-gradient(from 0deg, var(--pill-accent) var(--pill-progress), transparent var(--pill-progress));-webkit-mask-composite:xor;pointer-events:none;border-radius:999px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-theme-pill-swatches{gap:3px;display:flex}.landing-theme-pill-swatch{border:1px solid #ffffff1a;border-radius:50%;width:10px;height:10px}.landing-theme-pill-name{white-space:nowrap;font-size:14px}.landing-showcase-preview{z-index:0;transform-origin:50%;will-change:transform, border-radius;border-radius:0;height:clamp(440px,65vh,860px);position:relative;overflow:hidden;box-shadow:0 8px 32px #0003,0 2px 8px #0000001a}.landing-preview-edge{z-index:4;pointer-events:none;width:32px;height:clamp(440px,65vh,860px);color:var(--border);opacity:.2;position:absolute;top:44px}.landing-preview-edge-left{left:24px;transform:translate(-100%)}.landing-preview-edge-right{right:24px;transform:translate(100%)}.landing-showcase-shimmer{z-index:5;pointer-events:none;width:80%;position:absolute;inset:0}.landing-showcase-preview ::-webkit-scrollbar{display:none}.landing-showcase-preview *{scrollbar-width:none}.landing-showcase-frame{position:absolute;inset:0}.landing-morph-zone{position:relative}.landing-morph-sticky{z-index:5;pointer-events:auto;position:sticky;top:0}.landing-showcase-tabs-wrap{z-index:2;position:relative}.landing-morph-runway{pointer-events:none;height:120vh}@media (max-width:768px){.landing-line-hide-tablet.landing-line-v{display:none}.landing-hero{padding:38px 16px}.landing-hero-inner{grid-template-columns:1fr;gap:32px}.landing-hero-right{padding-top:0}.landing-hero-logos-row{gap:16px}.landing-showcase-preview{height:340px}.landing-showcase-bar{gap:8px}.landing-hero-ctas{flex-direction:column;width:100%}.landing-cta-primary{width:100%}}@media (max-width:480px){.landing-line-hide-mobile.landing-line-v{display:none}.landing-showcase-preview{height:280px}}@keyframes landing-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.landing-morph-runway{height:10vh}}.landing-scroll-hint{width:100%;color:color-mix(in oklch, var(--muted-foreground) 85%, transparent);letter-spacing:.01em;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:120px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.landing-scroll-hint-chevron{display:inline-flex}.landing-scroll-hint-wheel{transform-origin:9px 9px;animation:1.4s cubic-bezier(.4,0,.2,1) infinite landing-scroll-hint-wheel}@keyframes landing-scroll-hint-wheel{0%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(6px)}61%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-scroll-hint-wheel{animation:none}}