/* Homepage conversation illustration; intentionally scoped away from the Voice product surface. */
.ar-voice-exchange[data-voice-exchange]{--vx-gold:#edbd73;--vx-rule:#57432c;box-sizing:border-box;position:relative;width:100%;max-width:700px;min-width:0;background:linear-gradient(135deg,rgba(43,31,17,.96),rgba(13,12,10,.98) 76%);color:#f2ebe1;border:1px solid #725536;font:16px/1.35 var(--ar-sans,Arial,sans-serif);text-align:left;container-type:inline-size}
.ar-voice-exchange[data-voice-exchange] *{box-sizing:border-box}
.ar-voice-exchange[data-voice-exchange] p,.ar-voice-exchange[data-voice-exchange] h3{margin:0}
.ar-voice-exchange[data-voice-exchange] .ar-vx-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--vx-rule);color:#e0bc86;font:11px/1.4 var(--ar-mono,monospace);letter-spacing:.02em}
.ar-voice-exchange[data-voice-exchange] .ar-vx-header>span:last-child{color:#bfb3a1;font-size:10px}
.ar-voice-exchange[data-voice-exchange] .ar-vx-body{padding:18px 24px 0}
.ar-voice-exchange[data-voice-exchange] h3{font:32px/1.04 var(--ar-medium,Arial,sans-serif);font-weight:400;letter-spacing:-1px}
.ar-voice-exchange[data-voice-exchange] .ar-vx-wave{height:52px;display:flex;gap:5px;align-items:center;justify-content:center;margin:4px 0 0;overflow:hidden}
.ar-voice-exchange[data-voice-exchange] .ar-vx-wave i{display:block;width:4px;height:12px;flex:0 0 4px;border-radius:8px;background:var(--vx-gold);box-shadow:0 0 14px #e7ac5230;transform:scaleY(.8);animation:ar-vx-signal 1.05s ease-in-out infinite alternate;animation-play-state:paused}
.ar-voice-exchange[data-voice-exchange] .ar-vx-wave i:nth-child(3n){height:34px;animation-delay:-.45s;background:#f5d7a3}
.ar-voice-exchange[data-voice-exchange] .ar-vx-wave i:nth-child(4n){height:49px;animation-delay:-.7s}
.ar-voice-exchange[data-voice-exchange] .ar-vx-wave i:nth-child(5n){height:49px;animation-delay:-.2s}
.ar-voice-exchange[data-voice-exchange] .ar-vx-wave i:nth-child(7n){height:24px;animation-delay:-.85s}
.ar-voice-exchange[data-voice-exchange][data-playing=true] .ar-vx-wave i{animation-play-state:running}
.ar-voice-exchange[data-voice-exchange] .ar-vx-states{display:flex;justify-content:center;gap:28px;font:10px/1.4 var(--ar-mono,monospace);letter-spacing:.04em;text-transform:uppercase;color:#a99d8b}
.ar-voice-exchange[data-voice-exchange] .ar-vx-states>span{display:flex;align-items:center;gap:6px}
.ar-voice-exchange[data-voice-exchange] .ar-vx-states>span:before{content:'';width:5px;height:5px;border-radius:50%;background:#766854}
.ar-voice-exchange[data-voice-exchange][data-speaker=caller] [data-vx-listening],.ar-voice-exchange[data-voice-exchange][data-speaker=athena] [data-vx-speaking]{color:#f0d6ac}
.ar-voice-exchange[data-voice-exchange][data-speaker=caller] [data-vx-listening]:before,.ar-voice-exchange[data-voice-exchange][data-speaker=athena] [data-vx-speaking]:before{background:var(--vx-gold)}
.ar-voice-exchange[data-voice-exchange] .ar-vx-dialog{display:grid;gap:12px;padding:18px 0;min-height:100px}
.ar-voice-exchange[data-voice-exchange] .ar-vx-turn{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:baseline}
.ar-voice-exchange[data-voice-exchange] .ar-vx-turn>span{font:13px/1.4 var(--ar-mono,monospace);color:#ada18e}
.ar-voice-exchange[data-voice-exchange] .ar-vx-turn p{font:16px/1.35 var(--ar-sans,Arial,sans-serif);letter-spacing:-.15px;color:#ddd6cc;min-width:0;overflow-wrap:anywhere}
.ar-voice-exchange[data-voice-exchange] .ar-vx-athena>span{color:var(--vx-gold)}
.ar-voice-exchange[data-voice-exchange] .ar-vx-athena p{color:#f2e9db}
.ar-voice-exchange[data-voice-exchange] .ar-vx-next{padding:11px 15px;background:#bd864b0b;border:1px solid var(--vx-rule);min-height:60px}
.ar-voice-exchange[data-voice-exchange] .ar-vx-next>span{font:13px/1.4 var(--ar-mono,monospace);color:#e6bf85;letter-spacing:.02em}
.ar-voice-exchange[data-voice-exchange] .ar-vx-next p{font:16px/1.4 var(--ar-sans,Arial,sans-serif);color:#cfc2af;margin-top:5px}
.ar-voice-exchange[data-voice-exchange] .ar-vx-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 17px 0}
.ar-voice-exchange[data-voice-exchange] button{appearance:none;border:0;border-radius:0;background:none;font:12px/1.2 var(--ar-sans,Arial,sans-serif);color:#dfc49c;cursor:pointer;min-height:44px;padding:8px;touch-action:manipulation}
.ar-voice-exchange[data-voice-exchange] button:hover{color:#fff2da}
.ar-voice-exchange[data-voice-exchange] button:focus-visible{outline:2px solid var(--vx-gold);outline-offset:1px;border-radius:3px}
.ar-voice-exchange[data-voice-exchange] button:disabled{opacity:.5;cursor:default}
.ar-voice-exchange[data-voice-exchange] .ar-vx-dots{display:flex}
.ar-voice-exchange[data-voice-exchange] .ar-vx-dots button{width:30px;padding:0;display:grid;place-items:center}
.ar-voice-exchange[data-voice-exchange] .ar-vx-dots button span{width:6px;height:6px;border-radius:50%;background:#766449}
.ar-voice-exchange[data-voice-exchange] .ar-vx-dots button[aria-pressed=true] span{background:#f3c780;box-shadow:0 0 0 4px #d99c4620}
.ar-voice-exchange[data-voice-exchange] .ar-vx-actions{display:flex;gap:6px;align-items:center}
.ar-voice-exchange[data-voice-exchange] [data-vx-play]{border:1px solid #755a37;border-radius:30px;min-height:34px;padding:8px 13px;min-width:105px}
.ar-voice-exchange[data-voice-exchange] .ar-vx-note{font:10px/1.4 var(--ar-sans,Arial,sans-serif);color:#b5aa99;padding:0 24px 12px}
@keyframes ar-vx-signal{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@container (max-width:420px){
 .ar-voice-exchange[data-voice-exchange] .ar-vx-header{padding:13px 16px;font-size:10px;gap:8px}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-header>span:last-child{font-size:9px}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-body{padding:20px 16px 0}
 .ar-voice-exchange[data-voice-exchange] h3{font-size:30px;letter-spacing:-.8px}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-wave{gap:4px;height:58px}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-dialog{min-height:138px;gap:16px;padding:20px 0}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-turn{grid-template-columns:54px 1fr;gap:10px}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-turn p{font-size:15px}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-next{min-height:74px;padding:11px 12px}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-controls{padding:8px 8px 0;gap:2px}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-dots button{width:27px}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-actions{gap:0}
 .ar-voice-exchange[data-voice-exchange] button{font-size:11px;padding:7px}
 .ar-voice-exchange[data-voice-exchange] [data-vx-play]{min-width:96px;padding:8px 10px}
 .ar-voice-exchange[data-voice-exchange] .ar-vx-note{padding:2px 16px 13px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.ar-voice-exchange[data-voice-exchange] .ar-vx-wave i{animation:none!important}}

/* Preference popovers sit below their controls without changing panel geometry. */
.ar-demo-preferences select[hidden]{display:none!important}
.ar-demo-preferences .ar-demo-menu{position:relative;min-width:0;width:100%}
.ar-demo-preferences .ar-demo-menu-trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:46px;padding:10px 18px;border:1px solid #65533d;border-radius:6px;background:#13100c;color:#fff;font:16px/1.4 var(--ar-sans);text-align:left;cursor:pointer}
.ar-demo-menu-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-demo-preferences .ar-demo-menu-trigger::after{content:'';width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);flex:0 0 7px;margin:0 3px 0 6px}
.ar-demo-preferences .ar-demo-menu-trigger[aria-expanded=true]::after{transform:rotate(225deg) translate(-2px,-2px)}
.ar-demo-preferences .ar-demo-menu-trigger:disabled{opacity:.65;cursor:default}
.ar-demo-preferences .ar-demo-menu-trigger:focus-visible{outline:2px solid #edbd73;outline-offset:3px}
.ar-demo-preferences .ar-demo-menu-popover{box-sizing:border-box;position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:100%;max-height:var(--ar-menu-height,304px);display:flex;flex-direction:column;padding:5px;border:1px solid #796145;border-radius:6px;background:#13100c;color:#fff;box-shadow:0 10px 24px #000b;overflow:hidden}
.ar-demo-preferences .ar-demo-menu-popover[hidden]{display:none!important}
.ar-demo-preferences .ar-demo-menu-search{box-sizing:border-box;flex:0 0 auto;width:100%;min-width:0;height:42px;margin:0 0 5px;padding:10px;border:1px solid #796145;border-radius:3px;outline-offset:-2px;background:#211a12;color:#fff;font:16px/1.3 var(--ar-sans)}
.ar-demo-menu-search::placeholder{color:#c8b9a4;opacity:1}
.ar-demo-menu-search:focus{outline:2px solid #edbd73}
.ar-demo-preferences .ar-demo-menu-options{box-sizing:border-box;position:relative;min-height:0;width:100%;max-height:240px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b69461 #211a12;font:15px/1.4 var(--ar-sans);-webkit-overflow-scrolling:touch}
.ar-demo-preferences .ar-demo-menu-options[hidden]{display:none!important}
.ar-demo-preferences .ar-demo-menu-options [role=option]{padding:10px 9px;min-height:40px;box-sizing:border-box;border-radius:3px;cursor:pointer;overflow-wrap:anywhere}
.ar-demo-preferences .ar-demo-menu-options [role=option]:hover,.ar-demo-preferences .ar-demo-menu-options .is-highlighted{background:#5d452b;color:#fff}
.ar-demo-preferences .ar-demo-menu-options [aria-selected=true]{color:#f5ce94}
.ar-demo-preferences .ar-demo-menu-empty{padding:12px 9px;margin:0;color:#d8c7ae;font:14px/1.4 var(--ar-sans)}
.ar-demo-refresh{box-sizing:border-box;display:grid;gap:8px;width:100%;max-width:430px;padding:18px 20px;border:1px solid #6b5335;border-radius:8px;background:linear-gradient(115deg,#38281580,#15110c);color:#f4d09a}
.ar-demo-refresh[hidden]{display:none!important}
.ar-demo-refresh-label{font:11px/1.4 var(--ar-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#e2c399}
.ar-demo-refresh-time{font:clamp(26px,3vw,38px)/1.1 var(--ar-mono,monospace);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#f6cd8c}