:root{--color-accent:#5B7FA5;--color-bg:#FFFFFF;--color-bg-alt:#F8F9FB;--color-neutral:#374151;--color-primary:#1A1A2E;--color-primary-dark:#0F0F1A;--color-primary-light:#2D2D44;--color-secondary:#4A5568;--color-text:#1A1A2E;--color-text-muted:#6B7280;--font-body:Inter;--font-heading:Inter;--font-mono:JetBrains Mono;--radius:6px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--primary:var(--color-primary);--primary-light:var(--color-primary-light);--primary-dark:var(--color-primary-dark);--accent:var(--color-accent);--bg:var(--color-bg);--bg-alt:var(--color-bg-alt);--text:var(--color-text);--text-muted:var(--color-text-muted);--max-width:1120px}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit;color:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section,.section-alt{padding:5rem 0}.section-alt{background:var(--bg-alt)}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border-radius:var(--radius);font-weight:500;font-size:.9375rem;transition:all .2s;border:none;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{opacity:.9}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:2rem}.grid-2,.grid-3{display:grid;gap:2rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section,.section-alt{padding:3rem 0}.section-title{font-size:1.75rem}}.card{background:var(--bg);border:1px solid #e5e7eb;border-radius:var(--radius);padding:2rem;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 24px rgba(0,0,0,.06)}.card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.card p{color:var(--text-muted);font-size:.9375rem}