/* Shared by SolidBowtie and SolidPrevent. Keep the two copies identical. */
.marketing-site, .marketing {
  --site-header-height: 80px;
  --site-header-compact-height: 64px;
}
.marketing-site section[id], .marketing section[id],
.marketing-site #main-content, .marketing #main-content {
  scroll-margin-top: calc(var(--site-header-height) + 16px);
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 60;
  height: var(--site-header-height);
  flex: none;
  pointer-events: none;
}
.site-header-surface {
  position: relative;
  height: var(--site-header-height);
  color: #112638;
  background: #faf9f5;
  border-bottom: 1px solid #d7dfdb;
  box-shadow: inset 0 1px 0 #ffffffb3;
  pointer-events: auto;
  transition: height 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
}
.site-header[data-site-header-elevated="true"] .site-header-surface {
  box-shadow: inset 0 1px 0 #ffffffb3, 0 8px 24px -18px #11263840;
}
.site-header[data-site-header-state="compact"] .site-header-surface {
  height: var(--site-header-compact-height);
  background: rgba(250, 249, 245, .94);
  border-bottom-color: #c8d5cd;
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  backdrop-filter: blur(18px) saturate(1.2);
}
.site-header-progress {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #d5ad43;
  pointer-events: none;
}
.site-header-progress::-webkit-progress-bar { background: transparent; }
.site-header-progress::-webkit-progress-value { background: linear-gradient(90deg, #156653, #d5ad43); }
.site-header-progress::-moz-progress-bar { background: linear-gradient(90deg, #156653, #d5ad43); }
.site-header-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: min(1200px, calc(100% - 80px));
  height: 100%;
  margin-inline: auto;
}
.site-header-brand {
  display: inline-flex;
  align-items: center;
  flex: none;
  gap: 10px;
  color: #156653;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.8px;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 4px;
  transition: color 160ms ease;
}
.site-header-brand .rie-brand-mark, .site-header-mark {
  display: block;
  width: 42px;
  height: 42px;
  flex: none;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  transition: transform 180ms ease;
}
.site-header-mark-bowtie {
  width: 56px;
  height: auto;
  aspect-ratio: 320 / 161;
  mix-blend-mode: darken;
  filter: brightness(1.08);
  mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent), linear-gradient(to bottom, transparent, #000 3%, #000 94%, transparent);
  mask-composite: intersect;
}
.site-header-links, .site-header-mobile {
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.site-header-link {
  display: inline-flex;
  align-items: center;
  position: relative;
  isolation: isolate;
  min-height: 44px;
  color: #112638;
  white-space: nowrap;
  text-decoration: none;
  transition: color 160ms ease;
}
.site-header-links > .site-header-link::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 5px -9px;
  border-radius: 7px;
  background: #e3ede6;
  opacity: 0;
  transition: opacity 160ms ease;
}
.site-header-links > .site-header-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 6px;
  left: 0;
  height: 2px;
  background: #156653;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 160ms ease;
}
.site-header-link:hover { color: #156653; }
.site-header-links > .site-header-link:hover::after,
.site-header-links > .site-header-link:focus-visible::after { transform: scaleX(1); }
.site-header-links > .site-header-link:hover::before,
.site-header-links > .site-header-link[aria-current]::before { opacity: 1; }
.site-header-link[aria-current] { color: #105441; }
.site-header-links > .site-header-link[aria-current]::after {
  right: auto;
  left: calc(50% - 10px);
  width: 20px;
  border-radius: 2px;
  background: #c29a31;
  transform: scaleX(1);
}
.site-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: none;
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid #125b49;
  border-radius: 7px;
  background: #156653;
  background-image: linear-gradient(180deg, #ffffff0d, transparent);
  box-shadow: inset 0 1px 0 #ffffff26, 0 2px 5px -3px #11263840;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.site-header-cta::after {
  content: "";
  width: 12px;
  height: 12px;
  background: currentColor;
  clip-path: polygon(0 44%, 70% 44%, 42% 17%, 52% 7%, 100% 50%, 52% 93%, 42% 83%, 70% 56%, 0 56%);
  transition: transform 160ms ease;
}
.site-header-cta:hover {
  background-color: #105441;
  box-shadow: inset 0 1px 0 #ffffff26, 0 5px 14px -6px #15665380;
  transform: translateY(-1px);
}
.site-header-cta:hover::after { transform: translateX(2px); }
.site-header-cta:active { background-color: #0d493a; transform: translateY(0); box-shadow: inset 0 1px 3px #11263830; }
@media (hover: hover) {
  .site-header-brand:hover { color: #0d493a; }
  .site-header-brand:hover :is(.site-header-mark, .rie-brand-mark) { transform: translateY(-1px); }
}
.site-header :is(a, button, summary):focus-visible {
  outline: 2px solid #156653;
  outline-offset: 4px;
  border-radius: 4px;
}
.site-header-links button { min-height: 44px; }
.site-header :is(.site-header-links, .site-header-menu-panel) button[aria-pressed] {
  padding-inline: 6px;
  border-radius: 6px;
  transition: background-color 160ms ease, color 160ms ease;
}
.site-header button[aria-pressed="true"] { background: #e3ede6; color: #105441; }
.site-header button[aria-pressed]:hover { background: #e3ede6; }
.site-header-mobile { display: none; gap: 12px; }
.site-header-menu { position: static; }
.site-header-menu summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 44px;
  min-height: 44px;
  padding: 8px;
  border: 1px solid #d7dfdb;
  border-radius: 7px;
  background: #ffffff40;
  color: #112638;
  cursor: pointer;
  list-style: none;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.site-header-menu summary::-webkit-details-marker { display: none; }
.site-header-menu summary:hover, .site-header-menu[open] summary { background: #e3ede6; border-color: #c8d5cd; color: #156653; }
.site-header-menu-icon { position: relative; width: 18px; height: 12px; }
.site-header-menu-icon::before, .site-header-menu-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  border-radius: 1px;
  background: currentColor;
  transition: transform 160ms ease, top 160ms ease;
}
.site-header-menu-icon::before { top: 2px; }
.site-header-menu-icon::after { top: 10px; }
.site-header-menu[open] .site-header-menu-icon::before { top: 6px; transform: rotate(45deg); }
.site-header-menu[open] .site-header-menu-icon::after { top: 6px; transform: rotate(-45deg); }
.site-header-menu-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 16px;
  max-height: calc(100dvh - var(--site-header-height) - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 16px;
  border: 1px solid #d7dfdb;
  border-radius: 12px;
  background: linear-gradient(180deg, #fcfbf8, #faf9f5);
  box-shadow: 0 14px 40px -18px #11263850;
}
.site-header-menu:not([open]) .site-header-menu-panel { display: none; }
.site-header-menu[open] .site-header-menu-panel { animation: site-header-menu-in 160ms ease both; }
@keyframes site-header-menu-in {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}
.site-header-menu-panel .site-header-link { padding: 8px 12px; border-radius: 5px; white-space: normal; }
.site-header-menu-panel .site-header-link:hover { background: #e3ede6; }
.site-header-menu-panel .site-header-link[aria-current] { background: #e3ede6; box-shadow: inset 3px 0 #c29a31; }
.site-header-menu-panel > div { grid-column: 1 / -1; padding: 8px 12px 0; border-top: 1px solid #d7dfdb; }
.site-header-menu-panel button { min-height: 44px; padding-inline: 8px; }
.sb-skip-link, .rie-skip-link { position: fixed; }
@media (max-width: 1100px) {
  .site-header-links { display: none; }
  .site-header-mobile { display: flex; }
}
@media (max-width: 800px) {
  .site-header-inner { width: calc(100% - 40px); gap: 16px; }
}
@media (max-width: 600px) {
  .marketing-site, .marketing { --site-header-height: 72px; --site-header-compact-height: 60px; }
  .site-header-brand { gap: 8px; font-size: 20px; letter-spacing: -.6px; }
  .site-header-brand .rie-brand-mark, .site-header-mark { width: 34px; height: 34px; }
  .site-header-mark-bowtie { width: 48px; height: auto; }
  .site-header-mobile { gap: 8px; }
  .site-header-cta { padding-inline: 12px; font-size: 13px; }
  .site-header-cta::after { display: none; }
  .site-header-menu summary > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (max-width: 380px) {
  .site-header-inner { width: calc(100% - 32px); gap: 8px; }
  .site-header-brand { gap: 6px; font-size: 18px; }
  .site-header-brand .rie-brand-mark, .site-header-mark { width: 28px; height: 28px; }
  .site-header-mark-bowtie { width: 36px; height: auto; }
  .site-header-cta { padding-inline: 10px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header *, .site-header *::before, .site-header *::after { transition: none !important; animation: none !important; }
  .site-header-brand:hover :is(.site-header-mark, .rie-brand-mark),
  .site-header-cta:hover, .site-header-cta:hover::after, .site-header-cta:active { transform: none; }
}