:root {
  --color-blue-50: oklch(97% .018 250);
  --color-blue-100: oklch(94% .035 250);
  --color-blue-900: oklch(29% .08 258);
  --color-teal: oklch(60% .12 190);
  --color-teal-soft: oklch(94% .035 190);
  --color-amber: oklch(72% .14 75);
  --color-error: oklch(58% .2 25);
  --color-primary-blue: oklch(53% .2 258);
  --color-secondary-blue: oklch(70% .14 250);
  --color-electric-blue: oklch(62% .22 253);
  --color-cyan-blue: oklch(73% .15 226);
  --color-ice-blue: oklch(97% .025 239);
  --color-ice-blue-soft: oklch(99% .012 239);
  --color-navy-950: oklch(17% .07 263);
  --color-process-text: oklch(31% .06 257);
  --color-process-shadow: oklch(53% .2 258 / .18);
  --color-process-shadow-strong: oklch(29% .08 258 / .18);
  --color-process-highlight: oklch(99% .006 250 / .78);
  --color-process-rim: oklch(73% .15 226 / .34);
  --color-process-halo: oklch(73% .15 226 / .22);
  --color-soft-sky: var(--color-blue-100);
  --color-cta-hover: oklch(47% .18 258);
  --color-background: oklch(98% .01 250);
  --color-section-alt: oklch(96% .018 250);
  --color-card: oklch(99% .006 250);
  --color-navbar-scrolled: #f8fcff;
  --color-border: oklch(88% .02 250);
  --color-heading: oklch(19% .025 255);
  --color-body: oklch(34% .025 252);
  --color-secondary-text: oklch(45% .025 252);
  --color-footer-background: var(--color-blue-900);
  --color-footer-text: var(--color-blue-50);
  --color-footer-heading: var(--color-blue-100);
  --color-footer-muted: var(--color-border);
  --color-footer-divider: oklch(29% .08 258 / .18);
  --color-footer-link-hover-bg: oklch(99% .006 250 / .08);
  --color-footer-status: var(--color-teal);

  --bg-gradient-hero: linear-gradient(180deg, var(--color-background) 0%, var(--color-blue-50) 100%);
  --bg-hero-composition: radial-gradient(ellipse 900px 720px at 22% 44%, oklch(53% .2 258 / .055) 0%, oklch(53% .2 258 / .024) 42%, oklch(53% .2 258 / 0) 78%), radial-gradient(ellipse 980px 760px at 78% 20%, oklch(94% .035 250 / .09) 0%, oklch(94% .035 250 / .036) 46%, oklch(94% .035 250 / 0) 82%), radial-gradient(ellipse 860px 620px at 58% 94%, oklch(70% .14 250 / .034) 0%, oklch(70% .14 250 / .014) 44%, oklch(70% .14 250 / 0) 80%);
  --bg-hero-headline-depth: radial-gradient(ellipse 760px 640px at 23% 47%, oklch(53% .2 258 / .062) 0%, oklch(53% .2 258 / .024) 38%, oklch(53% .2 258 / 0) 76%);
  --bg-hero-headline-depth-mobile: radial-gradient(ellipse 680px 560px at 38% 34%, oklch(53% .2 258 / .046) 0%, oklch(53% .2 258 / .018) 42%, oklch(53% .2 258 / 0) 78%);
  --bg-hero-agentic: url("../assets/hero/agentic-hero-bg.png");
  --bg-hero-scrim: linear-gradient(90deg, oklch(98% .01 250 / .86) 0%, oklch(98% .01 250 / .7) 36%, oklch(98% .01 250 / 0) 72%);
  --bg-hero-scrim-mobile: linear-gradient(180deg, oklch(98% .01 250 / .9), oklch(98% .01 250 / .52));
  --bg-prefooter-cta-glow: radial-gradient(ellipse at center, oklch(94% .035 250 / .42) 0%, oklch(70% .14 250 / .14) 38%, oklch(70% .14 250 / 0) 74%);
  --bg-gradient-primary-cta: linear-gradient(135deg, var(--color-primary-blue) 0%, var(--color-blue-900) 100%);
  --bg-gradient-ai-showcase: linear-gradient(135deg, var(--color-blue-100) 0%, var(--color-teal-soft) 100%);
  --bg-gradient-knowledge: linear-gradient(135deg, var(--color-teal-soft) 0%, var(--color-card) 100%);
  --bg-gradient-testimonials: linear-gradient(135deg, var(--color-card) 0%, var(--color-blue-50) 100%);
  --bg-gradient-footer-cta: linear-gradient(135deg, var(--color-blue-100) 0%, var(--color-teal-soft) 100%);
  --bg-gradient-forge-principle: linear-gradient(180deg, var(--color-card) 0%, var(--color-ice-blue-soft) 44%, var(--color-blue-50) 100%);
  --bg-gradient-forge-title: linear-gradient(90deg, var(--color-primary-blue) 0%, var(--color-electric-blue) 52%, var(--color-cyan-blue) 100%);
  --bg-gradient-forge-card: linear-gradient(135deg, oklch(99% .006 250 / .9) 0%, oklch(97% .025 239 / .82) 52%, oklch(94% .035 250 / .74) 100%);
  --bg-gradient-forge-card-alt: linear-gradient(135deg, oklch(99% .006 250 / .88) 0%, oklch(94% .035 250 / .7) 50%, oklch(97% .025 239 / .86) 100%);
  --bg-gradient-forge-outline: linear-gradient(135deg, var(--color-primary-blue) 0%, var(--color-electric-blue) 46%, var(--color-cyan-blue) 100%);
  --bg-gradient-forge-depth: linear-gradient(135deg, oklch(53% .2 258 / .2), oklch(73% .15 226 / .24));
  --bg-gradient-forge-icon: linear-gradient(145deg, oklch(94% .035 250 / .82) 0%, oklch(73% .15 226 / .18) 100%);
  --bg-forge-wave-top: linear-gradient(138deg, oklch(94% .035 250 / 0) 0%, oklch(94% .035 250 / .46) 42%, oklch(73% .15 226 / .14) 100%);
  --bg-forge-wave-bottom: linear-gradient(315deg, oklch(97% .025 239 / 0) 0%, oklch(70% .14 250 / .26) 48%, oklch(73% .15 226 / .12) 100%);

  --font-family-display: 'Clashdisplay', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-body: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --container-max-width: 1320px;
  --container-focus-width: 820px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --radius-sm: 6px;
  --radius-line: 2px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 3rem;

  --shadow-btn-primary: 0 4px 14px oklch(53% .2 258 / .26);
  --shadow-btn-primary-hover: 0 8px 24px oklch(47% .18 258 / .32);
  --shadow-ambient-card: 0 4px 130px oklch(70% .045 250 / .15);
  --shadow-nav: 0 4px 24px oklch(19% .025 255 / .05);
  --shadow-forge-chevron: 0 22px 44px var(--color-process-shadow), 0 46px 90px oklch(70% .14 250 / .16);
  --shadow-forge-chevron-strong: 0 28px 56px var(--color-process-shadow-strong), 0 0 38px oklch(73% .15 226 / .28);
  --shadow-forge-chevron-inset: inset 0 1px 0 var(--color-process-highlight), inset 0 -18px 42px var(--color-process-halo);
  --shadow-forge-icon: inset 0 1px 0 var(--color-process-highlight), 0 12px 26px var(--color-process-halo);

  --transition-fast: .15s ease;
  --transition-normal: .3s cubic-bezier(.16, 1, .3, 1);
  --transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-linear: linear;
  --motion-marquee-duration: 35s;
  --focus-ring-color: var(--color-primary-blue);
  --focus-ring-offset: 3px;
}