:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-darker:#1e3a8a;--secondary:#059669;--secondary-light:#10b981;--accent:#f59e0b;--success:#10b981;--warning:#f59e0b;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--bg:#ffffff;--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#64748b;--primary-contrast:#ffffff;--neutral-50:#f8fafc;--neutral-500:#64748b;--neutral-800:#0f172a;--gradient-brand:linear-gradient(110deg, #3c5488 0%, #4dbbd5 50%, #00a087 100%);--container-max-width:1180px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:80px;--radius-sm:8px;--border-radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(15, 23, 42, 0.06);--shadow-md:0 4px 12px rgba(15, 23, 42, 0.08);--shadow-lg:0 12px 32px rgba(15, 23, 42, 0.10);--shadow-xl:0 24px 48px rgba(15, 23, 42, 0.14);--font-display:'Space Grotesk','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','SFMono-Regular','Cascadia Code',Consolas,monospace;--text-xs:clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);--text-sm:clamp(0.875rem, 0.84rem + 0.2vw, 0.9375rem);--text-base:clamp(1rem, 0.96rem + 0.25vw, 1.0625rem);--text-lg:clamp(1.125rem, 1.06rem + 0.35vw, 1.25rem);--text-xl:clamp(1.25rem, 1.15rem + 0.55vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.33rem + 0.85vw, 2rem);--text-3xl:clamp(1.875rem, 1.6rem + 1.2vw, 2.5rem);--text-4xl:clamp(2.25rem, 1.85rem + 1.9vw, 3.5rem)}[data-theme=dark]{--primary:#60a5fa;--primary-dark:#3b82f6;--primary-darker:#2563eb;--secondary:#34d399;--secondary-light:#6ee7b7;--accent:#fbbf24;--success:#34d399;--warning:#fbbf24;--bg:#0b1120;--surface:#111a2e;--surface-2:#0d1526;--surface-3:#1a2540;--border:#233047;--border-strong:#334155;--text:#e7edf6;--text-muted:#94a3b8;--primary-contrast:#0b1120;--neutral-50:#0b1120;--neutral-500:#94a3b8;--neutral-800:#e7edf6;--gradient-brand:linear-gradient(110deg, #7d97c8 0%, #6fcbe0 50%, #34b89f 100%);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.4);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.45);--shadow-lg:0 12px 32px rgba(0, 0, 0, 0.5);--shadow-xl:0 24px 48px rgba(0, 0, 0, 0.55)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;color:var(--text);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);color:var(--text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--spacing-sm)}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;font-family:inherit;font-size:var(--text-sm);font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;text-decoration:none;gap:var(--spacing-xs);white-space:nowrap}.btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);color:var(--primary-contrast);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{filter:brightness(.94);transform:translateY(-2px)}.btn-outline{background:0 0;color:var(--text);border:1px solid var(--border-strong)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-lg{padding:15px 30px;font-size:var(--text-base)}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.section{padding:var(--spacing-2xl) 0;position:relative}@media (max-width:768px){.section{padding:var(--spacing-xl) 0}}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--spacing-md)}.eyebrow::before{content:'';width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.hidden{display:none}@media (max-width:768px){.hidden-mobile{display:none!important}}@media (min-width:769px){.hidden-desktop{display:none!important}}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--surface-3);color:var(--primary-darker);padding:2px 6px;border-radius:6px}[data-theme=dark] code{background-color:var(--surface-3);color:var(--secondary-light)}pre{background-color:var(--slate-900);color:var(--slate-50);padding:var(--spacing-md);border-radius:var(--border-radius);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6}pre code{background:0 0;padding:0;color:inherit;font-size:inherit}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}