/* Voice AI pass 05 - denser capability cards, readable supporting copy, and a four-card sticky story. */

/* Supporting typography: approximately five percent larger throughout the Voice AI page. */
.v3-voice .kx-hero-copy>p{font-size:17px}
.v3-voice .kx-eyebrow{font-size:10.5px}
.v3-voice .kx-call-visual header,.v3-voice .kx-call-visual header b{font-size:12.1px}
.v3-voice .kx-transcript-label{font-size:11.6px}
.v3-voice .kx-transcript-state p{font-size:17.8px}
.v3-voice .kx-inline-proof b{font-size:13.15px}
.v3-voice .kx-inline-proof article{
  min-height:72px;
  grid-template-columns:38px minmax(0,1fr);
  padding:12px 14px;
}
.v3-voice .kx-inline-proof article>i{width:36px;height:36px}
.v3-voice .kx-inline-proof small{display:none}
.v3-voice .kx-section-head p{font-size:15.75px;line-height:1.7}

/* Keep the capability heading on one line at full desktop width. */
.v3-voice .kx-capabilities-head{
  max-width:none;
  width:100%;
  margin-bottom:34px;
}
.v3-voice .kx-capabilities-head h2{
  max-width:none;
  margin-inline:auto;
  font-size:clamp(37px,3.25vw,46px);
  white-space:nowrap;
}
.v3-voice .kx-capabilities-head p{max-width:670px;font-size:15.25px}

/* Cards end immediately after the process rail instead of reserving blank height. */
.v3-voice .kx-capabilities-section{padding:64px 0 72px!important}
.v3-voice .kx-capability-grid{align-items:start}
.v3-voice .kx-capability-grid>article{
  min-height:0;
  height:auto;
  gap:14px;
  padding:24px 26px 17px;
}
.v3-voice .kx-capability-grid h3{font-size:22px}
.v3-voice .kx-capability-grid p{font-size:14px;line-height:1.62}
.v3-voice .kx-capability-ui{min-height:66px;padding:10px 13px}
.v3-voice .kx-capability-ui b{font-size:13.1px}
.v3-voice .kx-capability-ui small,
.v3-voice .kx-capability-ui>em{font-size:11.1px}
.v3-voice .kx-capability-grid footer{padding-top:14px;padding-bottom:0}
.v3-voice .kx-capability-grid footer span b{font-size:11.85px}
.v3-voice .kx-capability-grid footer span i{width:28px;height:28px;flex-basis:28px}

/* Four-card story window: previous, active, next, and upcoming. */
.v3-voice .kx-process-layout>.kx-section-head p{font-size:15.25px}
.v3-voice .kx-process-layout{padding-block:30px}
.v3-voice .kx-process-list{height:600px}
.v3-voice .kx-process-list button{
  top:50%;
  min-height:120px;
  grid-template-columns:72px minmax(0,1fr) 52px;
  gap:19px;
  padding:16px 22px 16px 0;
  opacity:0;
  visibility:hidden;
  transform:translateY(calc(-50% + var(--story-y,0px))) scale(var(--story-scale,.97));
  transition:opacity .56s ease,transform .62s cubic-bezier(.22,.8,.22,1),border-color .42s ease,box-shadow .42s ease;
}
.v3-voice .kx-process-list button.story-visible{
  visibility:visible;
  opacity:var(--story-opacity,.35);
  pointer-events:auto;
}
.v3-voice .kx-process-list button.active{
  z-index:5;
  border-color:#9fb3ff;
  box-shadow:0 22px 52px rgba(47,76,190,.16);
  transform:translateY(calc(-50% + var(--story-y,0px))) scale(var(--story-scale,1.012));
}
.v3-voice .kx-process-list button>i{width:52px;height:52px;margin-left:13px;font-size:13px}
.v3-voice .kx-process-list b{font-size:18.25px}
.v3-voice .kx-process-list small{margin-top:7px;font-size:13.4px;line-height:1.5}
.v3-voice .kx-process-list button>em{width:42px;height:42px;padding:7px}

/* Use the locked Kyros mark in the dark transfer flow without an extra badge. */
.v3-voice .kx-transfer-brand{width:24px;height:24px;flex:0 0 24px}
.v3-voice .kx-transfer-brand i:nth-child(1){background:#f4f7fb}
.v3-voice .kx-transfer-brand i:nth-child(2),
.v3-voice .kx-transfer-brand i:nth-child(3){background:linear-gradient(90deg,#4d7dff,#25c6e8)}

/* Remaining page support and interface labels. */
.v3-voice .kx-transfer-panel .kx-section-head p{font-size:14.2px}
.v3-voice .kx-transfer-flow article>header b{font-size:12.1px}
.v3-voice .kx-transfer-flow article>small{font-size:11.55px}
.v3-voice .kx-transfer-flow article h3{font-size:16.25px}
.v3-voice .kx-transfer-flow article p{font-size:12.1px}
.v3-voice .kx-transfer-team>div b{font-size:11.55px}
.v3-voice .kx-transfer-team>div small{font-size:10.5px}
.v3-voice .kx-live-rail{font-size:11.55px}
.v3-voice .kx-fallback b{font-size:12.6px}
.v3-voice .kx-fallback span{font-size:11.55px}
.v3-voice .kx-results-layout .kx-section-head p{font-size:15px}
.v3-voice .kx-stat-grid b{font-size:14.7px}
.v3-voice .kx-stat-grid p{font-size:12.6px;line-height:1.6}
.v3-voice .kx-orbit-layout .kx-section-head p{font-size:14.7px}
.v3-voice .kx-orbit-track>span em{font-size:11.1px}
.v3-voice .kx-final-cta p{font-size:16.8px;line-height:1.65}
.v3-voice .global-footer p{font-size:14.7px}
.v3-voice .global-footer a{font-size:13.65px}

@media(max-width:1100px){
  .v3-voice .kx-capabilities-head h2{font-size:38px}
}
@media(max-width:900px){
  .v3-voice .kx-capabilities-head h2{white-space:normal}
  .v3-voice .kx-process-list{height:auto}
  .v3-voice .kx-process-list button,
  .v3-voice .kx-process-list button.active,
  .v3-voice .kx-process-list button.story-visible{
    opacity:1!important;
    visibility:visible;
    transform:none;
  }
}

@media(max-width:650px){
  .v3-voice .kx-capabilities-head h2{font-size:36px}
  .v3-voice .kx-capability-grid>article{padding:23px 19px 17px}
  .v3-voice .kx-capability-grid footer span b{font-size:12px}
}