@font-face {
  font-family: "RouteLabz Sans";
  src: url("/assets/fonts/e8f2fbee2754df70-s.p.0fzkl03jw-sdz-70b229.woff2") format("woff2");
  font-display: swap;
}

:root {
  --background: #fff;
  --background-secondary: #f5f0e8;
  --background-muted: #e0e0da;
  --surface: #fff;
  --surface-dark: #111113;
  --primary: #f94e03;
  --primary-hover: #ff6b1a;
  --secondary: #ff8c00;
  --text-primary: #050505;
  --text-on-dark: #e0e0da;
  --border: #050505;
  --glow: rgba(249, 78, 3, .28);
  --radius-card: .75rem;
  --radius-pill: 999px;
  --shadow-hard: 0 6px 0 #050505, 0 10px 20px rgba(0, 0, 0, .2);
  --ease-out-expo: cubic-bezier(.22, .61, .36, 1);
}

html { scroll-behavior: smooth; }
body { min-height: 100vh; font-family: "RouteLabz Sans", Montserrat, sans-serif; }
.local-form-disabled button:disabled { cursor: not-allowed; opacity: .65; }

/* RouteLabz applies the reference's warm brutalist system with its own branding. */
.wa-cta { border-color: var(--border) !important; }
.wa-cta__icon { background: #25d366 !important; }
.wa-cta__icon svg { display: block; }

.btn-cartoon,
.topbar-btn {
  transition: transform .22s var(--ease-out-expo), box-shadow .22s var(--ease-out-expo), background-color .22s ease;
}

.btn-cartoon:hover,
.topbar-btn:hover { transform: translateY(-2px); }
.btn-cartoon:active,
.topbar-btn:active { transform: translateY(2px) scale(.985); }

.hero-img { filter: drop-shadow(0 24px 34px rgba(249, 78, 3, .16)); }
.hero-img img { object-fit: contain; }

@media (hover: hover) and (pointer: fine) {
  .price-box-wrap:hover { transform: translateY(-4px); }
  .price-box-wrap { transition: transform .25s var(--ease-out-expo); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
