/* ========================================
   CRITICAL CSS - ABOVE THE FOLD CONTENT
   Minified for immediate loading
   ======================================== */

/* Essential Variables - Standardized */
:root{--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-secondary-50:#f8fafc;--color-secondary-100:#f1f5f9;--color-secondary-200:#e2e8f0;--color-secondary-500:#64748b;--color-secondary-600:#475569;--color-secondary-700:#334155;--color-secondary-900:#0f172a;--font-family-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--transition-base:0.15s ease-in-out}

/* Reset */
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family-primary);line-height:var(--line-height-normal);color:var(--color-secondary-700);background:#fff}

/* Header - Critical */
.header{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-secondary-200);z-index:50;transition:all var(--transition-base)}.nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);max-width:1200px;margin:0 auto}.nav-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);text-decoration:none}.nav-menu{display:flex;list-style:none;gap:var(--space-6)}.nav-link{color:var(--color-secondary-600);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-base)}.nav-link:hover{color:var(--color-primary-600)}

/* Hero Section - Critical */
.hero{padding:calc(80px + var(--space-16)) 0 var(--space-16);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%)}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.hero-content{z-index:2}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-secondary-900);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.hero-description{font-size:var(--font-size-xl);color:var(--color-secondary-600);line-height:1.6;margin-bottom:var(--space-8);max-width:500px}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;transition:none;border:2px solid transparent;cursor:pointer}.btn-primary{background:var(--color-primary-600);color:white;border-color:var(--color-primary-600)}.btn-secondary{background:transparent;color:var(--color-secondary-700);border-color:var(--color-secondary-300)}

/* Mobile Navigation - Critical */
.nav-toggle{display:none;background:none;border:none;font-size:var(--font-size-lg);color:var(--color-secondary-600);cursor:pointer}@media (max-width:768px){.nav-toggle{display:block}.nav-menu{position:fixed;top:100%;left:0;width:100%;background:white;border-top:1px solid var(--color-secondary-200);flex-direction:column;padding:var(--space-4) var(--space-6);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--space-12)}.hero-title{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-lg)}}

/* Container System - Critical */
.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);width:100%}@media (max-width:768px){.container{padding:0 var(--space-4)}}

/* Button System - Critical */
.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base)}