.site-header-light { --menu-font-size: 13px; color: #073d35; top: 18px; padding: 0 4%; }
.site-header-light,body:has(.site-header-light) .mobile-menu-panel { font-family: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.site-header-light .nav-wrap { max-width: 1420px; height: 80px; gap: 24px; padding: 0 16px 0 28px; background: #fffef9eb; border: 1px solid #36594b24; border-radius: 26px; box-shadow: 0 8px 32px #193e2c0a,inset 0 1px 0 #fff; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.site-header-light .brand { flex-shrink: 0; font-family: Georgia,"Times New Roman",serif; font-size: 43px; line-height: 1; letter-spacing: -2.5px; }
.site-header-light .brand::before { display: none; }
.site-header-light .desktop-nav { gap: clamp(2px,.6vw,10px); margin-inline: auto; }
.site-header-light .desktop-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 14px; border-radius: 999px; color: #124c40; font-weight: 500; transition: color .2s,background-color .2s; }
.site-header-light .desktop-nav a:is(:hover,:active,:focus-visible) { color: #0b493c; background-color: #eaf0e7; }
.site-header-light .desktop-nav a::after { content: none; }
.site-header-light .desktop-nav a.active { color: #0b493c; background: #eaf0e7; transform: none; box-shadow: none; }
.site-header-light .header-actions { flex-shrink: 0; gap: 6px; }
.site-header-light .nav-cta { color: #fff; background: linear-gradient(115deg,#246958,#0a4338); border: 1px solid #164f42; min-height: 46px; padding: 10px 18px; gap: 18px; box-shadow: 0 4px 10px #124d3912; transition: background .2s,box-shadow .2s; }
.site-header-light .nav-cta:hover { box-shadow: 0 5px 16px #124d3926; }
.site-header-light .nav-cta svg { width: 16px; height: 16px; }
.site-header-light :is(a,button):focus-visible { outline: 2px solid #327c67; outline-offset: 4px; }
.site-header-light .mobile-menu-trigger { color: #124c40; background: #edf2e9; border-color: #174a3d1a; border-radius: 14px; transition: background-color .2s,border-color .2s; }
.site-header-light .mobile-menu-trigger:hover,.site-header-light .mobile-menu.is-open .mobile-menu-trigger { background: #dfe9dc; border-color: #174a3d40; }
.site-header-light .mobile-menu-trigger line { transition: transform 250ms ease,opacity 180ms ease; }
.site-header-light .mobile-menu-trigger line:nth-child(2) { transform-origin: 12px 6px; }
.site-header-light .mobile-menu-trigger line:nth-child(3) { transform-origin: 12px 18px; }
.site-header-light .mobile-menu.is-open .mobile-menu-trigger line:first-child { opacity: 0; }
.site-header-light .mobile-menu.is-open .mobile-menu-trigger line:nth-child(2) { transform: translateY(6px) rotate(45deg); }
.site-header-light .mobile-menu.is-open .mobile-menu-trigger line:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.hero-language { position: relative; flex: none; color: #466158; font-size: var(--menu-font-size); }
.hero-language summary { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 0 10px; list-style: none; cursor: pointer; border-radius: 999px; transition: color .2s,background .2s; }
.hero-language summary::-webkit-details-marker { display: none; }
.hero-language summary:hover,.hero-language[open] summary { color: #0b493c; background: #eaf0e7; }
.hero-language summary:focus-visible { outline: 2px solid #327c67; outline-offset: 4px; }
.hero-language svg { width: 16px; height: 16px; }
.hero-language-chevron { width: 6px; height: 6px; margin-left: 2px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.hero-language[open] .hero-language-chevron { transform: translateY(1px) rotate(225deg); }
.hero-language-options { position: absolute; z-index: 10; top: calc(100% + 12px); right: 0; display: grid; gap: 4px; width: 180px; padding: 8px; border: 1px solid #36594b24; border-radius: 22px; background: #fffef9; box-shadow: 0 12px 30px #193e2c1a; }
.hero-language-options > :is(a,span) { display: flex; align-items: center; justify-content: space-between; min-height: 42px; padding: 10px 13px; border-radius: 999px; color: #466158; font-size: 13px; font-weight: 500; line-height: 1.4; transition: color .2s,background .2s; }
.hero-language-options small { font-size: 10px; opacity: .65; }
.hero-language-options .hero-language-current,.hero-language-options a:hover { color: #0b493c; background: #eaf0e7; }
body:has(.site-header-light) .mobile-menu-panel { top: 94px; right: 4%; width: min(360px,92vw); max-height: calc(100dvh - 110px); overflow-y: auto; padding: 12px; border: 1px solid #36594b24; border-radius: 24px; background: #fffef9fa; box-shadow: 0 18px 50px #193e2c24; transform-origin: 100% 0; animation: joytiMenuIn .22s cubic-bezier(.2,.8,.2,1) both; }
body:has(.site-header-light) .mobile-menu-panel > :is(a,button) { font-family: inherit; font-size: 15px; font-weight: 500; line-height: 1.5; letter-spacing: normal; }
body:has(.site-header-light) .mobile-menu-panel { color: #124c40; }
body:has(.site-header-light) .mobile-menu-panel > a:not(.button) { display: flex; align-items: center; min-height: 48px; padding: 10px 12px; border: 1px solid transparent; border-radius: 12px; position: relative; color: #124c40; text-decoration: none; }
body:has(.site-header-light) .mobile-menu-panel > a:not(.button):is(:hover,:active,:focus-visible) { color: #0b493c; background: #eaf0e7; }
body:has(.site-header-light) .mobile-menu-panel > a.active:not(.button) { color: #0b493c; background: #eaf0e7; border-color: transparent; transform: none; box-shadow: none; }
body:has(.site-header-light) .mobile-menu-panel .button { color: #fff; background: linear-gradient(115deg,#246958,#0a4338); border: 1px solid #164f42; border-radius: 14px; }
body:has(.site-header-light) .mobile-menu-panel :is(a,button):focus-visible { outline: 2px solid #327c67; outline-offset: 2px; }
.site-header-light .desktop-nav a,.hero-language summary,.hero-language-options > a,body:has(.site-header-light) .mobile-menu-panel > :is(a,button) { transition-property: background-color,color,border-color,box-shadow,filter,opacity; transition-duration: 280ms; transition-timing-function: cubic-bezier(.22,1,.36,1); }
@keyframes joytiMenuIn { from { opacity: 0; transform: translateY(-8px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .site-header-light :is(a,button,line),.hero-language summary,body:has(.site-header-light) .mobile-menu-panel,body:has(.site-header-light) .mobile-menu-panel > :is(a,button) { transition: none; animation: none; }
}
@media (max-width: 1200px) {
  .site-header-light { --menu-font-size: 12px; }
  .site-header-light .nav-wrap { padding-inline: 20px 12px; gap: 10px; }
  .site-header-light .desktop-nav { gap: 2px; }
}
@media (max-width: 1100px) {
  .site-header-light { top: 14px; }
  .site-header-light .nav-wrap { height: 68px; border-radius: 22px; }
  .site-header-light .brand { font-size: 38px; margin-right: auto; }
  .site-header-light :is(.desktop-nav,.desktop-cta) { display: none; }
  .site-header-light .mobile-menu { display: flex; }
}
@media (max-width: 600px) {
  .site-header-light { top: 10px; padding: 0 12px; }
  .site-header-light .nav-wrap { height: 64px; padding: 0 10px 0 18px; border-radius: 20px; }
  .site-header-light .brand { font-size: 35px; }
  body:has(.site-header-light) .mobile-menu-panel { top: 84px; right: 12px; width: calc(100vw - 24px); max-height: calc(100dvh - 96px); border-radius: 20px; }
}