/* Dedicated Voice product page. Shared header, motion and footer use the site styles. */
.buyer-questions { padding-block: clamp(48px, 6vw, 84px); border-block: 1px solid #d5e3ec; background: #f4f9fc; }
.buyer-questions h2 { max-width: 22ch; }
.buyer-questions-list { margin-top: 2rem; max-width: 54rem; }
.buyer-questions details { border-bottom: 1px solid #cbdfe9; padding-block: 1.05rem; }
.buyer-questions summary { color: #082b48; font-weight: 650; font-size: 1.05rem; line-height: 1.5; cursor: pointer; }
.buyer-questions details p { color: #4c6478; line-height: 1.75; margin: .9rem 0 .1rem; max-width: 70ch; }
.buyer-questions a { color: #006ab0; text-decoration: underline; text-underline-offset: .15em; }
.voice-page { --vp-navy: #082b48; --vp-blue: #006ab0; --vp-muted: #4c6478; --vp-rule: #d5e3ec; --vp-tint: #f4f9fc; }
.voice-page main { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: var(--vp-navy); }
.voice-page .header nav > a:is([aria-current="page"], [aria-current="location"]) { color: var(--vp-blue); }
.voice-page .header nav > a:is([aria-current="page"], [aria-current="location"])::after { transform: scaleX(1); }
.voice-wrap { width: min(89%, 1248px); margin-inline: auto; }
.voice-hero-band { background: linear-gradient(115deg, #fff 40%, #f0f8fc 100%); border-bottom: 1px solid var(--vp-rule); }
.voice-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .7rem; padding-top: 24px; font-size: .76rem; line-height: 1.5; color: var(--vp-muted); }
.voice-crumbs a { color: var(--vp-blue); }
.voice-crumbs a:hover { text-decoration: underline; }
.voice-crumbs > span[aria-hidden] { color: #91a9ba; }
.voice-hero { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(0, 1fr); gap: clamp(2rem, 6.5vw, 7rem); align-items: center; padding-block: clamp(42px, 4.7vw, 72px) clamp(52px, 5.5vw, 90px); }
.voice-kicker { color: #3b647c; font-size: .67rem; letter-spacing: .16em; line-height: 1.45; font-weight: 710; margin: 0 0 1.05rem; display: flex; align-items: center; gap: .65rem; }
.voice-page h1 { font-size: clamp(3rem, 4.75vw, 4.65rem); letter-spacing: -.06em; line-height: 1.035; font-weight: 670; margin: 0 0 1.3rem; }
.voice-page h1 em { font-style: normal; color: var(--vp-blue); }
.voice-page h2 { font-size: clamp(2.1rem, 3.3vw, 3.25rem); line-height: 1.07; font-weight: 650; letter-spacing: -.045em; margin: 0; }
.voice-lead { max-width: 490px; color: var(--vp-muted); font-size: clamp(1rem, 1.36vw, 1.18rem); line-height: 1.67; margin: 0; }
.voice-actions { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; margin-top: 1.85rem; }
.voice-primary, .voice-text-action { display: inline-flex; align-items: center; gap: .6rem; font-size: .94rem; font-weight: 650; min-height: 44px; }
.voice-primary { background: var(--vp-blue); padding: .82rem 1.12rem; color: #fff; border-radius: 10px; box-shadow: 0 5px 15px #0a578718; }
.voice-primary:hover { background: #00548c; }
.voice-text-action { color: var(--vp-blue); }
.voice-text-action:hover, .voice-call figcaption a:hover { text-decoration: underline; text-underline-offset: 4px; }
.voice-call { isolation: isolate; position: relative; overflow: hidden; margin: 0; padding: clamp(22px, 2.65vw, 40px); border-radius: 26px; background: radial-gradient(ellipse at 100% 0%, #154c71, transparent 60%), #092d49; color: #fff; box-shadow: 0 20px 50px -28px #072b4766; }
.voice-call-labels { display: flex; align-items: center; justify-content: space-between; gap: .7rem; flex-wrap: wrap; }
.voice-call-type, .voice-illustrated { font-size: .75rem; font-weight: 600; color: #d2eeff; }
.voice-call-type { display: flex; align-items: center; gap: .48rem; }
.voice-call-type svg { color: #60d9ff; }
.voice-illustrated { border: 1px solid #6892a9; border-radius: 20px; padding: .23rem .62rem; }
.voice-call blockquote { font-size: clamp(1.38rem, 2.02vw, 2rem); line-height: 1.28; letter-spacing: -.035em; font-weight: 535; margin: 1.6rem 0 .9rem; max-width: 24ch; text-wrap: pretty; }
.voice-waveform { display: block; width: 100%; height: 42px; }
.voice-wave-base { fill: none; stroke: #5695b1; stroke-width: 1; }
.voice-wave-bars { fill: none; stroke: #4ad2ff; stroke-width: 3; stroke-linecap: round; }
.voice-call-note { border-top: 1px solid #47728b; margin-top: 1rem; padding-top: .95rem; }
.voice-call-note p { color: #b8d2e1; font-size: .69rem; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; margin: 0 0 .6rem; }
.voice-call-note dl { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 0; }
.voice-call-note dt { color: #d1e4ef; font-size: .76rem; line-height: 1.4; }
.voice-call-note dd { font-size: 1rem; margin: .22rem 0 0; font-weight: 620; line-height: 1.4; }
.voice-call figcaption { margin-top: 1rem; }
.voice-call figcaption a { display: inline-flex; align-items: center; gap: .8rem; padding-block: .4rem; color: #7ce0ff; font-weight: 620; font-size: .84rem; }
.voice-page :where(.voice-hero, .voice-section-head, .voice-demo-layout) > * { min-width: 0; }
.voice-screening, .voice-practice, .voice-get-in-touch { padding-block: clamp(52px, 6.7vw, 94px); }
.voice-section-head { display: flex; align-items: end; justify-content: space-between; gap: 2.5rem; margin-bottom: clamp(26px, 3.4vw, 46px); }
.voice-section-head > p { color: var(--vp-muted); max-width: 390px; margin: 0; line-height: 1.65; }
.voice-library { display: grid; grid-template-columns: minmax(0, 1.78fr) minmax(0, 1fr); grid-template-areas: "films list"; gap: clamp(18px, 2.5vw, 36px); align-items: start; }
.voice-films { grid-area: films; display: grid; gap: 1.4rem; min-width: 0; }
.voice-film { display: flex; flex-direction: column; align-items: stretch; min-width: 0; background: var(--vp-tint); padding: clamp(18px, 2.3vw, 32px); border: 1px solid var(--vp-rule); border-radius: 19px; }
.voice-film[hidden], .voice-library [hidden] { display: none !important; }
.voice-film .eyebrow { color: #416880; font-size: .66rem; margin-bottom: .55rem; }
.voice-film h3 { color: var(--vp-navy); font-size: clamp(1.45rem, 2.1vw, 2rem); letter-spacing: -.04em; line-height: 1.15; margin: 0 0 .7rem; }
.voice-film p { color: var(--vp-muted); font-size: .94rem; margin: 0 0 1.1rem; }
.voice-film video { display: block; width: 100%; height: auto; aspect-ratio: 16/9; border-radius: 9px; background: #082138; object-fit: contain; }
.voice-page :is(#film, .voice-film) { scroll-margin-top: 104px; }
.voice-media-note { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem; margin-top: .6rem; color: var(--vp-muted); font-size: .8rem; }
.voice-media-note a { color: var(--vp-blue); text-decoration: underline; text-underline-offset: .15em; }
.voice-alternative + .voice-alternative { margin-top: 1.1rem; }
.voice-alternative h4 { color: var(--vp-navy); font-size: 1rem; margin: .65rem 0; }
.voice-film details { margin: 1rem 0 0; border-top: 1px solid var(--vp-rule); padding: .8rem 0 .1rem; }
.voice-film summary { cursor: pointer; color: var(--vp-blue); font-size: .88rem; font-weight: 620; }
.voice-film details[open] summary { margin-bottom: .8rem; }
.voice-film details p:last-child { margin-bottom: 0; }
.voice-film details a { text-decoration: underline; color: var(--vp-blue); }
.voice-film-list { grid-area: list; min-width: 0; display: grid; align-content: start; gap: 8px; }
.voice-film-list :is(ul,ol) { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.voice-film-list h3 { font-size: 1.06rem; letter-spacing: -.015em; margin: 0 0 .4rem; }
.voice-film-link { display: flex; align-items: center; gap: clamp(9px, 1.1vw, 17px); min-width: 0; background: #fff; border: 1px solid var(--vp-rule); border-radius: 11px; padding: .62rem; color: var(--vp-navy); }
.voice-film-link:hover { border-color: #63a6cd; background: #f5faff; }
.voice-film-link:is([aria-current]:not([aria-current=false]), .is-active, .active) { border-color: #0077bb; box-shadow: inset 3px 0 #0077bb; background: #ecf7fd; }
.voice-film-link img { flex: none; width: clamp(66px, 7.2vw, 98px); height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 5px; background: #0b3551; }
.voice-film-link > span { min-width: 0; }
.voice-film-link small { display: block; color: #446780; font-size: .68rem; letter-spacing: .035em; line-height: 1.45; }
.voice-film-link strong { display: block; font-size: .94rem; margin-top: .14rem; line-height: 1.3; font-weight: 630; overflow-wrap: anywhere; }
.voice-practice { border-block: 1px solid var(--vp-rule); background: var(--vp-tint); }
.voice-steps { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(1.4rem, 4vw, 4rem); margin: clamp(28px, 3.5vw, 45px) 0 0; padding: 0; }
.voice-steps li { border-top: 1px solid #a8c5d7; padding-top: 1rem; }
.voice-steps h3 { margin: 0 0 .45rem; font-size: 1.45rem; font-weight: 650; letter-spacing: -.035em; }
.voice-steps p { margin: 0; color: var(--vp-muted); font-size: .96rem; max-width: 38ch; }
.voice-demo-layout { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.voice-demo-layout > div:first-child { max-width: 640px; }
.voice-demo-layout h2 { margin-bottom: .85rem; }
.voice-demo-layout h2 + p { margin-bottom: 0; color: var(--vp-muted); max-width: 51ch; }
.voice-demo-layout .voice-actions { margin-top: 0; }
.voice-page summary:focus-visible { outline: 3px solid #008bc9; outline-offset: 4px; border-radius: 3px; }
@media (max-width: 900px) {
  .voice-hero { gap: 1.75rem; grid-template-columns: minmax(0,.94fr) minmax(0,1fr); }
  .voice-demo-layout { display: block; }
  .voice-demo-layout .voice-actions { margin-top: 1.25rem; }
}
@media (max-width: 740px) {
  .voice-wrap { width: 88%; }
  .voice-hero { grid-template-columns: minmax(0,1fr); padding-block: 32px 45px; gap: 30px; }
  .voice-hero-copy, .voice-call { max-width: 550px; }
  .voice-call { width: 100%; }
  .voice-page h1 { font-size: clamp(2.7rem, 8.1vw, 3.8rem); }
  .voice-page h1 em > br { display: none; }
  .voice-lead { font-size: 1rem; }
  .voice-section-head { display: block; }
  .voice-section-head > p { margin-top: .9rem; }
  .voice-library { grid-template-columns: minmax(0,1fr); grid-template-areas: "films" "list"; gap: 18px; }
  .voice-film-link img { width: 78px; }
  .voice-steps { grid-template-columns: 1fr; gap: 1.2rem; }
  .voice-steps li { padding-top: 1rem; }
  .voice-steps h3 { margin: 0; }
  .voice-steps p { max-width: none; margin-top: .4rem; }
}
@media (max-width: 370px) {
  .voice-wrap { width: calc(100% - 34px); }
  .voice-call { padding: 19px; }
  .voice-call-labels { gap: .48rem; }
  .voice-call figcaption a { font-size: .8rem; }
  .voice-actions { gap: .85rem; }
}
@media print {
  .voice-page .voice-call { background: #fff; color: #000; box-shadow: none; border: 1px solid #aaa; }
  .voice-call * { color: inherit; }
  .voice-call-type svg { color: inherit; }
  .voice-page .voice-primary { background: transparent; color: black; box-shadow: none; }
}