/* Shared header: self-contained so checkout and results need no Tailwind runtime. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
body.rs-shared-header-page { padding-top: 100px; }
#siteHeader { position: fixed; inset: 0 0 auto; width: 100%; max-width: 100%; z-index: 1000; font-family: Inter, sans-serif; font-size: 14px; line-height: 1.5; color: #111827; color-scheme: light; }
#siteHeader *, #siteHeader *::before, #siteHeader *::after { box-sizing: border-box; }
#siteHeader a { text-decoration: none; }
#siteHeader .rs-header-shell { display: flex; align-items: center; justify-content: space-between; width: min(95%, 64rem); max-width: 64rem; margin: 16px auto 0; padding: 12px 16px; gap: 10px; border: 1px solid #e2e8f0 !important; border-radius: 16px; background: rgb(255 255 255 / .86) !important; box-shadow: 0 14px 40px rgb(15 23 42 / .10); backdrop-filter: blur(18px); }
#siteHeader.is-scrolled .rs-header-shell { background: rgb(255 255 255 / .94) !important; }
#siteHeader .rs-brand-link { display: flex; align-items: center; }
#siteHeader .rs-brand-link img { display: block; height: 32px; width: auto; max-width: 164px; object-fit: contain; }
#siteHeader .rs-desktop-nav { display: flex; align-items: center; gap: 4px; }
#siteHeader .rs-nav-link { padding: 9px 13px; border: 1px solid transparent; border-radius: 999px; font-size: 13px; font-weight: 700; color: #535965 !important; }
#siteHeader .rs-nav-link:hover, #siteHeader .rs-mobile-link:hover { background: #eaf2fd !important; color: #111827 !important; }
#siteHeader .rs-header-shell > div { display: flex; }
#siteHeader .rs-header-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border: 0 !important; border-radius: 999px; background: linear-gradient(135deg, #2563eb, #7c3aed) !important; color: #fff !important; font-size: 14px; font-weight: 800; box-shadow: 0 14px 32px rgb(37 99 235 / .24); }
#siteHeader .rs-mobile-toggle { display: none; min-height: 44px; padding: 10px; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none !important; color: #111827 !important; cursor: pointer; }
#siteHeader .rs-mobile-panel { display: none; width: 100%; max-width: 100%; margin: 8px 0 0; background: rgb(255 255 255 / .96) !important; border: 1px solid #e2e8f0 !important; border-radius: 0 0 8px 8px; box-shadow: 0 22px 60px rgb(0 0 0 / .15); }
#siteHeader .rs-mobile-panel > div { display: grid; gap: 8px; padding: 16px; margin: auto; }
#siteHeader .rs-mobile-link { padding: 11px 12px; border-radius: 8px; color: #535965 !important; font-size: 14px; font-weight: 700; }
#siteHeader .rs-mobile-panel .rs-header-cta { margin-top: 8px; width: 100%; }
@media (max-width: 767px) {
  #siteHeader .rs-header-shell { width: calc(100% - 16px); }
  #siteHeader .rs-desktop-nav, #siteHeader .rs-header-shell > div { display: none; }
  #siteHeader .rs-brand-link { min-width: 0; flex: 1; }
  #siteHeader .rs-brand-link img { max-width: min(146px, calc(100vw - 132px)); }
  #siteHeader .rs-mobile-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 44px; }
  #siteHeader .rs-mobile-panel:not(.hidden) { display: block; }
}
