*, *::before, *::after { box-sizing: border-box; }

body {
    background-color: #06090F;
    color: #CBD5E1;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

/* ── Typography ── */
.heading-xl {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 0.9;
}
.heading-lg {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}
.heading-md {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.label-text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
}

/* ── Gradients ── */
.text-gradient-cyan {
    background: linear-gradient(135deg, #00E5FF 0%, #0077FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.text-gradient-white {
    background: linear-gradient(180deg, #FFFFFF 0%, #64748B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #06090F; }
::-webkit-scrollbar-thumb { background: #1E293B; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #00E5FF; }

/* ── Shared Utility Backgrounds ── */
.bg-dot-grid {
    background-image: radial-gradient(rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size: 28px 28px;
}