:root{--ink:#252a2e;--muted:#7c858d;--line:#e0e4e7;--ground:#f6f7f9;--green:#527868;--amber:#9b7847;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #537d9f;outline-offset:5px}button{color:inherit}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo-header{height:88px;max-width:1328px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.wordmark{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:550;letter-spacing:-.7px}.wordmark svg{width:24px;height:28px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round}.back-link{display:flex;gap:17px;align-items:center;font-size:13px;color:#59626a}.back-link span{font-size:19px}.intro{text-align:center;margin:24px 20px 32px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:var(--muted);margin:0 0 16px}.intro h1{font-size:clamp(34px,4vw,53px);line-height:1.09;letter-spacing:-2.6px;font-weight:500;margin:0}.intro>p:last-child{font-size:15px;color:#78818a;margin:17px 0 0}.mobile-break{display:none}.theater{max-width:1248px;margin:0 auto;border:1px solid #dfe3e7;border-radius:24px;overflow:hidden;background:#f0f2f4;box-shadow:0 18px 65px -35px #77838f50}.scene-heading{position:relative;z-index:2;display:flex;align-items:center;padding:0 28px;height:64px;border-bottom:1px solid #e1e4e8;background:#f7f8facc;gap:18px}.scene-heading>span:first-child{font-size:10px;letter-spacing:1px;color:#8a949b;font-variant-numeric:tabular-nums}.scene-heading p{font-size:14px;margin:0;font-weight:450}.story-badge{margin-left:auto;font-size:10px;color:#8a9299}.stage{height:490px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#fff 0%,#f0f2f4 68%)}.stage::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -14px 25px -15px #b3bcc435}.stage-grid{position:absolute;inset:0;background-image:radial-gradient(#b0bac3 0.7px,transparent .7px);background-size:22px 22px;opacity:.24;mask-image:linear-gradient(90deg,#000,transparent 45%,transparent 55%,#000)}.world{width:1600px;height:1900px;position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;visibility:hidden}.is-enhanced .world{visibility:visible}.journey-path{position:absolute;top:0;left:0;width:1600px;height:1450px;overflow:visible;fill:none;stroke:#b9c4cd;stroke-width:1.5;stroke-dasharray:3 8;opacity:.45}.vertical-path{display:none}.window{position:absolute;background:#fff;border:1px solid #d5dce2;border-radius:16px;box-shadow:0 24px 35px -24px #65717d5c,0 3px 7px #7f8d9920;overflow:hidden;transform-origin:center}.window-bar{display:flex;align-items:center;gap:12px;padding:0 19px;height:45px;border-bottom:1px solid #e5e8ec;background:#fafbfc;color:#68727b;font-size:12px}.window-dots{display:flex;gap:5px;margin-right:8px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#d3d9df}.tiny-star{margin-left:auto;color:#bb8b74;font-size:20px}.chat-window{width:470px;height:360px}.chat-content{padding:29px 26px 0}.chat-greeting{display:flex;align-items:center;gap:10px;font-size:17px;color:#7f7973;margin-bottom:24px}.chat-spark{font-size:27px;line-height:1;color:#b48a74}.question-bubble{position:relative;min-height:135px;padding:20px 39px 22px 21px;border:1px solid #e3ded7;background:#f8f6f2;border-radius:4px 17px 17px 17px;font-size:24px;line-height:1.35;letter-spacing:-.65px}.send-icon{position:absolute;bottom:12px;right:11px;font-size:19px;width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#292c2b;color:white}.typing-caret,.action-caret{display:inline-block;width:1.5px;height:1em;vertical-align:-.08em;background:currentColor;margin-left:2px}.chat-thinking{display:flex;align-items:center;gap:4px;margin:17px 2px;opacity:0}.chat-thinking>span{width:4px;height:4px;border-radius:50%;background:#b1a99f}.chat-thinking em{font-size:12px;font-style:normal;color:#9b948a;margin-left:9px}.window-foot{position:absolute;bottom:14px;left:27px;font-size:10px;color:#9da3a8}.site-window{width:480px;height:370px}.site-address{display:flex;gap:6px;align-items:center;color:#4c565e}.site-address svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2}.example-label{margin-left:auto;font-size:10px;color:#929ba3}.site-content{padding:24px 27px}.product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;height:113px}.product-kicker{font-size:11px;color:#90989e;margin:0 0 8px}.product-top h2{font-weight:500;letter-spacing:-1px;font-size:29px;margin:0;white-space:nowrap}.laptop{width:163px;height:120px;margin-left:8px}.spec-line{height:48px;display:flex;gap:12px;align-items:center;padding:0 12px;border-bottom:1px solid #edf0f2;border-radius:6px;font-size:15px;color:#7c868e;position:relative}.spec-line>span:first-child{width:99px}.spec-line strong{font-weight:500;color:#353f47}.spec-check,.missing-mark{margin-left:auto;opacity:0}.spec-check{color:#608875}.memory-line strong{color:#a2a9ae;font-weight:400}.memory-line{border:1px solid transparent}.missing-mark{border:1px solid #c5ac85;color:#a17a44;border-radius:50%;height:19px;width:19px;text-align:center;font-size:12px;line-height:18px}.page-lines{padding:19px 12px;display:flex;flex-direction:column;gap:7px}.page-lines i{display:block;height:4px;background:#edf0f3;border-radius:3px;width:85%}.page-lines i:nth-child(2){width:62%}.page-lines i:nth-child(3){width:73%}.agent{position:absolute;width:100px;height:118px;z-index:8;will-change:transform;transform-origin:50% 95%}.character{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 2px #3c48511c)}.agent-shadow{position:absolute;width:65px;height:9px;border-radius:50%;background:#5c68781f;filter:blur(4px);left:18px;bottom:1px}.body-shell{stroke-width:1.3;stroke:#333b42;fill:#333b42}.visitor .body-shine{stroke:#727b82}.body-shine{fill:none;stroke-width:2;stroke-linecap:round;opacity:.5}.eyes{fill:#f5f6f7}.smile{fill:none;stroke:#7d8991;stroke-width:1.4;stroke-linecap:round}.feet,.arm{stroke:#3c454c;stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round}.arm circle{fill:#3c454c;stroke:none}.arm-left{transform-origin:24px 60px}.arm-right{transform-origin:75px 60px}.foot-left{transform-origin:34px 91px}.foot-right{transform-origin:64px 91px}.host .body-shell{fill:#e5ebef;stroke:#9ba9b5}.host .body-shine{stroke:white;opacity:1;stroke-width:3}.host .eyes{fill:#3e505e}.host .feet,.host .arm{stroke:#99a9b6}.host .arm circle{fill:#99a9b6}.chest-mark{fill:none;stroke:#607d90;stroke-width:2.4;stroke-linecap:round}.agent-label{position:absolute;top:125px;width:150px;left:-25px;font-size:12px;text-align:center;color:#7e8b96;white-space:nowrap}.host .agent-label{color:#6e8495}.query-slip{position:absolute;z-index:9;width:106px;height:40px;background:#f9f7f1;border:1px solid #d9ceba;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:17px;color:#806d54;box-shadow:0 5px 10px #423b2f12}.query-slip svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.3;fill:none}.answer-slip{position:absolute;z-index:7;width:250px;padding:15px 17px 13px;background:#fffef9;border:1px solid #d7cbb4;border-radius:5px 14px 14px 14px;box-shadow:0 7px 16px #534d4214;transform-origin:50% 50%}.answer-eyebrow{display:flex;align-items:center;gap:6px;color:#8a7a61;font-size:10px}.answer-eyebrow i{display:inline-block;width:5px;height:5px;background:#b69b72;border-radius:50%}.answer-slip p{font-size:21px;letter-spacing:-.5px;line-height:1.28;margin:9px 0}.answer-slip p>span{color:#8a7660}.answer-note{font-size:10px;color:#a89c8c}.improvement-window{width:620px}.mini-mark{font-size:21px;letter-spacing:-3px;line-height:1;transform:rotate(180deg);color:#526879;padding-right:7px}.saved-note{color:#5e8370;margin-left:auto;font-size:11px;opacity:0}.improvement-content{padding:25px}.improvement-title{display:flex;align-items:center;gap:12px;margin-bottom:25px}.improvement-title h2{font-weight:500;letter-spacing:-1px;font-size:28px;margin:0}.count-pill{display:grid;place-items:center;background:#eef1f4;color:#7d8994;width:24px;height:24px;font-size:11px;border-radius:50%}.improvement-row{display:flex;align-items:center;gap:12px;min-height:56px;border-top:1px solid #e8ecf0;border-bottom:1px solid #e8ecf0;padding:12px 0}.row-icon{font-size:23px;font-weight:300;color:#8e9ca8}.improvement-row strong{font-size:16px;font-weight:500}.status-pill{font-size:11px;color:#96764a;background:#f5f0e7;padding:6px 9px;border-radius:5px;margin-left:auto;white-space:nowrap}#row-chevron{font-size:17px;color:#8b97a0}.action-detail{overflow:hidden;height:0;opacity:0}.action-label{display:block;color:#87949e;font-size:11px;padding-top:21px}.action-detail p{font-size:20px;letter-spacing:-.3px;line-height:1.4;margin:10px 0 3px;max-width:520px}.action-caret{color:#6c8999}.finish-mark{position:absolute;display:flex;align-items:center;gap:15px;color:#7a8d85}.finish-mark>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e5eee9;color:#618673;font-size:15px}.finish-mark p{font-size:13px;line-height:1.5;margin:0}.player-controls{position:relative;z-index:2;padding:15px 26px 18px;background:#fafbfc;border-top:1px solid #e0e5e9;display:grid;grid-template-columns:175px 1fr;align-items:center;column-gap:18px;row-gap:16px}.player-controls[hidden]{display:none}.transport{display:flex;align-items:center;gap:12px}.round-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#e9edf0}.round-button .play-icon{display:none;fill:currentColor;stroke:none;width:15px}.is-paused .round-button .play-icon{display:block}.is-paused .round-button .pause-icon{display:none}.replay-button{display:grid;place-items:center;padding:0;background:none;border:0;color:#79858f}.replay-button svg{width:16px}.time-readout{font-size:10px;font-variant-numeric:tabular-nums;color:#87929c;white-space:nowrap}.timeline{display:flex;align-items:center}input[type=range]{appearance:none;width:100%;height:3px;border-radius:4px;cursor:pointer;background:linear-gradient(to right,#536b7d 0%,#536b7d var(--progress,0%),#dfe5e9 var(--progress,0%),#dfe5e9 100%)}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border:2px solid #fafbfc;border-radius:50%;background:#536b7d;box-shadow:0 0 0 1px #536b7d}input[type=range]::-moz-range-thumb{width:7px;height:7px;border:2px solid #fafbfc;border-radius:50%;background:#536b7d}.chapters{grid-column:1/-1;display:flex;justify-content:center;gap:6px}.chapters button{border:0;background:none;padding:8px 17px;border-radius:7px;color:#8e99a1;font-size:11px;white-space:nowrap}.chapters button span{font-size:9px;margin-right:8px;opacity:.65}.chapters button[aria-current]{background:#eaf0f4;color:#3e5c72}.demo-footer{max-width:1248px;padding:23px 3px 0;margin:auto;display:flex;justify-content:space-between;gap:25px;align-items:center}.demo-footer p{font-size:10px;line-height:1.6;color:#99a2a9;margin:0;max-width:570px}.demo-footer>a{font-size:12px;white-space:nowrap;color:#607687}.demo-footer>a span{margin-left:15px}.story-transcript{max-width:1248px;margin:17px auto 30px;font-size:11px;color:#99a2a9;padding:0 3px}.story-transcript summary{width:max-content;cursor:pointer}.story-transcript p{max-width:770px;line-height:1.7;color:#6e7a84}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.static-story{padding:30px;display:grid;gap:20px}.static-story article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.static-story article>span{font-size:11px;color:#8b96a0}.static-story h2{font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.5px;max-width:620px}.static-story p{font-size:14px;color:#87929b}.static-story .static-status{color:#96764a}.stage{display:none}.is-enhanced .stage{display:block}.is-enhanced .static-story{display:none}
@media(min-width:1500px){.stage{height:540px}.intro{margin:34px 20px 35px}.theater{max-width:1320px}.demo-footer,.story-transcript{max-width:1320px}}
@media(max-width:1350px){.theater{margin:0 32px}.demo-footer,.story-transcript{margin-left:35px;margin-right:35px}}
@media(max-width:700px){.demo-header{height:73px;padding:0 22px}.wordmark{font-size:15px;gap:7px}.wordmark svg{width:20px}.back-link{font-size:11px;gap:9px}.intro{margin:22px 18px 26px}.intro h1{font-size:37px;letter-spacing:-1.7px;line-height:1.12}.mobile-break{display:initial}.intro>p:last-child{font-size:12px;margin-top:14px}.eyebrow{font-size:9px;margin-bottom:12px}.theater{margin:0 12px;border-radius:18px}.scene-heading{height:57px;padding:0 16px;gap:10px}.scene-heading p{font-size:11px}.scene-heading>span:first-child{font-size:8px}.story-badge{display:none}.stage{height:460px}.world{width:560px;height:2000px}.horizontal-path{display:none}.vertical-path{display:block}.chat-window{width:460px;height:365px}.site-window{width:460px}.query-slip{font-size:20px;width:122px;height:46px}.answer-slip{width:278px;padding:18px}.answer-slip p{font-size:24px}.answer-eyebrow,.answer-note{font-size:13px}.agent-label{font-size:15px}.improvement-window{width:430px}.improvement-content{padding:23px}.improvement-row{flex-wrap:wrap;gap:8px;min-height:72px}.improvement-row strong{font-size:20px}.status-pill{font-size:13px}.improvement-title h2{font-size:28px}.action-detail p{font-size:24px;max-width:400px;line-height:1.4}.action-label{font-size:15px}.window-bar{font-size:15px}.example-label{font-size:12px}.product-kicker{font-size:13px}.spec-line{font-size:19px}.spec-line>span:first-child{width:115px}.saved-note{font-size:13px}.finish-mark p{font-size:18px}.player-controls{padding:14px 13px 13px;grid-template-columns:155px 1fr;column-gap:8px;row-gap:13px}.transport{gap:10px}.chapters{gap:0;justify-content:space-between}.chapters button{padding:9px 8px;font-size:10px}.chapters button span{display:none}.demo-footer{margin:18px 23px 0;padding:0;display:block}.demo-footer p{font-size:9px;max-width:325px}.demo-footer>a{display:inline-block;margin-top:14px;font-size:12px}.story-transcript{margin:18px 23px 27px;font-size:10px}.static-story{padding:16px;gap:12px}.static-story article{padding:18px}.static-story h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.is-enhanced .stage,.player-controls{display:none!important}.is-enhanced .static-story{display:grid}.scene-heading{display:none}}

/* Keep the film and transport together in an ordinary laptop viewport. */
.demo-header{height:68px}.intro{margin:9px 20px 24px}.intro .eyebrow{display:none}.intro h1{font-size:clamp(32px,3.4vw,44px);letter-spacing:-2px}.intro>p:last-child{margin-top:11px;font-size:13px}.scene-heading{height:52px}.stage{height:clamp(370px,calc(100svh - 310px),540px)}.player-controls{padding-top:12px;padding-bottom:12px;row-gap:9px}.demo-footer p{color:#75818a;font-size:11px}.answer-slip p{font-size:23px}
@media(max-width:700px){.demo-header{height:67px}.intro{margin:12px 18px 23px}.intro h1{font-size:34px;letter-spacing:-1.5px}.intro>p:last-child{font-size:11px}.stage{height:440px}.scene-heading{height:51px}.demo-footer p{font-size:10px;color:#6e7b85}.answer-slip p{font-size:24px}}

/* Reuse the same accessible film beneath the homepage introduction. */
.is-embedded body{padding:0;margin:0;background:transparent}
.is-embedded .demo-header,.is-embedded .intro,.is-embedded .demo-footer,.is-embedded .story-transcript{display:none}
.is-embedded .theater{width:100%;max-width:none;margin:0;box-sizing:border-box}
.is-embedded .stage{height:500px}
.is-embedded .static-story{min-height:540px}
@media(max-width:700px){.is-embedded .stage{height:480px}.is-embedded .theater{margin:0;border-radius:18px}}
.is-embedded .is-enhanced .theater{height:100svh;display:grid;grid-template-rows:52px minmax(0,1fr) auto}
.is-embedded .is-enhanced .stage{height:auto;min-height:0}
@media(prefers-reduced-motion:reduce){.is-embedded .is-enhanced .theater{height:auto;display:block}}

/* Grok visitor: a neutral identity mark; the scene retains its original timing. */
.grok-chat-mark{display:inline-flex;align-items:center;color:#292c30}
.grok-chat-mark svg{width:22px;height:22px;display:block}
.tiny-star.grok-chat-mark svg{width:17px;height:17px}
.visitor .grok-character{filter:drop-shadow(0 5px 4px #17191c15)}
.visitor .agent-label{color:#4e555c;font-weight:500}
.chat-thinking>span{will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.chat-thinking>span{transform:none!important;opacity:1!important}}

/* Quiet frame: captions remain available to screen readers; chapters become markers. */
.scene-heading{gap:0}
.scene-heading>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}