.tt-demo{--tt-demo-void:var(--tt-ground-void);--tt-demo-ground:var(--tt-ground);--tt-demo-raised:var(--tt-surface);--tt-demo-raised-strong:var(--tt-surface-raised);--tt-demo-rail:#4a5458d1;--tt-demo-rail-text:#bfc7c4;--tt-demo-lift:0 1px 2px #00000042, 0 10px 22px -8px #00000070;--tt-demo-rail-radius:12px;--tt-demo-control-radius:8px;--tt-demo-h:27rem;background:var(--tt-demo-void);max-width:100%;box-shadow:0 2px 4px #0003, 0 30px 60px -24px #0009, 0 0 0 1px #ffffff08, var(--tt-lip)}.tt-demo .tt-illus__bar{gap:var(--tt-space-4);white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.tt-demo .tt-illus__bar span:last-child{text-overflow:ellipsis;overflow:hidden}.tt-demo__stage{--tt-stage-x:50%;--tt-stage-y:46%;--tt-stage-glow:.1;height:var(--tt-demo-h);padding:var(--tt-space-4);background:radial-gradient(60% 70% at var(--tt-stage-x) var(--tt-stage-y), rgb(88 205 153/calc(var(--tt-stage-glow) * .9)), transparent 70%), radial-gradient(120% 80% at 50% -10%, #fff1, transparent 60%), radial-gradient(#ffffff0b 1px, transparent 1px) 0 0 / 24px 24px, var(--tt-demo-ground);font-size:var(--tt-type-compact);line-height:1.45;position:relative;overflow:hidden}.tt-demo__stage:after{content:"";z-index:3;mix-blend-mode:overlay;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;position:absolute;inset:0}[data-tone=bright] .tt-demo__stage{--tt-stage-glow:.2}[data-tone=dim] .tt-demo__stage{--tt-stage-glow:.07}.tt-demo__stage--pod{--tt-demo-h:29rem}.tt-demo__stage--ask{--tt-demo-h:34rem;--tt-stage-x:18%;--tt-stage-y:90%}.tt-demo__stage--stack{--tt-demo-h:30rem}@media (max-width:639px){.tt-demo__stage--stack{height:auto}}.tt-demo__stage--wt{--tt-demo-h:30rem;height:auto;min-height:var(--tt-demo-h);container-type:inline-size}@media (min-width:640px){.tt-demo__stage,.tt-demo__stage--pod{--tt-demo-h:27rem;padding:var(--tt-space-5)}.tt-demo__stage--ask{--tt-demo-h:27rem}.tt-demo__stage--stack{--tt-demo-h:29rem;padding:var(--tt-space-4) var(--tt-space-5)}.tt-demo__stage--wt{--tt-demo-h:29rem}}@media (min-width:900px) and (min-height:700px){.tt-demo__stage,.tt-demo__stage--pod,.tt-demo__stage--ask,.tt-demo__stage--stack,.tt-demo__stage--wt{--tt-demo-h:clamp(28rem, calc(100svh - 24.5rem), 38rem);font-size:var(--tt-type-body)}}.tt-demo__foot{gap:var(--tt-space-3);padding:var(--tt-space-3) var(--tt-space-4) var(--tt-space-3);border-top:1px solid var(--tt-line);background:var(--tt-surface-soft);display:grid}.tt-demo__caption{min-height:3em;color:var(--tt-text);font-size:var(--tt-type-body);line-height:1.5}@media (max-width:639px){.tt-demo__caption{min-height:6em}}.tt-demo__count{color:var(--tt-text-quiet);font-size:var(--tt-type-meta)}.tt-demo__controls{align-items:center;gap:var(--tt-space-3);display:flex}.tt-demo__pause{border:1px solid var(--tt-line-strong);border-radius:var(--tt-radius-pill);background:var(--tt-surface);width:2.75rem;height:2.75rem;color:var(--tt-text);cursor:pointer;flex:none;place-items:center;padding:0;display:inline-grid}.tt-demo__pause:hover,.tt-demo__pause[aria-pressed=true]{background:var(--tt-surface-raised)}.tt-demo__pause:focus-visible,.tt-demo__dot:focus-visible{outline:3px solid var(--tt-focus);outline-offset:2px}.tt-demo__dots{flex:1;gap:2px;min-width:0;padding:0;list-style:none;display:flex}.tt-demo__dots li{flex:1 1 0;min-width:0}.tt-demo__dot{cursor:pointer;background:0 0;border:0;align-items:center;width:100%;min-height:2.75rem;padding:0;display:grid}.tt-demo__dot-track{background:var(--tt-line-strong);border-radius:2px;height:4px;display:block;position:relative;overflow:hidden}.tt-demo__dot[aria-current=step] .tt-demo__dot-track{background:#ffffff38}.tt-demo__dot-fill{transform-origin:0;background:var(--tt-text);animation:linear forwards tt-d-fill;position:absolute;inset:0}.tt-demo__dot-fill[data-paused=true]{animation-play-state:paused}@keyframes tt-d-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tt-demo .tt-illus__body,.tt-demo>figcaption{border-top:1px solid var(--tt-line)}.tt-demo__stills{gap:var(--tt-space-5);padding:var(--tt-space-4);margin:0;list-style:none;display:grid}@media (min-width:900px){.tt-demo__stills{grid-template-columns:repeat(2,minmax(0,1fr))}}.tt-demo__stills .tt-demo__stage{border:1px solid var(--tt-line);border-radius:var(--tt-radius-md)}.tt-demo__still-caption{margin-top:var(--tt-space-2);color:var(--tt-text);font-size:var(--tt-type-body)}.tt-d-panel{align-content:start;gap:var(--tt-space-2);min-width:0;padding:var(--tt-space-3) var(--tt-space-4);border-radius:var(--tt-radius-lg);background:linear-gradient(180deg, #ffffff0b, transparent 38%) padding-box, linear-gradient(var(--tt-demo-raised), var(--tt-demo-raised)) padding-box, linear-gradient(165deg, #ffffff42, #ffffff12 32%, #ffffff0d 70%, #ffffff1f) border-box;box-shadow:var(--tt-demo-lift), 0 18px 40px -22px #000000b3, var(--tt-lip);border:1px solid #0000;display:grid;position:relative}.tt-d-panel__head{justify-content:space-between;align-items:center;gap:var(--tt-space-3);color:var(--tt-text);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.1em;text-transform:uppercase;display:flex}.tt-d-quiet{color:var(--tt-text-quiet)}.tt-d-live{color:var(--tt-accent);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.4rem;display:inline-flex}.tt-d-live__dot{background:var(--tt-accent);border-radius:50%;width:.5rem;height:.5rem;position:relative;box-shadow:0 0 10px #58cd99b3}.tt-d-live__dot:after{content:"";border:1px solid var(--tt-accent);opacity:0;border-radius:50%;animation:2.4s ease-out infinite tt-d-pulse;position:absolute;inset:-4px}@keyframes tt-d-pulse{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.tt-d-held{border:1px solid var(--tt-line-strong);border-radius:var(--tt-radius-sm);color:var(--tt-text);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:.1rem .45rem}.tt-d-facts{gap:var(--tt-space-1);margin:0;padding:0;list-style:none;display:grid}.tt-d-fact{gap:0 var(--tt-space-3);border-top:1px solid var(--tt-line);grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);padding:.35rem 0;display:grid}.tt-d-fact__label{color:var(--tt-text-quiet)}.tt-d-fact__value{min-width:0;color:var(--tt-text);font-weight:560}.tt-d-fact__source{color:var(--tt-text-quiet);font-size:var(--tt-type-meta);grid-column:2}@media (max-width:420px){.tt-d-fact{grid-template-columns:minmax(0,1fr)}.tt-d-fact__source{grid-column:1}}.tt-d-note{color:var(--tt-text-secondary);font-size:var(--tt-type-meta)}.tt-d-btn,.tt-d-bigbutton{min-height:2.25rem;padding:0 var(--tt-space-4);border-radius:var(--tt-demo-control-radius);background:var(--tt-accent);color:var(--tt-ink-on-accent);place-items:center;font-weight:700;display:inline-grid}.tt-d-btn--quiet{border:1px solid var(--tt-line-strong);color:var(--tt-text);background:0 0;font-weight:600}.tt-d-bigbutton{min-height:3.25rem;font-size:var(--tt-type-lead)}@keyframes tt-d-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tt-d-slot--in,.tt-d-answer,.tt-d-preview,.tt-d-thinking,.tt-d-sources,.tt-d-phone__screen{animation:tt-d-in var(--tt-motion-standard,.22s) var(--tt-ease-standard) both}.tt-d-slot--in{animation-delay:calc(var(--i,0) * 90ms)}.tt-d-systems{gap:var(--tt-space-2);grid-auto-rows:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@keyframes tt-d-link{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes tt-d-pick{0%{border-color:var(--tt-line-strong);background:0 0}}.tt-d-chips{gap:var(--tt-space-1) var(--tt-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tt-d-chip{border:1px solid var(--tt-line-strong);border-radius:var(--tt-radius-pill);color:var(--tt-text-secondary);font-size:var(--tt-type-meta);padding:.15rem .55rem}@media (max-width:639px){.tt-d-route{display:none}}.tt-d-route{font-size:var(--tt-type-meta)}.tt-d-acting{color:var(--tt-text-quiet);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.08em;text-transform:uppercase}@media (max-width:639px){.tt-demo__stage--pod{--tt-demo-h:31rem}}.tt-d-bigbutton--tap{animation:3s ease-in-out .9s both tt-d-press;position:relative;overflow:hidden}.tt-d-bigbutton--tap:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff8c,#0000 55%);animation:.9s ease-out 1s both tt-d-ripple;position:absolute;inset:0}@keyframes tt-d-press{0%,30%{transform:none}34%{transform:scale(.96)}42%,to{transform:none}}@keyframes tt-d-ripple{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.4)}}@keyframes tt-d-flash{0%{opacity:.95}12%,to{opacity:0}}@keyframes tt-d-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.tt-d-seatcores{align-content:center;gap:var(--tt-space-2);min-width:0;margin:0;padding:0;list-style:none;display:grid}@media (max-width:639px){.tt-d-seatcores{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}@media (min-width:900px){.tt-d-seatcores{gap:var(--tt-space-3)}}@keyframes tt-d-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes tt-d-blink{50%{opacity:.25}}.tt-d-kv{gap:.15rem var(--tt-space-3);font-size:var(--tt-type-meta);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.tt-d-kv dt{color:var(--tt-text-quiet)}.tt-d-kv dd{color:var(--tt-text);margin:0}.tt-act{padding:var(--tt-site-section-space) 0 0;position:relative}.tt-act>.tt-shell{width:min(100%, calc(90rem + 2 * var(--tt-site-gutter)))}.tt-act[data-tone=bright]{background:radial-gradient(70rem 40rem at 62% 56%,#58cd9912,#0000 70%)}.tt-act[data-tone=dim]{background:radial-gradient(90rem 30rem at 50% 0%, #00000059, transparent 70%), linear-gradient(180deg, var(--tt-ground-void), var(--tt-ground) 85%)}.tt-act+.tt-act{padding-top:clamp(2rem,5vw,4rem)}.tt-act__head{max-width:var(--tt-prose-max);margin-bottom:var(--tt-space-6)}.tt-act__stage{gap:var(--tt-space-7);display:grid}.tt-scene{gap:var(--tt-space-5);min-width:0;display:grid}.tt-scene__demo{min-width:0}.tt-scene__kicker{margin-bottom:var(--tt-space-3);color:var(--tt-text-quiet);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.11em;text-transform:uppercase}.tt-scene__title{color:var(--tt-text);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.375rem,2.6vw,1.875rem);font-weight:720;line-height:1.15}.tt-scene__body{gap:var(--tt-space-3);margin-top:var(--tt-space-3);color:var(--tt-text-secondary);display:grid}.tt-scene__body .tt-checklist{margin-top:var(--tt-space-2)}.tt-act__track,.tt-act__progress{display:none}@media (min-width:640px) and (max-width:899px){.tt-scene__demo{width:min(100%,40rem)}}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.tt-act__rig{--tt-act-stage-h:min(calc(100svh - var(--tt-site-header-height) - 2rem), 54rem);display:grid}.tt-act__rig>*{grid-area:1/1}.tt-act__stage{z-index:1;top:calc(var(--tt-site-header-height) + .5rem);height:var(--tt-act-stage-h);align-self:start;gap:0;position:sticky}.tt-act__track{height:calc(var(--tt-act-stage-h) + var(--tt-scenes) * 75svh);pointer-events:none;display:block}.tt-act__beat{height:75svh}.tt-scene{visibility:hidden;opacity:0;transition:opacity .42s var(--tt-ease-standard), transform .42s var(--tt-ease-standard), visibility 0s linear .42s;grid-template-columns:minmax(0,.62fr) minmax(0,1.7fr);align-items:center;gap:clamp(1.5rem,3vw,3.5rem);position:absolute;inset:0 0 3rem;transform:translateY(24px)scale(.985)}.tt-scene[data-active=true]{visibility:visible;opacity:1;transition-delay:0s;transform:none}.tt-act__progress{gap:var(--tt-space-2);margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:0;left:0;right:0}.tt-act__progress li{padding-top:var(--tt-space-2);border-top:2px solid var(--tt-line-strong);color:var(--tt-text-quiet);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.1em;text-transform:uppercase;transition:color var(--tt-motion-standard), border-color var(--tt-motion-standard);flex:1}.tt-act__progress li[data-active=true]{border-color:var(--tt-text);color:var(--tt-text)}.tt-scene__demo{perspective:1600px}.tt-scene[data-active=true] .tt-demo{animation:tt-d-settle .7s var(--tt-ease-standard) both}}@keyframes tt-d-settle{0%{transform:rotateY(-7deg)rotateX(3deg)translateY(10px)}to{transform:none}}@media (max-width:899px),(prefers-reduced-motion:reduce){.tt-act__stage{gap:clamp(3rem,8vw,5rem)}}@media (prefers-reduced-motion:reduce){.tt-d-live__dot:after{display:none}}@keyframes tt-d-answer{0%{box-shadow:var(--tt-lip)}30%{box-shadow:var(--tt-lip), 0 0 0 1px #58cd9973, 0 0 26px -6px #58cd998c}to{box-shadow:var(--tt-lip)}}@keyframes tt-d-wake{0%{opacity:.42;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes tt-d-tap{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}@keyframes tt-d-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tt-ps{flex:none;display:inline-block;overflow:visible}.tt-ps__bar{fill:#58cd99;transform-box:fill-box;transform-origin:50%}.tt-ps--on .tt-ps__bar--l{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-left}.tt-ps--on .tt-ps__bar--c{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-center}.tt-ps--on .tt-ps__bar--r{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-right}@keyframes tt-ps-left{0%,to{opacity:.58;transform:scaleY(.7)}32%{opacity:.92;transform:scaleY(.92)}58%{opacity:.7;transform:scaleY(.78)}}@keyframes tt-ps-center{0%,to{opacity:.8;transform:scaleY(.82)}42%{opacity:1;transform:scaleY(1)}72%{opacity:.88;transform:scaleY(.88)}}@keyframes tt-ps-right{0%,to{opacity:.62;transform:scaleY(.72)}22%{opacity:.72;transform:scaleY(.8)}62%{opacity:.95;transform:scaleY(.94)}}@media (prefers-reduced-motion:reduce){.tt-ps--on .tt-ps__bar{opacity:1;animation:none;transform:none}}.tt-tile__art--ask{position:relative}.tt-tile__mark{top:var(--tt-space-3);right:var(--tt-space-3);opacity:.75;transition:opacity var(--tt-motion-standard) var(--tt-ease-standard);display:grid;position:absolute}.tt-tile--ask:hover .tt-tile__mark{opacity:1}.tt-tile--ask:hover .tt-ps__bar--l{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-left}.tt-tile--ask:hover .tt-ps__bar--c{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-center}.tt-tile--ask:hover .tt-ps__bar--r{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-right}@keyframes tt-d-light-out{0%{stroke-dashoffset:14px}to{stroke-dashoffset:-100px}}@keyframes tt-d-light-back{0%{stroke-dashoffset:-100px}to{stroke-dashoffset:14px}}[data-tick=true]{animation:.7s steps(10,end) both tt-d-tick,.64s cubic-bezier(.34,1.56,.64,1) both tt-d-spring}@keyframes tt-d-tick{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes tt-d-spring{0%{transform:translateY(6px)scale(.96)}to{transform:none}}.tt-d-chip--held{color:var(--tt-text-quiet);opacity:0;transition:opacity .5s var(--tt-ease-standard);border-style:dashed}.tt-d-chip--held[data-in=true]{opacity:1}.tt-d-refs{margin:0;padding:0;list-style:none;display:grid}@media (prefers-reduced-motion:reduce){[data-tick=true],.tt-d-find__typed,.tt-d-find__hit{animation:none}}.tt-tile--ask .tt-tile__art--ask{gap:var(--tt-space-3);padding:var(--tt-space-5);font-size:var(--tt-type-body)}.tt-tile--ask .tt-mini__q{font-size:var(--tt-type-lead);padding-right:3rem}.tt-tile--ask .tt-tile__mark{top:var(--tt-space-4);right:var(--tt-space-4)}@media (min-width:960px){.tt-tile--ask{justify-content:flex-start}.tt-tile--ask .tt-tile__art--ask{align-content:center;gap:var(--tt-space-4);font-size:var(--tt-type-lead);flex:auto}}.tt-d-btn[data-press=true]{animation:tt-d-wake .4s 3.4s var(--tt-ease-standard) both}@media (max-width:639px){.tt-demo__stage--ask{--tt-demo-h:54rem}}.tt-d-seatref{border-top:1px solid var(--tt-line);animation:tt-d-in var(--tt-motion-standard) var(--tt-ease-standard) both;gap:.05rem;padding:.4rem 0 .5rem;display:grid}.tt-d-seatref__label{color:var(--tt-text-quiet)}.tt-d-seatref__id{color:var(--tt-text);font-family:var(--tt-font-mono);letter-spacing:-.01em;text-shadow:0 0 22px #58cd9959;font-size:1.5rem;font-weight:650}.tt-d-rows{margin:0;padding:0;list-style:none;display:grid}.tt-d-rows__row{opacity:1;transition:grid-template-rows .6s cubic-bezier(.4, 0, .2, 1), opacity .4s var(--tt-ease-standard);grid-template-rows:1fr;display:grid}.tt-d-rows__row[data-show=false]{opacity:0;grid-template-rows:0fr}.tt-d-rows__inner{min-height:0;overflow:hidden}.tt-d-rows__row[data-show=false] .tt-d-fact{border-top-color:#0000;padding-block:0}@media (prefers-reduced-motion:reduce){.tt-d-rows__row{transition:none}}.tt-d-seatref__src{color:var(--tt-text-quiet);font-size:var(--tt-type-meta)}.tt-demo__stage.tt-demo__stage--seatview{height:auto;overflow:visible}.tt-demo__stage--audit{--tt-demo-h:56rem}@media (max-width:399px){.tt-demo__stage--audit{--tt-demo-h:62rem}}@media (min-width:640px){.tt-demo__stage--audit{--tt-demo-h:33rem}}@media (min-width:900px) and (min-height:700px){.tt-demo__stage.tt-demo__stage--audit{--tt-demo-h:clamp(31rem, calc(100svh - 24.5rem), 40rem);font-size:var(--tt-type-meta)}}.tt-demo--shell .tt-demo__dots--shell{flex:1;align-items:center;gap:2px;min-height:2.75rem;display:flex}.tt-demo__dot-shell{background:var(--tt-line-strong);border-radius:2px;flex:1 1 0;height:3px}.tt-demo--shell .tt-demo__stage--stack,.tt-demo--shell .tt-demo__stage--wt{min-height:74rem}.tt-demo--shell .tt-demo__stage--seatview{min-height:34rem}@media (min-width:360px){.tt-demo--shell .tt-demo__stage--stack{min-height:58rem}.tt-demo--shell .tt-demo__stage--wt{min-height:68rem}}@media (min-width:420px){.tt-demo--shell .tt-demo__stage--stack{min-height:49rem}.tt-demo--shell .tt-demo__stage--seatview{min-height:29.5rem}}@media (min-width:480px){.tt-demo--shell .tt-demo__stage--stack{min-height:42rem}.tt-demo--shell .tt-demo__stage--wt{min-height:66rem}.tt-demo--shell .tt-demo__stage--seatview{min-height:30rem}}@media (min-width:640px){.tt-demo--shell .tt-demo__stage--stack{min-height:29rem}.tt-demo--shell .tt-demo__stage--wt{min-height:67rem}.tt-demo--shell .tt-demo__stage--seatview{min-height:32rem}}@media (min-width:900px){.tt-demo--shell .tt-demo__stage--wt{min-height:29rem}.tt-demo--shell .tt-demo__stage--seatview{min-height:31rem}}.tt-demo__stage--aw{--tt-demo-h:62rem}@media (min-width:640px){.tt-demo__stage--aw{--tt-demo-h:33rem}}@media (min-width:900px) and (min-height:700px){.tt-demo__stage.tt-demo__stage--aw{--tt-demo-h:clamp(31rem, calc(100svh - 24.5rem), 40rem);font-size:var(--tt-type-meta)}}