/* Retain the production design; only the added controls and condensed section differ. */
/* Audio and transcript styling is kept in call-player.css. */
.call-options{position:relative;z-index:2;display:flex;gap:6px;padding:5px;margin:0 0 12px;background:#eaf0f7;border:1px solid var(--line);border-radius:var(--radius-pill)}
.call-options button{flex:1;border:0;border-radius:var(--radius-pill);padding:11px 10px;background:transparent;color:var(--navy-ink);font:600 12px/1.4 "DM Sans",sans-serif;cursor:pointer}
.call-options button[aria-pressed="true"]{background:var(--navy);color:white;box-shadow:var(--shadow-sm)}
.call-options button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.problem-compact{padding-top:65px;padding-bottom:65px}
.problem-compact .section-heading{margin-bottom:24px}
.problem-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.problem-details>summary{display:flex;justify-content:space-between;font-weight:700;cursor:pointer;list-style:none}
.problem-details>summary::-webkit-details-marker{display:none}
.problem-details>summary span{font-size:22px;color:var(--navy)}
.problem-details[open]>summary span{transform:rotate(45deg)}
.problem-details .problem-grid{margin-top:24px}
.problem-compact .problem-summary{margin-top:24px}
@media(max-width:600px){.problem-compact{padding-top:45px;padding-bottom:45px}.call-options button{font-size:11px;padding:11px 8px}}

/* Stronger contrast at the decision points, using Angel's existing palette. */
.hero-grid{gap:64px}
.hero-visual{padding:23px;border:1px solid #355e8d;border-radius:34px;background:radial-gradient(ellipse at 100% 0%,#416b9e 0%,transparent 57%),linear-gradient(155deg,#244f80,#142a50);box-shadow:0 30px 65px rgba(24,50,96,.22)}
.hero-visual .signal-ring{display:none}
.call-options{margin-bottom:20px;padding:5px;border:1px solid rgba(255,255,255,.22);background:rgba(10,26,51,.32);border-radius:16px}
.call-options button{padding:12px 10px;color:#e4edf8;border-radius:11px;font-size:12px}
.call-options button[aria-pressed="true"]{background:var(--gold-bright);color:#172b4d;box-shadow:0 3px 12px rgba(0,0,0,.13)}
.call-card{border:0;border-radius:20px;background:white;box-shadow:0 12px 25px rgba(5,18,36,.15)}
.call-card::before{display:none}
.call-card-header{padding:20px 20px 16px}
.call-identity strong{font-size:1rem}
.live-status{color:#506580;font-weight:600;background:#edf2f8;border-radius:30px;padding:6px 9px;font-size:10px;white-space:nowrap}
.live-status i{display:none}
.call-meta{padding:18px 20px 6px}
.conversation{padding:16px 20px 20px;gap:16px}
.message{padding:15px 17px;max-width:93%}
.message p{font-size:.94rem;line-height:1.55}
.message span{font-size:.65rem;letter-spacing:.07em}
.caller-message{background:#eaf0f7}
.angel-message{background:#245488}
.capture-status{margin:0 14px 16px;padding:17px 15px;border:1px solid #e7c76b;background:#fff4ce}
.status-title strong{font-size:.85rem}
.status-title span:not(.status-icon){font-size:.73rem;line-height:1.4;margin-top:4px}
.status-icon{flex:none;background:#f4d374;color:#634204}
.capture-status ul{font-size:.67rem}
.hero-action-row .button{background:var(--gold-bright);color:#172b4d;box-shadow:0 12px 28px rgba(199,142,13,.2)}
.hero-action-row .button:hover{background:#ffca4a;box-shadow:0 15px 32px rgba(199,142,13,.27)}
.hero-action-row{align-items:flex-start;flex-direction:column;gap:14px}
.trial-note{max-width:440px;font-size:.75rem;line-height:1.6}
.proof-section{background:linear-gradient(125deg,#152c52,#234d7b);padding:82px 0}
.proof-section::before{opacity:.045}
.proof-glow{opacity:.3}
.proof-number{color:#f7bd3b;text-shadow:0 4px 25px rgba(241,173,40,.13)}
.proof-caption{color:white}
.proof-story .qualifier{color:#b7c8dc}
.proof-result .eyebrow{color:#d2dfef}
.coverage-card.emphasized{border-top:5px solid var(--gold-bright)}
.feature-card:not(.featured) .icon-box{background:#dce9f7;color:#204f83}
.feature-card{border-color:#d5dfec}
.problem-compact .section-heading h2{max-width:760px}
.problem-details{background:#edf3fa;border:1px solid #d6e1ef;padding:20px 24px;border-radius:16px}
.problem-details .problem-grid{gap:18px}
.problem-details .problem-card{background:white}
@media(max-width:900px){.hero-grid{gap:42px}.hero-visual{justify-self:center;max-width:540px}.hero-action-row{align-items:stretch}.trial-note{max-width:none}.hero-action-row .button{align-self:flex-start}}
@media(max-width:600px){.hero-visual{padding:15px;border-radius:25px}.call-options{margin-bottom:14px}.call-options button{font-size:11px;padding:10px 6px}.call-card-header{padding:17px 15px 14px}.call-identity{gap:8px}.angel-avatar{width:39px;height:39px}.angel-avatar img{width:32px}.call-meta{padding:15px 15px 5px}.conversation{padding:14px 15px 17px}.message{max-width:96%;padding:13px 14px}.message p{font-size:.87rem}.capture-status{margin:0 10px 12px;padding:14px 12px}.status-title strong{font-size:.79rem}.status-title span:not(.status-icon){font-size:.68rem}.hero-action-row .button{align-self:stretch}.trial-note{text-align:left;font-size:.74rem}.proof-section{padding:57px 0}.problem-details{padding:17px}.proof-number{font-size:clamp(4rem,17vw,5.5rem)}}
.hear-angel-link{color:#234f7c;font-weight:650;font-size:.93rem;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;gap:10px;min-height:38px}
.hear-angel-link:hover{color:#172b4d}
.hear-angel-link:focus-visible{outline:3px solid #c59018;outline-offset:4px;border-radius:3px}
#hear-angel{scroll-margin-top:100px}