:root {
  --amber: #f5a623;
  --amber-soft: #fff8ed;
  --black: #0d0d0d;
  --white: #ffffff;
  --muted: #6b6b6b;
  --border: #ebebeb;
  --radius: 20px;
  --radius-md: 16px;
  --surface: #fffdfa;
  --surface-soft: #f8f4ee;
  --shadow-soft: 0 10px 30px rgba(17, 17, 17, 0.08);
  --shadow-hover: 0 20px 42px rgba(17, 17, 17, 0.14);
  --shadow-glow: 0 0 0 1px rgba(255, 255, 255, 0.48), 0 24px 60px rgba(245, 166, 35, 0.18);
  --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast: 180ms var(--ease-premium);
  --transition-mid: 320ms var(--ease-premium);
  --transition-slow: 520ms var(--ease-premium);
  --tracking-body: 0.003em;
  --tracking-heading: -0.018em;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--white);
  color: var(--black);
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
a, button, input, .feature-card, .press-card, .nav-inner {
  transition: transform var(--transition-fast), box-shadow var(--transition-mid), background-color var(--transition-mid), border-color var(--transition-mid), color var(--transition-fast), opacity var(--transition-mid);
}