/* main.css - Global Reset, Shared & Responsive */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: system-ui, -apple-system, sans-serif;
    /* background: #ffffff; */
    /* color: #0f0f0f; */
    background: var(--bg-primary);
    color: var(--text-primary);
    overflow-x: hidden;
}

h1,
h2,
h3 {
    color: var(--text-primary);
}

a {
    text-decoration: underline;
    color: inherit;
    cursor: pointer;
}

/* Shared glow animation */
@keyframes glow-breathe {

    0%,
    100% {
        opacity: 0.88;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}

/* Responsive base */
@media (max-width: 768px) {
    .headline {
        font-size: clamp(2.4rem, 9vw, 4rem);
    }

    .subheadline {
        font-size: 1.25rem;
    }

    .hero-cta {
        flex-direction: column;
        gap: 1.2rem;
    }

    nav ul {
        display: none;
    }
}