/* One quiet motion language, shared by the identity and the voice interface. */
.tl-brand{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;min-height:610px;padding:55px 7% 75px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0 100%,#e7e3ff 0,transparent 52%),radial-gradient(ellipse at 100% 5%,#fae9e3 0,transparent 53%),#fbfaff;border-radius:4px}
.tl-brand-copy{position:relative;z-index:1;padding:0 0 15px}
.tl-kicker{display:block;font-size:10px;letter-spacing:.19em;color:#797383;margin-bottom:48px}
.tl-signature{transform-origin:left center;animation:tl-signature 12s ease-in-out infinite}
.tv-case .tl-signature>.tp-wordmark{width:100%;max-width:340px;height:auto}
.tl-brand-copy>p{font-family:'Tatva Editorial',Georgia,serif;font-size:clamp(28px,3vw,46px);line-height:1.12;letter-spacing:-.03em;color:#737080;margin-top:28px}
.tl-brand-art{width:100%;max-width:520px;justify-self:center}
.tv-case .tl-orb{display:block;width:100%;height:auto;overflow:visible;flex-shrink:0}
.tl-surfaces{transform-origin:300px 300px;animation:tl-orbit 12s ease-in-out infinite}
.tl-surface{transform-origin:300px 300px;animation:tl-fold 12s ease-in-out infinite}
.tl-haze{transform-origin:300px 300px;animation:tl-atmosphere 12s ease-in-out infinite}
.tl-star,.tl-star-glow{transform-origin:300px 300px;animation:tl-breathe 3s ease-in-out infinite}
.tl-star-glow{animation-duration:6s}
.tv-case .tl-caption{text-align:center;font-family:'Tatva Editorial',Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.025em;line-height:1.2;color:#444057;margin:8px 0 15px}
.tv-case .tl-wave{display:block;width:148px;height:auto;margin:0 auto;overflow:visible}
.tl-wave-bar{transform-box:fill-box;transform-origin:center;animation:tl-wave 1.5s ease-in-out var(--tl-delay) infinite}
.tv-case .tl-brand>figcaption{position:absolute;bottom:26px;left:7%;font-size:11px;padding:0;color:#817c8d}
.tv-case .tl-toggle{position:absolute;right:28px;bottom:18px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #80708c20;border-radius:24px;background:#ffffff80;color:#686175;font-size:11px;min-height:40px}
.tl-toggle:hover{background:#fff}.tl-toggle:disabled{cursor:default;opacity:.65}
.tl-toggle svg{width:17px;height:17px}.tl-play-icon{display:none}
[data-tl-active=false] .tl-play-icon{display:block}[data-tl-active=false] .tl-pause-icon{display:none}
[data-tl-motion] :is(.tl-signature,.tl-surfaces,.tl-surface,.tl-star,.tl-star-glow,.tl-haze,.tl-wave-bar){animation-play-state:paused}
[data-tl-state=running] :is(.tl-signature,.tl-surfaces,.tl-surface,.tl-star,.tl-star-glow,.tl-haze,.tl-wave-bar){animation-play-state:running}
[data-tl-active=false] .tl-wave-bar{transform:scaleY(.25)}
.tl-scene{max-width:320px;width:100%;margin:0 auto 22px}
.td-dashboard .tl-scene>.tl-orb{width:100%;height:auto}
.td-dashboard .tl-scene>.tl-caption{font-size:25px;margin:0 0 10px}
.td-dashboard .tl-scene>.tl-wave{width:115px;height:auto}
.tp-phone .tl-scene{width:210px;max-width:100%;margin:18px auto 14px}
.tp-phone .tl-scene>.tl-orb{width:100%;height:auto}
.tp-phone .tl-scene>.tl-caption{font-size:22px;margin:0 0 6px}
.tp-phone .tl-scene>.tl-wave{width:82px;height:auto}
.tp-phone .tl-scene~.tp-voice-caption{min-height:50px;font-size:11px}
.tp-phone .tl-scene~.tp-voice-button{margin-top:15px}
@keyframes tl-orbit{0%,100%{transform:rotate(-8deg) scale(.97)}50%{transform:rotate(8deg) scale(1.025)}}
@keyframes tl-fold{0%,100%{transform:rotate(-3deg) scale(.985);opacity:.87}50%{transform:rotate(3deg) scale(1);opacity:1}}
@keyframes tl-atmosphere{0%,100%{transform:scale(.95);opacity:.68}50%{transform:scale(1.05);opacity:1}}
@keyframes tl-breathe{0%,100%{transform:scale(.92);opacity:.85}50%{transform:scale(1.06);opacity:1}}
@keyframes tl-wave{0%,100%{transform:scaleY(.5);opacity:.8}50%{transform:scaleY(1);opacity:1}}
@keyframes tl-signature{0%,100%{transform:translateY(3px);opacity:.78}50%{transform:translateY(-3px);opacity:1}}
@media(max-width:1000px){.tl-brand{min-height:490px;padding-inline:6%;gap:2%}.tl-kicker{font-size:8px;margin-bottom:30px}.tl-brand-copy>p{font-size:32px}.tl-brand .tl-caption{font-size:25px}.tl-brand .tl-wave{width:115px}}
@media(max-width:700px){.tl-brand{grid-template-columns:1fr;gap:30px;padding:40px 24px 84px}.tl-brand-copy{text-align:center;padding:0}.tl-kicker{margin-bottom:24px;font-size:8px}.tl-signature{transform-origin:center}.tv-case .tl-signature>.tp-wordmark{width:185px;margin:auto}.tl-brand-copy>p{font-size:27px;margin-top:18px}.tl-brand-art{max-width:350px}.tl-brand-art>.tl-orb{margin-top:-5px}.tv-case .tl-brand>figcaption{bottom:28px;left:20px;font-size:9px;max-width:45%}.tv-case .tl-toggle{right:16px;bottom:18px;font-size:10px;padding:8px 10px}.tl-scene{max-width:280px}}
@media(prefers-reduced-motion:reduce){[data-tl-motion] *{animation:none!important}.tl-toggle svg{display:none}}