/* Voice avatar extends the existing emblem and preserves its 3D geometry. */
.hero .brand-visual{position:relative}
.avatar-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:8px auto 0;position:relative;z-index:3}
.avatar-listen,.avatar-stop{font:inherit;font-size:14px;line-height:1.4;color:#dbeafe;border:1px solid #93c5fd55;background:#13253b70;border-radius:24px;padding:12px 17px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;min-height:44px}
.avatar-listen svg{width:18px;height:18px;flex:none}
.avatar-listen:hover,.avatar-stop:hover{border-color:#93c5fd;color:#fff;background:#21437080}
.avatar-listen:focus-visible,.avatar-stop:focus-visible{outline:2px solid #93c5fd;outline-offset:4px}
.avatar-listen[aria-pressed="true"]{border-color:#67d5ed;color:#d1faff}
.avatar-status{flex-basis:100%;text-align:center;color:#aabdd6;font-size:13px;min-height:20px;margin:0}
html.intro-pending .avatar-controls{visibility:hidden}
.avatar-face{transition:transform 850ms cubic-bezier(.22,.68,.18,1),border-radius 850ms,opacity 500ms;backface-visibility:visible}
.avatar-open .avatar-face{border-radius:35%;opacity:.78}
.avatar-core{scale:var(--voice-core,1)}
.avatar-ring{scale:var(--voice-ring,1)}
/* The rotor keeps its original continuous rotation, including during speech. */
.avatar-open.avatar-speaking .avatar-face{transition:transform 65ms ease-out,scale 65ms ease-out,border-radius 850ms,opacity 500ms;scale:var(--voice-face-scale,1)}
.cockpit-explanations{margin-top:36px;background:transparent}
.cockpit-explanations .view-explanation{padding:12px 0 0;border:0;background:transparent;box-shadow:none}
.cockpit-explanations .view-explanation h3{font-size:clamp(23px,2.2vw,30px);margin:16px 0 32px}
.explanation-icon{width:30px;height:30px;color:#93c5fd;display:block;margin-bottom:16px}
.explanation-columns h4{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 12px;color:#e2ebf8}
.cockpit-explanations .explanation-columns{gap:36px}
@media(max-width:800px){.hero .cube-stage{height:260px}.avatar-controls{margin-top:0}.cockpit-explanations{margin-top:24px}.cockpit-explanations .explanation-columns{gap:28px}}
@media(prefers-reduced-motion:reduce){.avatar-face{transition:none}.avatar-core,.avatar-ring,.avatar-face{scale:1!important}}