/* MC Tow OC — city landing pages */
:root{
  --night:#100303; --roast:#2C0A04; --dusk:#7A1808; --crimson:#B82208;
  --burn:#E03C10; --coral:#F06420; --gold:#F5A010; --sunlit:#FFCC00;
  --paleGold:#FFE878; --bone:#FDF5E0;
  --font-d:"Archivo",system-ui,sans-serif;
  --font-m:"Space Mono",ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:
    radial-gradient(110% 55% at 80% 0%, rgba(122,24,8,.7), transparent 52%),
    linear-gradient(180deg, var(--night) 0%, #1C0605 40%, var(--roast) 100%);
  background-attachment:fixed;
  color:var(--bone);
  font-family:var(--font-d);font-weight:340;line-height:1.7;
  -webkit-font-smoothing:antialiased;min-height:100vh;
}
a{color:var(--sunlit);text-decoration:none;border-bottom:1px solid rgba(255,204,0,.45)}
a:hover{color:var(--paleGold);border-color:var(--paleGold)}
.wrap{max-width:720px;margin:0 auto;padding:28px 20px 64px}
nav{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 20px;max-width:720px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;border:0;color:var(--bone)}
.brand:hover{border:0}
.badge{width:32px;height:32px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 50% 42%,var(--sunlit) 0 52%,transparent 53%),linear-gradient(var(--burn),var(--dusk));
  border:2px solid var(--gold)}
.brand span{font-weight:800;letter-spacing:.05em;font-size:.75rem;text-transform:uppercase}
nav .call{font-family:var(--font-m);font-size:.8rem;color:var(--paleGold);border-bottom:1px solid rgba(232,163,61,.55);text-decoration:none}
.eyebrow{font-family:var(--font-m);font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
h1{font-weight:900;font-stretch:112%;text-transform:uppercase;line-height:1.05;
  font-size:clamp(1.75rem,5vw,2.6rem);margin-bottom:22px}
h1 em{font-style:normal;background:linear-gradient(100deg,var(--sunlit),var(--coral));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.prose p{margin:0 0 1.1em;color:rgba(251,244,232,.92);font-size:1.05rem}
.claim{margin:28px 0;padding:16px 18px;border:1px solid rgba(240,100,32,.35);
  background:rgba(16,3,3,.55);border-radius:4px;font-family:var(--font-m);font-size:.78rem;
  letter-spacing:.04em;line-height:1.6;color:var(--paleGold)}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0 24px}
.btn{display:inline-block;padding:12px 20px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;font-size:.85rem;border:0;border-radius:2px;text-decoration:none}
.btn-primary{background:linear-gradient(100deg,var(--coral),var(--sunlit));color:var(--night)}
.btn-primary:hover{filter:brightness(1.08);border:0}
.btn-ghost{border:1px solid rgba(255,204,0,.4)!important;color:var(--paleGold);background:transparent}
footer{margin-top:48px;padding-top:24px;border-top:1px solid rgba(240,100,32,.25);
  font-family:var(--font-m);font-size:.68rem;letter-spacing:.06em;color:rgba(251,244,232,.55)}
footer a{border:0;color:rgba(251,244,232,.7)}
.cities{margin-top:40px}
.cities h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;color:var(--gold)}
.cities ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.cities a{font-size:.9rem;border:0;color:rgba(251,244,232,.8)}
.cities a:hover{color:var(--sunlit)}