/* ============================================================
   voice.css — page-specific styles for template-voice.php
   Loaded AFTER the shared bundle (tokens → base → sections →
   hero → animations). Only novel classes live here; shared
   classes (.spc-bundle, .spc-bento, .spc-band, .spc-final,
   etc.) are NOT touched.
   ============================================================ */

/* ---- Hero rise (scoped to voice page) ---- */
.spc-page-voice .spc-hero__rise {
    opacity: 0;
    transform: translateY(28px);
    animation: spcRise .75s var(--ease-out) forwards;
}
.spc-page-voice .spc-hero__rise.d1 { animation-delay: .15s; }
.spc-page-voice .spc-hero__rise.d2 { animation-delay: .3s; }
.spc-page-voice .spc-hero__rise.d3 { animation-delay: .48s; }

/* ---- Required-note in voice context (dark section) ---- */
.spc-page-voice .spc-required-note {
    font-size: 1rem;
    font-weight: 700;
    color: var(--blue);
    margin-bottom: 8px;
}

/* ---- Voice feature icon accent (override bento icon bg for phone/voice theme) ---- */
.spc-page-voice .spc-bento__icon {
    background: linear-gradient(135deg, #0061ff 0%, #00b5ff 100%);
}

/* ---- Responsive ---- */
@media (max-width: 1023px) {
    /* bundle grid already responsive via sections.css — no overrides needed */
}

@media (max-width: 767px) {
    /* phero cta stack handled globally; nothing novel to add for voice */
}