:root {
  --ink: #192531;
  --cream: #f8fafc;
  --lime: #1268f3;
  --coral: #1268f3;
  --line: #dbe5f2;
}

.logo-image { display: inline-flex; align-items: center; }
.logo-image img { display: block; width: 142px; height: 44px; object-fit: contain; object-position: left center; }
.site-header { height: 180px; }
.logo-wide img { width: 440px; height: 154px; object-fit: contain; }
footer .logo-image img { width: 44px; height: 44px; }
.hero-art { background: #dceaff; }
.price-float { background: #1268f3; color: #fff; box-shadow: 5px 5px 0 var(--ink); }
.eyebrow i { background: #1268f3; }
.primary-card { background: #192531; }
.care-card { background: #eaf2ff; }
.care-card li:before { color: #1268f3; }
.contact-section { background: #1268f3; color: #fff; }
.contact-section .light i { background: #fff; }
.button { background: #1268f3; }
.button:hover { background: #0b52cc; }
.button-light { background: #fff; color: #192531; }
nav a:hover, .text-link:hover { color: #1268f3; }
.menu-toggle { display: none; }

@media (max-width: 800px) {
  .site-header { height: 92px; padding: 0 20px; position: relative; }
  .logo-wide img { width: 150px; height: 54px; }
  .site-header > .button { display: none; }
  .menu-toggle { width: 44px; height: 44px; padding: 0; border: 0; background: #1268f3; display: grid; place-items: center; cursor: pointer; }
  .menu-toggle span { display: block; color: #fff; font-size: 27px; line-height: 1; font-family: Arial, sans-serif; }
  .site-header nav { display: none; position: absolute; z-index: 10; top: 86px; left: 20px; right: 20px; padding: 21px; background: #fff; box-shadow: 0 12px 28px rgba(25,37,49,.16); flex-direction: column; gap: 17px; }
  .site-header.nav-open nav { display: flex; }
  .site-header nav a { font-size: 14px; }
}

@media (max-width: 440px) {
  .logo-wide img { width: 132px; height: 48px; }
  .menu-toggle { width: 40px; height: 40px; }
  .menu-toggle span { font-size: 24px; }
  footer .logo-image img { width: 38px; }
}