.answer-demo-page{background:var(--color-surface-secondary);color:var(--color-navy)}
.answer-demo-hero{min-height:900px;padding:144px 0 96px;display:flex;align-items:center;background:radial-gradient(circle at 91% 4%,rgba(63,102,255,.24),transparent 34%),radial-gradient(circle at 52% 70%,rgba(174,150,255,.12),transparent 32%),linear-gradient(128deg,#fbfcff,#eef2ff)}
.answer-demo-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.05fr);gap:var(--space-16);align-items:center}
.answer-demo-kicker,.answer-demo-section-head>span,.answer-demo-boundary>.container>div>span{display:block;color:var(--color-brand);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.answer-demo-copy h1{margin:0;font-size:clamp(56px,5.2vw,88px);font-weight:520;line-height:.96;letter-spacing:-.06em}
.answer-demo-copy h1 em,.answer-demo-section-head h2 em,.answer-demo-boundary h2 em{color:var(--color-brand-hover);font-family:var(--font-display);font-weight:400}
.answer-demo-copy h1 em{display:block;margin-top:var(--space-2)}
.answer-demo-copy>p{max-width:690px;margin:var(--space-6) 0 0;color:#5d6f86;font-size:15px;line-height:1.7}
.answer-demo-copy>a{display:inline-block;margin-top:var(--space-6);padding-bottom:var(--space-1);border-bottom:1px solid #98a6b9;font-size:12px;font-weight:700}
.answer-demo-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid rgba(11,31,56,.13)}
.answer-demo-facts span{color:#65758b;font-size:12px;line-height:1.5}.answer-demo-facts b{display:block;margin-bottom:var(--space-1);color:var(--color-navy);font-size:12px}
.answer-simulator{min-height:640px;overflow:hidden;border:1px solid rgba(33,59,102,.3);border-radius:var(--radius-large);background:var(--color-navy);color:#fff;box-shadow:var(--shadow-dialog)}
.simulator-bar{min-height:56px;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29435e;background:var(--color-navy-raised)}
.simulator-bar>div{display:flex;align-items:center;gap:var(--space-2)}.simulator-bar i{width:8px;height:8px;border-radius:50%;background:var(--color-brand);box-shadow:0 0 0 5px rgba(63,102,255,.12)}
.simulator-bar span,.simulator-bar b{font-size:11px;letter-spacing:.1em}.simulator-bar span{color:#aebdd0}.simulator-bar b{color:#b9c6ff}
.simulator-intro{min-height:584px;padding:var(--space-16) var(--space-12) var(--space-12);display:flex;flex-direction:column;align-items:center;text-align:center}
.simulator-orb{width:108px;height:108px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #2b4865;border-radius:50%;background:var(--color-navy-raised);box-shadow:0 0 0 18px rgba(63,102,255,.035)}
.simulator-orb span{width:4px;border-radius:var(--radius-pill);background:#8fa5ff;animation:demo-wave 1.2s ease-in-out infinite}.simulator-orb span:nth-child(1),.simulator-orb span:nth-child(7){height:15px}.simulator-orb span:nth-child(2),.simulator-orb span:nth-child(6){height:28px;animation-delay:.12s}.simulator-orb span:nth-child(3),.simulator-orb span:nth-child(5){height:40px;animation-delay:.24s}.simulator-orb span:nth-child(4){height:55px;animation-delay:.36s}@keyframes demo-wave{50%{transform:scaleY(.55);opacity:.55}}
.simulator-intro>small,.simulator-call-head small,.simulator-result-head small,.simulator-result-card span,.simulator-response label{color:#93a5ba;font-size:11px;font-weight:700;letter-spacing:.1em}
.simulator-intro>small{margin-top:var(--space-12)}.simulator-intro h2{margin:var(--space-3) 0 var(--space-2);font-size:36px;letter-spacing:-.045em}.simulator-intro>p{max-width:470px;margin:0;color:#a5b3c4;font-size:14px;line-height:1.65}
.simulator-start{width:100%;min-height:48px;margin-top:var(--space-8);padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-brand);border-radius:var(--radius-control);background:var(--color-brand);color:#fff;font-size:13px;font-weight:750;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}
.simulator-start:hover{border-color:var(--color-brand-hover);background:var(--color-brand-hover)}
.simulator-privacy{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:#91a2b6;font-size:12px;text-align:left}.simulator-privacy i,.simulator-result-note i{width:24px;height:24px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:rgba(35,132,93,.2);color:#72d5ad;font-style:normal}
.simulator-call{min-height:584px;padding:var(--space-6);display:flex;flex-direction:column}.simulator-call-head{padding-bottom:var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29435e}.simulator-call-head div{display:grid;gap:var(--space-1)}.simulator-call-head strong{font-size:16px}.simulator-call-head time{color:#b7c5d4;font-size:13px;font-variant-numeric:tabular-nums}
.simulator-transcript{height:276px;overflow:auto;padding:var(--space-6) var(--space-1) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);scrollbar-color:#36516e transparent;scrollbar-width:thin}
.simulator-message{max-width:82%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);font-size:13px;line-height:1.58}.simulator-message.system{align-self:flex-start;border:1px solid #2c4865;border-bottom-left-radius:var(--space-1);background:var(--color-navy-raised);color:#dce5ef}.simulator-message.caller{align-self:flex-end;border-bottom-right-radius:var(--space-1);background:var(--color-brand);color:#fff}.simulator-message small{display:block;margin-bottom:var(--space-1);color:#91a2b6;font-size:11px}.simulator-message.caller small{color:#e1e6ff}
.simulator-response{margin-top:auto;padding-top:var(--space-4);border-top:1px solid #29435e}.simulator-response label{display:block;margin-bottom:var(--space-2)}.simulator-response textarea{width:100%;min-height:82px;padding:var(--space-3) var(--space-4);resize:vertical;border:1px solid #36536f;border-radius:var(--radius-control);outline:0;background:#10243e;color:#fff;font-size:14px;line-height:1.55}.simulator-response textarea:focus{border-color:#718cff;box-shadow:var(--focus-ring)}.simulator-response textarea::placeholder{color:#8192a8}
.simulator-response>div{display:flex;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2)}.simulator-response button{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-control);font-size:12px;font-weight:700;cursor:pointer}.simulator-mic{border:1px solid #36536f;background:var(--color-navy-raised);color:#cbd5e1;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.simulator-mic span{margin-right:var(--space-2);color:#8fa5ff}.simulator-mic.listening{border-color:#ff7890;background:#3a2036;color:#fff;box-shadow:0 0 0 3px rgba(255,120,144,.1)}.simulator-mic.listening span{color:#ff91a4}.simulator-mic.processing span{display:inline-block;animation:mic-pulse .8s ease-in-out infinite}.simulator-mic:disabled,.simulator-start:disabled{cursor:wait;opacity:.6}.simulator-mic-note{display:block;margin-top:var(--space-2);color:#8496ab;font-size:11px;line-height:1.45}.simulator-send{margin-left:auto;border:1px solid var(--color-brand);background:var(--color-brand);color:#fff}.simulator-error{margin:var(--space-2) 0 0;color:#ff9cab;font-size:12px}@keyframes mic-pulse{50%{transform:scale(.8);opacity:.35}}
.simulator-footer{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3)}.simulator-progress{display:flex;gap:5px;margin-right:auto}.simulator-progress i{width:28px;height:3px;border-radius:var(--radius-pill);background:#2a435d}.simulator-progress i.active{background:#708cff}.simulator-footer button{min-height:44px;padding:0 var(--space-2);border:0;background:transparent;color:#9bacbf;font-size:11px;cursor:pointer}.simulator-footer button:hover{color:#fff}
.simulator-result{min-height:584px;padding:var(--space-12) var(--space-8) var(--space-8)}.simulator-result-head{display:flex;align-items:center;gap:var(--space-4)}.simulator-result-head>span{width:48px;height:48px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--color-success);font-size:18px}.simulator-result-head h2{margin:var(--space-1) 0 0;font-size:32px;letter-spacing:-.045em}.simulator-result>p{margin:var(--space-6) 0 var(--space-4);color:#a5b3c4;font-size:13px}
.simulator-result-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #2c4865;border-radius:var(--radius-card);background:var(--color-navy-raised)}.simulator-result-card>div{min-height:76px;padding:var(--space-4);border-bottom:1px solid #2c4865}.simulator-result-card>div:nth-child(odd){border-right:1px solid #2c4865}.simulator-result-card>div.wide{grid-column:1/-1;border-right:0}.simulator-result-card>div:last-child{border-bottom:0}.simulator-result-card b{display:block;margin-top:var(--space-2);color:#fff;font-size:13px;line-height:1.45}
.simulator-result-note{display:flex;gap:var(--space-2);margin-top:var(--space-4);color:#91a2b6;font-size:12px;line-height:1.55}.simulator-result-actions{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-6)}.simulator-result-actions button{min-height:44px;padding:0;border:0;border-bottom:1px solid #8293a8;background:transparent;color:#fff;font-size:12px;cursor:pointer}.simulator-result-actions a{margin-left:auto;color:#b9c6ff;font-size:12px}
.answer-demo-explainer{padding:var(--space-24) 0;background:#f0f4fa}.answer-demo-section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-6) var(--space-16);align-items:start}.answer-demo-section-head h2,.answer-demo-boundary h2{margin:0;font-size:clamp(44px,4.4vw,68px);line-height:.98;letter-spacing:-.055em}.answer-demo-section-head h2{grid-column:1}.answer-demo-section-head p{grid-column:2;grid-row:1/3;margin:0;color:#62738a;font-size:15px;line-height:1.7}
.answer-demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-12)}.answer-demo-steps article{min-height:240px;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-sm)}.answer-demo-steps article>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dce3ff;border-radius:var(--radius-control);background:var(--color-brand-soft);color:var(--color-brand);font-size:11px}.answer-demo-steps h3{margin:var(--space-12) 0 var(--space-3);font-size:20px;letter-spacing:-.035em}.answer-demo-steps p{margin:0;color:#64758b;font-size:14px;line-height:1.65}
.answer-demo-boundary{padding:var(--space-24) 0;background:var(--color-navy);color:#fff}.answer-demo-boundary-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--space-24)}.answer-demo-boundary h2{margin-top:var(--space-4)}.answer-demo-boundary p{margin:var(--space-8) 0 var(--space-4);color:#a8b6c6;font-size:15px;line-height:1.7}.answer-demo-boundary a{display:inline-block;padding-bottom:var(--space-1);border-bottom:1px solid #7387a0;color:#dbe4ee;font-size:12px}
[hidden]{display:none!important}
@media(max-width:1050px){.answer-demo-grid{grid-template-columns:1fr}.answer-demo-copy{max-width:820px}.answer-simulator{width:100%;max-width:760px}.answer-demo-hero{padding-top:124px}.answer-demo-section-head,.answer-demo-boundary-grid{grid-template-columns:1fr;gap:var(--space-8)}.answer-demo-section-head p{grid-column:1;grid-row:auto}}
@media(max-width:720px){.answer-demo-hero{min-height:auto;padding:112px 0 80px}.answer-demo-copy h1{font-size:clamp(46px,14vw,62px);line-height:.98}.answer-demo-facts,.answer-demo-steps{grid-template-columns:1fr}.answer-simulator{min-height:620px;border-radius:var(--radius-card)}.simulator-intro{padding:var(--space-12) var(--space-6) var(--space-8)}.simulator-call{padding:var(--space-6) var(--space-4) var(--space-4)}.simulator-transcript{height:270px}.simulator-response>div,.simulator-result-actions{align-items:stretch;flex-direction:column}.simulator-send,.simulator-result-actions a{margin-left:0}.simulator-result{padding:var(--space-8) var(--space-4) var(--space-6)}.simulator-result-card{grid-template-columns:1fr}.simulator-result-card>div,.simulator-result-card>div:nth-child(odd){grid-column:1;border-right:0}.simulator-footer{flex-wrap:wrap}.answer-demo-explainer,.answer-demo-boundary{padding:var(--space-16) 0}.answer-demo-section-head h2,.answer-demo-boundary h2{font-size:42px}.answer-demo-steps article{min-height:0}}
@media(max-width:375px){.simulator-bar{padding-inline:var(--space-4)}.simulator-result-head{align-items:flex-start}.simulator-result-head h2{font-size:28px}}