/* ==============================================================================
   HUMAN-CRAFTED DESIGN SYSTEM & REFINED AUTOMOTIVE STYLESHEET (v2.0)
   Scoped, disciplined, zero-glitch UI
   ============================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

html {
    scroll-behavior: smooth;
    background-color: #080C14 !important;
}

body {
    background-color: #080C14 !important;
    color: #94A3B8 !important;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    letter-spacing: -0.01em !important;
    -webkit-font-smoothing: antialiased !important;
}

/* 1. ELIMINATE CHEAP AI BLUR ORBS & TEXT-SHADOWS */
.blur-3xl, .blur-2xl, [class*="blur-3xl"], [class*="blur-2xl"] {
    display: none !important;
}

.glow-cyan, .glow-amber, .glow-emerald {
    text-shadow: none !important;
    box-shadow: none !important;
}

/* 2. REFINED CLEAN TYPOGRAPHY */
h1 {
    font-weight: 600 !important;
    letter-spacing: -0.03em !important;
    color: #FFFFFF !important;
}

h2, h3, h4 {
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
    color: #FFFFFF !important;
}

/* 3. SOLID TACTILE SURFACES (NO PLASTIC GLASSMORPHISM) */
.glass-panel, .glass-card {
    background: #0E1422 !important;
    border: 1px solid #1E293B !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.glass-card:hover {
    border-color: #334155 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

/* 4. NAVBAR LINKS RESET (NEVER RENDER AS BUTTON BLOCKS) */
header nav a, 
nav a.hover\:text-brand,
nav a[href^="/"],
nav a[href^="#"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    color: #94A3B8 !important;
    display: inline-flex !important;
}

header nav a:hover, 
nav a:hover {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

/* 5. STOP HYPERACTIVE PULSE/PING ANIMATIONS */
.animate-ping, .animate-pulse-slow {
    animation: none !important;
}

/* 6. DISCIPLINED STATUS DOTS */
span.animate-ping {
    display: none !important;
}

/* 7. CUSTOM CLEAN SCROLLBAR */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #080C14; }
::-webkit-scrollbar-thumb { background: #1E293B; border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: #334155; }