:root {
  --orange-primary: #E05A35;
  --orange-ui: #F57C6E;
  --orange-deep: #D4632C;
  --orange-bright: #E8522A;
  --orange-hover: #FF6B3D;
  --orange-wash: #FFF0EB;
  --orange-wash-strong: rgba(224, 90, 53, 0.12);
  --cream-app: #FFF8F2;
  --cream-edit: #EDE8DC;
  --beige: #F6F1E9;
  --beige-2: #EDE7DC;
  --ink: #1A1818;
  --ink-landing: #0F0D0B;
  --ink-soft: #8A8078;
  --charcoal: #111111;
  --charcoal-2: #1C1814;
  --charcoal-3: #251F18;
  --white: #FFFFFF;
  --line: rgba(15, 13, 11, 0.08);
  --line-dark: rgba(255, 255, 255, 0.07);
  --red-accent: #ff6b5b;
  --compare-bad-bg: #FFE8E4;
  --compare-bad-text: #B42318;
  --compare-good-bg: #DCFCE7;
  --compare-good-text: #15803D;
  --compare-good-bg-strong: #22C55E;
  --font-display: "Nunito", system-ui, sans-serif;
  --font-body: "Poppins", system-ui, sans-serif;
  --nav-h: 58px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-pill: 100px;
  --wrap: 1160px;
  --shadow-soft: 0 8px 32px rgba(15, 13, 11, 0.08);
  --shadow-phone: 0 32px 80px rgba(15, 13, 11, 0.28), 0 8px 24px rgba(15, 13, 11, 0.18);
  --hero-bg: #FAF8F5;
  --hero-ink-muted: rgba(26, 24, 24, 0.62);
  --hero-chip-bg: rgba(255, 255, 255, 0.78);
  --hero-chip-border: rgba(15, 13, 11, 0.07);
  --hero-space-1: 0.5rem;
  --hero-space-2: 0.75rem;
  --hero-space-3: 1rem;
  --hero-space-4: 1.25rem;
  --hero-space-5: 1.75rem;
  --hero-space-6: 2.25rem;
  --hero-phone-w: min(140px, 38vw);
  --hero-layout-max: 1024px;
  --hero-layout-gap: 2.75rem;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
    --dur-fast: 180ms;
    --dur-med: 420ms;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --ease-spring: ease; --ease-out: ease; --dur-fast: 0ms; --dur-med: 0ms; }
}