/* SiteMate funk, muted a fraction (9 Nov 2026).
   Loads after funk.css. Same layout and shapes; colours pulled back a step:
   softer gold, dustier coral, paler pastels, a lighter outline and shadow. */
:root {
  --gold: #EDC34E;
  --gold-deep: #D8AA34;
  --coral: #E3876C;
  --mint: #D3EADF;
  --sky: #DCE7F3;
  --cream-soft: #FBF6EC;
  --ink-line: #2A4842;
  --hard: 4px 4px 0 rgba(14,59,54,.82);
  --hard-lg: 6px 6px 0 rgba(14,59,54,.82);
}

/* outlines a touch thinner */
.btn, .call-now, .card, .step, .review, .plan, .shot, .trade-grid a, .faq details,
.checklist li, .proof, .compare, .stat, .stat-pop, .icon-badge, .marquee, .site-header,
.hero, .page-hero, .cta-band, .site-footer, .sticker, .plan .tag, .quote-block,
.chat-panel, .chat-badge, .nav-toggle { border-width: 2px; }
.btn { box-shadow: 3px 3px 0 var(--ink-line); }
.btn:hover { box-shadow: 5px 5px 0 var(--ink-line); }

/* hero: gold glow and offsets calmer */
.hero::after { background: radial-gradient(circle, rgba(237,195,78,.14), transparent 62%); }
.hero::before { background: radial-gradient(circle, rgba(227,135,108,.10), transparent 65%); }
.hero .card { box-shadow: 8px 8px 0 var(--gold); }
.on-dark .btn-primary { box-shadow: 3px 3px 0 var(--cream); }
.on-dark .btn-ghost { box-shadow: 3px 3px 0 var(--gold); }
.hero h1 .hl { box-shadow: 3px 3px 0 var(--coral); }
.rotator .word { box-shadow: 2px 2px 0 var(--cream); }

/* marquee: slightly less tilt and a lighter shadow */
.marquee { transform: rotate(-1deg); box-shadow: 0 4px 0 var(--ink-line); }

/* pricing / story / featured gold shadows */
.plan.featured, .split img { box-shadow: 8px 8px 0 var(--gold); }

/* CTA band: coral softened toward cream */
.cta-band { background-color: #E9967E; }

/* trade tile 4 colour (was a bright peach) */
.trade-grid a:nth-child(4n+4) { background: #F8E8C8; }