.voice-agent-page .voice-hero { position:relative; min-height:100svh; display:flex; align-items:flex-end; padding:10rem clamp(1.5rem,5vw,5rem) 4rem; background:#03171e; overflow:hidden; }
.voice-hero .voice-hero__wave,.voice-hero .voice-hero__atmosphere { display:none; }
.voice-shader-background,.voice-shader-layers { position:absolute; inset:0; pointer-events:none; }
.voice-shader-background { background:linear-gradient(125deg,#021017,#164e63 55%,#ad571f); }
.voice-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,9,16,.85),rgba(0,9,16,.5) 48%,transparent 85%); pointer-events:none; }
.voice-hero .voice-hero__content { position:relative; z-index:2; width:min(100%,54rem); margin:0; text-align:left; }
.voice-hero .voice-hero__eyebrow { display:inline-flex; align-items:center; width:auto; height:auto; padding:10px 18px; margin:0 0 28px; border:1px solid #ffffff30; border-radius:99px; background:#ffffff0d; backdrop-filter:blur(12px); color:#e0f9ff; font-size:.82rem; letter-spacing:.06em; }
.voice-hero__eyebrow>span { display:none!important; }
.voice-hero .voice-hero__title { margin:0 0 26px; font-size:clamp(3.3rem,6.5vw,6.7rem); font-weight:800; line-height:1.02; letter-spacing:-.05em; color:white; background:none; -webkit-text-fill-color:currentColor; }
.voice-hero .voice-hero__title>span { display:block; white-space:normal; font-size:.65em; font-weight:350; line-height:1.3; letter-spacing:-.025em; background:linear-gradient(110deg,#fff,#67e8f9 45%,#fdba74); background-clip:text; -webkit-text-fill-color:transparent; }
.voice-hero .voice-hero__title strong { display:block; white-space:normal; color:white; font-weight:750; }
.voice-hero .voice-hero__lede { max-width:37rem; color:#e2eaf0; margin:0 0 32px; font-size:1.1rem; line-height:1.7; }
.voice-hero .voice-hero__actions { display:flex; flex-wrap:wrap; gap:16px; justify-content:flex-start; margin:0; }
.voice-hero .voice-button { border-radius:99px; padding:17px 28px; font-weight:600; color:white; }
.voice-hero .voice-button--primary { background:linear-gradient(110deg,#087f99,#b95116); border:1px solid #ffffff40; }
.voice-hero .voice-button--secondary { background:#ffffff08; border:1px solid #ffffff70; color:white; backdrop-filter:blur(8px); }
.voice-hero .voice-button:hover { transform:translateY(-2px); filter:brightness(1.15); }
.voice-hero .voice-button:focus-visible { outline:3px solid #67e8f9; outline-offset:5px; }
.voice-shader-seal { position:absolute; bottom:32px; right:40px; }
.voice-agent-page .site-header:not(.is-scrolled) { color:white; }
.voice-agent-page .site-header:not(.is-scrolled) .site-brand,.voice-agent-page .site-header:not(.is-scrolled) .nav-link,.voice-agent-page .site-header:not(.is-scrolled) .nav-toggle,.voice-agent-page .site-header:not(.is-scrolled) .mobile-menu-toggle { color:white; }
.voice-agent-page .site-header:not(.is-scrolled) .site-header__cta { color:#08232e; background:white; }
@media(max-width:600px) { .voice-agent-page .voice-hero { padding:9rem 1.4rem 3rem; } .voice-hero .voice-hero__title { font-size:clamp(3rem,11vw,4.5rem); } .voice-hero .voice-hero__lede { font-size:1rem; } .voice-shader-seal { display:none; } }
@media(prefers-reduced-motion:reduce) { .voice-hero * { animation:none!important; transition:none!important; } }

.voice-hero__mobile-kicker { display:none; }

/* Restore the compact mobile hero composition without changing the desktop canvas. */
@media(max-width:767px) {
  .voice-agent-page .voice-hero { justify-content:flex-start; min-height:100svh; padding:clamp(10rem,25svh,13rem) 1.25rem 2.5rem; }
  .voice-hero::before { clip-path:ellipse(49% 82% at -18% 56%); }
  .voice-hero::after { clip-path:ellipse(45% 82% at 118% 12%); }
  .voice-hero .voice-hero__content { width:100%; margin:0; }
  .voice-hero .voice-hero__mobile-kicker { display:block; margin:0 0 .7rem; color:#1766f5; font-size:.82rem; font-weight:760; letter-spacing:.12em; line-height:1.2; text-transform:uppercase; }
  .voice-hero .voice-hero__eyebrow { display:none; }
  .voice-hero .voice-hero__title { margin:0; font-size:clamp(1.75rem,8.2vw,3.35rem); line-height:1; letter-spacing:-.045em; }
  .voice-hero .voice-hero__title > span { display:none; }
  .voice-hero .voice-hero__title strong { display:block; white-space:nowrap; margin:0; color:#0d2545; }
  .voice-hero .voice-hero__lede { max-width:36rem; margin:1.25rem 0 0; font-size:.98rem; line-height:1.55; }
  .voice-hero .voice-hero__actions { display:grid; gap:.8rem; margin-top:1.5rem; }
  .voice-hero .voice-button { width:100%; min-height:3.55rem; }
}

/* The first section stays still while the delivery story comes up 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); }
}

/* Customer-page palette with a white center and curved color at the edges. */
.voice-agent-page .voice-hero { box-sizing:border-box; min-height:100svh; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding-top:clamp(14rem,32svh,24rem); padding-bottom:clamp(3rem,7svh,5rem); background:#fff; }
.voice-hero::before { content:''; position:absolute; z-index:0; inset:0; background:#e2d4fa; clip-path:ellipse(37% 78% at -13% 55%); pointer-events:none; }
.voice-hero::after { z-index:0; background:#cfeede; clip-path:ellipse(35% 85% at 112% 15%); }
.voice-hero .voice-hero__content { align-self:flex-start; width:min(100%,72rem); }
.voice-hero .voice-hero__eyebrow { display:none; }
.voice-hero .voice-hero__title,.voice-hero .voice-hero__title strong { color:#0d2545; }
.voice-hero .voice-hero__title>span { background:none; color:#1766f5; -webkit-text-fill-color:currentColor; }
.voice-hero .voice-hero__lede { color:#40597a; }
.voice-hero .voice-button--primary { background:#1766f5; border-color:#1766f5; color:#fff; }
.voice-hero .voice-button--secondary { background:#ffffffb3; border-color:#a7bdd7; color:#0d2545; }
.voice-hero__mobile-kicker { display:none; }
.voice-agent-page .site-header:not(.is-scrolled),.voice-agent-page .site-header:not(.is-scrolled) .site-brand,.voice-agent-page .site-header:not(.is-scrolled) .nav-link,.voice-agent-page .site-header:not(.is-scrolled) .nav-toggle,.voice-agent-page .site-header:not(.is-scrolled) .mobile-menu-toggle { color:#0d2545; }
.voice-agent-page .site-header:not(.is-scrolled) .site-header__cta { background:#0d2545; color:#fff; }
@media(max-width:600px) { .voice-agent-page .voice-hero { padding-top:12rem; padding-bottom:3rem; } .voice-hero::before { clip-path:ellipse(42% 75% at -27% 60%); } .voice-hero::after { clip-path:ellipse(40% 70% at 125% 10%); } }

/* Mobile hero composition: eyebrow, one-line headline, copy, then actions. */
@media(max-width:767px) {
  .voice-agent-page .voice-hero {
    justify-content:flex-start;
    min-height:100svh;
    padding:clamp(10rem,28svh,17rem) 1.25rem 3rem;
  }

  .voice-hero::before {
    clip-path:ellipse(49% 82% at -18% 56%);
  }

  .voice-hero::after {
    clip-path:ellipse(45% 82% at 118% 12%);
  }

  .voice-hero .voice-hero__content {
    width:100%;
    margin:0;
  }

  .voice-hero .voice-hero__mobile-kicker {
    display:block;
    margin:0 0 .7rem;
    color:#1766f5;
    font-size:.82rem;
    font-weight:760;
    letter-spacing:.12em;
    line-height:1.2;
    text-transform:uppercase;
  }

  .voice-hero .voice-hero__eyebrow {
    display:flex;
    width:auto;
    margin:0 0 .7rem;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    color:#1766f5;
    font-size:.82rem;
    letter-spacing:.12em;
    line-height:1.2;
  }

  .voice-hero .voice-hero__eyebrow > span {
    display:none;
  }

  .voice-hero .voice-hero__title {
    margin:0;
    font-size:clamp(1.75rem,8.2vw,3.35rem);
    line-height:1;
    letter-spacing:-.045em;
  }

  .voice-hero .voice-hero__title > span {
    display:none;
  }

  .voice-hero .voice-hero__title strong {
    display:block;
    white-space:nowrap;
    margin:0;
    color:#0d2545;
  }

  .voice-hero .voice-hero__lede {
    max-width:36rem;
    margin:1.25rem 0 0;
    font-size:.98rem;
    line-height:1.55;
  }

  .voice-hero .voice-hero__actions {
    display:grid;
    gap:.8rem;
    margin-top:1.5rem;
  }

  .voice-hero .voice-button {
    width:100%;
    min-height:3.55rem;
  }
}