/* Landing page — auto-hosted fonts (Inter body + Nunito display) and
   the reveal-on-scroll animation lifted from the Design prototype.
   No CDN, no Node build. */

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/inter-400-joy4ri1.woff2") format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/inter-500-joy4ri1.woff2") format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/inter-600-joy4ri1.woff2") format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/inter-700-joy4ri1.woff2") format('woff2');
}
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/nunito-600-nQjjZd5.woff2") format('woff2');
}
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/nunito-700-nQjjZd5.woff2") format('woff2');
}
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/nunito-800-nQjjZd5.woff2") format('woff2');
}

.landing-body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.landing-display {
    font-family: 'Nunito', ui-rounded, 'Inter', system-ui, sans-serif;
    letter-spacing: -0.01em;
}
.landing-hero-title {
    letter-spacing: -0.02em;
    text-wrap: balance;
}

/* Radial spotlight behind the hero mascot. */
.landing-hero-spot {
    background: radial-gradient(circle, #FFE9A8 0%, rgba(251, 247, 240, 0) 70%);
}

@keyframes landingRiseIn {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
    [data-reveal] {
        animation: landingRiseIn 400ms ease both;
    }
}

/* Details summary marker hidden (used by the FAQ). */
details.landing-faq > summary::-webkit-details-marker { display: none; }
details.landing-faq > summary { list-style: none; }