.product-nav .account-nav{gap:14px}
.nav-control{display:inline-flex;align-items:center;justify-content:center;flex:none;height:38px;min-width:38px;padding:0 9px;border:1px solid transparent;border-radius:11px;color:var(--muted);background:none;line-height:1;transition:background-color 160ms,color 160ms}
.nav-control:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
.nav-language{min-width:68px;font-size:12px;font-weight:500;letter-spacing:.035em;white-space:nowrap}
.avatar-settings{position:relative;line-height:1}
.avatar-trigger{display:grid;place-items:center;width:42px;height:42px;padding:0;overflow:hidden;border-radius:50%;border:1px solid color-mix(in srgb,var(--lime) 35%,var(--line));background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--lime) 28%,var(--panel)),var(--panel));color:var(--lime);transition:box-shadow .2s,border-color .2s,transform .2s}
.avatar-trigger:hover,.avatar-settings[data-open=true] .avatar-trigger{border-color:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 10%,transparent)}
.avatar-trigger:active{transform:scale(.96)}
.avatar-placeholder{width:34px;height:34px;fill:currentColor;opacity:.8}
.avatar-trigger img{position:absolute;width:42px;height:42px;border-radius:50%;object-fit:cover}
.avatar-settings[data-avatar=custom] .avatar-placeholder{visibility:hidden}
.settings-popover{position:absolute;top:calc(100% + 14px);right:0;width:276px;padding:10px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);box-shadow:0 18px 60px #0003,inset 0 1px 0 #ffffff08;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.98);transform-origin:top right;transition:opacity 160ms ease,transform 180ms cubic-bezier(.22,.8,.25,1),visibility 0s 180ms}
.settings-popover::before{content:'';position:absolute;left:0;right:0;top:-17px;height:18px}
.avatar-settings[data-open=true] .settings-popover{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.settings-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.settings-close{display:grid;place-items:center;width:24px;height:24px;padding:0;font-size:19px;color:var(--muted);border-radius:7px}
.settings-close:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}
.settings-popover .settings-option{display:flex;align-items:center;gap:12px;width:100%;height:48px;flex:none;padding:0 12px;border:0;border-radius:12px;background:none;color:var(--ink);box-shadow:none;font-size:13px;font-weight:500;text-align:left;white-space:nowrap;line-height:1.3;cursor:pointer;transition:background-color 160ms,color 160ms}
.settings-popover .settings-option:hover{background:color-mix(in srgb,var(--lime) 12%,var(--panel));color:var(--ink)}
.settings-icon{display:block;flex:0 0 18px;width:18px;height:18px;color:var(--muted)}
.settings-theme-icon{display:grid;place-items:center}
html[data-site-theme-scope=marketing] .settings-theme-icon svg{grid-area:1/1;width:18px;height:18px}
.settings-theme-icon .site-theme-icon--sun{opacity:1}
.settings-theme-icon .site-theme-icon--moon{opacity:0}
.site-theme-toggle[aria-pressed=true] .site-theme-icon--sun{opacity:0}
.site-theme-toggle[aria-pressed=true] .site-theme-icon--moon{opacity:1}
.settings-value,.settings-arrow{margin-left:auto;color:var(--muted);font-size:11px;font-weight:400}
.settings-arrow{font-size:17px}
.settings-feedback{font-size:11px;line-height:1.6;margin:8px 12px 6px;color:var(--muted)}
html[data-site-theme=light] .avatar-trigger{color:#3e5b2c;background:linear-gradient(140deg,#e6efcf,#d3debc);border-color:#b6c69d}
html[data-site-theme=light] .settings-popover{box-shadow:0 18px 60px #1824161a,inset 0 1px 0 #fff9}
html[lang=en] #landing .m-hero h1{font-size:clamp(60px,7.3vw,110px);letter-spacing:-.055em}
html[lang=en] .story-heading h2{font-size:clamp(32px,4.2vw,68px)}
html[lang=en] .world-copy h2{font-size:clamp(32px,5vw,78px)}
html[lang=en] .home-closing h2{font-size:clamp(40px,6.4vw,94px)}
@media(max-width:720px){.product-nav .account-nav{gap:8px}.nav-control{min-width:34px;height:36px;padding-inline:6px}.nav-language{min-width:62px;font-size:11px}.avatar-trigger{width:38px;height:38px}.avatar-trigger img{width:38px;height:38px}.avatar-placeholder{width:30px;height:30px}.settings-popover{right:0;width:min(276px,calc(100vw - 40px));border-radius:18px}html[lang=en] #landing .m-hero h1{font-size:8.8vw;line-height:1.24}html[lang=en] .story-heading h2{font-size:7.5vw}html[lang=en] .world-copy h2{font-size:8vw}html[lang=en] .need-caption h3{font-size:clamp(25px,7vw,40px)}}
@media(prefers-reduced-motion:reduce){.settings-popover,.avatar-trigger{transition:none}}