/* NEVO Voices landing — loaded only on voices-landing page template */

@font-face { font-family: 'Google Sans'; src: url('assets/GoogleSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Google Sans'; src: url('assets/GoogleSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Google Sans'; src: url('assets/GoogleSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Google Sans'; src: url('assets/GoogleSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'ABeeZee'; src: url('assets/ABeeZee-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }

.voices-landing {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

/* Do not reset font-size here — it overrides Tailwind text-* utilities. */
.voices-landing :is(h1, h2, h3, .font-display) {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    letter-spacing: -0.01em;
}

body.voices-landing-page .voices-landing :is(h1, h2, h3, h4) {
    overflow: visible;
}

.voices-landing .eyebrow { letter-spacing: 0; }
.voices-landing .head-tight { letter-spacing: -0.025em; }

.voices-landing *:focus-visible {
    outline: 2px solid #FF4600;
    outline-offset: 2px;
    border-radius: 4px;
}

.voices-landing .tab-btn { cursor: pointer; }
.voices-landing .tab-btn:hover { filter: brightness(0.93); }

.voices-landing .dot-grid {
    background-image: radial-gradient(rgba(23, 23, 28, 0.06) 1px, transparent 1px);
    background-size: 22px 22px;
}

.voices-landing .glow-primary {
    background: radial-gradient(60% 60% at 50% 0%, rgba(255, 70, 0, 0.14) 0%, rgba(255, 70, 0, 0) 70%);
}

.voices-landing .tile { background-size: cover; background-position: center; }

.voices-landing details > summary { list-style: none; }
.voices-landing details > summary::-webkit-details-marker { display: none; }
.voices-landing details[open] .faq-chevron { transform: rotate(180deg); }

.voices-landing .no-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.voices-landing .no-scrollbar::-webkit-scrollbar { display: none; }

.js .voices-landing .reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .6s cubic-bezier(.22, 1, .36, 1), transform .6s cubic-bezier(.22, 1, .36, 1);
}

.voices-landing .reveal.in {
    opacity: 1 !important;
    transform: none !important;
}

@keyframes voices-notif-pop {
    0%   { opacity: 0; transform: translateY(46px) scale(.9); }
    60%  { opacity: 1; transform: translateY(-4px) scale(1.012); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

.voices-landing .notif-in {
    animation: voices-notif-pop .85s cubic-bezier(.22, 1, .36, 1) .35s both;
}

.voices-landing .bleed-track { padding-left: 1.5rem; padding-right: 1.5rem; }

@media (min-width: 768px) {
    .voices-landing .bleed-track { padding-left: 2.5rem; }
}

@media (min-width: 1280px) {
    .voices-landing .bleed-track { padding-left: calc((100% - 1296px) / 2); }
}

.voices-landing .apply-ring { opacity: 0; }

.voices-landing #apply-visual.go .apply-check {
    animation: voices-apply-pop .55s cubic-bezier(.34, 1.56, .64, 1) both;
}

.voices-landing #apply-visual.go .apply-ring {
    animation: voices-apply-ring-once .9s ease-out .15s 1;
}

@keyframes voices-apply-pop {
    0%   { transform: scale(.4); opacity: 0; }
    60%  { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes voices-apply-ring-once {
    0%   { transform: scale(.7); opacity: .45; }
    100% { transform: scale(1.9); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .voices-landing * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    .voices-landing .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
}
