:root {
  --accent: #ed5a2f;
  --accent-dark: #bd3b17;
}

.header-inner { min-height: 76px; }
.brand { gap: 0; }
.brand-logo { display: block; width: min(302px, 42vw); height: auto; }
.footer-brand .brand-logo { filter: brightness(0) invert(1); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 0; }
.button.accent { background: var(--accent); box-shadow: 0 10px 24px rgba(237, 90, 47, .24); }
.button.accent:hover { background: var(--accent-dark); }
.step-label,
.pr-label { display: inline-flex; margin: 0 0 8px !important; color: var(--green) !important; font-size: .72rem !important; font-weight: 900; letter-spacing: .1em; }
.area-card { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.area-card:hover { transform: translateY(-3px); border-color: #9ebdaf; box-shadow: 0 20px 40px rgba(20, 55, 41, .13); }

@media (max-width: 620px) {
  .brand-logo { width: min(260px, 75vw); }
  .hero-actions .button { width: 100%; }
  .mobile-cta { background: var(--accent); box-shadow: 0 12px 40px rgba(171, 55, 22, .36); }
}