*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #FDFDFB;--bg-secondary: #F3F4F4;--bg-elevated: #F6F7F7;--bg-surface: #F8F8F7;--text-primary: #111316;--text-secondary: #686D73;--text-muted: #7E8389;--border: #E1E4E8;--accent: #0055FF;--accent-text: #0055FF;--accent-sky: #0055FF;--accent-subtle: rgba(0, 85, 255, .06);--accent-mid: rgba(0, 85, 255, .14);--on-accent: #ffffff;--focus-ring: #0055FF;--elevation-1: 0 1px 2px color-mix(in srgb, var(--text-primary) 14%, transparent);--elevation-2: 0 10px 22px color-mix(in srgb, var(--text-primary) 10%, transparent);--bg-hero: #FDFDFB;--text-hero: #111316;--text-hero-muted: #686D73;--hero-nav: #FDFDFB;--hero-glass: #F3F4F4;--hero-glass-border: #E1E4E8;--hero-glass-hover: #EAECF0;--hero-glass-border-hover: #D7DCE2;--hero-dim: #7E8389;--code-bg: #F3F4F4;--code-text: #14171A;--hero-vignette: rgba(255, 255, 255, .55);--hover-surface: color-mix(in srgb, var(--text-primary) 8%, transparent);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration: .15s;--duration-slow: .2s;--font: "IBM Plex Sans", "Noto Sans JP", "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", ui-monospace, monospace}[data-theme=dark]{--bg-primary: #08090A;--bg-secondary: #111315;--bg-elevated: #15181B;--bg-surface: #121416;--text-primary: #E7E9EC;--text-secondary: #9CA2AA;--text-muted: #858C95;--border: #252A30;--accent-text: #8FB2FF;--elevation-1: 0 1px 2px color-mix(in srgb, #000 44%, transparent);--elevation-2: 0 10px 22px color-mix(in srgb, #000 30%, transparent);--bg-hero: #08090A;--text-hero: #E7E9EC;--text-hero-muted: #9CA2AA;--hero-nav: #08090A;--hero-glass: #111315;--hero-glass-border: #252A30;--hero-glass-hover: #191D21;--hero-glass-border-hover: #2C333A;--hero-dim: #858C95;--code-bg: #111315;--code-text: #D8DCE2;--hero-vignette: rgba(0, 0, 0, .6)}::selection{background:var(--accent);color:var(--on-accent)}.logo-mark path:nth-child(3){stroke:var(--accent)}html{font-size:16px;scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font);font-weight:400;color:var(--text-primary);background:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;font-kerning:normal;text-rendering:optimizeLegibility;overflow-x:clip;overflow-wrap:break-word;word-break:break-word}:focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--focus-ring)}main{overflow-x:hidden}.floating-tag,.pkg-track,.hero-word,.reveal,.tagline-line,.hero-shortline,.hero-cta,.scroll-hint,.wm-layer{transition:none}.tide-canvas{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:0;opacity:.3}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.25rem max(env(safe-area-inset-left,0px),3rem) 1.25rem max(env(safe-area-inset-right,0px),3rem);padding-top:max(env(safe-area-inset-top,0px),1.25rem);background:color-mix(in srgb,var(--hero-nav) 94%,transparent);transition:padding var(--duration) var(--ease),background var(--duration-slow) var(--ease),color var(--duration-slow) var(--ease),border-color var(--duration-slow) var(--ease)}.nav.scrolled{padding:.875rem max(env(safe-area-inset-right,0px),3rem) .875rem max(env(safe-area-inset-left,0px),3rem);padding-top:max(env(safe-area-inset-top,0px),.875rem)}.nav-left{display:flex;align-items:center;gap:3rem}.nav-logo{font-family:var(--font);font-weight:700;font-size:1.1rem;color:var(--text-hero);text-decoration:none;letter-spacing:0;display:flex;align-items:center;gap:.6rem;min-width:44px;min-height:44px}.logo-mark{flex-shrink:0;transform:translateY(-1px)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-hero-muted);text-decoration:none;font-weight:500;font-size:1rem;transition:color var(--duration) var(--ease);display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.nav-links a:hover{color:var(--text-hero)}.nav-controls{display:flex;align-items:stretch;gap:.5rem}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:.5rem max(env(safe-area-inset-right,0px),1.75rem) 1rem max(env(safe-area-inset-left,0px),1.75rem);display:flex;flex-direction:column;transform:translateY(-.5rem);opacity:0;pointer-events:none;transition:transform .2s var(--ease),opacity .2s var(--ease),background var(--duration-slow) var(--ease),border-color var(--duration-slow) var(--ease);z-index:99}.mobile-menu.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu a{display:block;color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:500;padding:.75rem 0;transition:color var(--duration) var(--ease)}.mobile-menu a:hover{color:var(--accent-text)}.control-btn{background:transparent;border:none;color:var(--text-hero-muted);padding:.55rem;border-radius:3px;cursor:pointer;transition:color var(--duration) var(--ease);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mobile-menu-btn{display:none}@media(max-width:768px){.mobile-menu-btn{display:flex}}.theme-icon{display:none}[data-theme=dark] .theme-moon,[data-theme=light] .theme-sun{display:block}.lang-switcher{display:flex;align-items:center;gap:2px;background:var(--bg-elevated);border-radius:3px;padding:3px}.lang-btn{background:transparent;border:none;color:var(--text-secondary);padding:.66rem .84rem;min-height:46px;min-width:52px;border-radius:3px;font-family:var(--font);font-size:1.02rem;font-weight:600;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.lang-btn.active{background:var(--text-primary);color:var(--bg-primary)}.github-star{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--bg-elevated);border:none;border-radius:3px;overflow:hidden;text-decoration:none;transition:opacity var(--duration) var(--ease);min-height:44px}.github-star:hover{opacity:.8}.github-star .gh-logo{display:flex;align-items:center;padding:.5rem .55rem;border-radius:3px;color:var(--text-primary)}.github-star .gh-stars{display:flex;align-items:center;gap:.3rem;padding:.5rem .6rem;background:var(--bg-secondary);border-radius:3px;color:var(--text-primary);font-family:var(--font-mono);font-size:.78rem;font-weight:600}.github-star .gh-stars:has(.star-count:empty){display:none}.ph-badge{display:inline-flex;align-items:center;transition:opacity var(--duration) var(--ease);min-height:44px}.ph-badge:hover{opacity:.8}.ph-badge img{display:block;border-radius:5px}.hero-bg-pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);font-size:clamp(1.2rem,3vw,2.5rem);font-weight:800;white-space:nowrap}.hero-bg-pattern .bg-line{color:color-mix(in srgb,var(--text-primary) 12%,transparent)}[data-theme=dark] .hero-bg-pattern .bg-line{color:color-mix(in srgb,var(--text-primary) 8%,transparent)}.hero-bg-pattern .bg-line:nth-child(2n){animation:bg-drift-left 35s ease-in-out infinite alternate}.hero-bg-pattern .bg-line:nth-child(odd){animation:bg-drift-right 40s ease-in-out infinite alternate}@keyframes bg-drift-left{0%{transform:translate(-5%)}to{transform:translate(5%)}}@keyframes bg-drift-right{0%{transform:translate(5%)}to{transform:translate(-5%)}}.hero-bg-pattern .bg-hl{color:var(--accent-text)}.floating-tags{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2;transform:translate(var(--mx, 0px),calc(var(--my, 0px) + var(--sy, 0px)))}.floating-tag{position:absolute;left:var(--x);top:var(--y, 50%);font-family:var(--font-mono);font-size:var(--s, .85rem);opacity:var(--o, .06);white-space:nowrap;will-change:transform;animation:float-ambient var(--d, 60s) ease-in-out infinite;animation-delay:var(--delay, 0s);filter:blur(var(--blur, 0px));-webkit-user-select:none;user-select:none;line-height:1}.floating-tag.is-stripped{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:currentColor}@keyframes float-ambient{0%{transform:translate(0) rotate(var(--r, 0deg))}25%{transform:translate(var(--sway, 15px),calc(var(--sway, 15px) * -.6)) rotate(calc(var(--r, 0deg) * -.5))}50%{transform:translate(calc(var(--sway, 15px) * -.8),var(--sway, 15px)) rotate(calc(var(--r, 0deg) * .3))}75%{transform:translate(calc(var(--sway, 15px) * .5),calc(var(--sway, 15px) * -.4)) rotate(calc(var(--r, 0deg) * -.7))}to{transform:translate(0) rotate(var(--r, 0deg))}}.floating-tag.anim-drift{animation-name:float-ambient-b}@keyframes float-ambient-b{0%{transform:translate(0) rotate(0)}33%{transform:translate(calc(var(--sway, 20px) * -.7),var(--sway, 20px)) rotate(calc(var(--r, 0deg) * .5))}66%{transform:translate(var(--sway, 20px),calc(var(--sway, 20px) * -.5)) rotate(calc(var(--r, 0deg) * -.4))}to{transform:translate(0) rotate(0)}}.floating-tag.anim-wave{animation-name:float-ambient-c}@keyframes float-ambient-c{0%{transform:translate(0) rotate(0)}20%{transform:translate(var(--sway, 15px),calc(var(--sway, 15px) * .8)) rotate(calc(var(--r, 0deg) * .3))}40%{transform:translate(calc(var(--sway, 15px) * -1),calc(var(--sway, 15px) * -.3)) rotate(calc(var(--r, 0deg) * -.6))}60%{transform:translate(calc(var(--sway, 15px) * .6),calc(var(--sway, 15px) * -.9)) rotate(calc(var(--r, 0deg) * .4))}80%{transform:translate(calc(var(--sway, 15px) * -.4),calc(var(--sway, 15px) * .5)) rotate(calc(var(--r, 0deg) * -.2))}to{transform:translate(0) rotate(0)}}.hero-watermark{position:absolute;right:-5%;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end}.wm-layer{display:block;font-family:var(--font);font-size:clamp(7rem,16vw,14rem);font-weight:800;letter-spacing:0;line-height:.85;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,color-mix(in srgb,var(--text-primary),var(--accent) var(--wm-blend, 0%)) var(--wm-alpha, 4%),transparent);white-space:nowrap;position:relative}.wm-layer:nth-child(1){--wm-blend: 0%;--wm-alpha: 4%;right:0}.wm-layer:nth-child(2){--wm-blend: 15%;--wm-alpha: 5%;right:-.5rem}.wm-layer:nth-child(3){--wm-blend: 28%;--wm-alpha: 6%;right:-1rem}.wm-layer:nth-child(4){--wm-blend: 42%;--wm-alpha: 7%;right:-1.5rem}.wm-layer:nth-child(5){--wm-blend: 55%;--wm-alpha: 8%;right:-2rem}.wm-layer:nth-child(6){--wm-blend: 68%;--wm-alpha: 9%;right:-2.5rem}.wm-layer:nth-child(7){--wm-blend: 80%;--wm-alpha: 10%;right:-3rem}.wm-layer:nth-child(8){--wm-blend: 90%;--wm-alpha: 11%;right:-3.5rem}.wm-layer:nth-child(9){--wm-blend: 96%;--wm-alpha: 13%;right:-4rem}.wm-layer:nth-child(10){--wm-blend: 100%;--wm-alpha: 16%;right:-4.5rem}[data-theme=dark] .wm-layer:nth-child(1){--wm-alpha: 3%}[data-theme=dark] .wm-layer:nth-child(2){--wm-alpha: 4%}[data-theme=dark] .wm-layer:nth-child(3){--wm-alpha: 5%}[data-theme=dark] .wm-layer:nth-child(4){--wm-alpha: 6%}[data-theme=dark] .wm-layer:nth-child(5){--wm-alpha: 7%}[data-theme=dark] .wm-layer:nth-child(6){--wm-alpha: 8%}[data-theme=dark] .wm-layer:nth-child(7){--wm-alpha: 9%}[data-theme=dark] .wm-layer:nth-child(8){--wm-alpha: 10%}[data-theme=dark] .wm-layer:nth-child(9){--wm-alpha: 12%}[data-theme=dark] .wm-layer:nth-child(10){--wm-alpha: 14%}.install-box{display:inline-flex;flex:0 0 auto;align-items:center;gap:.875rem;padding:.55rem .5rem .55rem 1rem;width:100%;min-height:52px;background:var(--hero-glass);border:0;border-radius:3px;font-family:var(--font-mono);font-size:1.18rem;color:var(--text-hero);box-shadow:var(--elevation-1);transition:background var(--duration) var(--ease),opacity var(--duration) var(--ease)}.install-box .prompt{color:var(--accent-text);-webkit-user-select:none;user-select:none}.install-box:hover .prompt{opacity:.82}.pkg-cycle{overflow:hidden;height:1.35em;position:relative;flex:1 1 auto;min-width:0}.pkg-track{display:block}.pkg-track code{display:block;height:1.35em;line-height:1.35em;color:var(--text-primary);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .17s var(--ease-out),color .17s var(--ease)}.pkg-cycle.is-switching code{color:var(--text-secondary);transform:translateY(-.08rem)}.copy-btn{background:transparent;border:none;color:var(--text-hero-muted);cursor:pointer;width:44px;height:44px;border-radius:3px;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),opacity var(--duration) var(--ease);display:flex;align-items:center;justify-content:center;opacity:.5;flex-shrink:0}.copy-btn:hover{background:var(--hover-surface);color:var(--text-hero);opacity:1}[data-theme=light] .copy-btn{background:transparent;border:none}[data-theme=light] .copy-btn:hover{background:var(--hover-surface);opacity:1}.copy-btn.copied{background:var(--accent);color:var(--on-accent);border:none;opacity:1}.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-hero-muted);font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;opacity:0;animation:fade-in .8s var(--ease) 1.6s forwards;z-index:10}.scroll-line{width:1px;height:24px;background:var(--text-hero-muted);animation:breathe 2.5s ease infinite}@keyframes breathe{0%,to{opacity:.15}50%{opacity:.4}}main{position:relative;z-index:10;background:var(--bg-primary);transition:background var(--duration-slow) var(--ease)}.section{max-width:1100px;margin:0 auto;padding:6rem max(env(safe-area-inset-right,0px),3.5rem) 6rem max(env(safe-area-inset-left,0px),3.5rem)}.comparison{padding-top:7rem;padding-bottom:4rem}.benchmarks{padding-top:3rem;padding-bottom:5rem}.features{padding-top:7rem}.patterns{padding-top:5rem;padding-bottom:4rem}.security{padding-top:5rem;padding-bottom:5rem}.quickstart{padding-top:4rem;padding-bottom:5rem}.features:before,.security:before{content:"";display:block;width:3rem;height:1px;background:var(--border);margin:0 auto 3.5rem}.section-header{text-align:center;max-width:560px;margin:0 auto 3.5rem}.section-label{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-text);margin-bottom:.75rem}.section h2{font-family:var(--font);font-size:clamp(2rem,4vw,2.8rem);font-weight:600;line-height:1.15;letter-spacing:0;margin-bottom:1rem;color:var(--text-primary);text-wrap:balance}.section-desc{font-size:1.05rem;font-weight:400;color:var(--text-secondary);line-height:1.65;text-wrap:balance}.compare-headline{font-family:var(--font);font-size:clamp(2rem,4vw,2.8rem);font-weight:600;line-height:1.15;letter-spacing:0;margin-bottom:1rem;color:var(--text-primary)}.showcase-container{display:flex;align-items:center;gap:1rem}.showcase-nav{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:3px;cursor:pointer;color:var(--text-muted);transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.showcase-viewport{overflow:hidden;flex:1;min-width:0}.showcase-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.showcase-slide{flex:0 0 100%;min-width:0;padding:0 .25rem}.slide-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-text);margin-bottom:1.25rem;text-align:center}.showcase-dots{display:flex;justify-content:center;gap:8px;margin-top:1.75rem}.showcase-dot{position:relative;width:6px;height:6px;border-radius:3px;border:none;background:var(--text-muted);opacity:.2;cursor:pointer;padding:0;transition:opacity var(--duration) var(--ease),background var(--duration) var(--ease),transform var(--duration) var(--ease)}.showcase-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.showcase-dot.active{opacity:1;background:var(--accent);transform:scale(1.3)}.transform-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start}.transform-tag{display:inline-block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.transform-after .transform-tag{color:var(--accent-text)}.transform-side pre{background:var(--code-bg);border-radius:3px;padding:1.25rem 1.5rem;overflow-x:auto}.transform-side pre code{font-family:var(--font-mono);font-size:.78rem;line-height:1.65;color:var(--code-text)}.transform-before pre{opacity:.45}.transform-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent-text);padding-top:2rem;opacity:.4}.bench-hero{display:flex;justify-content:center;align-items:center;gap:3rem;margin:0 auto 4rem;max-width:800px}.bench-stat{text-align:center;flex:1}.bench-stat-value{display:block;font-size:3.5rem;font-weight:800;letter-spacing:0;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}.bench-stat-primary .bench-stat-value{font-size:4.5rem;color:var(--accent-text)}.bench-stat-unit{font-size:.5em;font-weight:600;opacity:.6}.bench-stat-caption{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);font-weight:400}.bench-stat-divider{width:1px;height:3.5rem;background:var(--border);flex-shrink:0}.bench-chart{max-width:800px;margin:0;display:flex;flex-direction:column;gap:1.5rem}.bench-row-label{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.bench-site{font-weight:600;font-size:.95rem;color:var(--text-primary)}.bench-ratio-badge{font-size:.75rem;font-weight:700;color:var(--accent-text);background:var(--accent-subtle);padding:.15rem .5rem;border-radius:3px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.bench-ratio-best{background:var(--accent);color:var(--on-accent)}.bench-bars{display:flex;flex-direction:column;gap:.25rem}.bench-bar{height:2rem;border-radius:2px;display:flex;align-items:center;padding:0 .75rem;position:relative;width:var(--target-width);min-width:fit-content}.bench-bar-raw{background:var(--bg-elevated);border:1px solid var(--border)}.bench-bar-compressed{background:var(--accent)}.bench-bar-value{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.bench-bar-raw .bench-bar-value{color:var(--text-secondary)}.bench-bar-compressed .bench-bar-value{color:var(--on-accent)}.bench-legend{display:flex;gap:1.5rem;justify-content:center;padding-top:1rem}.bench-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.bench-legend-swatch{width:12px;height:12px;border-radius:3px}.bench-legend-raw{background:var(--bg-elevated);border:1px solid var(--border)}.bench-legend-compressed{background:var(--accent)}.bench-explain{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.bench-explain-block{padding:1.5rem;border-radius:3px;background:var(--bg-secondary)}.bench-explain-block h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.6rem}.bench-explain-block p{font-size:.85rem;line-height:1.65;color:var(--text-secondary)}@media(max-width:768px){.bench-hero{flex-direction:column;gap:1.5rem}.bench-stat-divider{width:3rem;height:1px}.bench-stat-primary .bench-stat-value{font-size:3.5rem}.bench-stat-value{font-size:2.5rem}.bench-explain{grid-template-columns:1fr}.bench-bar-value{font-size:.7rem}}.feature-list{border-top:1px solid var(--border)}.feature-block{padding:4rem 0;border-bottom:1px solid var(--border)}.feature-block-header{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:2rem}.feature-num{font-family:var(--font);font-size:.75rem;font-weight:500;color:var(--accent-sky);letter-spacing:.05em;flex-shrink:0;opacity:.6}.feature-block-header h3{font-size:1.6rem;font-weight:700;letter-spacing:0;color:var(--text-primary)}.feature-block-body{display:flex;flex-direction:column;gap:2rem}@media(min-width:769px){.feature-block-body{flex-direction:row;align-items:flex-start;gap:3rem}.feature-content{flex:1}.feature-code{flex:1.25}}.feature-content p{font-size:1rem;color:var(--text-secondary);line-height:1.7;max-width:520px;margin-bottom:1.25rem}.feature-code pre{background:var(--code-bg);border-radius:3px;padding:1rem 1.25rem;overflow-x:auto}.feature-code code{font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--code-text)}.quickstart-simple{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.quickstart-simple pre{background:var(--code-bg);border-radius:3px;padding:1.25rem 1.5rem;overflow-x:auto}.quickstart-simple pre:first-child{background:var(--bg-elevated);border:1px solid var(--border)}.quickstart-simple code{font-family:var(--font-mono);font-size:.9rem;line-height:1.6;color:var(--code-text)}.code-line{display:block;transition:opacity .35s var(--ease)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.code-line.dimmed{opacity:.15}.tk-kw,.tk-fn,.tk-type,.tk-op,.tk-pr{color:var(--accent-text)}.tk-str,.tk-num{color:var(--text-primary)}.tk-cm{color:var(--text-muted);font-style:italic}.tk-br,.tk-dot{color:var(--text-muted)}.code-block{background:var(--code-bg);border-radius:3px;overflow:hidden}.code-header{display:flex;align-items:center;gap:.35rem;padding:.3rem .875rem;background:var(--hero-glass)}.dot{width:7px;height:7px;border-radius:50%}.dot-red,.dot-yellow,.dot-green{background:color-mix(in srgb,var(--text-muted) 38%,transparent)}.code-filename{margin-left:.5rem;font-size:.78rem;font-family:var(--font-mono);color:var(--text-hero-muted)}.code-block pre{padding:.875rem 1.25rem;overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:.85rem;line-height:1.7;color:var(--code-text)}.code-block pre::-webkit-scrollbar,.pattern-code::-webkit-scrollbar{height:4px}.code-block pre::-webkit-scrollbar-track,.pattern-code::-webkit-scrollbar-track{background:transparent}.code-block pre::-webkit-scrollbar-thumb,.pattern-code::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.code-block pre,.pattern-code{scrollbar-width:thin;scrollbar-color:var(--border) transparent}footer{position:relative;z-index:10;background:var(--bg-primary);color:var(--text-hero-muted);padding:4rem max(env(safe-area-inset-right,0px),3.5rem) max(env(safe-area-inset-bottom,0px),3.5rem) max(env(safe-area-inset-left,0px),3.5rem);border-top:1px solid var(--border)}footer:before{display:none}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1rem;color:var(--text-hero)}.footer-links{display:flex;gap:2rem}.footer-links a{display:inline-flex;align-items:center;justify-content:center;color:var(--text-hero-muted);text-decoration:none;font-size:.88rem;font-weight:500;min-height:44px;min-width:44px;transition:color var(--duration) var(--ease)}.footer-right{display:flex;align-items:center}.cookie-note{position:fixed;right:max(env(safe-area-inset-right,0px),1rem);bottom:max(env(safe-area-inset-bottom,0px),1rem);z-index:80;display:flex;align-items:stretch;gap:3px;max-width:min(22rem,calc(100vw - 2rem));padding:3px;border-radius:3px;background:var(--bg-elevated);color:var(--text-secondary);box-shadow:none;font-size:.78rem;font-weight:600;line-height:1.35}.cookie-note span{display:inline-flex;align-items:center;min-height:44px;padding:.55rem .72rem;border-radius:3px}.cookie-note.is-hidden{display:none}.cookie-note button{flex:0 0 auto;min-width:52px;min-height:44px;border:0;border-radius:3px;background:var(--text-primary);color:var(--bg-primary);font:inherit;font-weight:700;cursor:pointer;transition:opacity var(--duration) var(--ease)}.cookie-note button:hover{opacity:.82}.reveal{opacity:1;transform:translateY(0);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.quickstart-wrapper{grid-template-columns:1fr;gap:2.5rem}.hero-word-3{font-size:clamp(4.5rem,14vw,9rem)}.feature-visual{max-width:360px}}@media(max-width:960px){.section{padding:5rem max(env(safe-area-inset-right,0px),2.25rem) 5rem max(env(safe-area-inset-left,0px),2.25rem)}.comparison{padding-top:5rem;padding-bottom:3rem}.benchmarks{padding-top:2.5rem;padding-bottom:4rem}.features{padding-top:5rem}.patterns{padding-top:4rem;padding-bottom:3rem}.security{padding-top:4rem;padding-bottom:4rem}.quickstart{padding-top:3rem;padding-bottom:4rem}.hero-content{padding:6rem max(env(safe-area-inset-left,0px),2.25rem) 5rem max(env(safe-area-inset-right,0px),2.25rem)}.nav{padding:1rem max(env(safe-area-inset-right,0px),2rem) 1rem max(env(safe-area-inset-left,0px),2rem);padding-top:max(env(safe-area-inset-top,0px),1rem)}}@media(max-width:768px){.nav{padding:1rem max(env(safe-area-inset-right,0px),1.5rem) 1rem max(env(safe-area-inset-left,0px),1.5rem);padding-top:max(env(safe-area-inset-top,0px),1rem)}.nav-links{display:none}.nav-left{gap:.25rem}.hero-content{padding:6rem max(env(safe-area-inset-left,0px),1.75rem) 4rem max(env(safe-area-inset-right,0px),1.75rem);min-height:70vh}.floating-tag:nth-child(n+60){display:none}.section{padding:4rem max(env(safe-area-inset-right,0px),1.75rem) 4rem max(env(safe-area-inset-left,0px),1.75rem)}.comparison{padding-top:4.5rem;padding-bottom:2.5rem}.benchmarks{padding-top:2rem;padding-bottom:3rem}.features{padding-top:4.5rem}.patterns{padding-top:3.5rem;padding-bottom:2.5rem}.security{padding-top:3.5rem;padding-bottom:3.5rem}.quickstart{padding-top:2.5rem;padding-bottom:3rem}.transform-pair{grid-template-columns:1fr;gap:1rem}.transform-arrow{padding-top:0}.transform-arrow svg{transform:rotate(90deg)}.showcase-nav{display:none}.showcase-container{display:block}.feature-block{padding:2.5rem 0}.feature-block-header h3{font-size:1.3rem}.footer-inner{flex-direction:column;gap:1.25rem;text-align:center}}@media(max-width:480px){.cookie-note{left:max(env(safe-area-inset-left,0px),.7rem);right:max(env(safe-area-inset-right,0px),.7rem);bottom:max(env(safe-area-inset-bottom,0px),.7rem);align-items:stretch;font-size:.76rem}.hero-cta{flex-direction:column;align-items:flex-start}.install-box{width:100%;justify-content:space-between;font-size:.8rem;gap:.5rem;padding:.5rem .5rem .5rem 1rem}.lang-btn{padding:.4rem .65rem;font-size:.75rem}.floating-tag:nth-child(n+40){display:none}.code-block code,.pattern-code{font-size:.75rem}.patterns-grid{grid-template-columns:1fr}.pattern-card--hero{grid-row:auto;border-right:0}.security-grid{grid-template-columns:1fr}}.bench-takeaway{max-width:700px;margin:2rem auto 0;text-align:center}.bench-takeaway-text{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.bench-takeaway-text strong{color:var(--accent-text);font-weight:600}.bench-note-sm{font-size:.78rem;color:var(--text-muted);opacity:.6}.bench-compact{max-width:900px;margin:0 auto}.bench-tabs{display:flex;gap:.35rem;margin-bottom:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bench-tabs::-webkit-scrollbar{display:none}.bench-tab{flex-shrink:0;padding:.55rem 1.1rem;border-radius:3px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease);white-space:nowrap}.bench-tab.is-active{background:var(--accent);border-color:var(--accent-text);color:var(--on-accent);font-weight:600}.bench-panel{display:grid;grid-template-columns:1fr auto;gap:2.5rem;align-items:center;background:var(--bg-secondary);border-radius:3px;padding:1.5rem 2rem;margin-bottom:.75rem}.bench-panel-vis{display:flex;flex-direction:column;gap:.5rem;min-width:0}.bench-panel-row{display:flex;align-items:center;gap:.75rem}.bench-panel-label{font-size:.75rem;font-weight:500;color:var(--text-muted);width:4.5rem;flex-shrink:0}.bench-panel-track{flex:1;height:1.5rem;background:var(--bg-elevated);border-radius:3px;overflow:hidden;border:1px solid var(--border)}.bench-panel-bar{height:100%;border-radius:3px;transform-origin:left;transition:transform .6s cubic-bezier(.16,1,.3,1)}.bench-panel-bar--raw{width:100%;background:var(--border)}.bench-panel-bar--out{background:var(--accent)}.bench-panel-num{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;width:4.5rem;text-align:right;flex-shrink:0}.bench-panel-accent{color:var(--accent-text)}.bench-panel-cost{display:flex;flex-direction:column;gap:.75rem;padding-left:2rem;border-left:1px solid var(--border);min-width:10rem}.bench-panel-cost-row{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--text-muted)}.bench-panel-dim{opacity:.5}.bench-panel-savings{text-align:center;padding-top:.25rem}.bench-panel-savings-num{display:block;font-size:1.6rem;font-weight:800;color:var(--accent-text);letter-spacing:0;line-height:1}.bench-panel-savings-label{font-size:.68rem;color:var(--text-muted)}.qs-split{display:grid;grid-template-columns:auto 1fr;gap:1rem;max-width:700px;margin:0 auto;align-items:start}.qs-install pre{background:var(--bg-elevated);border-radius:3px;padding:.875rem 1.25rem;font-family:var(--font-mono);font-size:.85rem;color:var(--code-text);white-space:nowrap;overflow-x:auto}.qs-code{min-width:0}.try-shell{max-width:760px;margin:0 auto;padding:.9rem;border-radius:10px;background:color-mix(in srgb,var(--bg-secondary) 74%,transparent)}.try-tabs{display:flex;gap:.35rem;margin-bottom:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.try-tabs::-webkit-scrollbar{display:none}.try-tab{flex-shrink:0;padding:.6rem 1rem;min-height:44px;border:1px solid var(--border);border-radius:3px;background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font);font-size:.86rem;font-weight:600;cursor:pointer;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease)}.try-tab:hover,.try-tab:focus-visible{background:color-mix(in srgb,var(--bg-secondary) 78%,var(--accent));color:var(--text-primary)}.try-tab.is-active{background:var(--accent);border-color:var(--accent-text);color:var(--on-accent)}.bench-tab:focus-visible,.bench-model:focus-visible,.showcase-dot:focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--focus-ring)}.try-panels{min-width:0}.try-panel{display:grid;grid-template-columns:minmax(15rem,.42fr) minmax(0,1fr);gap:.85rem;align-items:start}.try-panel[hidden]{display:none}@media(max-width:960px){.qs-split,.try-panel{grid-template-columns:1fr}}@media(max-width:768px){.bench-panel{grid-template-columns:1fr;gap:1.5rem}.bench-panel-cost{border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:1rem;flex-direction:row;align-items:center;justify-content:space-between}}.showcase-stack{display:flex;flex-direction:column;gap:3rem}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:var(--bg-hero);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--bg-hero) 0%,var(--hero-vignette) 22%,var(--hero-vignette) 78%,var(--bg-hero) 100%);z-index:2;pointer-events:none}.hero-content{position:relative;z-index:10;max-width:1660px;width:100%;margin:0 auto;padding:6.5rem clamp(2.25rem,4vw,4.5rem) 4rem;text-align:left;display:grid;grid-template-columns:minmax(0,.62fr) minmax(600px,.98fr);align-items:center;gap:clamp(1.75rem,3vw,3.25rem)}.hero-copy{min-width:0;max-width:660px;padding-top:clamp(.75rem,2vh,1.75rem);position:relative;z-index:4}.hero-title{line-height:.92;margin-bottom:0;font-family:var(--font)}.hero-word{display:block;color:var(--text-hero);opacity:0;transform:translateY(40px);animation:hero-reveal .9s var(--ease-out) forwards}.hero-word-single{max-width:none;display:flex;flex-direction:column;align-items:flex-start;gap:.02em;font-family:var(--font);font-weight:700;font-style:italic;letter-spacing:0;color:var(--text-hero);text-transform:uppercase;animation-delay:.2s}.hero-verb-slot{display:block;position:relative;width:min(10.9ch,100%);height:.86em;overflow:hidden;padding-right:.24em;font-size:clamp(4rem,6.85vw,7.25rem);line-height:.86;transform:skew(-8deg)}.hero-verb-slot span{position:absolute;inset:0 auto auto 0;display:inline-block;animation:none;transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}.hero-verb-slot.is-resetting span{transition:none!important}#hero-verb-current{opacity:1;transform:translateY(0)}#hero-verb-next{opacity:1;transform:translateY(.94em)}.hero-verb-slot.is-switching #hero-verb-current{transform:translateY(-.94em)}.hero-verb-slot.is-switching #hero-verb-next{transform:translateY(0)}.hero-title-fixed{font-size:clamp(3.55rem,5.05vw,6.05rem);line-height:.9;transform:skew(-8deg)}@keyframes hero-reveal{to{opacity:1;transform:translateY(0)}}.hero-tagline{font-size:clamp(1.08rem,1.55vw,1.2rem);font-weight:400;color:var(--text-hero-muted);line-height:1.5;max-width:440px;margin:0 0 .45rem;opacity:0;animation:fade-up .6s var(--ease-out) .8s forwards}.hero-utility-row{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;margin-top:1.45rem;max-width:min(28rem,100%)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;flex:0 0 auto;width:min(28rem,100%);margin:0;opacity:1;transform:none}.product-visual{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(.55rem,1vw,.85rem);min-height:0;aspect-ratio:4 / 3;padding:clamp(1rem,1.7vw,1.45rem);border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 70%,transparent);box-shadow:none;opacity:1;transform:none;animation:none;overflow:hidden;z-index:2}.product-visual:before{display:none}.mock-savings-strip{position:relative;top:auto;left:auto;right:auto;grid-column:1 / -1;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.65rem;max-width:none;padding:.05rem 0 .2rem;border-radius:0;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;font-weight:600}.mock-compare-lane{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:stretch;gap:.28rem;min-width:0;position:relative;min-height:4.45rem;padding:.52rem .68rem;border-radius:4px;background:color-mix(in srgb,var(--bg-primary) 72%,transparent);overflow:hidden}.mock-compare-lane:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 42%,transparent);transform-origin:left center;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .22s var(--ease)}.mock-compare-lane--raw:after{opacity:.54;transform:scaleX(1)}.mock-compare-lane--surf:after{opacity:.95;background:var(--accent);transform:scaleX(.28)}.product-visual:hover .mock-compare-lane--raw:after,.product-visual:focus-visible .mock-compare-lane--raw:after,.product-visual.is-comparing .mock-compare-lane--raw:after{opacity:.32;transform:scaleX(.55)}.product-visual:hover .mock-compare-lane--surf:after,.product-visual:focus-visible .mock-compare-lane--surf:after,.product-visual.is-comparing .mock-compare-lane--surf:after{transform:scaleX(.72)}.mock-compare-lane em{color:var(--text-muted);font-style:normal}.mock-lane-head{display:flex;align-items:center;justify-content:space-between;gap:.45rem;min-width:0}.mock-lane-head strong{color:var(--text-primary);font-size:.86rem;line-height:1;white-space:nowrap}.mock-compare-lane--surf .mock-lane-head strong,.mock-compare-lane--surf em{color:var(--accent-text)}.mock-fragments{display:grid;align-items:start;gap:.24rem;min-width:0;overflow:hidden}.mock-fragments i,.mock-fragments b{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:1.18rem;padding:0 .32rem;border-radius:3px;background:color-mix(in srgb,var(--bg-secondary) 70%,transparent);color:var(--text-muted);font-style:normal;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .28s var(--ease-out),opacity .22s var(--ease-out),background .22s var(--ease-out),color .22s var(--ease-out)}.mock-fragments b{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-text)}.product-visual:hover .mock-compare-lane--raw .mock-fragments i,.product-visual:focus-visible .mock-compare-lane--raw .mock-fragments i,.product-visual.is-comparing .mock-compare-lane--raw .mock-fragments i{opacity:.38;transform:translate(.25rem) scaleX(.82)}.product-visual:hover .mock-compare-lane--surf .mock-fragments b,.product-visual:focus-visible .mock-compare-lane--surf .mock-fragments b,.product-visual.is-comparing .mock-compare-lane--surf .mock-fragments b{background:var(--accent);color:var(--on-accent);transform:translateY(-1px)}.agent-trace{grid-column:1 / -1;z-index:4;display:grid;grid-template-columns:.8fr 1.25fr .85fr;gap:.45rem;margin-top:0;font-family:var(--font-mono);font-size:.58rem;font-weight:600;color:var(--text-secondary)}.agent-trace span{display:flex;align-items:center;gap:.38rem;min-width:0;min-height:1.8rem;padding:0 .55rem;border-radius:4px;background:color-mix(in srgb,var(--bg-primary) 82%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .22s var(--ease-out),color .22s var(--ease-out),transform .22s var(--ease-out);animation:agent-trace-step 5.8s cubic-bezier(.22,1,.36,1) infinite}.agent-trace span:nth-child(2){animation-delay:.85s}.agent-trace span:nth-child(3){animation-delay:1.7s}.agent-trace em{flex:0 0 auto;color:var(--accent-text);font-style:normal}.product-visual:hover .agent-trace span,.product-visual:focus-visible .agent-trace span,.product-visual.is-comparing .agent-trace span{color:var(--text-primary)}.mock-compression-scan{position:absolute;left:clamp(1rem,2vw,1.6rem);right:clamp(.9rem,1.6vw,1.25rem);top:50%;z-index:4;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transform:translateY(-50%) scaleX(.2);transform-origin:left center;animation:compression-scan 5.8s cubic-bezier(.22,1,.36,1) infinite;pointer-events:none}.mock-compare-switch{position:absolute;top:1rem;left:1rem;right:1rem;display:inline-flex;align-items:center;width:max-content;max-width:calc(100% - 2rem);gap:.15rem;padding:.18rem;border-radius:5px;background:color-mix(in srgb,var(--bg-primary) 84%,var(--bg-secondary));color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;font-weight:600;z-index:3}@keyframes compression-scan{0%,18%,to{opacity:0;transform:translateY(-50%) scaleX(.2)}34%,56%{opacity:.9;transform:translateY(-50%) scaleX(1)}70%{opacity:0;transform:translateY(-50%) scaleX(1)}}@keyframes agent-trace-step{0%,20%,to{background:color-mix(in srgb,var(--bg-primary) 82%,transparent);color:var(--text-secondary);transform:translateY(0)}7%,15%{background:color-mix(in srgb,var(--accent) 11%,var(--bg-primary));color:var(--text-primary);transform:translateY(-1px)}}.mock-link-trace{position:absolute;inset:clamp(3.6rem,5vw,4rem) clamp(.9rem,1.6vw,1.25rem) clamp(4.2rem,5.6vw,4.6rem) clamp(1rem,2vw,1.6rem);z-index:3;pointer-events:none;overflow:visible;mix-blend-mode:normal}.mock-trace{fill:none;stroke:var(--accent);stroke-width:.34;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14 32;opacity:.72;filter:none;animation:mock-trace-flow 5.8s cubic-bezier(.22,1,.36,1) infinite}.mock-trace--two{animation-delay:.75s}.mock-trace-dot{fill:var(--accent);opacity:0;transform-box:fill-box;transform-origin:center;animation:mock-trace-dot 5.8s cubic-bezier(.22,1,.36,1) infinite}.mock-trace-dot--two{animation-delay:.75s}.mock-compare-switch span{display:inline-flex;align-items:center;min-height:1.7rem;padding:.28rem .55rem;border-radius:4px}.mock-compare-switch span:last-child{background:var(--accent);color:var(--on-accent)}.mock-compare-switch,.browser-url,.browser-form>span:not(.browser-button),.dom-head,.dom-foot,.dom-card pre{min-width:0}.browser-card,.dom-card{position:relative;inset:auto;width:100%;min-height:0;z-index:2;border:0;border-radius:10px;background:color-mix(in srgb,var(--bg-primary) 88%,var(--bg-secondary));box-shadow:none;overflow:hidden}.browser-card{display:flex;flex-direction:column}.browser-chrome{display:flex;align-items:center;gap:.45rem;padding:.55rem .85rem;background:color-mix(in srgb,var(--bg-secondary) 70%,var(--bg-primary))}.browser-chrome>span{width:.62rem;height:.62rem;border-radius:50%;background:color-mix(in srgb,var(--text-muted) 42%,transparent)}.browser-url{flex:1;margin-left:.45rem;padding:.45rem .8rem;border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.78rem}.browser-page{flex:1;min-height:0;padding:.88rem .92rem;display:flex;flex-direction:column}.browser-topline{display:flex;justify-content:space-between;gap:.8rem;align-items:center;margin-bottom:.95rem;font-size:.78rem}.browser-links{display:flex;align-items:center;gap:.65rem;color:var(--text-secondary);font-size:.66rem}.browser-link{position:relative;display:inline-flex;align-items:center;gap:.28rem;white-space:nowrap;transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.browser-link.is-active{color:var(--accent-text)}.browser-link--docs{animation:browser-doc-link 5.6s ease-in-out infinite}.browser-id{display:inline-grid;place-items:center;min-width:1.28rem;height:1.12rem;border-radius:3px;background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);font-size:.58rem;font-weight:700}.browser-action,.browser-button{display:inline-flex;align-items:center;justify-content:center;gap:.34rem;border:0;border-radius:4px;background:color-mix(in srgb,var(--bg-secondary) 78%,var(--bg-primary));color:var(--accent-text);font-family:var(--font);font-size:.78rem;font-weight:600;line-height:1;padding:.45rem .58rem;white-space:nowrap}.browser-button.is-active{gap:.34rem;background:var(--accent);color:var(--on-accent)}.browser-button.is-active .browser-id{background:color-mix(in srgb,var(--on-accent) 18%,transparent);color:currentColor}.browser-page h2{max-width:12rem;margin-bottom:.55rem;color:var(--text-primary);font-size:clamp(1.08rem,1.42vw,1.28rem);line-height:1.08;letter-spacing:0}.browser-page p{max-width:15rem;margin-bottom:.72rem;color:var(--text-secondary);font-size:.72rem;line-height:1.38}.browser-form{display:grid;grid-template-columns:1fr auto;gap:.45rem;margin-bottom:.72rem}.browser-form>span:not(.browser-button){padding:.5rem .62rem;border:0;border-radius:4px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.72rem;min-width:0}.browser-form .browser-button{min-height:2rem}.browser-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;margin-top:.78rem}.browser-resource-grid span{display:grid;gap:.2rem;min-height:2.45rem;padding:.46rem .5rem;border-radius:4px;background:color-mix(in srgb,var(--bg-secondary) 55%,transparent)}.browser-resource-grid strong{color:var(--text-primary);font-size:.62rem;font-weight:700}.browser-resource-grid em{overflow:hidden;color:var(--text-muted);font-size:.55rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.browser-site-details{margin-top:.78rem;padding-top:.76rem;border-top:1px solid color-mix(in srgb,var(--border) 58%,transparent)}.browser-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;color:var(--text-secondary);font-size:.62rem}.browser-feature-row span{min-width:0;padding-inline:.42rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-feature-row span:first-child{padding-left:0}.browser-feature-row span+span{border-left:1px solid color-mix(in srgb,var(--border) 58%,transparent)}.browser-proof{display:grid;gap:.46rem;margin-top:.8rem;color:var(--text-muted);font-size:.56rem}.browser-proof div{display:flex;align-items:center;gap:.56rem;min-width:0}.browser-proof b{min-width:0;overflow:hidden;color:var(--text-secondary);font-size:.58rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.browser-features{display:none;grid-template-columns:repeat(3,1fr);padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--border) 62%,transparent);color:var(--text-secondary);font-size:.7rem}.browser-features span+span{border-left:1px solid color-mix(in srgb,var(--border) 62%,transparent);padding-left:.65rem}.mock-cursor{position:absolute;top:100%;right:-.2rem;margin-top:.18rem;width:0;height:0;border-top:.74rem solid var(--text-primary);border-right:.48rem solid transparent;transform-origin:0 0;pointer-events:none;animation:mock-cursor-path 5.6s var(--ease-out) infinite}.dom-card{display:flex;flex-direction:column}.dom-head,.dom-foot{display:flex;justify-content:flex-end;gap:1rem;padding:.55rem .85rem;color:var(--text-primary);font-size:.84rem}.dom-head{background:color-mix(in srgb,var(--bg-secondary) 70%,var(--bg-primary))}.dom-tokens:before{content:"";display:inline-block;width:.42rem;height:.42rem;margin-right:.45rem;border-radius:50%;background:var(--accent);vertical-align:middle}.dom-card pre{flex:1;min-height:0;margin:0;padding:.88rem 1.05rem 1rem;overflow:hidden;scrollbar-width:none;color:var(--code-text);font-family:var(--font-mono);font-size:.68rem;line-height:1.55;background:color-mix(in srgb,var(--bg-primary) 72%,var(--bg-secondary))}.dom-card pre::-webkit-scrollbar{display:none}.dom-row{display:inline-block;color:var(--accent-text);background:color-mix(in srgb,var(--accent) 9%,var(--bg-primary));border-radius:3px}.dom-row-active{animation:dom-row-read 5.6s ease-in-out infinite}.dom-foot{background:color-mix(in srgb,var(--bg-secondary) 64%,var(--bg-primary));color:var(--text-secondary)}.dom-foot strong{color:var(--accent-text);font-weight:700}.mock-action-rail{position:relative;left:auto;right:auto;bottom:auto;grid-column:1 / -1;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden;border-radius:6px;background:color-mix(in srgb,var(--bg-primary) 84%,var(--bg-secondary));font-family:var(--font-mono);font-size:.67rem}.mock-action-rail span{display:flex;align-items:center;justify-content:center;min-width:0;min-height:2.5rem;padding:.6rem;background:color-mix(in srgb,var(--bg-primary) 88%,var(--bg-secondary));color:var(--text-secondary);white-space:nowrap}.mock-action-rail span+span{border-left:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.mock-action-rail span{animation:action-step-active 5.8s cubic-bezier(.22,1,.36,1) infinite}.mock-action-rail span:nth-child(2),.mock-action-rail span:nth-child(3),.mock-action-rail span:nth-child(4){color:var(--accent-text)}.mock-action-rail span:nth-child(1){animation-delay:0s}.mock-action-rail span:nth-child(2){animation-delay:.48s}.mock-action-rail span:nth-child(3){animation-delay:.96s}.mock-action-rail span:nth-child(4){animation-delay:1.44s}.product-visual{grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:clamp(.55rem,1vw,.8rem);aspect-ratio:16 / 9}.mock-stage{position:relative;z-index:2;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--bg-primary) 86%,var(--bg-secondary))}.mock-stage-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.35rem;padding:0 .78rem;color:var(--text-secondary);font-family:var(--font-mono);font-size:.66rem;font-weight:700}.mock-stage-head strong{color:var(--text-primary);font-size:.74rem;white-space:nowrap}.mock-stage--markdown .mock-stage-head span,.mock-stage--markdown .mock-stage-head strong{color:var(--accent-text)}.mock-stage pre{flex:1;min-height:0;margin:0;padding:.8rem .85rem .9rem;overflow:hidden;color:var(--code-text);font-family:var(--font-mono);font-size:.66rem;line-height:1.62;background:color-mix(in srgb,var(--bg-primary) 72%,var(--bg-secondary))}.mock-stage--dom pre{color:var(--text-secondary)}.mock-stage--markdown pre{font-size:.68rem}.mock-stage .browser-card{flex:1;border-radius:0;background:transparent}.mock-stage .browser-chrome{padding:.5rem .68rem}.mock-stage .browser-page{padding:.82rem}.mock-stage .browser-topline{margin-bottom:.95rem}.mock-stage .browser-page h2{font-size:clamp(1rem,1.25vw,1.18rem)}.mock-stage .browser-page p{font-size:.69rem}.product-visual{grid-template-columns:minmax(0,1.22fr) minmax(0,.94fr);grid-template-rows:minmax(0,1fr);aspect-ratio:4 / 3}.mock-stage--page{grid-column:1;grid-row:1}.mock-stage--compare{grid-column:2;grid-row:1}.mock-stage--page .browser-card,.mock-stage--compare .mock-compare-window{height:100%;border-radius:inherit}.mock-stage--page,.mock-stage--compare,.mock-code-pane,.mock-stage--page .browser-card{background:color-mix(in srgb,var(--bg-primary) 86%,var(--bg-secondary))}.mock-compare-window{flex:1;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:0;min-height:0;overflow:hidden;background:transparent}.mock-code-pane{display:flex;flex-direction:column;min-height:0;overflow:hidden}.mock-code-pane+.mock-code-pane{border-top:1px solid color-mix(in srgb,var(--border) 58%,transparent)}.mock-code-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:1.25rem;padding:.5rem .78rem 0;color:var(--text-secondary);font-family:var(--font);font-size:.76rem;font-weight:700;letter-spacing:0}.mock-code-head strong{color:var(--text-primary);font-family:var(--font);font-size:.78rem;font-weight:700;white-space:nowrap}.mock-code-pane--markdown .mock-code-head span,.mock-code-pane--markdown .mock-code-head strong{color:var(--accent-text)}.mock-code-pane pre{flex:1;min-height:0;margin:0;padding:.5rem .78rem .78rem;overflow:hidden;color:var(--code-text);font-family:var(--font-mono);font-size:.6rem;line-height:1.45;background:transparent}.mock-code-pane--dom pre{color:var(--text-secondary)}.mock-sync-target{border-radius:3px;background:color-mix(in srgb,var(--accent) 8%,transparent);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}.mock-sync-target--page{padding:.12rem .18rem .12rem .12rem;margin:-.12rem -.18rem -.12rem -.12rem;color:var(--accent-text)}.mock-sync-target--dom{display:inline-block;max-width:100%;padding:0 .16rem;margin-left:-.16rem;color:var(--accent-text)}.mock-code-pane--dom .mock-sync-target--dom{background:color-mix(in srgb,var(--accent) 8%,var(--bg-primary))}.product-visual:has(.mock-sync-target:hover) .mock-sync-target,.product-visual:focus-visible .mock-sync-target,.product-visual.is-comparing .mock-sync-target{background:color-mix(in srgb,var(--accent) 17%,var(--bg-primary));color:var(--accent-text)}.product-visual:has(.mock-sync-target:hover) .mock-sync-target--page,.product-visual:focus-visible .mock-sync-target--page,.product-visual.is-comparing .mock-sync-target--page{transform:translateY(-1px)}.product-visual:has(.mock-sync-target:hover) .mock-sync-target .browser-id,.product-visual:focus-visible .mock-sync-target .browser-id,.product-visual.is-comparing .mock-sync-target .browser-id{background:var(--accent);color:var(--on-accent)}@keyframes mock-trace-flow{0%,to{opacity:.18;stroke-dashoffset:26}35%,68%{opacity:.9;stroke-dashoffset:0}}@keyframes mock-trace-dot{0%,28%,to{opacity:0;transform:scale(.72)}44%,67%{opacity:1;transform:scale(1.35)}}@keyframes mock-cursor-path{0%,18%,to{opacity:0;transform:translate(1.4rem,2.5rem)}34%,66%{opacity:1;transform:translate(0)}76%{opacity:0;transform:translate(.18rem,.12rem)}}@keyframes browser-doc-link{0%,24%,to{background:transparent}38%,68%{background:var(--accent-subtle)}}@keyframes dom-row-read{0%,24%,to{background:color-mix(in srgb,var(--accent) 9%,var(--bg-primary));transform:translate(0)}38%,68%{background:color-mix(in srgb,var(--accent) 18%,var(--bg-primary));transform:translate(2px)}}@keyframes action-step-active{0%,24%,to{background:color-mix(in srgb,var(--bg-primary) 88%,var(--bg-secondary))}38%,68%{background:var(--accent-subtle)}}.usage-mock{position:relative;display:grid;gap:.75rem;min-width:0;color:var(--text-primary);isolation:isolate}.usage-mock--mini{opacity:0;transform:translateY(16px);animation:fade-up .7s var(--ease-out) 1.15s forwards;padding:.75rem;border-radius:10px;background:var(--bg-secondary);box-shadow:var(--elevation-1)}.usage-mock--main{grid-template-columns:.9fr 1.1fr 1.1fr;gap:1rem;max-width:980px;margin:0 auto 1.75rem;padding:clamp(1rem,2.2vw,1.5rem);border-radius:10px;background:var(--bg-secondary);box-shadow:var(--elevation-1)}.usage-pane{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--bg-primary) 84%,var(--bg-secondary));box-shadow:none;min-height:100%}.usage-mock--main .usage-pane--chat{transform:translateY(.75rem)}.usage-mock--main .usage-pane--agent{transform:translateY(-.2rem)}.usage-mock--main .usage-pane--browser{transform:translateY(.55rem)}.usage-pane--chat{animation:usage-pane-pulse 7.2s ease-in-out infinite}.usage-pane--agent{animation:usage-pane-pulse 7.2s ease-in-out 2.2s infinite}.usage-pane--browser{animation:usage-pane-pulse 7.2s ease-in-out 4.4s infinite}.usage-pane-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;background:color-mix(in srgb,var(--bg-secondary) 72%,var(--bg-primary));color:var(--text-primary);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.usage-pane-head span:first-child{display:inline-flex;align-items:center;gap:.42rem}.usage-pane-head span:first-child:before{content:"";width:.46rem;height:.46rem;border-radius:2px;background:var(--accent)}.usage-pane-meta{color:var(--text-muted);font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:0;text-transform:none}.usage-message{margin:.85rem;padding:.75rem .85rem;border-radius:4px;background:color-mix(in srgb,var(--bg-primary) 78%,var(--bg-secondary));color:var(--text-primary);font-size:.88rem;line-height:1.45}.usage-pane pre{margin:0;padding:.9rem 1rem 1rem;overflow-x:auto;color:var(--code-text);font-family:var(--font-mono);font-size:.78rem;line-height:1.75}.usage-step{display:inline-block;border-radius:3px;transition:background var(--duration) var(--ease),color var(--duration) var(--ease);animation:usage-highlight 7.2s ease-in-out infinite}.usage-step--chat{animation-delay:0s}.usage-step--agent{animation-delay:2.2s}.usage-step--browser{animation-delay:4.4s}.usage-note{display:block;color:var(--text-muted);opacity:.65}.usage-mock--mini{grid-template-columns:1fr}.usage-mock--mini:before{top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;background-size:18px 18px}.usage-mock--mini .usage-pane-head{padding:.5rem .65rem;font-size:.65rem}.usage-mock--mini .usage-message{margin:.65rem;padding:.6rem .7rem;font-size:.76rem}.usage-mock--mini .usage-pane pre{padding:.65rem .75rem .75rem;font-size:.68rem;line-height:1.65}.usage-mock--mini .usage-pane{box-shadow:none}@keyframes usage-sheen{0%,38%,to{opacity:0;transform:translate(-18%)}52%,68%{opacity:.7;transform:translate(8%)}}@keyframes usage-highlight{0%,17%,to{background:transparent;color:inherit;transform:translateY(0)}7%,12%{background:var(--accent-subtle);color:var(--text-primary);transform:translateY(-1px)}}@keyframes usage-pane-pulse{0%,17%,to{transform:translateY(0)}7%,12%{transform:translateY(-3px)}}@media(max-width:1050px){.hero-content{grid-template-columns:1fr;align-items:start;padding:6.5rem max(env(safe-area-inset-left,0px),2.25rem) 5rem max(env(safe-area-inset-right,0px),2.25rem);gap:2rem}.hero-copy{max-width:none}.hero-word-single{font-size:inherit}.hero-verb-slot{font-size:clamp(3.85rem,8.35vw,6.25rem)}.hero-title-fixed{font-size:clamp(3.25rem,7vw,5.15rem)}.product-visual{width:min(100%,920px);min-height:auto;aspect-ratio:4 / 3;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.94fr);grid-template-rows:minmax(0,1fr) auto;gap:1rem}.browser-card,.dom-card{position:relative;inset:auto;width:100%;align-self:stretch}.browser-card{display:flex;flex-direction:column}.browser-page{flex:1}.dom-card{display:flex;flex-direction:column}.dom-card pre{flex:1}.mock-action-rail{position:relative;left:auto;right:auto;bottom:auto;grid-column:1 / -1}.mock-link-trace{top:3.9rem;right:1rem;bottom:4.4rem;left:1rem}}@media(max-width:1120px){.usage-mock--mini{max-width:460px}.usage-mock--main{grid-template-columns:1fr}.usage-mock--main .usage-pane--chat,.usage-mock--main .usage-pane--agent,.usage-mock--main .usage-pane--browser{transform:none}}@media(max-width:960px){.hero-content{padding-top:6rem}.capability-copy{grid-template-columns:1fr;gap:.8rem;align-items:start}.capability-copy p{padding-bottom:0}}@media(max-width:768px){.hero-content{padding:5.85rem max(env(safe-area-inset-left,0px),1.25rem) 2rem max(env(safe-area-inset-right,0px),1.25rem);min-height:100svh;align-content:start;gap:1.15rem}.hero-copy{padding-top:0}.hero-title{margin-bottom:.75rem}.hero-word-single{font-size:inherit;max-width:none}.hero-verb-slot{width:10.7ch;font-size:clamp(2.7rem,11.5vw,3.95rem)}.hero-title-fixed{font-size:clamp(2.35rem,10.2vw,3.35rem)}.hero-tagline{margin-bottom:.25rem;font-size:1rem;line-height:1.35}.hero-utility-row{margin-top:.95rem;max-width:none}.hero-cta{width:min(34rem,100%)}.install-box{width:100%;max-width:none;min-height:40px;max-height:40px;align-self:center;justify-self:stretch;overflow:hidden}.pkg-cycle{flex:1;min-width:0}.usage-mock--mini{max-width:none}.usage-mock--main{margin-bottom:1rem}}@media(max-width:640px){.product-visual{width:100%;aspect-ratio:auto;grid-template-columns:1fr;grid-template-rows:auto}.mock-link-trace{display:none}.mock-stage{min-height:8.4rem}.mock-stage--page,.mock-stage--compare{grid-column:auto;grid-row:auto}.mock-stage--page{min-height:8.7rem}.mock-stage pre{font-size:.58rem;line-height:1.45}}@media(max-width:480px){.hero{min-height:auto}.nav{padding:.5rem max(env(safe-area-inset-left,0px),.85rem) .5rem max(env(safe-area-inset-right,0px),.85rem);padding-top:max(env(safe-area-inset-top,0px),.5rem)}.nav.scrolled{padding:.45rem max(env(safe-area-inset-left,0px),.85rem) .45rem max(env(safe-area-inset-right,0px),.85rem);padding-top:max(env(safe-area-inset-top,0px),.45rem)}.nav-controls{gap:.25rem}.control-btn,.lang-btn,.github-star{min-width:40px;min-height:40px}.lang-switcher{padding:2px}.lang-btn{padding:.42rem .55rem;font-size:.9rem}.github-star .gh-stars{padding:.42rem .48rem}.github-star .gh-logo{padding:.42rem .46rem}.install-box{font-size:1rem;gap:.45rem;padding:.42rem .35rem .42rem .62rem}.copy-btn{width:34px;height:34px}.product-visual{display:grid;grid-template-columns:1fr;min-height:0;aspect-ratio:auto;padding:.65rem;gap:.45rem;border-radius:6px}.mock-savings-strip{top:auto;left:auto;right:auto;grid-template-columns:1fr;gap:.28rem;max-width:none;padding:0 0 .1rem;font-size:.5rem}.agent-trace{grid-template-columns:1fr;gap:.28rem;margin-top:-.2rem;font-size:.52rem}.agent-trace span{min-height:1.35rem;padding-inline:.45rem}.mock-compare-lane{gap:.24rem;min-height:3rem;padding:.25rem .38rem}.mock-lane-head{gap:.3rem}.mock-lane-head strong{font-size:.62rem}.mock-fragments{gap:.18rem}.mock-fragments i,.mock-fragments b{min-height:.88rem;padding-inline:.16rem}.mock-fragments i:nth-child(3),.mock-fragments b:nth-child(3){display:none}.browser-card,.dom-card{position:relative;inset:auto;width:100%;border-radius:6px}.browser-card{display:block}.browser-card .browser-chrome,.browser-card .browser-page h2,.browser-card .browser-form,.browser-card .mock-cursor{display:none}.browser-card .browser-topline{margin:0}.mock-compare-switch{top:.55rem;left:.55rem;font-size:.64rem}.browser-chrome{padding:.46rem .58rem}.browser-url{padding-block:.36rem;font-size:.68rem}.browser-page{padding:.62rem}.browser-topline{align-items:flex-start;margin-bottom:.5rem}.browser-links{justify-content:flex-end;gap:.42rem;flex-wrap:wrap}.browser-action,.browser-button{padding:.28rem .38rem}.browser-page h2{max-width:none;margin-bottom:.45rem;font-size:.95rem;line-height:1.1}.browser-page p{max-width:none;margin-bottom:.75rem;font-size:.72rem}.browser-form{margin-bottom:0}.browser-page p,.browser-features,.browser-resource-grid,.browser-site-details{display:none}.mock-cursor{transform:scale(.82)}.dom-head,.dom-foot{padding:.62rem .75rem;font-size:.7rem}.dom-card pre{max-height:7.7rem;padding:.55rem .65rem;font-size:.54rem;line-height:1.42}.dom-foot{display:none}.mock-stage .browser-chrome{display:flex}.mock-stage .browser-page h2{display:block;font-size:.95rem}.mock-stage .browser-form{display:grid}.mock-stage .mock-cursor{display:inline-block}.mock-stage .browser-page p{display:none;font-size:.66rem;margin-bottom:.55rem}.mock-stage-head{min-height:2rem;padding-inline:.65rem;font-size:.58rem}.mock-code-head{min-height:1.8rem;padding-inline:.65rem;font-size:.58rem}.mock-code-head strong{font-size:.62rem}.mock-code-pane pre{padding:.52rem .65rem .62rem;font-size:.56rem}.mock-action-rail{grid-template-columns:repeat(2,minmax(0,1fr));font-size:.68rem}.mock-action-rail span{min-height:1.85rem;justify-content:center;padding:.4rem .45rem}.scroll-hint{display:none}.usage-pane pre{font-size:.7rem}.usage-message{font-size:.8rem}.try-tab{flex:1;padding-inline:.75rem}}@media(prefers-reduced-motion:reduce){.usage-mock--mini,.usage-pane,.usage-step,.mock-cursor,.dom-row-active,.mock-action-rail span,.agent-trace span{animation:none!important;transform:none!important}.mock-cursor,.usage-mock--mini{opacity:1}.usage-step--browser{background:var(--accent-subtle);color:var(--text-primary)}.usage-pane--browser{background:color-mix(in srgb,var(--bg-primary) 72%,var(--accent-subtle))}}.feature-flow{display:flex;flex-direction:column;gap:3.5rem}.feat{display:grid;gap:2rem;align-items:center}.feat--wide{grid-template-columns:1fr 1.3fr}.feat--flip{grid-template-columns:1.3fr 1fr}.feat--center{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;margin:0 auto;gap:0}.feat--duo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.feat-duo-head{max-width:480px}.feat-duo-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start;width:100%}.feat-duo-pair .feat-code{display:flex;flex-direction:column;gap:.75rem;text-align:left}.feat-duo-or{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;padding-top:2.2rem;opacity:.5}.feat-duo-label{font-size:.82rem;color:var(--text-muted);line-height:1.5}.feat-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:700;letter-spacing:0;color:var(--text-primary);margin-bottom:.75rem}.feat-text p{font-size:1rem;color:var(--text-secondary);line-height:1.7;max-width:440px}.feat-sub{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.features .section-header{margin-bottom:2.5rem}.patterns-grid{display:grid;grid-template-columns:minmax(0,.74fr) minmax(20rem,1fr);gap:0;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.pattern-card{background:transparent;border-radius:0;padding:1.2rem 1.35rem;display:flex;flex-direction:column;gap:1rem;min-width:0;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.pattern-card--hero{grid-column:1;grid-row:1 / span 2;border-top:0;border-right:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding:1.5rem}.pattern-card-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-text)}.pattern-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:0}.pattern-code{background:var(--code-bg);border-radius:3px;padding:.875rem 1.25rem;overflow-x:auto;font-size:.85rem;line-height:1.7;margin:auto 0 0}.pattern-code code{font-family:var(--font-mono);color:var(--code-text)}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.security-item{background:var(--bg-secondary);border-radius:3px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.security-icon{color:var(--text-primary);flex-shrink:0}.security-icon-muted{opacity:.3}.security-icon-accent-stroke{stroke:var(--accent)}.security-icon-accent-fill{fill:var(--accent);stroke:none}.security-item h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:0}.security-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.65}.quickstart .section-header{margin-bottom:2rem}.qs-cta{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}.qs-cta-text{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;color:var(--text-primary);letter-spacing:0;margin-bottom:1.25rem}.qs-cta-btn{display:inline-block;padding:.75rem 2rem;background:var(--accent);color:var(--on-accent);font-family:var(--font);font-size:1rem;font-weight:600;text-decoration:none;border-radius:3px;transition:opacity .2s var(--ease),transform .2s var(--ease)}.qs-cta-btn:hover{opacity:.9;transform:translateY(-1px)}.feat--center .feat-code{width:100%;max-width:420px}.feat-code{position:relative}.feat-code pre{background:var(--code-bg);border-radius:3px;padding:1.25rem 1.5rem;overflow-x:auto}.feat-code .code-block pre{border-radius:0}.feat-code code{font-family:var(--font-mono);font-size:.82rem;line-height:1.7;color:var(--code-text)}.feat-code .cl{display:block}.cs{color:var(--accent-text)}.connect-svg{display:block;width:100%;max-width:200px;height:24px;margin-bottom:1rem;overflow:visible}.connect-dot{fill:none;stroke:var(--accent);stroke-width:1.5;opacity:.2;transition:opacity .6s var(--ease)}.connect-dot--end{fill:var(--accent);stroke:none;opacity:0;transition:opacity .5s var(--ease) 1s}.connect-path{stroke:var(--accent);stroke-width:1;fill:none;stroke-dasharray:172;stroke-dashoffset:172;transition:stroke-dashoffset 1.2s cubic-bezier(.16,1,.3,1) .3s}.feat.is-visible .connect-path{stroke-dashoffset:0}.feat.is-visible .connect-dot{opacity:.5}.feat.is-visible .connect-dot--end{opacity:1}.feat--duo.reveal{opacity:1;transform:translateY(0);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.feat--duo.reveal.is-visible{opacity:1;transform:translateY(0)}.feat--wide.reveal{opacity:1;transform:translate(0);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.feat--wide.reveal.is-visible{opacity:1;transform:translate(0)}.feat--flip.reveal{opacity:1;transform:translate(0);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.feat--flip.reveal.is-visible{opacity:1;transform:translate(0)}.feat--center.reveal{opacity:1;transform:scale(1) translateY(0);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.feat--center.reveal.is-visible{opacity:1;transform:scale(1) translateY(0)}.transform-demo{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.transform-demo>*{min-width:0}.code-badge{margin-left:auto;font-size:.68rem;font-weight:600;color:var(--text-muted);opacity:.6}.x-cut{opacity:.3;text-decoration:line-through;text-decoration-color:currentColor}.x-keep{color:var(--accent-text);font-weight:500}.x-id{color:var(--accent-text)}.bench-table{display:flex;flex-direction:column;gap:1.25rem}.bench-entry-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.bench-entry-tokens{margin-left:auto;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:0}.bench-raw{opacity:.35}.bench-compressed{color:var(--accent-text);font-weight:600;text-decoration:none}.bench-arrow-sm{opacity:.3;margin:0 .15rem}.bench-entry-bar{height:6px;background:var(--accent-mid);border-radius:3px;overflow:hidden}.bench-entry-fill{height:100%;width:var(--fill);background:var(--border);border-radius:3px}.bench-entry--best{padding:1rem 1.25rem;background:var(--accent-subtle);border-radius:3px;margin:0 -1.25rem}.bench-entry--best .bench-entry-bar{background:var(--accent)}.bench-entry--best .bench-entry-fill{background:var(--accent-subtle)}@media(max-width:960px){.transform-demo,.feat-duo-pair{grid-template-columns:1fr}.feat-duo-or{padding-top:0}}@media(max-width:768px){.bench-entry--best{margin:0}.patterns-grid{grid-template-columns:1fr}.pattern-card--hero{grid-column:auto;grid-row:auto;border-right:0}.security-grid{grid-template-columns:1fr}}@media(max-width:960px){.feat--wide,.feat--flip{grid-template-columns:1fr}.feat--wide.reveal,.feat--flip.reveal,.feat--wide.reveal.is-visible,.feat--flip.reveal.is-visible{transform:translateY(0) translate(0)}.feature-flow{gap:2.5rem}.feat--center{max-width:none}}.bench-duo{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.bench-chart{display:flex;flex-direction:column}.bench-chart-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem}.bench-chart-unit{font-weight:400;text-transform:none;letter-spacing:0}.bench-chart-wrap{display:flex;flex:1}.bench-y{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-bottom:4.5rem;padding-right:.4rem;font-family:var(--font-mono);font-size:.58rem;color:var(--text-muted);opacity:.45;flex-shrink:0;width:2.5rem}.bench-chart-area{display:flex;align-items:flex-end;flex:1;padding:0;gap:0}.bench-col{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding-bottom:.6rem;flex:1}.bench-col-bars{display:flex;align-items:flex-end;gap:4px;height:clamp(180px,22vw,280px)}.bench-col-bar{width:clamp(18px,3vw,40px);border-radius:2px 2px 0 0;transform-origin:bottom;transition:transform .8s cubic-bezier(.16,1,.3,1);min-height:3px}.bench-col-bar--raw{background:var(--border)}.bench-col-bar--comp{background:var(--accent)}.bench-col-bar[data-val]:after{content:attr(data-val);position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.6rem;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.bench-col-bar--raw[data-val]:after{color:var(--text-muted);opacity:.45}.bench-col-bar--comp[data-val]:after{color:var(--accent-text)}.bench-col-bar{position:relative}.bench-col-bars{margin-bottom:1.1rem}.bench-col-site{font-size:.78rem;font-weight:600;color:var(--text-primary)}.bench-col-ratio{font-size:.78rem;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}.bench-col-save{font-size:.82rem;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}[data-theme=dark] .bench-col-save{color:var(--accent-text)}.bench-model-row{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.bench-model-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0}.bench-model-pills{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none}.bench-model-pills::-webkit-scrollbar{display:none}.bench-model{flex-shrink:0;padding:.35rem .75rem;border-radius:3px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:.72rem;font-weight:500;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);white-space:nowrap}.bench-model.is-active{background:var(--accent);border-color:var(--accent-text);color:var(--on-accent);font-weight:600}.bench-duo-footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border)}.bench-chart-legend{display:flex;gap:1.25rem}.bench-chart-legend>span{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--text-secondary)}.bench-swatch{width:10px;height:10px;border-radius:2px}.bench-swatch--raw{background:var(--border)}.bench-swatch--comp{background:var(--accent)}@media(max-width:960px){.bench-duo{grid-template-columns:1fr;gap:2.5rem}.bench-duo-footer{flex-direction:column;gap:.5rem;align-items:flex-start}.bench-col-bar[data-val]:after{font-size:.5rem}}@media(max-width:480px){.bench-col-bars{height:120px}.bench-y{display:none}.bench-chart-area{border-left:none}.bench-col-bar[data-val]:after{display:none}}.story-main{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.story-band{position:relative;display:grid;grid-template-columns:1fr;gap:clamp(1.2rem,2.6vw,2.4rem);width:min(1600px,calc(100% - clamp(2rem,8vw,9rem)));margin:0 auto;padding:clamp(4rem,9vw,7.5rem) 0}.story-label{position:relative;top:auto;align-self:stretch;display:inline-flex;flex-direction:row;justify-content:space-between;gap:1rem;width:100%;min-height:44px;padding-bottom:.65rem;border-bottom:1px solid color-mix(in srgb,var(--border) 58%,transparent);color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.story-band--capabilities .story-label{display:none}.story-label span:last-child{color:var(--accent-text);letter-spacing:0}.story-band h2{color:var(--text-primary);font-size:clamp(2rem,4.05vw,4.7rem);line-height:.95;letter-spacing:0}.story-band p{color:var(--text-secondary);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.75}.compression-system,.loop-system,.capability-system,.safety-system,.try-system{min-width:0}.compression-system{display:grid;grid-template-columns:1fr;gap:clamp(1.35rem,2.4vw,2.25rem);align-items:start}.compression-copy{display:flex;flex-direction:column;gap:1.25rem;max-width:58rem}.compression-copy h2{white-space:nowrap}.compression-lab{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,.86fr);align-items:stretch;gap:.7rem;grid-column:1 / -1;margin-top:.25rem;padding:.85rem;border-radius:10px;background:var(--bg-secondary);box-shadow:var(--elevation-1)}.lab-pane{min-width:0;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--bg-primary) 82%,var(--bg-secondary))}.lab-head{display:flex;justify-content:space-between;gap:1rem;padding:.75rem .9rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;background:color-mix(in srgb,var(--bg-secondary) 78%,var(--bg-primary))}.lab-pane pre,.capability-table code,.safety-code pre{font-family:var(--font-mono)}.lab-pane pre{min-height:15rem;margin:0;padding:1.1rem;overflow-x:auto;color:var(--code-text);font-size:clamp(.72rem,1vw,.84rem);line-height:1.8}.lab-pane--raw code{color:color-mix(in srgb,var(--text-secondary) 75%,transparent)}.lab-pane--out code{color:var(--text-primary)}.lab-id{display:inline-grid;place-items:center;min-width:1.7rem;margin-right:.35rem;border-radius:3px;background:var(--accent);color:var(--on-accent);font-weight:700}.lab-connector{display:grid;place-items:center;width:clamp(1.25rem,2.2vw,2.2rem)}.lab-connector span{width:100%;height:1px;background:var(--accent);transform-origin:left center;animation:lab-flow 4.8s var(--ease-out) infinite}.compression-proof{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--border) 70%,transparent)}.compression-proof div{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding:1rem;background:color-mix(in srgb,var(--bg-secondary) 80%,var(--bg-primary))}.compression-proof strong{color:var(--text-primary);font-size:clamp(1.3rem,2.4vw,2rem);line-height:1}.compression-proof span{color:var(--text-muted);font-size:.8rem}.story-art-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;min-width:0}.story-art-row--three{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-card{position:relative;min-width:0;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--bg-secondary) 84%,var(--bg-primary));box-shadow:var(--elevation-1)}.motion-card svg{display:block;width:100%;height:auto;overflow:visible}.motion-card figcaption{padding:0 1rem .9rem;color:var(--text-muted);font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}.motion-card text,.capability-card text{fill:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.svg-surface{fill:color-mix(in srgb,var(--bg-primary) 74%,var(--bg-secondary));stroke:transparent}.svg-dom-tree path,.svg-dom-tree circle,.svg-flow,.svg-route,.svg-tool-path,.svg-window-line,.svg-axis,.svg-lock-shackle,.svg-blocked-action{fill:none;stroke:color-mix(in srgb,var(--text-secondary) 62%,transparent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.svg-dom-tree circle,.svg-tool-node,.svg-mcp-node{fill:color-mix(in srgb,var(--bg-primary) 72%,var(--bg-secondary));stroke:var(--accent)}.svg-dom-output rect,.svg-bubble,.svg-input,.svg-terminal,.svg-tab,.svg-lock-body,.svg-button,.svg-window-line+rect{fill:color-mix(in srgb,var(--bg-secondary) 80%,var(--bg-primary));stroke:transparent}.svg-flow,.svg-route,.svg-tool-path{stroke:var(--accent);stroke-dasharray:46 140;animation:svg-dash 3.8s var(--ease-out) infinite}.svg-flow--two,.svg-tool-node--two{animation-delay:.6s}.svg-flow--three,.svg-tool-node--three{animation-delay:1.2s}.svg-active-link{fill:color-mix(in srgb,var(--accent) 18%,transparent);animation:svg-soft-pulse 3.6s var(--ease-out) infinite}.svg-accent-text{fill:var(--accent);font-weight:700}.svg-label{fill:var(--text-muted)}.svg-bar{transform-box:fill-box;transform-origin:bottom center}.svg-bar--raw{fill:color-mix(in srgb,var(--text-muted) 46%,transparent);animation:svg-bar-raw 4.4s var(--ease-out) infinite}.svg-bar--out{fill:var(--accent);animation:svg-bar-out 4.4s var(--ease-out) infinite}.svg-bar--delay{animation-delay:.4s}.svg-dot-pulse,.svg-click-ring{fill:none;stroke:var(--accent);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:svg-ring 3.2s var(--ease-out) infinite}.svg-cursor{fill:var(--text-primary);transform-box:fill-box;transform-origin:center;animation:svg-cursor-move 4.2s var(--ease-out) infinite}.svg-key-line,.svg-window-line{stroke-dasharray:20 120;animation:svg-dash 3.6s var(--ease-out) infinite}.svg-tab,.svg-bubble,.svg-mcp-node{transform-box:fill-box;transform-origin:center;animation:svg-card-rise 4.8s var(--ease-out) infinite}.svg-tab--two,.svg-bubble--two{animation-delay:.5s}.svg-tab--three{animation-delay:1s}.svg-route--return{animation-delay:.75s}.svg-lock-body{fill:color-mix(in srgb,var(--accent) 20%,var(--bg-secondary))}.svg-blocked-action{stroke:color-mix(in srgb,var(--text-muted) 44%,transparent);stroke-dasharray:10 8;animation:svg-blocked 3.5s var(--ease-out) infinite}.svg-blocked-action--two{animation-delay:.55s}.loop-system{display:grid;gap:clamp(1.5rem,3vw,2.5rem)}.loop-intro{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.loop-intro p{max-width:42rem}.story-band--loop .usage-mock--main{width:100%;max-width:none;margin:0;background:var(--bg-secondary);box-shadow:var(--elevation-1)}.capability-system{display:grid;grid-template-columns:1fr;gap:clamp(1.6rem,2.7vw,2.8rem);align-items:start}.capability-copy{position:relative;top:auto;display:grid;grid-template-columns:minmax(19rem,.48fr) minmax(0,1fr);gap:clamp(1.4rem,3vw,3.5rem);align-items:end;max-width:none}.capability-copy p{max-width:66rem;padding-bottom:.22rem}.capability-copy h2,.safety-checks h2,.try-copy h2{font-size:clamp(2rem,3.6vw,3.5rem)}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;min-width:0}.capability-card{display:grid;grid-template-columns:minmax(8rem,.54fr) minmax(0,1fr);align-items:stretch;min-width:0;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--bg-secondary) 84%,var(--bg-primary));box-shadow:var(--elevation-1);transition:transform .18s var(--ease-out),background .18s var(--ease-out)}.capability-card:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--bg-secondary) 74%,var(--bg-primary))}.capability-card svg{width:100%;height:100%;min-height:9rem;background:color-mix(in srgb,var(--bg-primary) 56%,var(--bg-secondary))}.capability-card>div{display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-width:0;padding:1rem}.capability-card h3{color:var(--text-primary);font-size:1rem;line-height:1.2}.capability-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.capability-card code{display:block;min-width:0;overflow-x:auto;color:var(--accent-text);font-family:var(--font-mono);font-size:.76rem;line-height:1.5;white-space:nowrap}.capability-table{display:grid;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--border) 70%,transparent);box-shadow:var(--elevation-1)}.capability-table>div{display:grid;grid-template-columns:minmax(6rem,.45fr) minmax(10rem,1fr) minmax(12rem,.95fr);gap:1px;min-width:0}.capability-table span,.capability-table code{display:flex;align-items:center;min-width:0;min-height:4.5rem;padding:.9rem 1rem;background:color-mix(in srgb,var(--bg-secondary) 78%,var(--bg-primary))}.capability-table span:first-child{color:var(--text-primary);font-weight:700}.capability-table span:nth-child(2){color:var(--text-secondary)}.capability-table code{color:var(--accent-text);font-size:.8rem;overflow-x:auto}.safety-system{display:grid;grid-template-columns:1fr;gap:clamp(1.35rem,2.4vw,2.25rem);align-items:start}.safety-checks{display:flex;flex-direction:column;gap:1.4rem;max-width:none}.safety-checks ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;overflow:visible;border-radius:0;background:transparent;list-style:none}.safety-checks li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem 1rem;align-items:start;padding:1.05rem;border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 72%,var(--bg-primary));box-shadow:var(--elevation-1)}.safety-checks li>span{width:.52rem;height:.52rem;margin-top:.45rem;border-radius:50%;background:var(--accent)}.safety-checks strong{display:block;color:var(--text-primary);font-size:.96rem}.safety-checks em{grid-column:2;color:var(--text-secondary);font-style:normal;line-height:1.6}.safety-code{position:relative;top:auto;display:grid;gap:.85rem;min-width:0}.safety-visuals,.try-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;min-width:0}.safety-code .code-block{margin:0;box-shadow:var(--elevation-1)}.motion-card[role=button]{cursor:pointer;transition:transform .18s var(--ease-out),background .18s var(--ease-out)}.motion-card[role=button]:hover,.motion-card[role=button]:focus-visible{transform:translateY(-2px);background:color-mix(in srgb,var(--bg-secondary) 74%,var(--bg-primary))}.try-system{display:grid;grid-template-columns:1fr;gap:clamp(1.35rem,2.4vw,2.25rem);align-items:start}.motion-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:1.25rem}.motion-modal[hidden]{display:none}.motion-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000 68%,transparent)}.motion-modal-panel{position:relative;width:min(36rem,100%);padding:1.25rem;border-radius:8px;background:var(--bg-secondary);box-shadow:var(--elevation-2)}.motion-modal-close{position:absolute;top:.8rem;right:.8rem;min-height:36px;padding:0 .75rem;border:0;border-radius:4px;background:var(--bg-primary);color:var(--text-secondary);font:inherit;cursor:pointer}.motion-modal-panel h2{margin-right:5rem;font-size:clamp(1.4rem,3vw,2rem);line-height:1.1}.motion-modal-panel p{margin-top:1rem;color:var(--text-secondary);font-size:1rem;line-height:1.65}.try-copy{display:flex;flex-direction:column;gap:1rem}.story-band--try .try-shell{margin:0;max-width:none;box-shadow:var(--elevation-1)}.story-band--try .qs-cta{grid-column:1 / -1;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.try-visuals{grid-column:1 / -1}@keyframes svg-dash{0%,to{opacity:.36;stroke-dashoffset:90}44%,66%{opacity:1;stroke-dashoffset:0}}@keyframes svg-soft-pulse{0%,to{opacity:.36;transform:translateY(0)}45%,65%{opacity:1;transform:translateY(-1px)}}@keyframes svg-ring{0%,to{opacity:.28;transform:scale(.82)}44%,62%{opacity:1;transform:scale(1.1)}}@keyframes svg-cursor-move{0%,to{opacity:.4;transform:translate(-8px,-8px)}46%,64%{opacity:1;transform:translate(0)}}@keyframes svg-card-rise{0%,to{transform:translateY(0)}45%,62%{transform:translateY(-3px)}}@keyframes svg-bar-raw{0%,to{transform:scaleY(1);opacity:.6}45%,62%{transform:scaleY(.74);opacity:.38}}@keyframes svg-bar-out{0%,to{transform:scaleY(.58);opacity:.76}45%,62%{transform:scaleY(1);opacity:1}}@keyframes svg-blocked{0%,to{opacity:.26;transform:translate(0)}45%,62%{opacity:.72;transform:translate(4px)}}@keyframes lab-flow{0%,to{opacity:.28;transform:scaleX(.35)}42%,62%{opacity:1;transform:scaleX(1)}}@media(max-width:1024px){.story-band{grid-template-columns:1fr;width:min(100% - 2.25rem,860px);gap:1rem}.story-label,.capability-copy,.safety-code{position:relative;top:auto}.story-label{flex-direction:row;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-bottom:.75rem}.capability-copy{grid-template-columns:1fr;gap:.8rem;align-items:start}.capability-copy p{max-width:none;padding-bottom:0}.compression-system,.capability-system,.safety-system,.try-system,.loop-intro{grid-template-columns:1fr}.story-band--try .qs-cta,.try-visuals{grid-column:auto}.try-system>*,.capability-system>*,.safety-system>*{min-width:0}}@media(max-width:720px){.story-band{width:min(100% - 1.5rem,640px);padding:3.25rem 0}.story-band h2{font-size:clamp(2.1rem,13vw,3.7rem)}.compression-copy h2{white-space:normal}.compression-lab,.story-art-row,.story-art-row--three,.safety-visuals,.try-visuals,.capability-grid{grid-template-columns:1fr}.lab-connector{width:100%;height:1.5rem}.lab-connector span{width:1px;height:100%;transform-origin:top center;animation-name:lab-flow-y}.compression-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-table>div{grid-template-columns:1fr}.capability-table span,.capability-table code{min-height:3.2rem;padding:.75rem .9rem}.capability-table span+span,.capability-table code{border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.capability-card{grid-template-columns:minmax(7.5rem,.42fr) minmax(0,1fr)}.capability-card svg{min-height:8.5rem}.safety-checks li{grid-template-columns:auto minmax(0,1fr)}.safety-checks ul{grid-template-columns:1fr}.safety-checks em{grid-column:2}}@media(max-width:480px){.story-band{width:min(100% - 1rem,420px);padding:2.75rem 0}.compression-proof{grid-template-columns:1fr}.lab-pane pre{min-height:auto;font-size:.68rem}.capability-card{grid-template-columns:1fr}.capability-card svg{min-height:auto;max-height:10rem}.capability-card>div{padding:.9rem}.qs-cta{margin-top:2rem;padding-top:2rem}.qs-cta-text{font-size:clamp(1.9rem,12vw,2.8rem);line-height:1.05;overflow-wrap:normal}.story-band--loop .usage-mock--main,.story-band--try .try-shell{border-radius:8px}}@media(max-width:768px){.hero .product-visual{display:none}.hero-content{min-height:100svh;align-content:center;padding-bottom:3.5rem}.compression-lab,.usage-mock--main,.try-shell{padding:.62rem;border-radius:8px}.compression-lab,.usage-mock--main,.story-art-row,.story-art-row--three,.safety-visuals,.try-visuals{gap:.55rem}.lab-pane,.usage-pane,.motion-card,.mock-stage,.try-shell .code-block{border-radius:6px}.lab-head,.usage-pane-head{padding:.5rem .62rem;font-size:.62rem}.lab-pane pre,.usage-pane pre,.quickstart-simple code,.try-shell .code-block code{font-size:.62rem;line-height:1.55}.lab-pane pre,.usage-pane pre,.try-shell .code-block pre{padding:.7rem .75rem}.usage-message{margin:.62rem;padding:.62rem .7rem;font-size:.74rem}.motion-card figcaption{padding:0 .75rem .7rem;font-size:.68rem}}@media(max-width:480px){.hero-content{padding-top:5.25rem}.hero-title{margin-bottom:.35rem}.hero-utility-row{margin-top:.7rem}.lab-pane pre,.usage-pane pre,.quickstart-simple code,.try-shell .code-block code{font-size:.58rem}.motion-card svg{max-height:9.75rem}}@keyframes lab-flow-y{0%,to{opacity:.28;transform:scaleY(.35)}42%,62%{opacity:1;transform:scaleY(1)}}.story-band:not(.is-motion-active) .lab-connector span,.story-band:not(.is-motion-active) .usage-pane--chat,.story-band:not(.is-motion-active) .usage-pane--agent,.story-band:not(.is-motion-active) .usage-pane--browser,.story-band:not(.is-motion-active) .usage-step,.story-band:not(.is-motion-active) .svg-flow,.story-band:not(.is-motion-active) .svg-route,.story-band:not(.is-motion-active) .svg-tool-path,.story-band:not(.is-motion-active) .svg-key-line,.story-band:not(.is-motion-active) .svg-window-line,.story-band:not(.is-motion-active) .svg-active-link,.story-band:not(.is-motion-active) .svg-bar,.story-band:not(.is-motion-active) .svg-dot-pulse,.story-band:not(.is-motion-active) .svg-click-ring,.story-band:not(.is-motion-active) .svg-cursor,.story-band:not(.is-motion-active) .svg-tab,.story-band:not(.is-motion-active) .svg-bubble,.story-band:not(.is-motion-active) .svg-mcp-node,.story-band:not(.is-motion-active) .svg-blocked-action{animation:none!important;transform:none!important}@media(prefers-reduced-motion:reduce){.lab-connector span,.svg-flow,.svg-route,.svg-tool-path,.svg-key-line,.svg-window-line,.svg-active-link,.svg-bar,.svg-dot-pulse,.svg-click-ring,.svg-cursor,.svg-tab,.svg-bubble,.svg-mcp-node,.svg-blocked-action{animation:none;transform:none}}