/*
=========================================================
 BITFORCE
 Premium Enterprise WordPress Theme

 Header Stylesheet
 Version: 3.0 (Phase 1 refactor)

 Compatible With:
 - header.php
 - main.js

 Phase 1 refactor notes (see review for full detail):
 - Consolidated ~150 fragmented rule blocks (many selectors
   were re-opened 3-8x throughout the old file) into single
   rules per selector, grouped by component.
 - Consolidated 9 scattered @media (max-width:991px) blocks,
   2 @media print blocks, and 2 near-duplicate @supports
   blocks into one block each.
 - Reordered max-width breakpoints from widest to narrowest
   (1200 -> 991 -> 768 -> 480) so narrower overrides reliably
   win. Previously the first 991px block sat BEFORE the 1200px
   block in source, so several properties (menu/inner gaps,
   nav link font-size) were silently receiving the 1200px
   value at narrow viewports instead of their intended 991px
   value.
 - Moved all unconditional (non-media) rules ahead of all
   @media rules. Previously several unconditional rules were
   appended near the end of the file, AFTER the responsive
   breakpoints that were supposed to override them -
   silently canceling those overrides. Fixed cases:
     - .site-header__brand img { height } was reset to `auto`
       by a later unconditional rule, canceling the responsive
       logo height at every breakpoint (1200/991/768/480/1920).
     - .site-header__navigation { transform } mobile slide
       transform was canceled by a later unconditional
       translateZ(0).
     - .site-header__menu { align-items } mobile value was
       canceled by a later unconditional `center`.
 - No selectors were removed. No new selectors were added.
   Visual design is preserved except for the specific
   corrections above, which restore intended-but-previously-
   inert behavior.
=========================================================*/


/*=========================================================
  CSS VARIABLES
  (unchanged - variables.css arrives in Phase 2)
=========================================================*/

:root {
  --color-primary: #0057FF;
  --color-primary-hover: #0045CC;
  --color-dark: #061423;
  --color-dark-2: #0C2036;
  --color-light: #FFFFFF;
  --color-light-2: #F6F8FB;
  --color-text: #233548;
  --color-muted: #6B7C93;
  --color-border: rgba(255,255,255,.10);
  --glass-bg: rgba(255,255,255,.80);
  --glass-border: rgba(255,255,255,.30);
  --shadow-small: 0 8px 24px rgba(0,0,0,.06);
  --shadow-medium: 0 18px 45px rgba(0,0,0,.12);
  --shadow-large: 0 35px 90px rgba(0,0,0,.18);
  --header-height: 90px;
  --container-width: 1320px;
  --transition-fast: .25s ease;
  --transition: .40s cubic-bezier(.22,.61,.36,1);
  --radius: 16px;
}


/*=========================================================
  BASE / RESET
=========================================================*/

.site-header *, .site-header *::before, .site-header *::after {
  box-sizing: border-box;
}

body.menu-open {
  overflow: hidden;
}

html, body {
  overflow-x: hidden;
}

.site-header * {
  -webkit-tap-highlight-color: transparent;
}

.site-header, .site-header * {
  box-sizing: border-box;
}


/*=========================================================
  HEADER CONTAINER
=========================================================*/

.site-header__wordmark {
  display: block;
}

.site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--transition);
  background: linear-gradient( 180deg, rgba(255,255,255,.06), transparent 60% );
}

.site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
  display: flex;
  align-items: center;
  z-index: 9999;
  transition: background var(--transition), backdrop-filter var(--transition), box-shadow var(--transition), height var(--transition);
  will-change: background, backdrop-filter, transform;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  isolation: isolate;
  padding-top: env(safe-area-inset-top,0);
  contain: layout style;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.site-header a {
  -webkit-text-decoration-skip: objects;
}


/*=========================================================
  SCROLLED STATE
=========================================================*/

.site-header.is-scrolled {
  position: fixed;
  background: var(--glass-bg);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.35);
  box-shadow: 0 8px 20px rgba(0,0,0,.05), 0 18px 60px rgba(0,0,0,.08);
  animation: headerFade .35s ease;
}

.site-header.is-scrolled::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient( 90deg, transparent, rgba(255,255,255,.65), transparent );
  pointer-events: none;
}

.site-header.is-scrolled::before {
  opacity: 1;
}

.site-header:not(.is-scrolled) {
  background: transparent;
  border-bottom: 0;
}


/*=========================================================
  HEADER INNER WRAPPER
=========================================================*/

.site-header__inner {
  width: min( calc(100% - 40px), var(--container-width) );
  margin: auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 48px;
}

.site-header__inner > * {
  min-width: 0;
}


/*=========================================================
  LOGO / BRAND
=========================================================*/

.site-header__brand:hover {
  transform: translateY(-2px);
}

.site-header__brand:active {
  transform: translateY(0);
}

.site-header__brand::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--color-primary);
  transition: width var(--transition), left var(--transition);
}

.site-header__brand:hover::after {
  width: 100%;
  left: 0;
}

.site-header__brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  transition: transform var(--transition), opacity var(--transition);
  position: relative;
  min-width: max-content;
}

.custom-logo-link {
  display: flex;
  align-items: center;
}

.custom-logo {
  display: block;
  height: auto;
  max-width: 100%;
}


/*=========================================================
  NAVIGATION PANEL
=========================================================*/

.site-header__navigation-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  width: 100%;
  animation: none;
}

.site-header__navigation.is-open .site-header__navigation-panel {
  animation: menuAppear .45s cubic-bezier(.22,.61,.36,1);
}

.site-header, .site-header__inner, .site-header__navigation, .site-header__navigation-panel {
  max-width: 100%;
}

.site-header__navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  will-change: opacity, transform;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  flex: 1 1 auto;
  backface-visibility: hidden;
  transform: translateZ(0);
}


/*=========================================================
  NAVIGATION MENU
=========================================================*/

.site-header.is-scrolled .site-header__menu a {
  color: var(--color-text);
}

.site-header__menu a:hover {
  opacity: .85;
}

.site-header__menu a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: var(--color-primary);
  border-radius: 10px;
  transition: width var(--transition), left var(--transition);
}

.site-header__menu a:hover::after, .site-header__menu .current-menu-item>a::after, .site-header__menu .current_page_item>a::after, .site-header__menu a[aria-current="page"]::after {
  width: 100%;
  left: 0;
}

.site-header__menu li:hover {
  transform: translateY(-2px);
}

.site-header__menu li:active {
  transform: none;
}

.site-header__menu a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  opacity: 0;
  transform: scale(.85);
  transition: opacity var(--transition), transform var(--transition);
  z-index: -1;
}

.site-header.is-scrolled .site-header__menu a::before {
  background: rgba(0,87,255,.08);
}

.site-header__menu a:hover::before {
  opacity: 1;
  transform: scale(1);
}

.site-header__menu .current-menu-item>a, .site-header__menu .current_page_item>a, .site-header__menu a[aria-current="page"] {
  color: var(--color-primary);
  font-weight: 700;
}

.site-header__menu, .site-header__navigation-panel {
  transform: translateZ(0);
}

.site-header:not(.is-scrolled) .site-header__menu a {
  text-shadow: 0 1px 2px rgba(0,0,0,.20);
}

.site-header__menu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .25px;
  color: #ffffff;
  padding: 12px 0;
  transition: color var(--transition), opacity var(--transition);
  overflow: hidden;
  line-height: 1.2;
  border-radius: 10px;
}

.site-header__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}

.site-header__menu li {
  position: relative;
  margin: 0;
  padding: 0;
  transition: transform var(--transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-header__menu, .site-header__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


/*=========================================================
  CTA BUTTON
=========================================================*/

.site-header__cta:active {
  transform: translateY(0);
}

.site-header__cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient( 120deg, transparent 20%, rgba(255,255,255,.30) 50%, transparent 80% );
  transform: translateX(-130%);
  transition: transform .75s ease;
  z-index: -1;
}

.site-header__cta:hover::before {
  transform: translateX(130%);
}

.site-header__cta::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient( circle at top, rgba(255,255,255,.35), transparent 65% );
  opacity: .5;
  pointer-events: none;
}

.site-header__cta:hover {
  background: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,87,255,.35);
  filter: saturate(1.08);
}

.site-header__navigation-panel>.site-header__cta {
  align-self: center;
}

.site-header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px;
  border-radius: 999px;
  background: var(--color-primary);
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .2px;
  text-decoration: none;
  white-space: nowrap;
  transition: transform var(--transition), background var(--transition), box-shadow var(--transition);
  box-shadow: 0 12px 30px rgba(0,87,255,.25);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  line-height: 1;
  user-select: none;
  flex-shrink: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}


/*=========================================================
  MOBILE TOGGLE BUTTON
=========================================================*/

.site-header.is-scrolled .site-header__toggle {
  color: var(--color-text);
}

.site-header__toggle:hover {
  background: rgba(255,255,255,.08);
}

.site-header.is-scrolled .site-header__toggle:hover {
  background: rgba(0,0,0,.06);
}

.site-header__toggle-icon {
  position: relative;
  width: 24px;
  height: 2px;
  background: currentColor;
  border-radius: 999px;
  transition: all var(--transition);
}

.site-header__toggle-icon::before, .site-header__toggle-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background: currentColor;
  border-radius: 999px;
  transition: all var(--transition);
}

.site-header__toggle-icon::before {
  top: -8px;
}

.site-header__toggle-icon::after {
  top: 8px;
}

.site-header__toggle.is-active .site-header__toggle-icon {
  background: transparent;
}

.site-header__toggle.is-active .site-header__toggle-icon::before {
  top: 0;
  transform: rotate(45deg);
}

.site-header__toggle.is-active .site-header__toggle-icon::after {
  top: 0;
  transform: rotate(-45deg);
}

.site-header, .site-header__menu a, .site-header__cta, .site-header__toggle {
  -webkit-tap-highlight-color: transparent;
}

.site-header__menu a, .site-header__brand, .site-header__cta, .site-header__toggle {
  transition-duration: .35s;
}

.site-header, .site-header::before, .site-header::after, .site-header__navigation, .site-header__menu a, .site-header__brand, .site-header__cta, .site-header__toggle {
  transition-property: background, color, opacity, transform, border-color, box-shadow, backdrop-filter, filter;
}

.site-header__toggle {
  display: none;
  position: relative;
  width: 52px;
  height: 52px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  border-radius: 50%;
  transition: background var(--transition), color var(--transition);
  justify-content: center;
  align-items: center;
  z-index: 10002;
  flex-shrink: 0;
  appearance: none;
  -webkit-appearance: none;
}

.site-header__toggle-icon, .site-header__toggle-icon::before, .site-header__toggle-icon::after {
  transform-origin: center;
}


/*=========================================================
  IMAGE RENDERING
=========================================================*/

.site-header__brand:hover img {
  transform: scale(1.04);
}

.site-header:not(.is-scrolled) .site-header__brand img {
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));
}

.site-header img {
  image-rendering: auto;
  max-width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
  vertical-align: middle;
}

.site-header__brand img {
  display: block;
  height: auto;
  width: auto;
  transition: opacity .4s ease, transform var(--transition);
  backface-visibility: hidden;
  will-change: transform;
  opacity: 1;
  object-fit: contain;
  max-width: 100%;
  image-rendering: auto;
}


/*=========================================================
  ACCESSIBILITY
=========================================================*/

.site-header__cta:focus-visible {
  outline: 3px solid rgba(0,87,255,.25);
  outline-offset: 4px;
}

.site-header__toggle:focus-visible {
  outline: 3px solid rgba(0,87,255,.25);
  outline-offset: 4px;
}

.site-header__brand:focus-visible, .site-header__cta:focus-visible, .site-header__toggle:focus-visible {
  outline: 3px solid rgba(0,87,255,.30);
  outline-offset: 4px;
}

.site-header__menu a:focus-visible {
  outline: 3px solid rgba(0,87,255,.25);
  outline-offset: 6px;
  border-radius: 6px;
  color: var(--color-primary);
}

.site-header ::selection {
  background: var(--color-primary);
  color: #ffffff;
}


/*=========================================================
  RTL SUPPORT
=========================================================*/

[dir="rtl"] .site-header__menu {
  flex-direction: row-reverse;
}

[dir="rtl"] .site-header__navigation-panel {
  direction: rtl;
}


/*=========================================================
  ADMIN BAR
=========================================================*/

.admin-bar .site-header.is-scrolled {
  top: 32px;
}


/*=========================================================
  REDUCED-TRANSPARENCY FALLBACK
  (merged from two near-duplicate @supports blocks testing
  the same backdrop-filter feature at different blur values)
=========================================================*/

@supports not (backdrop-filter: blur(1px)) {

  .site-header__navigation {
    background: #061423;
  }

  .site-header.is-scrolled {
    background: #ffffff;
  }

}


/*=========================================================
  ANIMATIONS
=========================================================*/

@keyframes headerFade {

    from{

        opacity:.85;

        transform:translateY(-8px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

@keyframes menuAppear {

    from{

        opacity:0;

        transform:
            translateY(-24px);

    }

    to{

        opacity:1;

        transform:none;

    }

}


/*=========================================================
  RESPONSIVE BREAKPOINTS
  Ordered widest -> narrowest for max-width queries so that
  narrower overrides always win at narrow viewports, then
  feature queries, then min-width enhancements, then the
  WP admin-bar breakpoint last.
=========================================================*/


/* ---- (max-width:1200px) ---- */

@media (max-width:1200px) {

  .site-header__inner {
    width: min( calc(100% - 32px), 1140px );
    gap: 36px;
  }

  .site-header__navigation-panel {
    gap: 36px;
  }

  .site-header__menu {
    gap: 26px;
  }

  .site-header__menu a {
    font-size: 14px;
  }

  .site-header__cta {
    padding: 0 24px;
    min-height: 46px;
  }

  .site-header__brand img {
    height: 50px;
  }

}


/* ---- (max-width:991px) ---- */

@media (max-width:991px) {

  .site-header__navigation.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .site-header__menu a::after {
    display: none;
  }

  .site-header__toggle {
    display: flex;
  }

  .site-header {
    height: 72px;
  }

  .site-header__inner {
    grid-template-columns: auto auto;
    gap: 20px;
    width: calc(100% - 28px);
    justify-content: space-between;
    align-items: center;
  }

  .site-header__brand img {
    height: 44px;
  }

  .site-header__cta {
    width: 100%;
    justify-content: center;
    min-height: 52px;
    font-size: 15px;
  }

  .site-header__menu li:last-child a {
    border-bottom: 0;
  }

  .site-header__navigation-panel>.site-header__cta {
    align-self: stretch;
  }

  .site-header__menu a:active {
    background: rgba(255,255,255,.08);
  }

  .site-header__cta:active {
    transform: scale(.98);
  }

  .site-header__toggle:active {
    transform: scale(.95);
  }

  .site-header__navigation-panel {
    width: min(100%,520px);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
    padding: 42px 28px 60px;
    max-width: 560px;
    margin: 0 auto;
  }

  .site-header__menu {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
  }

  .site-header__menu li {
    width: 100%;
  }

  .site-header__menu a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 18px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255,255,255,.08);
    min-height: 58px;
  }

  .site-header__navigation {
    position: fixed;
    inset: 72px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: rgba(6,20,35,.96);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-16px);
    transition: opacity var(--transition), transform var(--transition), visibility var(--transition);
    z-index: 10000;
    overflow-y: auto;
    box-shadow: 0 18px 60px rgba(0,0,0,.35);
    padding-bottom: env(safe-area-inset-bottom,0);
    width: 100%;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

}


/* ---- (max-width:768px) ---- */

@media (max-width:768px) {

  .site-header {
    height: 68px;
  }

  .site-header__inner {
    width: calc(100% - 24px);
  }

  .site-header__brand img {
    height: 40px;
  }

  .site-header__toggle {
    width: 48px;
    height: 48px;
  }

  .site-header__navigation {
    inset: 68px 0 0 0;
  }

  .site-header__navigation-panel {
    padding: 36px 24px 50px;
  }

  .site-header__menu a {
    font-size: 17px;
    padding: 16px;
  }

  .site-header__cta {
    width: 100%;
    min-height: 50px;
  }

}


/* ---- (max-width:480px) ---- */

@media (max-width:480px) {

  .site-header {
    height: 64px;
  }

  .site-header__inner {
    width: calc(100% - 20px);
  }

  .site-header__brand img {
    height: 36px;
  }

  .site-header__toggle {
    width: 44px;
    height: 44px;
  }

  .site-header__navigation {
    inset: 64px 0 0 0;
  }

  .site-header__navigation-panel {
    padding: 28px 20px 40px;
  }

  .site-header__menu a {
    font-size: 16px;
    min-height: 54px;
  }

  .site-header__cta {
    min-height: 48px;
    font-size: 14px;
  }

}


/* ---- (max-height:600px) and (orientation:landscape) ---- */

@media (max-height:600px) and (orientation:landscape) {

  .site-header__navigation {
    overflow-y: auto;
  }

  .site-header__navigation-panel {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .site-header__menu a {
    min-height: 48px;
    padding: 12px;
  }

  .site-header__cta {
    min-height: 46px;
  }

}


/* ---- (prefers-contrast: more) ---- */

@media (prefers-contrast: more) {

  .site-header {
    border-bottom: 2px solid #ffffff;
  }

  .site-header.is-scrolled {
    border-bottom: 2px solid #000000;
    background: #ffffff;
  }

  .site-header__menu a {
    font-weight: 700;
  }

  .site-header__cta {
    border: 2px solid #ffffff;
  }

  .site-header.is-scrolled .site-header__cta {
    border-color: var(--color-primary);
  }

}


/* ---- (prefers-reduced-motion: reduce) ---- */

@media (prefers-reduced-motion: reduce) {

  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .site-header {
    transform: none !important;
  }

  .site-header__navigation {
    transform: none !important;
  }

}


/* ---- (hover:none) ---- */

@media (hover:none) {

  .site-header__menu a:hover {
    opacity: 1;
  }

  .site-header__menu a::before {
    display: none;
  }

  .site-header__cta:hover {
    transform: none;
  }

  .site-header__brand:hover {
    transform: none;
  }

}


/* ---- (pointer:coarse) ---- */

@media (pointer:coarse) {

  .site-header__toggle {
    min-width: 48px;
    min-height: 48px;
  }

  .site-header__menu a {
    min-height: 56px;
  }

  .site-header__cta {
    min-height: 52px;
  }

}


/* ---- print ---- */

@media print {

  .site-header {
    display: none !important;
  }

}


/* ---- (min-width:992px) ---- */

@media (min-width:992px) {

  .site-header__toggle {
    display: none !important;
  }

  .site-header__navigation {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

}


/* ---- (min-width:1600px) ---- */

@media (min-width:1600px) {

  .site-header__inner {
    max-width: 1440px;
  }

  .site-header__menu {
    gap: 42px;
  }

  .site-header__cta {
    padding: 0 34px;
  }

}


/* ---- (min-width:1920px) ---- */

@media (min-width:1920px) {

  .site-header {
    height: 96px;
  }

  .site-header__brand img {
    height: 58px;
  }

  .site-header__menu a {
    font-size: 16px;
  }

}


/* ---- (max-width:782px) ---- */

@media (max-width:782px) {

  .admin-bar .site-header.is-scrolled {
    top: 46px;
  }

}

/* Mockup-aligned header refinement: intentionally scoped to the site header. */
.site-header {
  --header-height: 96px;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid rgba(14, 116, 144, .08);
  box-shadow: 0 5px 22px rgba(15, 23, 42, .045);
}

.site-header:not(.is-scrolled) { background: rgba(255, 255, 255, .96); }
.site-header.is-scrolled { background: rgba(255, 255, 255, .94); box-shadow: 0 10px 28px rgba(15, 23, 42, .08); }
.site-header__inner { width: min(calc(100% - 64px), 1320px); gap: 42px; }
.site-header__brand img { width: auto; height: 64px; max-width: 300px; object-fit: contain; }
.site-header__wordmark { color: #0f172a; font-size: 1.65rem; font-weight: 800; letter-spacing: -.04em; }
.site-header__navigation-panel { gap: 38px; }
.site-header__menu { gap: 35px; }
.site-header__menu a,
.site-header:not(.is-scrolled) .site-header__menu a,
.site-header.is-scrolled .site-header__menu a { color: #0f172a; font-size: .95rem; font-weight: 650; }
.site-header__menu a:hover,
.site-header__menu .current-menu-item > a,
.site-header__menu .current_page_item > a,
.site-header__menu a[aria-current="page"] { color: #05859a; }
.site-header__menu a::after { height: 2px; background: #09a9be; }
.site-header__cta,
.site-header.is-scrolled .site-header__cta { min-height: 45px; padding: 0 23px; color: #fff; border: 0; border-radius: 999px; background: linear-gradient(135deg, #078ca2, #04b6ca); box-shadow: 0 8px 18px rgba(6, 182, 212, .21); }
.site-header__cta:hover { color: #fff; background: linear-gradient(135deg, #047b8e, #079eb2); box-shadow: 0 12px 25px rgba(6, 182, 212, .28); }
.site-header__toggle,
.site-header.is-scrolled .site-header__toggle { color: #0f172a; }
.site-header__toggle-icon,
.site-header__toggle-icon::before,
.site-header__toggle-icon::after { background: #0f172a; }

@media (max-width: 991px) {
  .site-header { --header-height: 78px; }
  .site-header__inner { width: min(calc(100% - 40px), 1320px); }
  .site-header__brand img { height: 52px; max-width: 235px; }
  .site-header__navigation { top: var(--header-height); background: #fff; box-shadow: 0 20px 34px rgba(15, 23, 42, .12); }
  .site-header__navigation-panel { gap: 20px; }
  .site-header__menu a,
  .site-header:not(.is-scrolled) .site-header__menu a { color: #0f172a; }
}

@media (max-width: 480px) {
  .site-header__inner { width: calc(100% - 30px); }
  .site-header__brand img { height: 45px; max-width: 205px; }
}