/* One compact, readable navigation surface for the homepage and blog. */
body>header.scroll-header{
 position:sticky;top:8px;z-index:40;box-sizing:border-box;
 width:calc(100% - 32px);max-width:1200px;min-height:64px;
 margin:8px auto 0;padding:10px 20px;gap:20px;
 background:rgba(250,252,249,.96);color:#203f31;
 border:1px solid rgba(40,73,53,.1);border-radius:16px;
 box-shadow:0 2px 6px rgba(22,48,33,.025),0 8px 24px rgba(22,48,33,.045);
 transition:transform .2s ease;will-change:transform;
}
@supports(backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px)){
 body>header.scroll-header{background:rgba(250,252,249,.86);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}
}
body>header.scroll-header .brand img{width:142px;height:auto}
body>header.scroll-header .marketing-nav{gap:24px}
body>header.scroll-header .marketing-nav a{color:#344b3d;font-weight:550}
body>header.scroll-header .language-trigger{min-height:36px;padding:6px 10px;font-size:12px;border-radius:10px;background:rgba(255,255,255,.65)}
body>header.scroll-header .account-nav{padding:8px 12px;font-size:12px;border-radius:10px;background:rgba(224,235,222,.72)}
body>header.scroll-header.header-away:not(:focus-within){transform:translateY(calc(-100% - 16px))}
 .mobile-nav-trigger{display:none}
.mobile-navigation{display:none;position:fixed;inset:76px 16px auto auto;margin:0;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow:auto;padding:8px;border:1px solid #28493520;border-radius:20px;background:rgba(250,252,249,.97);color:#203f31;box-shadow:0 16px 48px #16302124;transform-origin:top right}
.mobile-navigation:popover-open{display:grid;gap:2px;animation:nav-appear .22s cubic-bezier(.2,.8,.2,1)}
.mobile-navigation a{padding:15px 16px;min-height:48px;font-size:16px;font-weight:550;text-decoration:none;border-radius:12px;line-height:1.4}
.mobile-navigation a:last-child{border-top:1px solid #28493518;margin-top:4px;color:#205840}
.mobile-navigation a:hover,.mobile-navigation a:focus-visible{background:#e6eee2}
.mobile-navigation::backdrop{background:#1734260d}
@supports(backdrop-filter:blur(20px)){.mobile-navigation{background:rgba(250,252,249,.92);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}}
@keyframes nav-appear{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}
[dir=rtl] .mobile-navigation{inset:76px auto auto 16px;transform-origin:top left}
@media(max-width:700px){
 body>header.scroll-header{top:6px;width:calc(100% - 16px);margin-top:6px;padding:6px 10px;gap:8px;min-height:58px;border-radius:14px;display:grid;grid-template-columns:minmax(44px,1fr) 44px 44px}
 body>header.scroll-header .brand{grid-column:1;grid-row:1;width:44px;height:44px;justify-content:center}
 body>header.scroll-header .brand img{width:40px;height:40px;object-fit:contain}
 body>header.scroll-header .language-picker{grid-column:2;grid-row:1;min-width:0;justify-self:end;margin-inline-start:0}
 body>header.scroll-header .language-trigger{width:44px;height:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center}
 body>header.scroll-header .language-trigger .language-flag-slot{display:flex}
 body>header.scroll-header .language-trigger .language-name,body>header.scroll-header .language-trigger .language-chevron{display:none}
 body>header.scroll-header>.account-nav,body>header.scroll-header>.marketing-nav{display:none}
 body>header.scroll-header .mobile-nav-trigger{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #dce4d6;border-radius:10px;background:#ffffffa6;color:#203f31}
 body>header.scroll-header .mobile-nav-trigger[aria-expanded=true]{background:#e6eee2}
}
@media(prefers-reduced-motion:reduce){body>header.scroll-header{transition:none}}
@media(prefers-contrast:more){body>header.scroll-header{background:#fafcf9;border-color:#46634f;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Native language navigation is usable before enhancement or without JavaScript. */
.language-fallback{position:fixed;inset:0;margin:auto;width:min(560px,calc(100% - 32px));max-height:80dvh;overflow:auto;padding:20px;border:1px solid #dce4d6;border-radius:20px;background:#fafbf7;color:#23392e;box-shadow:0 16px 60px #142e3433}
.language-fallback:popover-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.language-fallback a{display:block;padding:10px;border-radius:8px;font-size:14px;text-decoration:none;overflow-wrap:anywhere}
.language-fallback a:hover{background:#eaf0e4}
.language-fallback::backdrop{background:#152e2866}

@media(prefers-reduced-motion:reduce){.mobile-navigation:popover-open{animation:none}}