.calling-hero{display:flex;align-items:center;gap:1.25rem;padding:1.75rem;margin-bottom:1.25rem;border:1px solid #3b567c;border-radius:16px;background:linear-gradient(115deg,#1b3357,#17263e)}
.calling-hero-icon{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:18px;background:rgba(96,165,250,.15);color:#93c5fd;font-size:2rem}
.calling-hero-copy{flex:1}.calling-hero h2{font-size:1.5rem;font-weight:700;margin:.3rem 0 .5rem}.calling-hero p{margin:0;color:#b9c9df;font-size:.9rem;max-width:560px;line-height:1.6}.calling-hero>.btn-accent{flex-shrink:0;min-height:46px}
.calling-eyebrow{font-size:.68rem;letter-spacing:.16em;font-weight:700;color:#93c5fd}
.calling-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.calling-metrics .sip-card{padding:1.25rem}
.calling-label{font-size:.8rem;color:var(--muted);margin-bottom:.75rem}.calling-state,.calling-amount{font-size:1.1rem;font-weight:650;line-height:1.4}
[data-call-connection][data-state=connected],#calling-microphone[data-state=granted]{color:#86efac}
[data-call-connection][data-state=connecting],#calling-microphone[data-state=prompt]{color:#fcd34d}
[data-call-connection][data-state=disconnected],[data-call-connection][data-state=unavailable],#calling-microphone[data-state=denied],#calling-microphone[data-state=unsupported]{color:#fca5a5}
.calling-amount{font-size:1.7rem}.calling-muted{color:var(--muted);font-size:.84rem;line-height:1.65;margin:.5rem 0 0}.calling-link{border:0;background:transparent;color:#93c5fd;padding:.5rem 0;font-size:.84rem;text-align:left;cursor:pointer}.calling-link:hover{text-decoration:underline}
.calling-heading{font-size:1rem;font-weight:650;margin-bottom:1rem}.calling-actions{display:grid;gap:.6rem}.calling-actions>button{display:flex;gap:.9rem;align-items:center;text-align:left;width:100%;padding:.95rem;background:#152238;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer}.calling-actions>button:hover{border-color:#60a5fa;background:#1b2e49}.calling-actions>button>i:first-child{font-size:1.3rem;color:#93c5fd}.calling-actions>button>i:last-child{margin-left:auto;color:var(--muted)}.calling-actions strong{display:block;font-size:.9rem}.calling-actions small{display:block;color:var(--muted);font-size:.78rem;margin-top:.2rem;line-height:1.5}
.calling-steps{padding-left:1.2rem;color:var(--muted);font-size:.86rem;line-height:1.7}.calling-steps li{padding-left:.35rem;margin-bottom:.9rem}.calling-steps li::marker{color:#93c5fd;font-weight:700}.calling-footer{display:flex;align-items:flex-start;flex-direction:column;gap:.6rem;border-top:1px solid var(--border);padding-top:1rem}.calling-quick{height:100%}.calling-quick>.btn-accent{margin-top:1rem}
.calling-actions>button:focus-visible,.calling-link:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}
@media(max-width:1100px){.calling-hero{flex-wrap:wrap}.calling-hero>.btn-accent{margin-left:84px}.calling-hero-copy{min-width:200px}}
@media(max-width:650px){.calling-hero{padding:1.1rem;gap:.8rem;margin-top:.6rem}.calling-hero-icon{width:46px;height:46px;border-radius:12px;font-size:1.4rem}.calling-hero h2{font-size:1.2rem}.calling-hero-copy{min-width:0}.calling-hero>.btn-accent{margin-left:0;width:100%}.calling-metrics{grid-template-columns:1fr;gap:.65rem}.calling-metrics .sip-card{padding:1rem}.calling-hero p{font-size:.82rem}.calling-actions>button{padding:.8rem}.calling-state{font-size:1rem}}