.voice-capabilities { padding-block: clamp(4rem,7vw,7rem); }
.voice-capabilities:has(#employee-voice-support-panel:not([hidden])) { isolation:isolate; }
.voice-capabilities:has(#employee-voice-support-panel:not([hidden]))::before,
.voice-capabilities:has(#employee-voice-support-panel:not([hidden]))::after {
  content:''; display:block; position:absolute; z-index:-1; pointer-events:none;
  inset:auto; opacity:1; transform:none; clip-path:none; border-radius:50%;
}
.voice-capabilities:has(#employee-voice-support-panel:not([hidden]))::before {
  width:clamp(280px,30vw,420px); height:clamp(280px,30vw,420px);
  top:calc(clamp(280px,30vw,420px) / -2); left:0; background:#dbc4d8;
}
.voice-capabilities:has(#employee-voice-support-panel:not([hidden]))::after {
  width:clamp(180px,17vw,240px); height:clamp(340px,34vw,470px);
  bottom:24px; left:calc(clamp(180px,17vw,240px) / -2); background:#efd17d;
}
.voice-capabilities:has(#booking-rescheduling-panel:not([hidden])) { isolation:isolate; }
.voice-capabilities:has(#booking-rescheduling-panel:not([hidden]))::before,
.voice-capabilities:has(#booking-rescheduling-panel:not([hidden]))::after {
  content:''; display:block; position:absolute; z-index:-1; pointer-events:none;
  inset:auto; opacity:1; transform:none; clip-path:none; border-radius:50%;
  width:clamp(240px,28vw,390px); aspect-ratio:1; height:auto;
}
.voice-capabilities:has(#booking-rescheduling-panel:not([hidden]))::before {
  top:24px; right:clamp(-220px,-17vw,-120px); background:#d0e8cc;
}
.voice-capabilities:has(#booking-rescheduling-panel:not([hidden]))::after {
  top:35%; left:calc(clamp(1.25rem,6vw,6rem) - clamp(240px,28vw,390px) - 18px); background:#213d65;
}
.voice-capabilities:has(#follow-up-calls-panel:not([hidden])) { isolation:isolate; }
.voice-capabilities:has(#follow-up-calls-panel:not([hidden]))::before,
.voice-capabilities:has(#follow-up-calls-panel:not([hidden]))::after {
  content:''; display:block; position:absolute; z-index:-1; pointer-events:none;
  inset:auto; opacity:1; transform:none; clip-path:none; border-radius:50%;
  width:clamp(240px,28vw,390px); aspect-ratio:1; height:auto;
}
.voice-capabilities:has(#follow-up-calls-panel:not([hidden]))::before {
  top:20px; right:15%; background:#c2dfce;
}
.voice-capabilities:has(#follow-up-calls-panel:not([hidden]))::after {
  top:35%; left:clamp(-200px,-14vw,-90px); background:#eee2c9;
}
.voice-capabilities:has(#inbound-call-support-panel:not([hidden])) { isolation:isolate; }
.voice-capabilities:has(#inbound-call-support-panel:not([hidden]))::before,
.voice-capabilities:has(#inbound-call-support-panel:not([hidden]))::after {
  content:''; display:block; position:absolute; z-index:-1; pointer-events:none;
  inset:auto; opacity:1; transform:none; clip-path:none;
}
.voice-capabilities:has(#inbound-call-support-panel:not([hidden]))::before {
  top:5%; left:12%; width:clamp(260px,35vw,510px); height:clamp(240px,27vw,390px);
  background:#fff0bd; border-radius:48% 52% 43% 57% / 54% 41% 59% 46%;
}
.voice-capabilities:has(#inbound-call-support-panel:not([hidden]))::after {
  bottom:24px; right:17%; width:clamp(260px,27vw,390px); aspect-ratio:1; height:auto;
  background:#bdd6fa; border-radius:50%;
}
.voice-capabilities:has(#call-answering-faqs-panel:not([hidden])) { isolation:isolate; }
.voice-capabilities:has(#call-answering-faqs-panel:not([hidden]))::before,
.voice-capabilities:has(#call-answering-faqs-panel:not([hidden]))::after {
  content:''; display:block; position:absolute; z-index:-1; pointer-events:none;
  width:clamp(180px,28vw,420px); height:clamp(360px,48vw,650px);
  inset:auto; opacity:1; transform:none; clip-path:none;
}
.voice-capabilities:has(#call-answering-faqs-panel:not([hidden]))::before {
  left:clamp(-240px,-14vw,-90px); top:18%; background:#d3eadc;
  border-radius:43% 57% 61% 39% / 36% 46% 54% 64%;
}
.voice-capabilities:has(#call-answering-faqs-panel:not([hidden]))::after {
  right:clamp(-240px,-14vw,-90px); bottom:3%; background:#e2d4f5;
  border-radius:58% 42% 39% 61% / 47% 34% 66% 53%;
}
.voice-showcase { max-width: 82rem; margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(2rem,5vw,5rem); align-items:start; color:#0d2545; }
.voice-showcase__eyebrow { display:inline-block; border:1px solid #b8cdeb; border-radius:99px; padding:8px 13px; font-size:11px; font-weight:700; letter-spacing:.12em; margin-bottom:24px; }
.voice-showcase h2 { font-size:clamp(2.8rem,4.6vw,4.6rem); line-height:1.02; letter-spacing:-.045em; margin:0; scroll-margin-top:7rem; }
.voice-showcase h2 span { color:#1766f5; }
.voice-showcase__description { margin:24px 0 32px; color:#40597a; line-height:1.7; }
.voice-showcase__description-mobile,.voice-showcase__item-copy--compact { display:none; }
.voice-showcase__item { border-bottom:1px solid #c8d6e9; scroll-margin-top:7rem; }
.voice-showcase__item h3 { margin:0; font-size:1rem; }
.voice-showcase__item button { width:100%; display:flex; justify-content:space-between; align-items:center; gap:18px; text-align:left; background:transparent; border:0; color:inherit; padding:19px 0; font:inherit; font-weight:650; cursor:pointer; }
.voice-showcase__item button svg { flex-shrink:0; transition:transform .2s; }
.voice-showcase__item button[aria-expanded=true] { color:#1766f5; }
.voice-showcase__item button[aria-expanded=true] svg { transform:rotate(180deg); }
.voice-showcase__item p { margin:0; padding:0 0 22px; font-size:.95rem; line-height:1.75; color:#40597a; }
.voice-showcase__item a { color:#095bb9; text-decoration:underline; text-underline-offset:3px; }
.voice-showcase__cta { display:inline-flex; align-items:center; gap:16px; background:#1766f5; color:white!important; padding:16px 22px; border-radius:10px; text-decoration:none; margin-top:28px; font-weight:650; }
.voice-showcase__media { position:sticky; top:7rem; aspect-ratio:1; height:auto; min-height:0; border:1px solid #cedbef; border-radius:20px; overflow:hidden; background:#fff; }
.voice-showcase__panel { position:absolute; inset:0; padding:20px; }
.voice-showcase__panel[hidden] { display:none; }
.voice-showcase__panel img { width:100%; height:100%; object-fit:contain; }
.voice-showcase__dialogue { display:none; }
.voice-showcase__tabs { position:absolute; bottom:18px; left:18px; right:18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding:6px; border:1px solid #d7e0ed; border-radius:14px; background:#f3f7fc; }
.voice-showcase__tabs button { border:0; border-radius:9px; padding:11px 5px; font:inherit; font-size:.78rem; background:transparent; color:#40597a; cursor:pointer; }
.voice-showcase__tabs button[aria-selected=true] { background:#0d2545; color:white; }
.voice-showcase button:focus-visible,.voice-showcase a:focus-visible { outline:3px solid #1766f5; outline-offset:3px; }
@media(max-width:800px) { .voice-showcase { grid-template-columns:1fr; } .voice-showcase__media { position:relative; top:auto; } }
@media(prefers-reduced-motion:reduce) { .voice-showcase * { transition:none!important; } }

/* Mobile capability flow: intro, picture, dialogue summary, then the five key paths. */
@media(max-width:767px) {
  .voice-showcase {
    display:grid;
    grid-template-columns:1fr;
    gap:1.1rem;
    max-width:none;
  }

  .voice-showcase__copy { display:contents; }

  .voice-showcase__intro {
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:1rem;
    align-items:end;
    padding:clamp(3.5rem,8svh,5.5rem) 0 1.1rem;
  }

  .voice-showcase__eyebrow { display:none; }

  .voice-showcase h2 {
    max-width:12ch;
    font-size:clamp(2.15rem,8.7vw,3.3rem);
    line-height:.96;
    letter-spacing:-.045em;
    text-wrap:balance;
  }

  .voice-showcase__description {
    margin:0;
    color:#40597a;
    font-size:.88rem;
    line-height:1.42;
  }

  .voice-showcase__description-long { display:none; }
  .voice-showcase__description-mobile { display:inline; }

  .voice-showcase__media {
    order:2;
    position:relative;
    top:auto;
    aspect-ratio:1;
    border-radius:16px;
  }

  .voice-showcase__panel { padding:0; }

  .voice-showcase__dialogue {
    order:3;
    display:block;
    padding:1rem 1.05rem 1.1rem;
    border:1px solid #c8d6e9;
    border-radius:16px;
    background:#f7faff;
  }

  .voice-showcase__dialogue-heading {
    display:flex;
    align-items:center;
    gap:.55rem;
    color:#0d2545;
    font-size:.78rem;
    font-weight:760;
    letter-spacing:.055em;
    line-height:1.2;
    text-transform:uppercase;
  }

  .voice-showcase__dialogue-icon {
    display:grid;
    width:1.8rem;
    height:1.8rem;
    flex:0 0 auto;
    border-radius:8px;
    color:#1766f5;
    background:#e1edff;
    place-items:center;
  }

  .voice-showcase__dialogue-mark {
    margin-left:auto;
    color:#1766f5;
    font-size:.64rem;
    letter-spacing:.1em;
  }

  .voice-showcase__dialogue-question {
    margin:.95rem 0 .75rem;
    color:#0d2545;
    font-size:1.16rem;
    font-weight:720;
    line-height:1.2;
    letter-spacing:-.02em;
  }

  .voice-showcase__dialogue-answer {
    display:flex;
    align-items:flex-start;
    gap:.65rem;
    padding:.8rem .85rem;
    border-radius:12px;
    background:#e4f2ec;
    color:#315b50;
  }

  .voice-showcase__dialogue-answer > span {
    display:grid;
    width:1.5rem;
    height:1.5rem;
    flex:0 0 auto;
    border-radius:50%;
    color:#fff;
    background:#3e8d72;
    font-size:.62rem;
    font-weight:800;
    place-items:center;
  }

  .voice-showcase__dialogue-answer p {
    margin:0;
    font-size:.88rem;
    line-height:1.45;
  }

  .voice-showcase__accordion { order:4; }

  .voice-showcase__item:nth-child(n+6) { display:none; }
  .voice-showcase__item:nth-child(-n+3) .voice-showcase__item-copy--long { display:none; }
  .voice-showcase__item-copy--compact { display:block; }

  .voice-showcase__item button {
    gap:1rem;
    padding:1rem 0;
    font-size:.96rem;
  }

  .voice-showcase__item p {
    padding:0 0 1rem;
    font-size:.9rem;
    line-height:1.55;
  }

  .voice-showcase__cta {
    order:5;
    margin-top:.25rem;
  }
}
@media(min-width:901px) and (min-height:740px) and (prefers-reduced-motion:no-preference) {
  .voice-hero-stack { position:relative; isolation:isolate; }
  .voice-agent-page .voice-hero-stack > .voice-hero { position:sticky; top:min(0px,calc(100svh - var(--hero-height,100svh))); z-index:0; }
  .voice-hero-stack > .voice-definition { position:relative; z-index:1; margin-top:0; background:#fff; }
}

/* Mobile freeze frame: the new hero holds while the delivery section rises over it. */
@media(max-width:767px) and (prefers-reduced-motion:no-preference) {
  .voice-hero-mobile-stack {
    position:relative;
    isolation:isolate;
  }

  .voice-agent-page .voice-hero-mobile-stack > .voice-hero {
    position:sticky;
    top:0;
    z-index:0;
  }

  .voice-hero-mobile-stack > .voice-definition {
    position:relative;
    z-index:1;
    margin-top:0;
    background:#fff;
    box-shadow:0 -18px 32px rgba(13,37,69,.06);
  }
}