/* Critical CSS - Only above-the-fold essentials */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
    margin: 0; 
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.5;
    color: #111827;
    background: white;
}

/* Prevent layout shift */
img { max-width: 100%; height: auto; }
svg { display: block; }

/* Header specific */
header { 
    position: fixed; 
    width: 100%; 
    top: 0; 
    z-index: 50;
    padding: 0.75rem;
}
nav { 
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(12px);
}

/* Essential layout */
.container-custom { max-width: 1280px; margin: 0 auto; padding: 0 1rem; }
.hidden { display: none; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }

/* Essential colors */
.bg-white { background-color: #fff; }
.text-gray-900 { color: #111827; }

/* Essential typography */
.text-base { font-size: 1rem; }
.font-medium { font-weight: 500; }

/* Skip link */
.skip-to-main { 
    position: absolute; 
    left: -9999px;
    background: #4f46e5;
    color: white;
    padding: 1rem;
    border-radius: 0.375rem;
    z-index: 999;
}
.skip-to-main:focus { 
    left: 50%; 
    transform: translateX(-50%); 
    top: 1rem; 
}