/* BLACKTOP direction: selected local MapMutt design tokens, applied as a light-touch layer. */
:root { --blacktop:#0B0C0E; --blacktop-panel:#141619; --blacktop-line:#2A2E34; --blacktop-red:#FF5A1F; --blacktop-copy:#B8BCC4; --blacktop-paper:#F4F1EA; }
body { background:var(--blacktop-paper); color:#17191C; }
.topbar,.top { background:var(--blacktop); border-color:var(--blacktop-line); }
.topbar a,.top a,.brand,.brand-lockup .wm { color:#fff !important; }
.brand-lockup .mark,.brand .m { background:var(--blacktop-red) !important; color:var(--blacktop) !important; }
.hero,.hero-card,.founding,.strip,.diff { background-color:var(--blacktop) !important; background-image:none !important; color:#fff; }
.hero h1,.hero h2,.hero p,.hero-card h1,.hero-card p,.founding h1,.founding h2,.founding p { color:#fff !important; }
.eyebrow,.accent,.gold,.pro,.p { color:var(--blacktop-red) !important; }
.btn-primary,.primary-cta,.cta-primary,.run-btn { background:var(--blacktop-red) !important; border-color:var(--blacktop-red) !important; color:var(--blacktop) !important; }
.n50-bar,.ribbon,.badge { background:var(--blacktop-red) !important; color:var(--blacktop) !important; }
.tier.featured,.card.recommended,.status { background:var(--blacktop-panel) !important; border-color:var(--blacktop-red) !important; }
.mapmutt-privacy { margin:18px auto 0; max-width:70ch; font-size:12px; line-height:1.5; color:inherit; opacity:.86; }
.mapmutt-optout { color:inherit; background:transparent; border:1px solid currentColor; border-radius:3px; padding:3px 7px; cursor:pointer; font:inherit; }
@media (max-width:700px) { .topbar-inner,.top-in { flex-wrap:wrap; } .btn,.primary-cta,.cta-primary { width:100%; justify-content:center; text-align:center; } }