@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');

.pricing-site-header {
  position: relative;
  z-index: 9999;
  color: #071525;
  background: #f7f3e8;
  border-bottom: 1px solid rgba(7, 21, 37, .13);
  font-family: 'Outfit', Arial, sans-serif;
}

.pricing-header-shell {
  width: min(1180px, calc(100% - 40px));
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  margin-inline: auto;
}

.pricing-header-brand {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #071525;
  text-decoration: none;
}

.pricing-header-brand img { width: 66px; height: 58px; object-fit: contain; }
.pricing-header-brand span { font-size: 10px; font-weight: 800; line-height: 1.2; letter-spacing: .1em; text-transform: uppercase; }

.pricing-site-nav {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-left: auto;
  font-size: 13px;
  font-weight: 600;
}

.pricing-site-nav a { color: #182735; text-decoration: none; transition: color .2s; }
.pricing-site-nav a:hover { color: #c90f18; }
.pricing-site-nav .pricing-nav-cta { padding: 13px 20px; border-radius: 999px; color: white; background: #071525; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pricing-site-nav .pricing-nav-cta:hover { color: white; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(7,21,37,.2); }
.pricing-menu-toggle { display: none; width: 46px; height: 46px; padding: 12px; border: 1px solid rgba(7,21,37,.2); border-radius: 50%; background: transparent; }
.pricing-menu-toggle > span { display: block; height: 2px; margin: 4px 0; background: #071525; }
.pricing-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

@media (max-width: 760px) {
  .pricing-header-shell { width: min(100% - 28px, 1180px); min-height: 78px; }
  .pricing-header-brand img { width: 57px; height: 50px; }
  .pricing-header-brand span { display: none; }
  .pricing-menu-toggle { display: block; }
  .pricing-site-nav { position: absolute; top: 100%; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 20px 20px; background: #f7f3e8; border-bottom: 1px solid rgba(7,21,37,.13); box-shadow: 0 18px 30px rgba(7,21,37,.12); }
  .pricing-site-nav.open { display: flex; }
  .pricing-site-nav a { padding: 13px 4px; border-bottom: 1px solid rgba(7,21,37,.09); }
  .pricing-site-nav .pricing-nav-cta { margin-top: 10px; padding: 13px 18px; text-align: center; border: 0; }
}