.install-cta{z-index:20;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex;position:relative}.install-cta .download-group{z-index:2;box-shadow:0 12px 30px -14px color-mix(in oklch, var(--accent) 65%, transparent);border-radius:12px;flex-shrink:0;align-items:stretch;display:inline-flex;position:relative}.install-cta .download-btn{border:1px solid color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 90%, transparent);color:var(--accent-foreground);letter-spacing:-.01em;cursor:pointer;border-right:0;border-radius:12px 0 0 12px;align-items:center;gap:9px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .16s;display:inline-flex}.install-cta .download-btn:hover{background:var(--accent)}.install-cta .download-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.install-cta .download-btn-icon{flex-shrink:0;width:18px;height:18px}.install-cta .download-arch{border:1px solid color-mix(in oklch, var(--accent) 60%, transparent);border-left:1px solid color-mix(in oklch, var(--accent-foreground) 30%, transparent);background:color-mix(in oklch, var(--accent) 90%, transparent);color:var(--accent-foreground);cursor:pointer;border-radius:0 12px 12px 0;align-items:center;padding:0 12px;transition:background .16s;display:inline-flex}.install-cta .download-arch:hover{background:var(--accent)}.install-cta .download-arch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.install-cta .download-arch svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.install-cta .download-arch[aria-expanded=true] svg{transform:rotate(180deg)}.install-cta .download-menu{z-index:100;transform-origin:top;border:1px solid color-mix(in oklch, var(--separator) 80%, transparent);background:var(--overlay);opacity:0;border-radius:10px;flex-direction:column;min-width:100%;padding:4px;transition:opacity .44s cubic-bezier(.16,1,.3,1),transform .44s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-6px)scale(.97);box-shadow:0 22px 50px -12px #000000b8}.install-cta .download-menu[data-state=open]{opacity:1;transform:translateY(0)scale(1)}.install-cta .download-menu[data-state=closing]{opacity:0;transition-duration:.28s;transform:translateY(-4px)scale(.98)}.install-cta .terminal-slot{opacity:0;grid-template-rows:0fr;justify-items:center;width:100%;transition:grid-template-rows .44s cubic-bezier(.16,1,.3,1),opacity .44s cubic-bezier(.16,1,.3,1),transform .44s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(-4px)}.install-cta .terminal-slot-inner{min-height:0;margin:0 -6px;padding:0 6px;overflow:hidden}.install-cta .terminal-slot[data-state=open]{opacity:1;grid-template-rows:1fr;transform:translateY(0)}.install-cta .download-menu-item{color:var(--foreground);white-space:nowrap;cursor:pointer;border-radius:7px;padding:8px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .14s}.install-cta .download-menu-item:hover{background:color-mix(in oklch, var(--secondary) 22%, transparent)}.install-cta .download-menu-item-terminal{border-top:1px solid var(--separator)}.install-cta .terminal-toggle{color:#ffffff8c;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:500;transition:color .16s;display:inline-flex}.install-cta .terminal-toggle:hover{color:#ffffffd9}.install-cta .terminal-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.install-cta .terminal-toggle svg{transition:transform .2s}.install-cta .terminal-toggle.is-open svg{transform:rotate(180deg)}.install-cta .install-pill{border:1px solid color-mix(in oklch, var(--separator) 70%, transparent);background:color-mix(in oklch, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(14px);width:auto;min-width:0;max-width:min(560px,100%);color:var(--foreground);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);cursor:pointer;border-radius:12px;flex:none;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;line-height:1.2;transition:border-color .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);display:inline-flex}.install-cta .install-pill:hover{border-color:color-mix(in oklch, var(--secondary) 45%, transparent);background:color-mix(in oklch, var(--surface) 88%, transparent)}.install-cta .install-pill:active{transform:translateY(1px)}.install-cta .install-pill:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.install-cta .install-prompt{color:var(--secondary);-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:600}.install-cta .install-cmd{font-size:inherit;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:inherit;overflow:hidden}.install-cta .install-copy{color:#ffffff80;opacity:0;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:opacity .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.install-cta .install-pill:hover .install-copy,.install-cta .install-pill:focus-visible .install-copy{opacity:1;color:#ffffffd9}.install-cta .install-copy.is-copied{opacity:1;color:color-mix(in oklch, var(--secondary) 85%, white)}.install-cta .install-copy-icon{justify-content:center;align-items:center;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;inset:0}.install-cta .install-copy-icon-copy{opacity:1;transform:scale(1)}.install-cta .install-copy-icon-check,.install-cta .install-copy.is-copied .install-copy-icon-copy{opacity:0;transform:scale(.7)}.install-cta .install-copy.is-copied .install-copy-icon-check{opacity:1;transform:scale(1)}@media (width<=720px){.install-cta{box-shadow:none;flex-direction:column;gap:10px}.install-cta .download-group{width:100%;margin-right:0}.install-cta .download-btn{flex:1;justify-content:center}.install-cta .download-arch{border-right:1px solid color-mix(in oklch, var(--accent) 60%, transparent);border-radius:0 12px 12px 0}.install-cta .install-pill{border-radius:12px;width:100%;padding:10px 12px;font-size:11px}.install-cta .install-cmd{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.install-cta .install-copy{width:48px;height:20px;font-size:9.5px}}.install-cta-mobile{gap:8px}.install-cta-mobile .install-pill{width:auto;max-width:min(290px,100%)}.install-cta-mobile .install-copy{opacity:1;color:#fff9;width:14px;height:14px}.install-cta .install-pill-mac{color:#ffffffd9;flex:none;width:14px;height:14px}@media (prefers-reduced-motion:reduce){.install-cta,.install-cta *,.install-cta .install-pill,.install-cta .download-menu,.install-cta .terminal-slot,.install-cta .install-copy.is-copied,.install-cta .install-copy-icon{transition:none!important;animation:none!important}}:root{--background:oklch(14.5% .02 250);--foreground:oklch(95% .005 250);--surface:oklch(20% .02 250);--overlay:oklch(23% .02 250);--muted:oklch(60% .03 240);--default:oklch(27% .02 250);--accent:oklch(65% .16 45);--accent-foreground:oklch(98% 0 0);--secondary:oklch(72% .14 200);--secondary-foreground:oklch(15% .02 250);--separator:oklch(25% .02 250);--link:var(--secondary);--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ease-product:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.32, .72, .32, 1);--ease-bob:cubic-bezier(.45, 0, .55, 1);--dur-instant:.12s;--dur-quick:.2s;--dur-base:.28s;--dur-medium:.44s;--dur-slow:.8s;--dur-grand:3s;--diff-add:oklch(78% .14 155);--diff-del:oklch(68% .16 25);--abyss-mid:oklch(11.5% .02 252);--abyss-deep:oklch(8.5% .018 254);--abyss-darkest:oklch(6% .015 256);color:var(--foreground);background:var(--background);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-width:320px;margin:0}html{scroll-behavior:auto;scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--background)}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing{isolation:isolate;--ship-arrival:7s;--hero-aux-delay:calc(var(--ship-arrival) + 3.1s);--hero-aux-dur:4.2s;--hero-aux-ease:cubic-bezier(.45, 0, .55, 1);width:100%;position:relative}.scene-layer{z-index:0;pointer-events:none;width:100%;height:200vh;position:absolute;inset:0 0 auto}.hero-scene{width:100%;height:100%;display:block}.depth-veil{background:linear-gradient(to bottom, transparent 0%, color-mix(in oklch, var(--background) 55%, transparent) 40%, color-mix(in oklch, var(--background) 92%, transparent) 70%, var(--background) 88%);pointer-events:none;width:100%;height:100vh;position:absolute;top:100vh;left:0}.frame{z-index:1;width:100%;min-height:100dvh;position:relative}.frame-hero{flex-direction:column;align-items:center;display:flex}.scene-sync{--scene-sync-rest-opacity:.5;z-index:3;border:1px solid color-mix(in oklch, var(--separator) 60%, transparent);background:color-mix(in oklch, var(--surface) 60%, transparent);-webkit-backdrop-filter:blur(18px);min-width:200px;opacity:var(--scene-sync-rest-opacity);transition:opacity var(--dur-base) var(--ease-product);animation:scene-sync-arrive var(--hero-aux-dur) var(--hero-aux-ease) var(--hero-aux-delay) backwards;border-radius:14px;flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;display:flex;position:absolute;top:16px;right:16px}.scene-sync:hover,.scene-sync:focus-within{opacity:1}.scene-sync-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.scene-sync-location{color:#fffffff0;cursor:pointer;align-items:center;gap:4px;display:inline-flex;position:relative}.scene-sync-select{appearance:none;color:inherit;letter-spacing:-.005em;text-shadow:0 1px 6px #0006;cursor:pointer;background:0 0;border:0;padding:4px 18px 4px 6px;font-family:inherit;font-size:13px;font-weight:600}.scene-sync-select:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.scene-sync-select option{background:var(--background);color:var(--foreground);font-weight:500}.scene-sync-chevron{color:#fff9;pointer-events:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.scene-sync-time{color:#ffffffc7;letter-spacing:.01em;text-shadow:0 1px 6px #0006;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.scene-sync-toggle{color:#ffffffc7;letter-spacing:.01em;cursor:pointer;transition:color var(--dur-quick) var(--ease-product);background:0 0;border:0;align-items:center;gap:8px;padding:4px 2px;font-family:inherit;font-size:11.5px;font-weight:600;display:inline-flex}.scene-sync-toggle:hover{color:#fffffff2}.scene-sync-toggle.is-on{color:var(--secondary)}.scene-sync-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.scene-sync-toggle-track{width:26px;height:14px;transition:background var(--dur-quick) var(--ease-product);background:#ffffff2e;border-radius:999px;flex-shrink:0;display:inline-block;position:relative}.scene-sync-toggle.is-on .scene-sync-toggle-track{background:color-mix(in oklch, var(--secondary) 80%, transparent)}.scene-sync-toggle-thumb{width:10px;height:10px;transition:transform var(--dur-quick) var(--ease-product);background:#fffffff2;border-radius:50%;position:absolute;top:2px;left:2px}.scene-sync-toggle.is-on .scene-sync-toggle-thumb{transform:translate(12px)}.hero-overlay{z-index:2;text-align:center;flex-direction:column;align-items:center;width:min(880px,100% - 32px);padding-top:clamp(110px,23svh,260px);display:flex;position:relative}.tagline{text-align:center;letter-spacing:-.025em;color:#fffffff7;text-shadow:0 1px 3px #030c1c73;pointer-events:none;opacity:0;animation:tagline-drop-in var(--dur-grand) var(--ease-product) calc(var(--ship-arrival) - 1s) both;will-change:transform, opacity;margin:0 0 28px;font-size:clamp(28px,5vw,50px);font-weight:500;line-height:1.05}@media (width>=621px){.tagline{white-space:nowrap}}.tagline-eyebrow{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#ffffff9e;text-shadow:0 1px 3px #030c1c66;pointer-events:none;opacity:0;animation:hero-eyebrow-glow 4.9s var(--ease-product) calc(var(--ship-arrival) + 2.6s) both;will-change:transform, opacity;margin:0 0 14px;font-size:clamp(12px,1.4vw,14px);font-weight:500}.install-pill{border:1px solid color-mix(in oklch, var(--separator) 70%, transparent);background:color-mix(in oklch, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(14px);width:auto;min-width:0;max-width:min(560px,100%);color:var(--foreground);font-family:var(--font-mono);cursor:pointer;transition:border-color var(--dur-quick) var(--ease-product), background var(--dur-quick) var(--ease-product), transform var(--dur-instant) var(--ease-product);border-radius:12px;flex:none;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;line-height:1.2;display:inline-flex}.install-pill:hover{border-color:color-mix(in oklch, var(--secondary) 45%, transparent);background:color-mix(in oklch, var(--surface) 88%, transparent)}.install-pill:active{transform:translateY(1px)scale(.995)}.install-pill:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.install-prompt{color:var(--secondary);-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:600}.install-cmd{font-size:inherit;white-space:nowrap;font-family:inherit}.install-copy{color:#ffffff80;opacity:0;-webkit-user-select:none;user-select:none;width:14px;height:14px;transition:opacity var(--dur-quick) var(--ease-product), color var(--dur-quick) var(--ease-product);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.install-pill:hover .install-copy,.install-pill:focus-visible .install-copy{opacity:1;color:#ffffffd9}.install-copy.is-copied{opacity:1;color:color-mix(in oklch, var(--secondary) 85%, white)}.install-copy-icon{transition:opacity var(--dur-base) var(--ease-product), transform var(--dur-base) var(--ease-product);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.install-copy-icon-copy{opacity:1;transform:scale(1)}.install-copy-icon-check,.install-copy.is-copied .install-copy-icon-copy{opacity:0;transform:scale(.7)}.install-copy.is-copied .install-copy-icon-check{opacity:1;transform:scale(1)}.install-cta{z-index:20;opacity:0;width:100%;animation:hero-content-rise var(--dur-slow) var(--ease-product) calc(var(--ship-arrival) + .1s) both;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.terminal-slot{opacity:0;width:100%;transition:grid-template-rows var(--dur-medium) var(--ease-product), opacity var(--dur-medium) var(--ease-product), transform var(--dur-medium) var(--ease-product);grid-template-rows:0fr;justify-items:center;display:grid;transform:translateY(-4px)}.terminal-slot-inner{min-height:0;margin:0 -6px;padding:0 6px;overflow:hidden}.terminal-slot[data-state=open]{opacity:1;grid-template-rows:1fr;transform:translateY(0)}.download-group{z-index:2;box-shadow:0 12px 30px -14px color-mix(in oklch, var(--accent) 65%, transparent);transition:transform var(--dur-quick) var(--ease-product), box-shadow var(--dur-quick) var(--ease-product);border-radius:12px;flex-shrink:0;align-items:stretch;display:inline-flex;position:relative}@media (hover:hover){.download-group:hover{box-shadow:0 18px 40px -14px color-mix(in oklch, var(--accent) 78%, transparent);transform:translateY(-1px)}}.download-group:active{box-shadow:0 8px 20px -10px color-mix(in oklch, var(--accent) 55%, transparent);transition-duration:var(--dur-instant);transform:translateY(0)}.download-btn{border:1px solid color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 90%, transparent);color:var(--accent-foreground);letter-spacing:-.01em;cursor:pointer;transition:background var(--dur-quick) var(--ease-product), border-color var(--dur-quick) var(--ease-product);border-right:0;border-radius:12px 0 0 12px;align-items:center;gap:9px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.download-btn:hover{background:var(--accent);border-color:color-mix(in oklch, var(--accent) 85%, transparent)}.download-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.download-btn-icon{width:18px;height:18px;transition:transform var(--dur-base) var(--ease-product);flex-shrink:0}.download-group:hover .download-btn-icon{transform:translateY(-.5px)}.download-arch{border:1px solid color-mix(in oklch, var(--accent) 60%, transparent);border-left:1px solid color-mix(in oklch, var(--accent-foreground) 30%, transparent);background:color-mix(in oklch, var(--accent) 90%, transparent);color:var(--accent-foreground);cursor:pointer;transition:background var(--dur-quick) var(--ease-product), border-color var(--dur-quick) var(--ease-product);border-radius:0 12px 12px 0;align-items:center;padding:0 12px;display:inline-flex}.download-arch:hover{background:var(--accent)}.download-arch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.download-arch svg{transition:transform var(--dur-base) var(--ease-product)}.download-arch[aria-expanded=true] svg{transform:rotate(180deg)}.download-menu{z-index:100;transform-origin:top;border:1px solid color-mix(in oklch, var(--separator) 80%, transparent);background:var(--overlay);opacity:0;min-width:100%;transition:opacity var(--dur-medium) var(--ease-product), transform var(--dur-medium) var(--ease-product);border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-6px)scale(.97);box-shadow:0 22px 50px -12px #000000b8}.download-menu[data-state=open]{opacity:1;transform:translateY(0)scale(1)}.download-menu[data-state=closing]{opacity:0;transition-duration:var(--dur-base);transform:translateY(-4px)scale(.98)}.download-menu-item{color:var(--foreground);white-space:nowrap;cursor:pointer;transition:background var(--dur-quick) var(--ease-product), color var(--dur-quick) var(--ease-product);border-radius:7px;padding:8px 14px;font-size:13.5px;font-weight:500}.download-menu-item:hover{background:color-mix(in oklch, var(--secondary) 22%, transparent)}.terminal-toggle{color:#ffffff8c;letter-spacing:.01em;cursor:pointer;transition:color var(--dur-base) var(--ease-product);background:0 0;border:0;align-items:center;gap:5px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.terminal-toggle:hover{color:#ffffffe6}.terminal-toggle:active{color:#ffffffb3}.terminal-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.terminal-toggle svg{transition:transform var(--dur-base) var(--ease-product)}.terminal-toggle.is-open svg{transform:rotate(180deg)}.agent-row{flex-direction:column;align-items:center;gap:12px;margin-top:clamp(12px,2svh,22px);display:flex}.agent-row-label{opacity:0;animation:hero-content-rise var(--dur-slow) var(--ease-product) calc(var(--ship-arrival) + 1.15s) both}.agent-chip{opacity:0;animation:hero-content-rise var(--dur-slow) var(--ease-product) calc(var(--ship-arrival) + 1.3s + var(--agent-chip-stagger,0s)) both}.agent-row-label{color:var(--secondary);letter-spacing:.09em;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:10.5px;font-weight:600}.agent-row-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin:0;padding:0;list-style:none;display:flex}.agent-chip{align-items:center;gap:7px;display:inline-flex}.agent-chip-icon{flex-shrink:0;width:21px;height:21px}.agent-chip-name{color:#ffffff9e;letter-spacing:-.01em;white-space:nowrap;font-size:13px;font-weight:500}.scroll-cue{z-index:3;color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:0;animation:hero-fade-in var(--hero-aux-dur) var(--hero-aux-ease) var(--hero-aux-delay) both;transition:color var(--dur-base) var(--ease-product), transform var(--dur-base) var(--ease-product);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:8px 14px 6px;font-family:inherit;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:clamp(20px,4vh,40px);left:50%;transform:translate(-50%)}.scroll-cue:hover{color:#fffffff5;transform:translate(-50%)translateY(2px)}.scroll-cue:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}.scroll-cue-chevrons{color:var(--secondary);animation:scroll-cue-bob 2.4s var(--ease-bob) infinite;transform-origin:50%;display:inline-flex}.dive-burst{z-index:40;pointer-events:none;position:fixed;inset:0}.dive-burst-canvas{width:100%;height:100%;position:absolute;inset:0}.dive-splash{opacity:0;background:radial-gradient(closest-side,#ffffff52,#0000 70%);width:130vw;height:36vh;position:absolute;bottom:-14vh;left:50%;transform:translate(-50%)}.dive-burst-live .dive-splash{animation:dive-splash-fade .3s var(--ease-product) both}.underwater{position:relative}.story-stage,.beat{z-index:1;position:relative}.beat-deep{place-items:center;min-height:100dvh;padding:clamp(48px,12vh,140px) 16px;display:grid;overflow:hidden}.deep-content,.promise-content{z-index:1;flex-direction:column;align-items:center;width:min(960px,100%);display:flex;position:relative}.light-shafts{pointer-events:none;mix-blend-mode:screen;opacity:clamp(0, .55 - var(--depth,0) * 1.6, .55);position:absolute;inset:0}.shaft-plane{will-change:transform;height:340vh;position:absolute;top:-120vh;left:0;right:0}.shaft{width:clamp(44px,7vw,110px);height:100%;animation:shaft-sway 9s var(--ease-bob) infinite alternate;background:linear-gradient(#0000 0% 43%,#d0e9ff0a 49%,#d0e9ff21 55.5%,#d0e9ff57 62%,#d0e9ff1a 74%,#d0e9ff06 82%,#0000 88%);position:absolute;top:0;transform:skew(-12deg)}.shaft-1{animation-duration:8.2s;left:10%}.shaft-2{opacity:.7;width:clamp(28px,4.5vw,70px);animation-duration:9.6s;animation-delay:-3.1s;left:30%}.shaft-3{animation-duration:8.8s;animation-delay:-5.4s;left:55%}.shaft-4{opacity:.6;width:clamp(30px,5vw,84px);animation-duration:10s;animation-delay:-1.7s;left:76%}.dive-line{text-align:center;text-wrap:balance;letter-spacing:-.015em;color:#ffffffe0;text-shadow:0 2px 14px #00000073;max-width:30ch;margin:0;font-size:clamp(22px,3.1vw,36px);font-weight:450;line-height:1.4}.dive-phrase{display:block}.dive-phrase-mid{color:#ffffffd6;margin-top:.16em;font-size:.95em}.dive-phrase-tail{color:#ffffffbd;margin-top:.16em;font-size:.9em}.dive-phrase-mid.reveal{transition-delay:.15s}.dive-phrase-tail.reveal{transition-delay:.3s}.depth-field{z-index:0;pointer-events:none;position:absolute;inset:0}.depth-viewport{height:100dvh;position:sticky;top:0;overflow:hidden}.depth-field-canvas{width:100%;height:100%;display:block}.row{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(36px,5.5vw,88px);width:100%;max-width:1140px;margin:0 auto;padding:clamp(48px,9vh,96px) 24px;display:grid}html:not(.stage-on) .beat-row+.beat-row .row{border-top:1px solid color-mix(in oklch, var(--separator) 60%, transparent)}.row-flip .row-copy{order:2}.row-media{min-width:0}.row-kicker{letter-spacing:-.02em;color:#fffffff5;margin:0 0 14px;font-size:clamp(29px,3.5vw,41px);font-weight:500;line-height:1.16}.row-body{color:#ffffffb8;max-width:46ch;margin:0;font-size:18px;line-height:1.65}.lamp-wrap{min-width:0;position:relative}.lamp-wrap .app-frame{z-index:1;position:relative}.lamp-glow{z-index:0;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklch, var(--secondary) 40%, transparent), color-mix(in oklch, var(--secondary) 26%, transparent) 62%, color-mix(in oklch, var(--secondary) 10%, transparent) 82%, transparent 100%);opacity:0;transition:opacity var(--dur-slow) var(--ease-product) .22s;position:absolute;inset:-32% -28%}.app-frame.in+.lamp-glow{opacity:1}.diff-pane{position:relative}.app-frame.in .diff-pane:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--secondary) 20%, transparent), transparent);height:16%;animation:diff-scan .9s var(--ease-product) .48s 1 both;position:absolute;top:0;left:0;right:0}.reveal{opacity:0;transition:opacity var(--dur-slow) var(--ease-product), transform var(--dur-slow) var(--ease-product);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.row-copy{position:relative}.row-copy:before,.row-copy:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 32% 30%,#ffffff59,#ffffff0a 60%);border:1px solid #dcf0ff66;border-radius:50%;width:7px;height:7px;position:absolute;bottom:8px;left:-26px}.row-copy:after{width:5px;height:5px;bottom:2px;left:-15px}.row-copy.in:before{animation:copy-bubble 1.1s var(--ease-soft) .12s both}.row-copy.in:after{animation:copy-bubble .95s var(--ease-soft) .32s both}.app-frame.reveal{transition:none}.app-frame.reveal.in{opacity:1;animation:frame-emerge 1.1s var(--ease-product) both;transform:none}[data-depth-id=section_plan] .app-frame.reveal.in{animation-delay:.14s}.cred-inner.reveal{transition:none}.cred-inner.reveal.in{opacity:1;animation:cred-surface 1s var(--ease-product) both;transform:none}.cred{z-index:1;text-align:center;margin:clamp(20px,4vh,48px) 0;position:relative}.cred-inner{width:100%;padding:clamp(36px,6vh,64px) 24px}.cred-lead{letter-spacing:-.01em;color:#fffffff2;margin:0 0 16px;font-size:clamp(22px,3.2vw,36px);font-weight:650;line-height:1.2}.cred-stats{color:#ffffffd9;font-variant-numeric:tabular-nums;max-width:64ch;margin:0 auto 14px;font-size:clamp(20px,2.8vw,30px);line-height:1.8}.page-end-sentinel{height:1px}.frame-closing{z-index:1;width:100%;min-height:84vh;padding:0;position:relative;overflow:hidden}.closing-content{z-index:2;width:min(640px,90vw);position:absolute;bottom:36vh;left:50%;transform:translate(-50%)}.closing-notify{z-index:3;width:min(640px,90vw);position:absolute;bottom:clamp(28px,5vh,60px);left:50%;transform:translate(-50%)}.closing-notify.reveal{transform:translate(-50%)translateY(26px)}.closing-notify.reveal.in{transform:translate(-50%)}.closing-mine{z-index:2;transform-origin:50% 100%;filter:drop-shadow(0 26px 50px #00000080);width:100%;position:relative}.closing-mine.moored{animation:mine-bob 5.5s var(--ease-bob) infinite alternate}.closing-mine.is-active{z-index:7}.video-placeholder{transition:transform 1.4s var(--ease-bob)}.closing-mine.is-active .video-placeholder{transform:translateY(-6%)scale(1.04)}.mine-chain{z-index:1;pointer-events:none;width:16px;position:absolute;top:38%;bottom:calc(clamp(20px,4.5vh,45px) - 36vh);left:50%;transform:translate(-50%)}.mine-chain-links{transform-origin:50% 100%;background-image:linear-gradient(90deg,#0000 32%,oklch(40% .012 250/.22) 47% 53%,#0000 68%),radial-gradient(6px 8px,#0000 0 38%,oklch(27% .012 252/.92) 46%,oklch(16% .012 254/.85) 64%,#0000 78%),radial-gradient(6px 8px,#0000 0 38%,oklch(24% .012 252/.9) 46%,oklch(14% .012 254/.82) 64%,#0000 78%);background-position:50% 0,50% 0,50% 6.5px;background-repeat:repeat-y,repeat-y,repeat-y;background-size:100% 100%,13px 16px,13px 16px;width:100%;position:absolute;top:0;bottom:7px;left:50%;transform:translate(-50%)}.closing-content:has(.closing-mine.moored) .mine-chain-links{animation:chain-sway 5.5s var(--ease-bob) infinite alternate}.mine-chain-anchor{background:linear-gradient(oklch(15% .018 252),oklch(9.5% .018 254));border-radius:3px 3px 4px 4px;width:28px;height:13px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000080}.closing-close{z-index:2;border:1px solid color-mix(in oklch, var(--separator) 80%, transparent);background:color-mix(in oklch, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(8px);color:#ffffffd1;cursor:pointer;width:32px;height:32px;transition:transform var(--dur-base) var(--ease-product), background var(--dur-base) var(--ease-product);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.closing-close:hover{background:color-mix(in oklch, var(--surface) 88%, transparent);transform:scale(1.08)}.closing-close:active{transform:scale(.95)}.closing-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.closing-bubble{z-index:1;opacity:0;pointer-events:none;background:radial-gradient(circle at 34% 30%,#fff6,#ffffff0d 62%);border:1px solid #dcf0ff57;border-radius:50%;width:6px;height:6px;position:absolute;bottom:6%;left:11%}.closing-mine.moored .closing-bubble{animation:9s ease-in 2.4s infinite closing-microbubble}.treasure-glow{z-index:0;aspect-ratio:16/10;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklch, var(--accent) 22%, transparent), color-mix(in oklch, var(--accent) 9%, transparent) 55%, transparent 100%);opacity:0;width:min(124%,1150px);transition:opacity 1.4s var(--ease-product) .2s;animation:treasure-breathe 11s var(--ease-bob) .4s infinite alternate;position:absolute;top:18%;left:50%;transform:translate(-50%)}.closing-content:has(.closing-mine.moored) .treasure-glow{opacity:1}.seafloor{z-index:0;pointer-events:none;height:clamp(120px,26vh,240px);position:absolute;bottom:0;left:0;right:0}.seafloor-canvas{z-index:0;pointer-events:auto;cursor:default;width:100%;height:100%;position:absolute;inset:0}.seafloor-art{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:relative}.seafloor-art .dune-back{fill:oklch(10.5% .018 254)}.seafloor-art .dune-front{fill:oklch(12.5% .018 253)}.seafloor-art .kelp path{fill:oklch(16% .03 200/.75)}.seafloor-art .kelp{transform-box:fill-box;transform-origin:50% 100%}.seafloor-art .kelp-bg-1 path,.seafloor-art .kelp-bg-2 path{fill:oklch(12% .022 204/.42)}.seafloor-art .seaweed path{fill:oklch(14% .028 178/.55)}.seafloor-art .seaweed{transform-box:fill-box;transform-origin:50% 100%}.seafloor-art .fan-coral path{fill:none;stroke:oklch(14% .025 196/.28);stroke-width:1.5px;stroke-linecap:round}.seafloor.in-view .kelp{animation:kelp-sway 7s var(--ease-bob) infinite alternate}.seafloor.in-view .kelp-2{animation-duration:8.4s;animation-delay:-2.6s}.seafloor.in-view .kelp-3{animation-duration:6.4s;animation-delay:-4.1s}.seafloor.in-view .kelp-bg-1{animation:kelp-sway 11s var(--ease-bob) -3.2s infinite alternate}.seafloor.in-view .kelp-bg-2{animation:kelp-sway 12.6s var(--ease-bob) -7.4s infinite alternate}.seafloor.in-view .seaweed-a{animation:seaweed-sway 4.8s var(--ease-bob) -1.2s infinite alternate}.seafloor.in-view .seaweed-b{animation:seaweed-sway 5.4s var(--ease-bob) -3.6s infinite alternate}.seafloor-art .starfish path{fill:color-mix(in oklch, var(--accent) 38%, var(--abyss-deep))}.frame-closing .video-placeholder{border-color:color-mix(in oklch, var(--accent) 26%, var(--separator));box-shadow:0 30px 80px -20px color-mix(in oklch, var(--accent) 35%, transparent), 0 30px 80px -40px #000000b3}.video-placeholder{aspect-ratio:16/9;--card-fill:oklch(16.5% .02 250);border:1px solid color-mix(in oklch, var(--separator) 95%, transparent);background:linear-gradient(to bottom, color-mix(in oklch, var(--surface) 60%, transparent), color-mix(in oklch, var(--surface) 30%, transparent)), var(--card-fill);color:#ffffffb8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 60px -28px #000000d9}.video-placeholder:before,.video-placeholder:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#96aabe8c,#3a4656e6);border-radius:3px 3px 1px 1px;width:7px;height:16px;position:absolute;top:-13px;box-shadow:0 1px 3px #00000080}.video-placeholder:before{left:38%;transform:rotate(-7deg)}.video-placeholder:after{right:38%;transform:rotate(7deg)}.video-placeholder-play{z-index:1;background:color-mix(in oklch, var(--secondary) 26%, transparent);color:#fffffff2;box-shadow:0 0 0 1px color-mix(in oklch, var(--secondary) 40%, transparent);cursor:pointer;transition:transform var(--dur-base) var(--ease-product), background var(--dur-base) var(--ease-product);border:0;border-radius:999px;justify-content:center;align-items:center;padding:18px;display:inline-flex;position:relative}.video-placeholder-play:hover{background:color-mix(in oklch, var(--secondary) 38%, transparent);transform:scale(1.06)}.video-placeholder-play:active{transform:scale(.97)}.video-placeholder-play:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.video-placeholder-ripple{z-index:0;background:color-mix(in oklch, var(--secondary) 30%, transparent);pointer-events:none;width:120px;height:120px;animation:video-ripple var(--dur-grand) var(--ease-product) both;border-radius:999px;margin:-60px 0 0 -60px;position:absolute;top:50%;left:50%}.video-placeholder-label{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:#fff9;font-size:13px;font-weight:600;position:relative}.video-placeholder-sublabel{z-index:1;letter-spacing:.03em;color:#ffffff61;margin-top:-8px;font-size:11px;font-weight:500;position:relative}.notify{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px 16px;margin-top:clamp(20px,4.5vh,48px);display:flex}.notify-label{letter-spacing:.05em;text-transform:uppercase;color:#ffffff6b;text-shadow:0 1px 6px #00000059;font-size:11px;font-weight:600}.notify-row{align-items:baseline;gap:14px;display:flex}.notify-input{width:min(220px,56vw);color:var(--foreground);transition:border-color var(--dur-quick) var(--ease-product);background:0 0;border:0;border-bottom:1px solid #ffffff38;border-radius:0;padding:4px 2px 5px;font-family:inherit;font-size:12.5px;line-height:1.3}.notify-input::placeholder{color:#ffffff52}.notify-input:hover{border-bottom-color:#ffffff6b}.notify-input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.notify-submit{color:#ffffff8c;letter-spacing:.01em;cursor:pointer;text-underline-offset:4px;transition:color var(--dur-quick) var(--ease-product), text-decoration-color var(--dur-quick) var(--ease-product);background:0 0;border:0;padding:4px 2px;font-family:inherit;font-size:12px;font-weight:600;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.notify-submit:hover{color:#fffffff2;-webkit-text-decoration-color:color-mix(in oklch, var(--secondary) 60%, transparent);text-decoration-color:color-mix(in oklch, var(--secondary) 60%, transparent)}.notify-submit:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.notify-submit:disabled,.notify-input:disabled{opacity:.55;cursor:default}.notify-status{text-align:center;color:#ffffffa8;text-shadow:0 1px 6px #00000059;flex-basis:100%;min-height:1em;margin:0;font-size:12px}.app-frame{border:1px solid color-mix(in oklch, var(--separator) 80%, white 7%);background:color-mix(in oklch, var(--surface) 94%, transparent);border-radius:14px;margin:0;position:relative;overflow:hidden;box-shadow:0 32px 90px -36px #000000b3,inset 0 0 0 1px #ffffff05}.frame-chrome{border-bottom:1px solid var(--separator);background:color-mix(in oklch, var(--overlay) 82%, transparent);align-items:center;gap:10px;padding:10px 14px;display:flex}.chrome-dots{gap:6px;display:inline-flex}.chrome-dots i{border-radius:50%;width:10px;height:10px}.chrome-dots i:first-child{background:oklch(62% .15 25/.85)}.chrome-dots i:nth-child(2){background:oklch(74% .13 80/.85)}.chrome-dots i:nth-child(3){background:oklch(70% .14 150/.85)}.frame-title{text-align:center;color:var(--muted);flex:1;font-size:11px}.frame-body{aspect-ratio:1;display:flex;position:relative;overflow:hidden}.frame-video{object-fit:contain;width:100%;height:100%;display:block}.frame-tall .frame-body{aspect-ratio:1}.frame-spec{font-family:var(--font-mono);letter-spacing:.02em;color:#ffffff6b;background:#00000052;border-top:1px dashed #ffffff2e;padding:9px 14px;font-size:10px;line-height:1.55;display:block}.bar{background:#ffffff1c;border-radius:4px;height:8px;display:block}.bar.lite{background:#ffffff0f}.mini-side{border-right:1px solid var(--separator);background:color-mix(in oklch, var(--background) 55%, transparent);flex-direction:column;flex-shrink:0;gap:12px;width:132px;padding:14px 12px;display:flex}.side-ws{color:#ffffffbf;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.ws-dot{background:var(--accent);border-radius:3px;flex-shrink:0;width:8px;height:8px}.side-nav{flex-direction:column;gap:6px;margin-top:4px;display:flex}.side-item{border-radius:7px;padding:7px 8px;display:block}.side-item.active{background:color-mix(in oklch, var(--secondary) 16%, transparent)}.side-item.active .bar{background:color-mix(in oklch, var(--secondary) 55%, transparent)}.side-foot{margin-top:auto}.mini-main{flex-direction:column;flex:1;gap:11px;min-width:0;padding:14px 16px;display:flex;position:relative}.doc-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.doc-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:9.5px;font-weight:600;display:block}.doc-title{letter-spacing:-.01em;color:#ffffffe6;font-size:14px;font-weight:600}.status-chip{color:color-mix(in oklch, var(--accent) 80%, white 25%);border:1px solid color-mix(in oklch, var(--accent) 45%, transparent);background:color-mix(in oklch, var(--accent) 14%, transparent);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 9px;font-size:10px;font-weight:600}.plan-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plan-steps li{align-items:flex-start;gap:10px;display:flex}.step-n{border:1px solid color-mix(in oklch, var(--secondary) 45%, transparent);width:18px;height:18px;color:var(--secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9.5px;font-weight:600;display:inline-flex}.step-body{flex-direction:column;flex:1;gap:6px;min-width:0;padding-top:4px;display:flex}.file-chip{font-family:var(--font-mono);color:#ffffff8c;border:1px solid var(--separator);background:#ffffff0a;border-radius:5px;align-self:flex-start;margin-top:2px;padding:2px 6px;font-size:9.5px}.thread{flex-direction:column;gap:7px;display:flex}.comment{align-items:flex-start;gap:8px;display:flex}.comment-avatar{color:#ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:inline-flex}.avatar-you{background:color-mix(in oklch, var(--secondary) 45%, transparent)}.avatar-peer{background:color-mix(in oklch, var(--accent) 50%, transparent)}.avatar-agent{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 16%, transparent);background:#d97757}.comment-bubble{border:1px solid var(--separator);background:color-mix(in oklch, var(--overlay) 70%, transparent);color:#ffffffc7;border-radius:4px 10px 10px;flex:1;min-width:0;padding:7px 10px;font-size:11px;line-height:1.5}.comment-agent .comment-bubble{border-color:color-mix(in oklch, var(--accent) 30%, transparent)}.comment-author{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:9px;font-weight:600;display:block}.plan-actions{gap:10px;margin-top:auto;padding-top:4px;display:flex}.btn{letter-spacing:-.01em;border-radius:9px;align-items:center;padding:7px 13px;font-size:11.5px;font-weight:600;display:inline-flex}.btn-approve.is-waiting{background:color-mix(in oklch, var(--accent) 32%, transparent);border:1px dashed color-mix(in oklch, var(--accent) 55%, transparent);color:color-mix(in oklch, var(--accent-foreground) 80%, transparent)}.btn-ghost{border:1px solid var(--separator);color:#fff9;background:0 0}.presence-cursor{pointer-events:none;align-items:flex-start;gap:3px;display:inline-flex;position:absolute}.presence-cursor .presence-tag{letter-spacing:.03em;color:var(--secondary-foreground);border-radius:999px;margin-top:9px;padding:2px 7px;font-size:9px;font-weight:600}.cursor-a{color:var(--secondary);top:26%;right:18%}.cursor-a .presence-tag{background:var(--secondary)}.cursor-b{color:color-mix(in oklch, var(--accent) 90%, white 10%);bottom:21%;right:34%}.cursor-b .presence-tag{background:color-mix(in oklch, var(--accent) 90%, white 10%)}.diff-wrap{border-right:1px solid var(--separator);flex-direction:column;flex:1.15;min-width:0;display:flex}.tab-strip{border-bottom:1px solid var(--separator);align-items:center;gap:4px;padding:8px 12px 0;display:flex}.tab{font-family:var(--font-mono);color:#ffffff73;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;padding:7px 11px;font-size:10.5px}.tab.active{color:#ffffffd9;background:color-mix(in oklch, var(--overlay) 80%, transparent);border-color:var(--separator)}.tab-meta{font-family:var(--font-mono);margin-left:auto;padding-bottom:6px;font-size:10.5px}.tab-meta .add-n{color:var(--diff-add);font-weight:600}.tab-meta .del-n{color:var(--diff-del);margin-left:6px;font-weight:600}.diff-pane{flex:1;padding:10px 0;overflow:hidden}.d-row{grid-template-columns:34px 14px minmax(0,1fr);align-items:center;gap:8px;padding:5px 14px 5px 0;display:grid}.d-row .ln{font-family:var(--font-mono);color:#ffffff40;text-align:right;font-size:9.5px}.d-row .sign{font-family:var(--font-mono);text-align:center;color:#ffffff4d;font-size:10.5px}.d-row.add{background:color-mix(in oklch, var(--diff-add) 11%, transparent)}.d-row.add .sign{color:var(--diff-add)}.d-row.add .bar{background:color-mix(in oklch, var(--diff-add) 38%, transparent)}.d-row.del{background:color-mix(in oklch, var(--diff-del) 10%, transparent)}.d-row.del .sign{color:var(--diff-del)}.d-row.del .bar{background:color-mix(in oklch, var(--diff-del) 34%, transparent)}.dock{background:linear-gradient(200deg, color-mix(in oklch, var(--secondary) 9%, transparent), transparent 60%);flex-direction:column;flex:1;gap:10px;min-width:0;padding:14px;display:flex}.dock-head{color:#ffffffd9;font-size:11px;font-weight:600}.tile{border:1px solid color-mix(in oklch, var(--secondary) 22%, var(--separator));background:color-mix(in oklch, var(--background) 45%, transparent);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.tile-shot{flex:1.2}.shot-art{background:linear-gradient(160deg, color-mix(in oklch, var(--secondary) 8%, transparent), transparent 55%);flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.shot-block{background:radial-gradient(60% 70% at 30% 80%, color-mix(in oklch, var(--accent) 16%, transparent), transparent 70%), #ffffff0d;border:1px solid #ffffff0f;border-radius:7px;flex:1;min-height:38px}.tile-label{border-top:1px solid var(--separator);color:var(--muted);font-size:10px;font-family:var(--font-mono);align-items:center;gap:8px;padding:7px 11px;display:flex}.tile-kind{font-family:var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--secondary);font-size:9px;font-weight:600}.log{font-family:var(--font-mono);color:color-mix(in oklch, var(--diff-add) 80%, white 10%);white-space:pre;flex:1;margin:0;padding:10px 12px;font-size:9.5px;line-height:1.75;overflow:hidden}.duo{flex:1;min-width:0;padding:22px 20px;position:relative}.duo-mac{border:1px solid var(--separator);background:color-mix(in oklch, var(--background) 70%, transparent);opacity:.82;border-radius:10px;width:62%;position:absolute;top:26px;left:20px;overflow:hidden}.duo-mac-chrome{border-bottom:1px solid var(--separator);background:color-mix(in oklch, var(--overlay) 70%, transparent);align-items:center;gap:8px;padding:7px 10px;display:flex}.duo-mac-chrome .chrome-dots i{width:7px;height:7px}.duo-mac-chrome .frame-title{font-size:9.5px}.duo-mac-body{padding:4px 2px 8px}.log-run{color:#ffffff8c}.duo-phone{border:1px solid color-mix(in oklch, var(--separator) 100%, white 14%);background:color-mix(in oklch, var(--background) 92%, transparent);border-radius:24px;flex-direction:column;width:158px;height:286px;display:flex;position:absolute;top:48px;right:26px;overflow:hidden;box-shadow:0 26px 60px -22px #000000d9}.phone-notch{background:#0000008c;border:1px solid #ffffff0f;border-radius:999px;align-self:center;width:54px;height:14px;margin-top:8px}.phone-task{flex-direction:column;flex:1;gap:9px;padding:14px 13px;display:flex}.phone-live{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);align-items:center;gap:5px;font-size:9px;font-weight:600;display:inline-flex}.live-dot{background:var(--diff-add);width:6px;height:6px;box-shadow:0 0 6px color-mix(in oklch, var(--diff-add) 60%, transparent);animation:live-pulse 2.4s var(--ease-bob) infinite;border-radius:50%}.phone-title{letter-spacing:-.01em;color:#ffffffe0;font-size:12px;font-weight:600}.phone-action{text-align:center;background:color-mix(in oklch, var(--accent) 88%, transparent);border:1px solid color-mix(in oklch, var(--accent) 60%, transparent);color:var(--accent-foreground);border-radius:9px;align-self:stretch;margin-top:auto;padding:8px 0;font-size:11px;font-weight:600}@keyframes hero-content-rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes tagline-drop-in{0%{opacity:0;transform:translateY(-1.5rem)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tagline-drop-flat{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes hero-eyebrow-glow{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scene-sync-arrive{0%{opacity:0}to{opacity:var(--scene-sync-rest-opacity)}}@keyframes scroll-cue-bob{0%{opacity:.7;transform:translateY(0)}40%{opacity:1;transform:translateY(5px)}60%{opacity:1;transform:translateY(5px)}to{opacity:.7;transform:translateY(0)}}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes shaft-sway{0%{transform:skew(-13.5deg)}to{transform:skew(-10.5deg)}}@keyframes diff-scan{0%{opacity:1;transform:translateY(-100%)}to{opacity:0;transform:translateY(620%)}}@keyframes caustic-sweep{0%{transform:translate(-16%,-16%)}to{transform:translate(16%,16%)}}@keyframes copy-bubble{0%{opacity:0;transform:translateY(8px)}18%{opacity:.8}to{opacity:0;transform:translate(6px,-72px)}}@keyframes frame-emerge{0%{opacity:0;filter:brightness(.4)saturate(.85);transform:translateY(30px)scale(.985)}55%{filter:brightness(1.06)saturate()}to{opacity:1;filter:brightness();transform:none}}@keyframes cred-surface{0%{opacity:0;filter:blur(9px);transform:scale(.992)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes treasure-breathe{0%{opacity:.8;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.06)}}@keyframes mine-bob{0%{transform:translate(-1px)rotate(-.5deg)}to{transform:translate(1px,-12px)rotate(.5deg)}}@keyframes chain-sway{0%{transform:translate(-50%)rotate(-.6deg)}to{transform:translate(-50%)rotate(.6deg)}}@keyframes closing-microbubble{0%{opacity:0;transform:translate(0)scale(.7)}6%{opacity:.85}40%{transform:translate(4px,-42px)scale(1)}62%{opacity:.55;transform:translate(-3px,-78px)scale(1.05)}72%{opacity:0;transform:translate(2px,-104px)scale(1.1)}to{opacity:0;transform:translate(2px,-104px)scale(1.1)}}@keyframes dive-splash-fade{0%{opacity:1}to{opacity:0}}@keyframes cursor-patrol{0%{transform:translate(0)}to{transform:translate(-12px,9px)}}@keyframes kelp-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes seaweed-sway{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}@keyframes video-ripple{0%{opacity:.55;transform:scale(.3)}to{opacity:0;transform:scale(5)}}html.stage-on .story-stage{height:1320vh}html.stage-on .stage-viewport{pointer-events:none;height:100dvh;position:sticky;top:0;overflow:hidden}html.stage-on .beat{place-items:center;display:grid;position:absolute;inset:0}html.stage-on .beat-deep{min-height:0;padding:0 16px}html.stage-on .row{border-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);max-width:1360px;padding:0 24px}html.stage-on .row-flip{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}html.stage-on .beat .app-frame{width:min(760px,92vw,92vh);max-width:100%}html.stage-on .cred{width:100%;margin:0}@media (width<=880px){html.stage-on .row{grid-template-columns:1fr;gap:20px;padding:0 20px}html.stage-on .row-flip .row-copy{order:0}html.stage-on .beat .frame-body,html.stage-on .beat .frame-tall .frame-body{height:auto}}@media (width<=880px) and (height<=820px){html.stage-on .beat .frame-body,html.stage-on .beat .frame-tall .frame-body{height:auto}}html.stage-on .beat.beat-live .row-kicker,html.stage-on .beat.beat-live .row-body,html.stage-on .beat.beat-live .row-copy,html.stage-on .beat.beat-live .dive-phrase,html.stage-on .beat.beat-live .cred-inner,html.stage-on .beat.beat-live .cred-lead,html.stage-on .beat.beat-live .cred-stats{will-change:transform, opacity}html.stage-on .beat.beat-live .row-media{will-change:transform, opacity, filter}html.stage-on .beat .app-frame{box-shadow:0 0 16px color-mix(in oklch, var(--secondary) 11%, transparent), 0 0 44px color-mix(in oklch, var(--secondary) 6%, transparent), 0 54px 110px -44px #0000008c;border-color:#0000}html.stage-on .cred-inner{box-shadow:0 0 22px color-mix(in oklch, var(--secondary) 7%, transparent), 0 28px 70px -48px #00000080;border-color:#0000}html.stage-on .beat .app-frame:after{content:"";z-index:3;pointer-events:none;width:220%;height:220%;animation:caustic-sweep 13s var(--ease-bob) infinite alternate;background:linear-gradient(115deg,#0000 44%,#bee2ff0d 50%,#0000 56%);animation-play-state:paused;position:absolute;top:-60%;left:-60%}html.stage-on .beat.beat-live .app-frame:after{animation-play-state:running}@media (width<=879px),(pointer:coarse){html.stage-on .beat .app-frame:after{content:none}}.near-field-canvas{display:none}html.stage-on .near-field-canvas{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}html.stage-on .story-stage .reveal{opacity:1;transition:none;transform:none}html.stage-on .app-frame.reveal.in,html.stage-on .cred-inner.reveal.in{animation:none}html.stage-on .beat .row-media,html.stage-on .beat:not([data-depth-id=section_together]) .row-kicker,html.stage-on .beat:not([data-depth-id=section_together]) .row-body,html.stage-on [data-depth-id=section_together] .row-copy,html.stage-on .beat .dive-phrase,html.stage-on .beat .cred-inner,html.stage-on .beat .cred-lead,html.stage-on .beat .cred-stats{opacity:0}html.stage-on .beat .lamp-glow{opacity:var(--lamp,0);transition:none}html.stage-on .app-frame.in .diff-pane:after{animation-name:none}html.stage-on .app-frame.in.scan .diff-pane:after{animation:diff-scan .9s var(--ease-product) 1 both}html.stage-on .beat .presence-cursor{animation:cursor-patrol 6s var(--ease-bob) infinite alternate;animation-play-state:paused}html.stage-on .beat .cursor-b{animation-duration:7.3s;animation-delay:-2.6s}html.stage-on .beat.beat-live .presence-cursor{animation-play-state:running}@media (width<=879px),(pointer:coarse){html.stage-on .beat .presence-cursor{animation:none}}@media (height<=820px){html.stage-on .frame-body,html.stage-on .frame-tall .frame-body{height:auto}}@media (width<=620px){.hero-overlay{width:calc(100% - 24px);padding-top:clamp(96px,22vh,220px)}.tagline{animation:tagline-drop-flat var(--dur-grand) var(--ease-product) calc(var(--ship-arrival) - 1s) both;margin-bottom:22px;font-size:clamp(32px,9vw,48px)}.scene-sync{border-color:color-mix(in oklch, var(--separator) 35%, transparent);background:color-mix(in oklch, var(--surface) 38%, transparent);-webkit-backdrop-filter:blur(12px);gap:5px;min-width:0;padding:6px 9px;top:12px;right:12px}.scene-sync-select{font-size:12px}.scene-sync-time{font-size:11px}.scene-sync-toggle{gap:6px;padding:2px;font-size:10.5px}.scene-sync-toggle-track{width:22px;height:12px}.scene-sync-toggle-thumb{width:8px;height:8px}.scene-sync-toggle.is-on .scene-sync-toggle-thumb{transform:translate(10px)}.notify-input{font-size:13px}.notify{flex-direction:column;align-items:center;gap:10px}.dive-line{font-size:clamp(20px,5.6vw,26px)}.cred-stats{max-width:38ch}.shaft-4,.seafloor-art .kelp-3,.seafloor-art .kelp-bg-1,.seafloor-art .kelp-bg-2,.seafloor-art .fan-coral{display:none}.frame-closing{min-height:88vh}.closing-content{width:min(440px,100%);bottom:42vh}.mine-chain{bottom:calc(clamp(40px,9vh,90px) - 42vh)}.video-placeholder:before,.video-placeholder:after{display:none}.seafloor{height:clamp(96px,18vh,170px)}.closing-notify{width:min(360px,88vw);bottom:clamp(76px,15vh,120px)}.app-frame.in .diff-pane:after{animation-duration:.6s}}@media (width<=880px){.row{grid-template-columns:1fr;gap:26px}.row-flip .row-copy{order:0}.frame-body{height:auto}.mini-side{width:110px}}@media (width<=560px){.mini-side{display:none}.frame-body{height:auto}.diff-wrap{flex:1}.d-row .ln{display:none}.d-row{grid-template-columns:14px minmax(0,1fr)}.tab-meta{display:none}.log{padding:9px 10px;font-size:9px}.duo-mac{width:70%}.duo-phone{width:138px;height:256px;right:12px}}@media (height<=720px){.frame-hero{box-sizing:border-box;height:100dvh;max-height:100dvh;padding-bottom:clamp(52px,8svh,72px)}.hero-overlay{padding-top:clamp(56px,11svh,130px)}.tagline{margin-bottom:clamp(10px,1.6svh,22px);font-size:clamp(32px,4.8vw,52px);line-height:1.03}.install-cta{gap:8px}.agent-row{gap:8px;margin-top:clamp(8px,1.4svh,14px)}.agent-row-list{gap:8px 14px}}@media (height<=600px){.frame-hero{padding-bottom:clamp(44px,7svh,60px)}.hero-overlay{padding-top:clamp(40px,8svh,90px)}.tagline{margin-bottom:clamp(8px,1.2svh,16px);font-size:clamp(28px,4.2vw,40px)}.install-cta{gap:6px}.download-btn{padding:9px 16px;font-size:13px}.agent-row{gap:6px;margin-top:clamp(6px,1svh,10px)}.agent-row-list{gap:6px 12px}.agent-chip-icon{width:18px;height:18px}.agent-chip-name{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.tagline,.tagline-eyebrow,.install-cta,.install-pill,.agent-row,.agent-row-label,.agent-chip,.scroll-cue{opacity:1}.scene-sync{opacity:var(--scene-sync-rest-opacity)}.reveal{opacity:1;transition:none;transform:none}.live-dot{animation:none}.terminal-slot{opacity:1;grid-template-rows:1fr;transform:none}.shaft,.seafloor .kelp,.seafloor .seaweed,.row-copy.in:before,.row-copy.in:after{animation:none}.lamp-glow{transition:none}.app-frame.in .diff-pane:after{opacity:0;animation:none}.treasure-glow{opacity:1;transition:none;animation:none}.closing-content:has(.closing-mine.moored) .treasure-glow{opacity:1;transition:none;animation:none}.closing-mine,.closing-mine.moored,.closing-mine.moored .closing-bubble{animation:none}.closing-content:has(.closing-mine.moored) .mine-chain-links{animation:none}.closing-mine{transform:none}.closing-mine.is-active,.video-placeholder{transition:none}.closing-bubble{display:none}}