.td-console{--td-mint:#b9efd7;--td-line:rgba(198,230,210,.16);color:#f7faf6;background:radial-gradient(ellipse at 18% 30%,#285a45 0,transparent 48%),linear-gradient(130deg,#132f26,#101c19 80%);border:1px solid #284737;border-radius:26px;overflow:hidden;margin:0 0 48px;box-shadow:0 24px 60px -38px #102d25;text-align:left;isolation:isolate}
.td-console *{box-sizing:border-box}.td-console [hidden]{display:none!important}.td-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 28px;border-bottom:1px solid var(--td-line)}.td-eyebrow{display:flex;align-items:center;gap:9px;color:var(--td-mint);font-size:11px;font-weight:800;letter-spacing:1.5px}.td-eyebrow i{width:7px;height:7px;border-radius:50%;background:#b9efd7;box-shadow:0 0 12px #84dcb7}.td-disclosure{font-size:12px;color:#bacbc1;white-space:nowrap}.td-stage{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);align-items:center;gap:32px;padding:38px 36px 30px}.td-presence{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:300px}.td-orbit{position:absolute;top:8px;width:260px;max-width:100%;aspect-ratio:1;border:1px solid #8bc3a935;border-radius:50%;box-shadow:0 0 0 18px #8bc3a90b,0 0 0 38px #8bc3a908;transition:box-shadow .4s}.td-portrait{width:208px;height:208px;border-radius:50%;overflow:hidden;border:1px solid #9bd3b552;z-index:1;background:#d8dfcc;box-shadow:0 12px 34px #071b2066}.td-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;display:block}.td-name{text-align:center;margin-top:18px;font-size:23px;font-weight:750;z-index:1}.td-name span{display:block;color:#bbd0c3;font-size:12px;font-weight:400;margin-top:4px}.td-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:30px;margin-top:12px}.td-wave i{display:block;width:3px;height:5px;border-radius:6px;background:#a8dfbf;transition:height .2s}.td-kicker{font-size:11px!important;letter-spacing:2px;color:#edb596!important;font-weight:750;margin:0 0 13px!important}.td-console h1{font-size:clamp(29px,3vw,42px);font-weight:750;letter-spacing:-1.5px;line-height:1.14;margin:0;color:#fff}.td-intro{font-size:16px!important;color:#c4d3ca!important;line-height:1.6;margin:16px 0 20px!important}.td-live{padding-left:13px;border-left:2px solid #bdedcd;min-height:67px;margin:24px 0}.td-live>span{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#b7d2c0;text-transform:uppercase}.td-live h2{font-size:19px;line-height:1.4;color:#f4f9f3;margin:5px 0 0;letter-spacing:-.3px;max-width:350px}.td-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.td-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:0;border-radius:12px;background:#c5eed7;color:#113c2b;padding:13px 19px;font:750 14px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 6px 24px #051b1826}.td-start:hover{background:#ddf9e7}.td-start svg{height:20px;width:20px;flex-shrink:0}.td-restart{background:none;border:0;color:#c6dbc9;font:500 13px 'DM Sans',sans-serif;padding:12px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.td-status{color:#aebfb5!important;font-size:12px!important;line-height:1.4;min-height:17px;margin:12px 0 0!important}.td-readout{display:grid;grid-template-columns:minmax(175px,.8fr) minmax(0,1.2fr);gap:32px;align-items:center;padding:24px 36px;background:#06130f40;border-top:1px solid var(--td-line)}.td-figure{display:flex;flex-direction:column;gap:4px}.td-figure strong{font-size:clamp(32px,4vw,48px);line-height:1.15;font-weight:700;letter-spacing:-1.7px;color:#dbf9e6;font-variant-numeric:tabular-nums}.td-figure>span{font-size:14px;color:#bfd0c5}.td-next p{font-size:14px;line-height:1.5;color:#c8d7ce;margin:0}.td-next a{font-size:13px;color:#d1f5df;display:inline-flex;align-items:center;gap:8px;line-height:1.5;margin-top:10px;text-decoration:underline;text-underline-offset:4px}.td-next a svg{width:15px;height:15px}.td-chapters{display:flex;gap:6px;flex-wrap:wrap;padding:18px 28px;border-top:1px solid var(--td-line)}.td-chapters span{font-size:11px;color:#b9cec0;padding:7px 10px;border-radius:20px;border:1px solid #8dbfa02b;transition:background .25s,color .25s}.td-chapters span.active{background:#c5eed7;color:#12392a;border-color:#c5eed7}.td-transcript{border-top:1px solid var(--td-line)}.td-transcript summary{cursor:pointer;font-size:12px;color:#c7d8cb;padding:15px 28px;min-height:46px}.td-transcript>div{padding:0 28px 20px}.td-transcript p{font-size:14px!important;line-height:1.75;color:#d4e1d8!important;margin:0 0 14px!important}.td-transcript strong{color:#f0fff3}.td-console[data-state=playing] .td-wave i{height:20px;animation:td-speak .8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.13s)}.td-console[data-state=playing] .td-orbit{animation:td-breathe 2.5s ease-in-out infinite}.td-console[data-state=loading] .td-eyebrow i{animation:td-breathe 1s ease-in-out infinite}.td-demo-home{max-width:1020px;margin:0 auto;padding:18px 0 0}.td-demo-home .od-demo-intro{max-width:none;margin:0;padding:0}.td-demo-home .od-demo-intro>h1{font-size:clamp(25px,3vw,34px);margin:12px 0}.td-demo-home .od-demo-intro>p{font-size:16px;line-height:1.6}.td-demo-home .od-demo-choices{margin-top:24px}.td-demo-home .od-demo-choices a{padding:22px}.td-demo-home .od-demo-choices h2{font-size:19px}.td-demo-home .od-demo-choices p{font-size:15px}
@keyframes td-speak{0%{transform:scaleY(.2);opacity:.5}100%{transform:scaleY(1.2);opacity:1}}@keyframes td-breathe{0%,100%{opacity:.65;transform:scale(.99)}50%{opacity:1;transform:scale(1.04)}}
@media(max-width:1100px) and (min-width:761px){.td-stage,.td-readout{gap:20px;padding-left:24px;padding-right:24px}.td-portrait{width:172px;height:172px}.td-orbit{width:210px;top:24px}.td-presence{min-height:290px}.td-heading{flex-wrap:wrap}.td-console h1{font-size:32px}}
@media(max-width:760px){.td-demo-home{padding-top:0}.td-console{border-radius:21px;margin-bottom:34px}.td-heading{padding:17px 20px;align-items:flex-start;flex-direction:column;gap:7px}.td-eyebrow{font-size:10px;letter-spacing:1.1px}.td-disclosure{font-size:11px}.td-stage{grid-template-columns:1fr;gap:16px;padding:24px 22px}.td-presence{min-height:0}.td-portrait{width:135px;height:135px}.td-orbit{width:158px;top:-11px;box-shadow:0 0 0 12px #8bc3a90b,0 0 0 23px #8bc3a908}.td-name{font-size:18px;margin-top:10px}.td-name span{display:none}.td-wave{height:20px;margin:6px 0 0}.td-conversation{text-align:center}.td-console h1{font-size:29px;letter-spacing:-1px}.td-intro{font-size:15px!important;margin:12px 0 17px!important}.td-kicker{font-size:10px!important;margin-bottom:10px!important}.td-live{min-height:65px;margin:18px 0;text-align:left}.td-live h2{font-size:17px;max-width:none}.td-controls{justify-content:center;gap:5px 13px}.td-start{flex:1;padding:13px 10px;min-width:0;font-size:14px}.td-restart{font-size:12px}.td-status{font-size:11px!important}.td-readout{grid-template-columns:1fr;gap:13px;padding:20px 22px}.td-figure strong{font-size:38px;letter-spacing:-1px}.td-figure>span{font-size:14px}.td-next p{font-size:13px}.td-chapters{padding:14px 18px;gap:6px}.td-chapters span{font-size:10px;padding:6px 9px}.td-transcript summary{padding:14px 22px}.td-transcript>div{padding:0 22px 14px}.td-demo-home .od-demo-choices a{padding:18px 15px;gap:12px}.td-demo-home .od-demo-choices h2{font-size:17px}.td-demo-home .od-demo-choices p{font-size:14px}.td-demo-home .od-demo-intro>.od-text{font-size:14px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.td-console *{animation:none!important;transition:none!important}}
.td-console[data-state=idle] .td-live{display:none}.td-console:not([data-state=idle]) .td-intro{display:none}
@media(max-width:760px){.td-stage{padding:20px;gap:12px}.td-console h1{font-size:27px}.td-console:not([data-state=idle]) .td-portrait{width:88px;height:88px}.td-console:not([data-state=idle]) .td-orbit{width:110px}.td-console:not([data-state=idle]) .td-name{display:none}.td-console:not([data-state=idle]) .td-live{margin:15px 0;min-height:0}.td-console:not([data-state=idle]) .td-live h2{font-size:16px}.td-console:not([data-state=idle]) .td-status{margin-top:8px!important}}

/* A conversation companion, without video/audio playback controls. */
.td-speaking{display:inline-flex;align-items:center;gap:9px;color:#d8f5e2;font-size:15px;font-weight:650;min-height:44px}.td-speaking i{width:7px;height:7px;border-radius:50%;background:#b9efd7;box-shadow:0 0 14px #89d5af}.td-end{background:none;border:0;color:#becfc3;font:500 12px "DM Sans",sans-serif;cursor:pointer;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.td-companion{position:fixed;right:24px;bottom:104px;z-index:85;display:grid;grid-template-columns:40px minmax(0,1fr) 36px;align-items:center;gap:12px;width:310px;max-width:calc(100vw - 32px);padding:14px;border:1px solid #568267;background:linear-gradient(135deg,#1d4835,#112d25);color:#eff9f1;border-radius:19px;box-shadow:0 12px 36px #0d2a2533;font-family:'DM Sans',sans-serif}.td-companion [hidden]{display:none!important}.td-companion-face{position:relative;width:40px;height:40px}.td-companion-face img{width:40px;height:40px;border-radius:50%;object-fit:cover}.td-companion-face i{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;background:#b9efd7;border:2px solid #214731}.td-companion-copy{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:3px}.td-companion-copy strong{font-size:14px;font-weight:700}.td-companion-copy>span{font-size:12px;color:#cae3d1;line-height:1.35}.td-companion-copy button{border:0;padding:7px 0;background:none;color:#d2f6df;font:600 12px 'DM Sans',sans-serif;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.td-companion-end{width:36px;height:44px;border:0;background:transparent;color:#c9decf;font-size:26px;cursor:pointer;border-radius:10px}.td-companion-end:hover{background:#ffffff12;color:white}.td-companion :focus-visible{outline:2px solid #b9efd7;outline-offset:3px}.td-companion[data-state=playing] .td-companion-face i{animation:td-breathe 1.8s ease-in-out infinite}.td-companion-active .od-main{padding-bottom:126px}.td-companion-active .od-shop{padding-bottom:130px}
@media(max-width:760px){.td-speaking{font-size:14px;min-height:36px}.td-end{font-size:12px;min-height:36px}.td-companion{right:16px;left:16px;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;grid-template-columns:36px minmax(0,1fr) 36px;padding:12px;gap:11px;border-radius:17px}.td-companion-face,.td-companion-face img{width:36px;height:36px}.td-companion-copy button{min-height:32px}.td-companion-active .od-main{padding-bottom:190px}.td-companion-active .od-shop{padding-bottom:190px}}
@media(prefers-reduced-motion:reduce){.td-companion *{animation:none!important}}
/* A single, non-blocking emphasis follows Theo's explanation. */
.ng-orders .td-focus{position:relative;outline:3px solid #e4823c;outline-offset:3px;box-shadow:0 0 0 7px #f3ac6124,0 8px 26px #b86a2429!important;animation:td-focus-arrive 1.8s ease-out 2;scroll-margin-block:24px 190px;scroll-margin-inline:16px}
@keyframes td-focus-arrive{0%,100%{outline-color:#e4823c;box-shadow:0 0 0 7px #f3ac6124,0 8px 26px #b86a2429}50%{outline-color:#f0b063;box-shadow:0 0 0 11px #f3ac6114,0 8px 32px #b86a2438}}
@media(max-width:760px){.ng-orders .td-focus{scroll-margin-block-start:160px}}
@media(prefers-reduced-motion:reduce){.ng-orders .td-focus{animation:none;scroll-behavior:auto}}
