/* Avloniy identity wing and a floating navigation rail. */
html{scroll-padding-top:112px}
html body #hdr,html body #hdr.scrolled{top:14px;padding:0 20px;background:transparent!important;border:0!important;box-shadow:none!important;--hdrh:76px;margin-bottom:-76px;z-index:60}
html body #hdr .hdr-row,html body #hdr.scrolled .hdr-row{height:76px;max-width:1560px;width:100%;margin:auto;padding:0 14px 0 0;display:flex;gap:22px;border:1px solid var(--preview-line);border-radius:18px;background:var(--preview-card)!important;box-shadow:0 10px 34px rgba(7,36,70,.10);backdrop-filter:none;transition:box-shadow .2s}
html body #hdr .brand{position:relative;align-self:stretch;flex:0 0 304px;gap:12px;padding:0 24px;background:#082e5f;border-radius:17px 4px 4px 17px;overflow:hidden}
html body #hdr .brand::after{content:"";position:absolute;right:-22px;top:-14px;width:86px;height:86px;border:1px solid rgba(227,185,101,.30);transform:rotate(45deg);pointer-events:none;box-shadow:0 0 0 12px rgba(227,185,101,.06)}
html body #hdr .brand-name .bn-1,html body #hdr .brand-name .bn-2{color:#fff!important}
html body #hdr .brand-name{font-size:21px}
html body #hdr .brand-sub{color:#bed0e6;font-size:10px;max-width:194px;white-space:normal;line-height:1.45;margin-top:4px}
html body #hdr .brand-mark{display:grid;flex:0 0 40px;width:40px;height:40px}
html body #hdr .brand-logo-img.light{display:none!important}
html body #hdr .brand-logo-img.dark{display:block!important;width:40px;height:40px}
html body #hdr .nav{gap:2px;margin:0;flex:1;justify-content:center}
html body #hdr .nav a{position:relative;padding:12px 13px;border-radius:9px;font-size:14px;color:var(--ink-2);font-weight:600}
html body #hdr .nav a.active{background:rgba(31,111,208,.07);color:var(--ink)}
html body #hdr .nav a.active::after{left:calc(50% - 3px);right:auto;bottom:3px;width:6px;height:3px;border-radius:0;background:#c59943;transform:skewX(-25deg)}
html body #hdr .hdr-spacer{display:none}
html body #hdr .hdr-tools{gap:5px;flex-shrink:0;padding-left:16px;border-left:1px solid var(--preview-line)}
html body #hdr .lang-btn{height:44px;border:0;background:transparent;padding:0 9px}
html body #hdr .icon-btn{width:40px;height:44px;border-radius:9px}
html body #hdr #account-btn{height:44px;min-width:96px;border-radius:11px;padding:0 16px;background:#082e5f;color:white;border:0;box-shadow:none;margin-left:6px}
html body #hdr a:focus-visible,html body #hdr button:focus-visible{outline:2px solid var(--action);outline-offset:3px}
html body .hero .hero-inner{padding-top:124px}
html[data-theme="dark"] body #hdr .hdr-row{box-shadow:0 10px 34px rgba(0,0,0,.22)}
html[data-theme="dark"] body #hdr #account-btn{background:#91c2ff;color:#102740}
@media(max-width:1250px){html body #hdr .brand{flex-basis:254px;padding:0 18px}html body #hdr .brand-sub{max-width:164px;font-size:9px}html body #hdr .hdr-row{gap:10px}html body #hdr .nav a{font-size:13px;padding-inline:9px}html body #hdr .hdr-tools{padding-left:8px}}
@media(max-width:1100px){html body #hdr .nav{display:none}html body #hdr #burger{display:inline-flex}html body #hdr .hdr-tools{margin-left:auto;border:0}html body #hdr .brand{flex-basis:304px}}
@media(max-width:600px){html{scroll-padding-top:90px}html body #hdr,html body #hdr.scrolled{top:8px;padding:0 8px;--hdrh:64px;margin-bottom:-64px}html body #hdr .hdr-row,html body #hdr.scrolled .hdr-row{height:64px;gap:0;padding:0 5px 0 0;border-radius:14px}html body #hdr .brand{flex:1 1 auto;min-width:0;padding:0 10px;gap:8px;border-radius:13px 3px 3px 13px}html body #hdr .brand-name{font-size:14px}html body #hdr .brand-sub{display:none}html body #hdr .brand-mark{width:28px;height:28px;flex-basis:28px}html body #hdr .brand-logo-img.dark{width:28px;height:28px}html body #hdr .brand::after{right:-45px;opacity:.6}html body #hdr .hdr-tools{gap:0;padding-left:4px;margin-left:0}html body #hdr #search-open{display:none}html body #hdr .lang-btn{font-size:11px;padding:0 4px;min-width:30px}html body #hdr #theme-toggle,html body #hdr #burger{width:34px;min-width:34px;height:44px;padding:7px}html body #hdr #account-btn{min-width:34px;width:34px;padding:7px;margin-left:0;border-radius:8px}html body #hdr #account-btn span{display:none}html body .hero .hero-inner{padding-top:100px}}
@media(max-width:359px){html body #hdr .brand-mark{display:none}html body #hdr .brand-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){html body #hdr,html body #hdr *{transition:none!important}}

/* Softer unified surface: identity belongs to the navigation, not a banner. */
html body #hdr .hdr-row,html body #hdr.scrolled .hdr-row{border-radius:16px;box-shadow:0 4px 20px rgba(7,36,70,.055)}
html body #hdr .brand{background:transparent;border-radius:0;padding-left:24px;flex-basis:284px}
html body #hdr .brand::after{display:none}
html body #hdr .brand-name .bn-1{color:var(--ink)!important}
html body #hdr .brand-name .bn-2{color:var(--action)!important}
html body #hdr .brand-sub{color:var(--ink-3);font-weight:400}
html body #hdr .brand-logo-img.light{display:block!important;width:40px;height:40px}
html body #hdr .brand-logo-img.dark{display:none!important}
html[data-theme="dark"] body #hdr .brand-logo-img.light{display:none!important}
html[data-theme="dark"] body #hdr .brand-logo-img.dark{display:block!important}
html body #hdr .nav a{font-weight:500}
html body #hdr .nav a.active{background:rgba(31,111,208,.045)}
html body #hdr .hdr-tools{border-left-color:transparent;padding-left:8px}
html[data-theme="dark"] body #hdr .hdr-row{box-shadow:0 4px 20px rgba(0,0,0,.14)}
@media(max-width:1250px){html body #hdr .brand{flex-basis:254px;padding-left:18px}}
@media(max-width:1100px){html body #hdr .brand{flex-basis:284px}}
@media(max-width:600px){html body #hdr .brand{flex:1 1 auto;padding-left:10px}html body #hdr .brand-logo-img.light,html body #hdr .brand-logo-img.dark{width:28px;height:28px}html body #hdr .hdr-tools{padding-left:0}html body #hdr .hdr-row,html body #hdr.scrolled .hdr-row{border-radius:14px}}

/* Keep navigation geometry fixed; animate the background independently. */
html body #hdr,html body #hdr.scrolled{position:sticky;top:0;padding:0;height:80px;--hdrh:80px;margin-bottom:-80px;isolation:isolate;transform:translateY(0);transition:transform .24s ease}
html body #hdr::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--preview-card);border-bottom:1px solid var(--preview-line);border-radius:0;pointer-events:none;transition:left .24s ease,right .24s ease,border-radius .24s ease,box-shadow .24s ease}
html body #hdr.scrolled{transform:translateY(14px)}
html body #hdr.scrolled::before{left:max(16px,calc((100% - 1560px)/2));right:max(16px,calc((100% - 1560px)/2));border-radius:16px;box-shadow:0 6px 22px rgba(7,36,70,.09)}
html body #hdr .hdr-row,html body #hdr.scrolled .hdr-row{height:80px;width:calc(100% - 32px);max-width:1560px;padding:0 14px 0 0;margin:auto;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;transition:none!important}
html[data-theme="dark"] body #hdr.scrolled::before{box-shadow:0 6px 22px rgba(0,0,0,.24)}
@media(max-width:600px){html body #hdr,html body #hdr.scrolled{height:64px;--hdrh:64px;margin-bottom:-64px}html body #hdr.scrolled{transform:translateY(8px)}html body #hdr.scrolled::before{left:8px;right:8px;border-radius:14px}html body #hdr .hdr-row,html body #hdr.scrolled .hdr-row{height:64px;width:calc(100% - 16px);padding:0 5px 0 0}}
@media(prefers-reduced-motion:reduce){html body #hdr,html body #hdr::before{transition:none!important}}

/* Slim proportions in both scroll states; preserve fixed content geometry. */
@media(min-width:601px){
html body #hdr,html body #hdr.scrolled{height:64px;--hdrh:64px;margin-bottom:-64px}
html body #hdr .hdr-row,html body #hdr.scrolled .hdr-row{height:64px}
html body #hdr .brand-mark,html body #hdr .brand-logo-img.light,html body #hdr .brand-logo-img.dark{width:34px;height:34px}
html body #hdr .brand-mark{flex-basis:34px}
html body #hdr .brand-name{font-size:19px}
html body #hdr .brand-sub{font-size:9px;line-height:1.25;margin-top:2px;max-width:200px}
html body #hdr .nav a{padding-block:10px}
html body #hdr.scrolled::before{border-radius:12px;box-shadow:0 4px 16px rgba(7,36,70,.075)}
}