:root{
  --background:#f7f8fc;--surface:#ffffff;--surface-muted:#eef2ff;--surface-dark:#11162a;
  --text:#0f172a;--text-soft:#64748b;--text-on-brand:#ffffff;
  --brand:#4f46e5;--brand-hover:#4338ca;--accent:#06b6d4;--warm:#f59e0b;
  --success:#16a34a;--danger:#dc2626;--border:#e2e8f0;--border-strong:#cbd5e1;
  --shadow-sm:0 8px 24px rgba(15,23,42,.06);--shadow-md:0 18px 50px rgba(15,23,42,.11);--shadow-brand:0 18px 40px rgba(79,70,229,.26);
  --radius-sm:.75rem;--radius-md:1.1rem;--radius-lg:1.6rem;--radius-pill:999px;
  --container:1180px;--header-height:76px;--space-section:clamp(4rem,8vw,7rem);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img,svg{max-width:100%}button{cursor:pointer}::selection{background:rgba(79,70,229,.18)}