:root {
  color-scheme: light; --ink:#0b0c0f; --blue:#a9d900; --soft:#f5f7fb; --muted:#757b89; --line:#e1e5ed;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-synthesis:none;
  color:var(--ink); background:#fff; text-rendering:optimizeLegibility;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
a,button { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
a:focus-visible,button:focus-visible { outline:3px solid #4f6500; outline-offset:5px; }
button:disabled { cursor:default; opacity:.5; }
img { display:block; max-width:100%; }
p,h1,h2,h3 { margin:0; }
[hidden] { display:none!important; }
.blue { color:#7d9f00; }
.wrap { width:min(1344px,calc(100% - 96px)); margin-inline:auto; }
.skip-link { position:fixed; z-index:100; top:-100px; left:20px; background:white; padding:16px; }
.skip-link:focus { top:16px; }
.site-header { height:88px; padding:0 48px; display:flex; align-items:center; gap:42px; width:100%; z-index:50; position:relative; background:#ffffffef; border-bottom:1px solid #ffffff80; }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:21px; font-weight:650; letter-spacing:-.7px; white-space:nowrap; }
.site-header nav { margin-left:auto; display:flex; gap:34px; font-size:14px; color:#656d7d; }
.site-header a:not(.brand) { transition:color .2s; }
.site-header a:hover { color:#4f6500; }
.account-link { margin-left:64px; font-size:14px; display:flex; align-items:center; gap:14px; font-weight:600; white-space:nowrap; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:28px; min-height:54px; padding:17px 22px; border-radius:12px; border:1px solid transparent; font-size:14px; line-height:1.2; font-weight:550; cursor:pointer; transition:background .2s,transform .2s; }
.button:hover:not(:disabled) { transform:translateY(-2px); background:#282e3c; }
.primary { background:var(--ink); color:white; }
.quiet-link { font-size:14px; border-bottom:1px solid #b3b9c6; padding-block:7px; }
.eyebrow { font-size:12px; font-weight:500; line-height:1.6; letter-spacing:.1em; color:#667084; }
.hero-scene { min-height:760px; position:relative; overflow:clip; padding:84px 48px; }
.hero-copy { position:relative; z-index:6; width:59%; margin-left:41%; }
h1 { font-size:clamp(70px,7.9vw,116px); line-height:.97; letter-spacing:-.067em; font-weight:600; margin-top:28px; }
h1 > span { display:block; transform-origin:left center; }
.hero-actions { display:flex; align-items:center; gap:24px; margin-top:34px; flex-wrap:wrap; }
.hero-description { font-size:15px; line-height:1.6; color:#6f7788; margin-top:23px; }
.hero-fallback { position:absolute; width:59vw; top:100px; left:-20%; transform:rotate(-12deg); filter:drop-shadow(18px 22px 0 #363c48) drop-shadow(0 35px 30px #2c3e5d26); }
.hero-fallback img { width:100%; height:auto; }
.spoken-phrase { position:absolute; right:20%; bottom:11%; border:1px solid #e2e7f1; background:#ffffffd9; backdrop-filter:blur(16px); border-radius:100px; padding:20px 26px; font-size:15px; display:flex; align-items:center; gap:18px; color:#444d60; box-shadow:0 14px 45px #223d7110; transform:rotate(-8deg); z-index:7; }
.wave-symbol { display:flex; align-items:center; gap:3px; height:30px; }
.wave-symbol i { display:block; width:2px; height:8px; background:var(--blue); border-radius:2px; }
.wave-symbol i:nth-child(2),.wave-symbol i:nth-child(6) { height:15px; opacity:.65; }
.wave-symbol i:nth-child(3),.wave-symbol i:nth-child(5) { height:24px; opacity:.8; }
.wave-symbol i:nth-child(4) { height:33px; }
.mobile-break { display:none; }
.word-scene { padding:80px 48px; position:relative; }
.kinetic-title { margin:35px 0; font-size:clamp(66px,9.4vw,146px); line-height:.93; font-weight:550; letter-spacing:-.065em; }
.kinetic-word { display:flex; gap:25px; margin:38px 0; align-items:flex-start; }
.word-number { font-size:14px; letter-spacing:0; color:#667084; padding-top:18px; font-weight:400; }
.word-face { display:block; }
.word-face em { font-style:normal; color:#7d9f00; }
.scene-explanations { display:flex; gap:50px; font-size:16px; line-height:1.65; color:#657085; }
.lead-scene { display:grid; grid-template-columns:1fr 1fr; gap:65px; padding:95px 48px; align-items:center; }
.lead-copy h2 { font-size:clamp(44px,5.4vw,80px); line-height:1.03; letter-spacing:-.055em; margin-top:24px; font-weight:550; }
.lead-copy > p:last-child { font-size:18px; line-height:1.55; color:#6f788a; margin-top:25px; }
.assembled-request { width:min(100%,470px); justify-self:end; background:linear-gradient(135deg,#fff,#fbfcff); border:1px solid #e1e7f2; border-radius:24px; padding:26px; box-shadow:0 30px 75px -35px #354b7945,0 0 0 7px #ffffff70; }
.request-head { display:flex; align-items:center; gap:14px; }
.request-arrow { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; background:#e7f9b3; color:#263800; font-size:25px; }
.request-head h3 { font-size:18px; font-weight:600; letter-spacing:-.5px; }
.request-head p { font-size:12px; color:#667084; margin-top:4px; }
.sample-label { margin-left:auto; font-size:10px; letter-spacing:.1em; color:#667084; }
dl { margin:23px 0; }
dl > div { padding:12px 0; border-top:1px solid #e9edf4; display:grid; grid-template-columns:.85fr 1.3fr; gap:12px; font-size:13px; line-height:1.45; }
dt { color:#667084; }
dd { margin:0; }
.delivery-channels { border:1px solid #e0e6d3; background:#fcfff6; border-radius:10px; padding:14px 16px; display:flex; gap:15px; align-items:center; color:#59692c; font-size:15px; }
.delivery-channels i { color:#98a675; font-style:normal; }
.delivery-channels b { margin-left:auto; font-weight:400; }
.integration-note { color:#667084; font-size:11px; line-height:1.5; margin-top:14px; }
.floor-grid,.scene-footer,.scroll-progress,.flight-layer { display:none; }

/* Progressive enhancement: the complete story is ordinary HTML without motion. */
.cinema-ready .site-header { position:fixed; top:0; backdrop-filter:blur(18px); }
.cinema-ready .cinema { height:248svh; position:relative; }
.cinema-ready .cinema-viewport { position:sticky; top:0; height:100svh; min-height:620px; overflow:clip; isolation:isolate; z-index:3; }
.cinema-ready .hero-scene { position:absolute; inset:0; min-height:0; padding:0; overflow:visible; }
.cinema-ready .hero-copy { position:absolute; left:42%; top:clamp(130px,18vh,190px); width:57%; margin-left:0; }
.cinema-ready .hero-fallback { visibility:hidden; }
.cinema-ready .spoken-phrase { left:39%; right:auto; bottom:13%; }
.cinema-ready .word-scene { position:absolute; inset:0; padding:0; }
.cinema-ready .scene-eyebrow { position:absolute; top:122px; left:43%; }
.cinema-ready .kinetic-title { margin:0; }
.cinema-ready .kinetic-word { position:absolute; left:42%; top:24%; margin:0; transform-origin:left center; font-size:clamp(70px,9.3vw,145px); line-height:.92; white-space:nowrap; will-change:transform,opacity; }
.cinema-ready .word-number { padding-top:25px; }
.cinema-ready .word-transfer { top:22%; font-size:clamp(70px,8.8vw,134px); }
.cinema-ready .scene-explanations { position:absolute; left:46%; bottom:37%; display:block; font-size:17px; }
.cinema-ready .scene-explanations p { position:absolute; bottom:0; width:450px; }
.cinema-ready .lead-scene { position:absolute; inset:0; display:block; padding:0; }
.cinema-ready .lead-copy { position:absolute; left:48px; top:20%; width:52%; }
.cinema-ready .assembled-request { position:absolute; right:6%; top:24%; width:36%; max-width:480px; transform-origin:center center; will-change:transform,opacity; }
.cinema-ready .lead-copy h2 { font-size:clamp(48px,5vw,78px); }
.cinema-ready .floor-grid { display:block; position:absolute; width:150%; height:45%; left:-25%; bottom:-20%; opacity:.35; transform:perspective(600px) rotateX(62deg) rotateZ(-18deg); background-image:linear-gradient(#d9e1ef66 1px,transparent 1px),linear-gradient(90deg,#d9e1ef66 1px,transparent 1px); background-size:120px 120px; mask-image:linear-gradient(transparent,#000 80%); }
.cinema-ready .scene-footer { display:flex; align-items:center; position:absolute; left:48px; right:48px; bottom:32px; gap:30px; color:#8390a5; font-size:10px; letter-spacing:.13em; }
.scene-counter { min-width:65px; font-size:14px; letter-spacing:0; font-variant-numeric:tabular-nums; color:#111820; }
.scene-counter i { font-size:12px; color:#b1b8c5; font-style:normal; margin-left:7px; }
.scene-counter { margin-left:auto; }
.scene-caption { margin-left:0; }
.scroll-line { width:55px; height:1px; background:#c8d0df; position:relative; }
.scroll-line i { position:absolute; width:5px; height:5px; background:#65748f; right:0; top:-2px; border-radius:50%; }
.cinema-ready .scroll-progress { display:block; position:absolute; bottom:0; width:100%; height:2px; background:#eef1f6; }
.scroll-progress span { display:block; height:100%; background:var(--blue); transform-origin:left; }
.cinema-ready .flight-layer { display:block; position:fixed; inset:0; pointer-events:none; overflow:hidden; z-index:8; }
.voice-field { position:absolute; inset:0; width:100%; height:100%; }
.mascot-flight { position:absolute; top:0; left:0; width:490px; height:400px; transform-origin:0 0; will-change:transform; filter:drop-shadow(0 38px 28px #1c241b30); }
.mascot-object { width:100%; height:100%; transform-style:preserve-3d; transform-origin:center; position:relative; }
.depth-layer { position:absolute; inset:0; mask:url("/assets/tatiana-mascot.svg") center/100% 100% no-repeat; -webkit-mask:url("/assets/tatiana-mascot.svg") center/100% 100% no-repeat; background:linear-gradient(125deg,#8a8e96 0%,#20232c 30%,#090c11 63%,#536145 98%); transform:translateZ(calc(var(--depth) * -2.7px)); }
.mascot-face { width:100%; height:100%; position:relative; transform:translateZ(.2px); }
.face-light { position:absolute; inset:0; mask:url("/assets/tatiana-mascot.svg") center/100% 100% no-repeat; -webkit-mask:url("/assets/tatiana-mascot.svg") center/100% 100% no-repeat; background:radial-gradient(ellipse at 12% 0%,#ffffff4b,transparent 52%),linear-gradient(130deg,#ffffff2f 0%,transparent 29%,transparent 72%,#bbf02c17); transform:translateZ(.7px); }
.surface-texture { position:absolute; inset:0; mask:url("/assets/tatiana-mascot.svg") center/100% 100% no-repeat; -webkit-mask:url("/assets/tatiana-mascot.svg") center/100% 100% no-repeat; background:#888; filter:url("#mascot-grain"); opacity:.075; mix-blend-mode:screen; transform:translateZ(.85px); }
.material-definitions { position:absolute; pointer-events:none; }
@media (max-width:900px) { .surface-texture { display:none; } }
.flight-echo { position:absolute; width:490px; height:400px; top:0; left:0; transform-origin:0 0; will-change:transform; opacity:0; filter:drop-shadow(0 18px 20px #284a8518); }
.demo-section { position:relative; padding:100px 0 90px; background:linear-gradient(180deg,#fff,#fafbf8 80%,#fff); z-index:5; }
.demo-layout { display:grid; grid-template-columns:1fr 1.05fr; gap:80px; align-items:center; }
.demo-copy h2 { font-size:clamp(46px,5.1vw,74px); line-height:1.04; letter-spacing:-.06em; font-weight:550; margin-top:24px; }
.section-lead { color:#535f75; font-size:20px; line-height:1.5; margin-top:30px; }
.demo-copy > p:not(.eyebrow):not(.section-lead) { color:#667084; font-size:15px; line-height:1.65; margin-top:24px; max-width:410px; }
.text-link { display:inline-flex; gap:14px; font-size:13px; padding-bottom:7px; border-bottom:1px solid #a6b3cb; }
.demo-copy .text-link { margin-top:34px; }
.live-demo { position:relative; padding:28px; border-radius:26px; border:1px solid #e3e8f1; background:#fffffff5; box-shadow:0 32px 90px -48px #15306d45,0 0 0 8px #ffffff80; }
.demo-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:12px; color:#667084; }
.pilot-label { display:flex; align-items:center; gap:8px; color:#576c62; }
.status-dot { width:6px; height:6px; border-radius:50%; display:inline-block; flex-shrink:0; background:#4d8062; }
.demo-intro { padding:32px 0 28px; }
.tiny-label { color:#667084; font-size:12px; display:block; margin-bottom:8px; }
.conversation-prompt { font-size:clamp(22px,2vw,29px); line-height:1.25; font-weight:500; letter-spacing:-.7px; }
.demo-intro > p:last-child { font-size:13px; line-height:1.6; color:#667084; margin-top:15px; }
.voice-launcher { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border:1px solid #e4e9f3; border-radius:19px; background:#fbfcf8; }
.assistant-summary { display:flex; align-items:center; gap:12px; min-width:0; }
.mascot-shell { width:49px; height:40px; flex-shrink:0; }
#mascot { display:block; width:49px; height:40px; overflow:visible; }
#mascot #gaze { transform:translate(var(--gaze-x,0),var(--gaze-y,0)); transition:transform .16s; }
#mascot .eye { transform-box:fill-box; transform-origin:center; animation:blink 13.2s infinite; }
#mascot.state-listening #eyes { animation:listen 2s ease-in-out infinite; transform-origin:center; }
#mascot.state-speaking #eyes { animation:talk .85s ease-in-out infinite; transform-origin:center; }
#mascot.state-connecting { animation:connect 1.4s ease-in-out infinite; }
#mascot.state-submitted .eye { animation:none; transform:scaleY(.55); }
.launcher-copy strong { display:block; font-size:13px; line-height:1.3; font-weight:600; }
.launcher-copy span { display:block; font-size:11px; color:#667084; line-height:1.4; margin-top:4px; }
#start { font-size:13px; min-height:45px; padding:12px 14px; gap:8px; flex-shrink:0; }
.mic-icon { width:20px; height:20px; flex-shrink:0; }
.demo-status-row { margin-top:14px; display:flex; justify-content:space-between; align-items:start; gap:16px; min-height:30px; }
#log { font-size:12px; line-height:1.5; color:#667084; }
#log.error { color:#a24f3e; }
.stop-button { background:transparent; border:0; padding:0; min-height:24px; cursor:pointer; color:#566b90; text-decoration:underline; text-underline-offset:4px; font-size:12px; }
.stop-button:disabled { display:none; }
.microphone-notice { font-size:11px; line-height:1.6; color:#667084; margin:10px 0 24px; }
.demo-next { border-top:1px solid #e5eaf3; padding-top:24px; display:flex; flex-direction:column; gap:16px; }
.demo-next strong { font-size:15px; font-weight:600; }
.demo-next p { margin-top:7px; font-size:13px; line-height:1.5; color:#667084; }
.demo-next .button { justify-content:space-between; }
.fine-print { font-size:11px; line-height:1.5; color:#667084; }
.demo-outcome { display:flex; align-items:start; gap:12px; margin:20px 0 24px; padding:16px; border-radius:12px; border:1px solid #e0e9e3; background:#f7faf8; }
.outcome-mark { display:grid; place-items:center; width:24px; height:24px; flex-shrink:0; border-radius:50%; background:#e0ece3; color:#4d7e59; }
.demo-outcome h3 { font-size:15px; line-height:1.4; }
.demo-outcome p { font-size:12px; line-height:1.6; color:#667084; margin-top:7px; }
.live-demo[data-phase="error"] .demo-outcome,.live-demo[data-phase="denied"] .demo-outcome { background:#fff9f5; border-color:#f0e1d5; }
.live-demo[data-phase="error"] .outcome-mark,.live-demo[data-phase="denied"] .outcome-mark { background:#fae8dc; color:#985532; }
.preview-notice { background:#fff7dd; border:1px solid #eddfa9; border-radius:8px; padding:10px 12px; font-size:12px; line-height:1.5; color:#776434; margin-top:16px; }
.closing { position:relative; z-index:10; padding-top:110px; padding-bottom:80px; }
.closing h2 { font-size:clamp(65px,9.6vw,146px); font-weight:550; line-height:.95; letter-spacing:-.065em; margin-top:27px; }
.closing h2 span { color:#788398; }
.closing-bottom { display:flex; align-items:center; gap:40px; margin-top:40px; }
.closing-bottom p { font-size:14px; line-height:1.7; color:#667084; }
.prototype-note { color:#667084; font-size:12px; line-height:1.6; max-width:630px; margin-top:22px; }
.site-footer { padding-block:28px; border-top:1px solid #e6eaf1; display:flex; align-items:center; justify-content:space-between; gap:25px; color:#667084; font-size:12px; }
.site-footer .brand { font-size:18px; color:#181e28; }
@keyframes blink { 0%,20%,22%,64%,66%,68%,70%,100%{transform:scaleY(1)}21%,65%,69%{transform:scaleY(.12)} }
@keyframes listen { 50%{transform:translateY(-.8px) scaleY(1.04)} }
@keyframes talk { 50%{transform:translateY(.5px) scaleY(.87)} }
@keyframes connect { 50%{transform:translateY(-2px) rotate(3deg)} }
@media (max-width:1150px) {
  .site-header { padding-inline:32px; }
  .wrap { width:calc(100% - 64px); }
  .account-link { margin-left:28px; }
  .cinema-ready .hero-copy { left:42%; }
  .hero-actions { gap:16px; }
  .hero-actions .quiet-link { font-size:13px; }
  .cinema-ready .lead-copy { left:32px; }
  .cinema-ready .assembled-request { width:40%; right:4%; padding:23px; }
  .demo-layout { gap:40px; }
  .live-demo { padding:23px; }
  .voice-launcher { flex-wrap:wrap; }
  #start { flex:1; }
}
@media (max-width:900px) {
  .site-header { height:80px; gap:24px; }
  .site-header nav { gap:22px; }
  .account-link { margin-left:15px; }
  .cinema-ready .cinema { height:260svh; }
  .cinema-ready .cinema-viewport { min-height:580px; }
  .cinema-ready .hero-copy { top:130px; left:32px; width:90%; }
  h1 { font-size:clamp(68px,11vw,100px); }
  .cinema-ready .spoken-phrase { left:10%; bottom:14%; }
  .hero-description { max-width:350px; font-size:14px; }
  .hero-fallback { top:48%; left:-25%; width:85%; }
  .hero-scene { min-height:930px; }
  .cinema-ready .kinetic-word { left:32px; top:26%; font-size:clamp(70px,13.7vw,128px); }
  .cinema-ready .word-transfer { top:24%; font-size:clamp(67px,12.4vw,116px); }
  .cinema-ready .scene-eyebrow { top:112px; left:32px; max-width:80%; }
  .cinema-ready .scene-explanations { left:63px; bottom:47%; font-size:16px; }
  .cinema-ready .lead-copy { top:13%; width:85%; }
  .cinema-ready .lead-copy h2 { font-size:clamp(41px,6.3vw,61px); }
  .cinema-ready .lead-copy > p:last-child { display:none; }
  .cinema-ready .assembled-request { width:min(58%,430px); top:43%; right:6%; }
  .word-number { padding-top:14px!important; font-size:12px; }
  .scene-explanations { flex-direction:column; gap:20px; }
  .lead-scene { grid-template-columns:1fr; gap:35px; }
  .demo-layout { grid-template-columns:1fr; max-width:590px; gap:36px; }
  .demo-copy h2 br:last-child { display:none; }
  .demo-section { padding-top:70px; padding-bottom:45px; }
  .voice-launcher { flex-wrap:nowrap; }
  #start { flex:0 0 auto; }
  .live-demo { padding:27px; }
  .closing { padding-block:80px 60px; }
  .closing-bottom { flex-direction:column; align-items:start; gap:23px; }
  .site-footer > span { display:none; }
}
@media (max-width:600px) {
  html { scroll-padding-top:88px; }
  .wrap { width:calc(100% - 40px); }
  .site-header { padding-inline:20px; height:72px; gap:17px; }
  .brand { font-size:17px; gap:8px; }
  .brand img { width:27px; height:auto; }
  .site-header nav { font-size:12px; gap:0; }
  .how-link { display:none; }
  .account-link { margin:0; font-size:12px; gap:7px; }
  .hero-scene { padding:55px 20px; min-height:810px; }
  .hero-copy { width:100%; margin-left:0; }
  .hero-fallback { width:105%; left:-30%; top:55%; }
  .eyebrow { font-size:10px; letter-spacing:.08em; }
  h1 { font-size:clamp(52px,14.1vw,83px); margin-top:20px; line-height:.99; letter-spacing:-.066em; }
  .hero-actions { gap:16px; margin-top:24px; }
  .hero-actions .button { font-size:13px; min-height:48px; padding:14px 17px; gap:18px; }
  .hero-actions .quiet-link { font-size:12px; }
  .hero-description { font-size:13px; margin-top:18px; }
  .cinema-ready .hero-copy { top:110px; left:20px; width:calc(100% - 40px); }
  .cinema-ready .cinema-viewport { min-height:580px; }
  .cinema-ready .spoken-phrase { left:auto; right:12px; bottom:12%; font-size:12px; gap:10px; padding:12px 15px; transform:rotate(-9deg); }
  .cinema-ready .spoken-phrase { display:none; }
  .wave-symbol { gap:2px; height:23px; }
  .wave-symbol i { width:2px; }
  .wave-symbol i:nth-child(3),.wave-symbol i:nth-child(5){height:18px}
  .wave-symbol i:nth-child(4){height:24px}
  .mobile-break { display:block; }
  .word-scene { padding:60px 20px; }
  .kinetic-title { font-size:clamp(50px,12vw,70px); }
  .kinetic-word { gap:12px; }
  .cinema-ready .kinetic-word { left:20px; top:27%; font-size:clamp(54px,15.2vw,90px); gap:10px; }
  .cinema-ready .word-transfer { top:25%; font-size:clamp(52px,14.5vw,88px); }
  .cinema-ready .scene-eyebrow { top:102px; left:20px; max-width:70%; font-size:9px; }
  .cinema-ready .scene-explanations { left:44px; bottom:49%; font-size:14px; }
  .cinema-ready .scene-explanations p { width:calc(100vw - 64px); }
  .cinema-ready .scene-footer { left:20px; right:20px; bottom:25px; gap:15px; font-size:8px; }
  .scene-counter { font-size:12px; min-width:55px; }
  .scroll-line { width:28px; }
  .cinema-ready .lead-copy { left:20px; top:14%; width:calc(100% - 40px); }
  .cinema-ready .lead-copy .eyebrow { font-size:9px; }
  .cinema-ready .lead-copy h2 { font-size:clamp(34px,9vw,51px); margin-top:16px; }
  .cinema-ready .assembled-request { top:41%; right:20px; width:calc(100% - 75px); padding:18px; border-radius:20px; max-width:none; }
  .request-head { gap:10px; }
  .request-head h3 { font-size:15px; }
  .request-head p { font-size:10px; }
  .request-arrow { width:32px; height:32px; border-radius:10px; font-size:23px; }
  .sample-label { display:block; font-size:9px; }
  dl { margin:17px 0; }
  dl > div { font-size:11px; padding:8px 0; gap:10px; }
  .delivery-channels { font-size:13px; padding:10px 12px; gap:12px; }
  .integration-note { font-size:10px; margin-top:11px; }
  .lead-scene { padding:65px 20px; }
  .lead-copy h2 { font-size:40px; }
  .lead-copy > p:last-child { font-size:16px; }
  .assembled-request { padding:20px; }
  .demo-section { padding-block:70px 42px; }
  .demo-layout { gap:30px; }
  .demo-copy h2 { font-size:clamp(41px,10.8vw,58px); margin-top:20px; }
  .demo-copy { padding-right:42px; }
  .demo-intro { padding-right:30px; }
  .demo-copy h2 br:last-child { display:block; }
  .section-lead { font-size:17px; margin-top:22px; }
  .demo-copy > p:not(.eyebrow):not(.section-lead) { font-size:14px; margin-top:20px; }
  .demo-copy .text-link { margin-top:24px; font-size:12px; gap:10px; }
  .live-demo { padding:20px; border-radius:22px; box-shadow:0 25px 60px -35px #23477333; }
  .demo-intro { padding-block:28px 24px; }
  .conversation-prompt { font-size:22px; }
  .voice-launcher { flex-wrap:wrap; padding:14px; gap:14px; }
  .voice-launcher { margin-top:50px; }
  .assistant-summary { width:100%; }
  #start { width:100%; min-height:47px; font-size:13px; }
  .launcher-copy strong { font-size:14px; }
  .launcher-copy span { font-size:12px; }
  .microphone-notice,.fine-print { font-size:11px; }
  .demo-next .button { font-size:13px; padding-inline:17px; gap:15px; }
  .closing { padding-block:65px 50px; }
  .closing h2 { font-size:clamp(55px,15.8vw,86px); margin-top:24px; }
  .closing-bottom { margin-top:30px; }
  .closing-bottom p { font-size:13px; }
  .prototype-note { font-size:11px; }
  .site-footer { gap:15px; font-size:11px; }
  .site-footer .brand { font-size:16px; }
}
@media (max-width:359px) {
  .site-header nav { display:none; }
  .account-link { margin-left:auto; }
  .hero-actions { gap:12px; }
  .hero-actions .quiet-link { font-size:11px; }
  .hero-actions .button { padding-inline:13px; font-size:12px; gap:12px; }
  .cinema-ready .assembled-request { width:calc(100% - 58px); right:16px; padding:16px; }
}
@media (max-height:680px) and (min-width:901px) {
  .cinema-ready .hero-copy { top:110px; }
  h1 { font-size:12vh; margin-top:20px; }
  .hero-actions { margin-top:23px; }
  .hero-description { font-size:13px; margin-top:16px; }
  .cinema-ready .scene-eyebrow { top:108px; }
  .cinema-ready .assembled-request { top:18%; padding:20px; }
  dl > div { padding:8px 0; }
}
@media (max-height:720px) and (max-width:600px) {
  .cinema-ready .assembled-request { top:35%; }
  .cinema-ready .scene-footer { bottom:12px; }
}
@media (max-height:900px) and (min-width:901px) {
  .cinema-ready .spoken-phrase { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .flight-layer { display:none!important; }
  .hero-fallback,#mascot { visibility:visible!important; opacity:1!important; }
}

#start { background:var(--blue); color:#152000; }
#start:hover:not(:disabled) { background:#b8e71b; }
@media (min-width:901px) { .hero-description { max-width:420px; } .hero-actions .quiet-link { font-size:13px; } }