@property --hero-scroll{syntax: "<number>"; inherits: false; initial-value: 0;}@property --hero-thumb{syntax: "<number>"; inherits: false; initial-value: 0;}@layer sections{.hero{position:relative;isolation:isolate;overflow:clip;padding-bottom:clamp(24px,4vh,48px)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 18% 78%,color-mix(in srgb,var(--claude) 7%,transparent),transparent 70%),radial-gradient(55% 50% at 84% 70%,color-mix(in srgb,var(--codex) 6%,transparent),transparent 70%),radial-gradient(50% 40% at 50% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 75%)}.hero-inner{container:hero / inline-size;display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - var(--site-header-h));gap:clamp(18px,3.2vh,40px);padding-block:clamp(16px,3vh,44px) clamp(14px,2.6vh,32px)}.hero-copy{display:grid;gap:var(--s-5)}.hero-status{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:var(--s-4)}.hero-pill{height:26px;padding:0 11px;font-size:.78rem;letter-spacing:.01em}.hero-pill .dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--attention) 22%,transparent)}.hero-status-text{font-size:var(--fs-small);color:var(--text-3)}.hero-title{font-size:max(min(12.2vw,2.85rem),clamp(2.5rem,1.15rem + 4.25vw,4.5rem));line-height:1.02}.hero-title .gradient-text{white-space:nowrap}@media(min-width:900px)and (max-height:920px){.hero-title{font-size:min(clamp(2.6rem,1rem + 6svh,4.25rem),clamp(2.6rem,1.15rem + 4.25vw,4.5rem))}.hero-lead{font-size:1.0625rem;line-height:1.5}.hero-actions{margin-top:var(--s-4)}.hero-headline{gap:var(--s-4)}.hero-status{margin-top:var(--s-3)}}.hero-lead{font-size:clamp(1rem,.95rem + .3vw,1.18rem);line-height:1.55;color:var(--text-2);max-width:36rem}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-5)}.hero-cta{gap:10px}.hero-headline{display:grid;gap:var(--s-5);align-content:end}.hero-agents{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hero-agents-label{margin-right:4px;font-size:var(--fs-micro);font-weight:650;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-3)}.hero-agent{display:inline-flex;align-items:center;gap:8px;min-height:32px;margin-right:6px;font-size:.9rem;font-weight:800;color:var(--text);white-space:nowrap}.hero-agent-mono{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:.6rem;font-weight:900;letter-spacing:.02em;color:var(--sign-ink);background:var(--tone)}.hero-cta-icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:translate var(--dur-2) var(--ease-out)}.hero-cta:hover .hero-cta-icon{translate:0 2px}@container hero (width >= 900px){.hero-copy{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:end;column-gap:clamp(32px,5cqi,72px)}.hero-title{max-width:none;font-size:clamp(2.5rem,5.6cqi,4.2rem)}@media(max-height:920px){.hero-title{font-size:min(clamp(2.5rem,5.6cqi,4.2rem),clamp(2.6rem,1rem + 6svh,4.25rem))}}.hero-pitch{padding-bottom:.3rem}}.hero-demo-grid{display:flex;flex-direction:column}.hero-stage{position:relative;container:hero-stage / size}@container hero (width >= 900px){.hero-demo{container:demo / size;flex:1 1 0;min-height:400px;max-height:calc(100cqi * 620 / 1180 + 96px)}.hero-demo-grid{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%}}.hero-signal{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity 2.4s var(--ease-out)}.hero-signal.is-on{opacity:1}.hero-fit{position:absolute;inset:0;z-index:1;display:grid;place-items:center;--u: min(calc(100cqw / 1180), calc(100cqh / 620))}.hero-window{position:relative;border-radius:calc(12 * var(--u));box-shadow:0 calc(48 * var(--u)) calc(120 * var(--u)) calc(-24 * var(--u)) #000000bf,0 calc(18 * var(--u)) calc(40 * var(--u)) #00000059}.hero-window:before{content:"";position:absolute;inset:-14% -10%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 26% 58%,color-mix(in srgb,var(--claude) 16%,transparent),transparent),radial-gradient(closest-side at 76% 46%,color-mix(in srgb,var(--codex) 13%,transparent),transparent),radial-gradient(closest-side at 50% 50%,color-mix(in srgb,var(--accent) 7%,transparent),transparent)}.hero-window:after{content:"";position:absolute;inset:0;z-index:40;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #ffffff09}.hero-room.xr-frame{border-radius:calc(12 * var(--xr-px))}.hero-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;margin-top:clamp(12px,2.2vh,22px)}.hero-transport{display:flex;gap:8px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 16px 0 13px;border-radius:var(--r-pill);color:var(--text-2);font-size:.875rem;font-weight:600;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--divider-soft);transition:color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.hero-btn:hover{color:var(--text);border-color:var(--divider);background:var(--surface)}.hero-btn-icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-icon-play{fill:currentColor;stroke-width:1.2}.hero-toggle .hero-icon-play,.hero-toggle[data-state=paused] .hero-icon-pause{display:none}.hero-toggle[data-state=paused] .hero-icon-play{display:block}.hero-btn-label{min-width:2.6em;text-align:start}.hero-replay.is-emphasized{color:var(--accent-ink);background:var(--accent);border-color:transparent;box-shadow:0 0 0 5px var(--glow-accent),0 10px 28px -10px color-mix(in srgb,var(--accent) 60%,transparent)}.hero-replay.is-emphasized:hover{background:var(--accent-strong);color:var(--accent-ink)}.hero-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:min(100%,480px);counter-reset:hero-chapter}.hero-chapter{display:grid;align-content:center;gap:7px;width:100%;min-width:44px;min-height:44px;padding:4px 8px;border-radius:var(--r-control);color:var(--text-3);font-size:.8125rem;font-weight:600;white-space:nowrap;text-align:center;counter-increment:hero-chapter;transition:color var(--dur-2) var(--ease-out),background var(--dur-1) var(--ease-out)}.hero-chapter:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 70%,transparent)}.hero-chapter[aria-current=step]{color:var(--text)}.hero-chapter-track{position:relative;display:block;height:6px;border-radius:3px;overflow:hidden;background:color-mix(in srgb,var(--divider) 80%,transparent)}.hero-chapter-track:after{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(var(--p, 0));background:linear-gradient(var(--hero-fill-angle, 90deg),var(--claude),color-mix(in srgb,var(--claude) 45%,var(--codex)) 60%,var(--codex))}.hero-caption{flex-basis:100%;text-align:center;font-size:var(--fs-micro);letter-spacing:.01em;color:var(--text-3)}@container demo (min-aspect-ratio: 2 / 1){.hero-demo-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:min(100cqw - 14rem - 36px,100cqh * 1180 / 620) 14rem;justify-content:center;column-gap:36px}.hero-controls{flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:18px;margin-top:0}.hero-chapters{grid-template-columns:minmax(0,1fr);gap:0;min-width:0}.hero-chapter{grid-template-columns:18px 2.1rem minmax(0,1fr);grid-template-rows:minmax(48px,auto);align-items:center;gap:0 14px;min-height:48px;padding:0 12px 0 0;font-size:.9375rem;text-align:start}.hero-chapter:before{content:counter(hero-chapter,decimal-leading-zero);grid-area:1 / 2;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;color:var(--text-3)}.hero-chapter[aria-current=step]:before{color:var(--accent)}.hero-chapter-track{grid-area:1 / 1;justify-self:center;height:100%;width:6px;border-radius:0}.hero-chapter:after{content:"";grid-area:1 / 1;justify-self:center;align-self:center;z-index:1;box-sizing:border-box;width:18px;height:18px;border-radius:50%;border:4px solid var(--station);background:var(--canvas);transition:background var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.hero-chapter[aria-current=step]:after{background:var(--station);transform:scale(1.12)}.hero-chapters li:first-child .hero-chapter-track{border-radius:3px 3px 0 0}.hero-chapters li:last-child .hero-chapter-track{border-radius:0 0 3px 3px}.hero-chapter-track:after{--hero-fill-angle: 180deg;transform-origin:center top;transform:scaleY(var(--p, 0))}.hero-transport{padding-left:17px}.hero-transport .hero-btn{padding-inline:12px 14px}.hero-caption{flex-basis:auto;text-align:start;padding-left:17px;line-height:1.5}}.hero-transcript{margin-inline:auto;width:min(100%,46rem)}.hero-transcript-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:max-content;margin-inline:auto;padding:0 14px;border-radius:var(--r-pill);list-style:none;cursor:pointer;color:var(--text-2);font-size:var(--fs-small);font-weight:600}.hero-transcript-toggle::-webkit-details-marker{display:none}.hero-transcript-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 70%,transparent)}.hero-transcript-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:rotate var(--dur-2) var(--ease-out)}.hero-transcript[open] .hero-transcript-chevron{rotate:90deg}.hero-transcript-list{display:grid;gap:var(--s-4);margin-top:var(--s-3);padding:var(--s-5) var(--s-6);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--divider-soft)}.hero-line{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:var(--s-3);font-size:.92rem;line-height:1.55}.hero-line-who{font-weight:650;color:var(--you)}.hero-line[data-who=claude] .hero-line-who{color:var(--claude)}.hero-line[data-who=codex] .hero-line-who{color:var(--codex)}.hero-line-text{color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;font-feature-settings:"cv11","ss01","calt" 0}.hero-room .xr-feed-inner{transform:translateY(calc(var(--hero-scroll) * var(--xr-px)))}.hero-room .xr-scroll-thumb{transform:translateY(calc(var(--hero-thumb) * var(--xr-px)))}.hero-room .xr-inspector .xr-panel-actions{position:absolute;left:0;right:0;bottom:0;margin:0}.hero-room .xr-composer[data-typing=on] .xr-caret{animation:none}.hero-room:not([data-motion=lite]) [data-fx-packet]{filter:drop-shadow(0 0 calc(5 * var(--xr-px)) currentColor)}.hero-room:not([data-motion=lite]) .xr-fx-trail{filter:drop-shadow(0 0 calc(3 * var(--xr-px)) rgb(255 255 255 / .18))}.hero-stage.is-paused .xr *,.hero-stage.is-paused .xr *:before,.hero-stage.is-paused .xr *:after{animation:none!important}.hero-stage.is-paused .xr .xr-mono[data-state=working]:after{transform:scale(1.06);opacity:.5}@media(scripting:enabled)and (prefers-reduced-motion:no-preference){.hero-room:not(.is-live) :is([data-beat]:not([data-off],[data-beat=composer]),[data-part=feed-inner],[data-part=scrim],[data-part=thumb]){visibility:hidden;opacity:0;animation:hero-reveal 0s 4s forwards}.hero-window{animation:hero-rise 1.1s var(--ease-out) .05s both}}@media(scripting:enabled){#top:not(:has(.hero-room.is-live)) .hero-controls{visibility:hidden}}@media(scripting:none){.hero-controls{display:none}@container demo (min-aspect-ratio: 2 / 1){.hero-demo-grid{grid-template-columns:min(100cqw,100cqh * 1180 / 620)}}}@keyframes hero-reveal{to{visibility:visible;opacity:1}}@keyframes hero-rise{0%{opacity:0;transform:translateY(40px)}}@container hero (width < 900px){.hero-copy{gap:var(--s-4)}.hero-actions{margin-top:var(--s-4)}.hero-stage{flex:none;width:min(100%,420px);margin-inline:auto;aspect-ratio:400 / 640;min-height:0;max-height:none}.hero-fit{--u: min( .25cqw , .15625cqh )}.hero-room.xr-frame{width:calc(400 * var(--xr-px));height:calc(640 * var(--xr-px));grid-template-columns:minmax(0,1fr)}.hero-room>.xr-sidebar{display:none}.hero-room .xr-header{gap:calc(8 * var(--xr-px));padding:0 calc(10 * var(--xr-px)) 0 calc(14 * var(--xr-px))}.hero-room :is(.xr-writer-label,.xr-btn-label,.xr-room-sub){display:none}.hero-room .xr-header .xr-btn{width:calc(34 * var(--xr-px));padding:0}.hero-room .xr-feed{padding:calc(14 * var(--xr-px)) calc(12 * var(--xr-px)) calc(8 * var(--xr-px))}.hero-room .xr-request{padding:calc(12 * var(--xr-px)) calc(12 * var(--xr-px)) calc(14 * var(--xr-px))}.hero-room :is(.xr-human,.xr-recipients,.xr-excluded-note){margin-left:0}.hero-room .xr-composer{width:calc(100% - 20 * var(--xr-px));margin-bottom:calc(10 * var(--xr-px));padding:calc(8 * var(--xr-px)) calc(10 * var(--xr-px))}.hero-room .xr-composer-bar{flex-wrap:nowrap;overflow:clip}.hero-room .xr-composer-bar{mask-image:linear-gradient(to right,#000 calc(100% - 48 * var(--xr-px)),transparent)}.hero-room .xr-segment>span{display:none}.hero-room .xr-pills{flex-wrap:nowrap}.hero-room .xr-approval [data-part=buttons][data-off=hide]{display:none}.hero-room>.xr-inspector{inset:auto 0 0;width:auto;height:76%;border-left:0;border-top:var(--xr-hair) solid var(--divider);border-radius:calc(14 * var(--xr-px)) calc(14 * var(--xr-px)) 0 0;box-shadow:0 calc(-18 * var(--xr-px)) calc(44 * var(--xr-px)) var(--shadow)}.hero-room>.xr-inspector:before{content:"";position:absolute;top:calc(6 * var(--xr-px));left:50%;width:calc(36 * var(--xr-px));height:calc(4 * var(--xr-px));margin-left:calc(-18 * var(--xr-px));border-radius:99px;background:var(--divider-strong)}.hero-controls{gap:10px}.hero-transport{order:1}.hero-chapters{order:0;flex-basis:100%;min-width:0}.hero-caption{order:2}}@media(max-width:520px){.hero-actions .btn{flex:1 1 100%}.hero-lead{font-size:.97rem;line-height:1.5}}@media(max-width:380px){.hero-chapter{padding-inline:2px;font-size:.75rem}}@media(forced-colors:active){.hero-chapter-track:after{background:Highlight}.hero-chapter[aria-current=step]{outline:2px solid ButtonText}}}