/* Dozzo sitewide brand (#B72B27) — load after home.css and pages.css */

:root {
  --red: #B72B27;
  --red-hot: #9E2522;
  --red-bright: #C9443F;
  --red-deep: #8A211E;
  --shadow-red: 0 8px 28px rgba(183, 43, 39, 0.14);
}

/* Homepage accents (formerly home-red831.css) */
.dropdown a:hover { background: rgba(183, 43, 39, 0.05); }

.hero-tag { background: rgba(183, 43, 39, 0.08); border-color: rgba(183, 43, 39, 0.15); }
.hero-visual img { box-shadow: 0 20px 60px rgba(183, 43, 39, 0.15); }

.svc-row:hover { box-shadow: 0 20px 50px rgba(183, 43, 39, 0.12); border-color: rgba(183, 43, 39, 0.2); }
.svc-icon-wrap { background: linear-gradient(135deg, #B72B27, #8A211E); box-shadow: 0 4px 16px rgba(183, 43, 39, 0.25); }

.why-point { border-color: rgba(183, 43, 39, 0.1); }
.why-point:hover { box-shadow: 0 14px 36px rgba(183, 43, 39, 0.1); border-color: rgba(183, 43, 39, 0.22); }

.process-node { box-shadow: 0 2px 6px rgba(183, 43, 39, 0.05), 0 12px 28px rgba(183, 43, 39, 0.06); }
.process-node:hover { box-shadow: 0 4px 10px rgba(183, 43, 39, 0.06), 0 18px 40px rgba(183, 43, 39, 0.10); }

.dash-dots span:first-child { background: #B72B27; }
.ai-ex-tab:hover { border-color: rgba(183, 43, 39, 0.3); }

.aio-src.is-you { background: rgba(183, 43, 39, 0.08); border-color: rgba(183, 43, 39, 0.22); }
.outcomes-proof { background: rgba(183, 43, 39, 0.04); }
.testi-card:hover { box-shadow: 0 16px 40px rgba(183, 43, 39, 0.1); }

.cta-banner { background: linear-gradient(135deg, #B72B27 0%, #8A211E 100%); }
.phone-cc-btn:focus { outline-color: rgba(183, 43, 39, 0.25); }

.mega-item:hover { border-color: rgba(183, 43, 39, 0.14); }
.mega-ico { background: rgba(183, 43, 39, 0.08); }
.mega-wide { background: linear-gradient(135deg, rgba(183, 43, 39, 0.05), rgba(183, 43, 39, 0.015)); }
.mega-wide:hover { background: linear-gradient(135deg, rgba(183, 43, 39, 0.09), rgba(183, 43, 39, 0.03)); }