/* GOIC floating capsule -> compact rail, with section-dependent contrast. */
.site-header{--header-fg:#10273d;--header-muted:#655328;--header-accent:#10273d;--header-cta:#ffe4a0;position:sticky;top:12px;height:82px;min-height:0;width:min(1240px,calc(100% - 24px));padding:11px 13px 11px 16px;gap:12px;border-radius:25px;color:var(--header-fg);background:linear-gradient(115deg,#ffe6a5,#ffb11d);backdrop-filter:blur(18px);transition:top .4s,width .45s,padding .4s,border-radius .45s,background-color .4s,color .35s,box-shadow .4s}
.site-header.is-scrolled{top:0;width:100%;max-width:none;padding:8px max(16px,calc((100% - 1160px)/2));border-radius:0 0 19px 19px;box-shadow:0 13px 29px #07192d40}
/* Keep the flow height stable to prevent scrolling jumps near the top. */
.site-header.is-scrolled:after{content:"";position:absolute;bottom:0;height:1px;left:20px;right:20px;background:currentColor;opacity:.08}
.site-header.is-ink-theme{--header-fg:#f5f9ff;--header-muted:#b5c7d8;--header-accent:#ffc448;--header-cta:#10273d;background:linear-gradient(135deg,#081a2ffa,#113050fa);border-color:#b4d0eb3d;box-shadow:0 16px 35px #07192d3d}
.site-header .brand{display:inline-flex;align-items:center;gap:9px;color:inherit;flex-shrink:0;margin-right:auto}
.site-header .brand-mark{position:relative;width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:var(--header-accent);color:var(--header-cta);font-size:22px;font-weight:950;letter-spacing:-.1em;padding-right:2px;transition:background .35s,color .35s}
.brand-mark i{position:absolute;width:48px;height:13px;left:-13px;top:5px;transform:rotate(42deg);border:1px solid currentColor;border-radius:50%;opacity:.35}
.site-header .brand-copy{display:grid;gap:3px}.site-header .brand strong{font-size:20px;letter-spacing:-.045em;line-height:1.1}.site-header .brand small{margin:0;color:var(--header-muted);font-size:6.5px;letter-spacing:.13em;max-height:12px;transition:opacity .3s,max-height .3s;white-space:nowrap}
.site-header.is-scrolled .brand small{max-height:0;opacity:0;overflow:hidden}.site-header.is-scrolled .brand-mark{width:38px;height:38px;border-radius:12px}
.site-header .header-call{color:inherit;flex-shrink:0;background:none;padding:0;width:38px;height:44px}.site-header .header-order{display:none;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 14px;border-radius:14px;background:var(--header-accent);color:var(--header-cta);font-size:11px;font-weight:850;text-decoration:none;white-space:nowrap;box-shadow:0 9px 20px #07111f26}.header-order>span{font-size:19px}
.site-header .menu-toggle{flex-shrink:0;background:var(--header-accent);color:var(--header-cta)}
.site-header #main-nav{background:#0d243c;color:#f5f9ff;max-height:calc(100dvh - 180px);overflow-y:auto}.site-header #main-nav a{color:inherit;border-radius:10px}.site-header #main-nav a:hover{background:#ffffff12}.site-header #main-nav small{color:#ffc448}.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:359px){.site-header{gap:5px;padding-inline:10px}.site-header .brand{gap:7px}.site-header .brand strong{font-size:18px}.site-header .brand-mark{width:36px;height:38px}.site-header .header-call{width:30px}.site-header.is-scrolled{padding-inline:10px}}
@media(min-width:900px){.site-header{gap:18px}.site-header #main-nav,.site-header #main-nav.open{background:none;color:var(--header-fg);overflow:visible;gap:17px}.site-header #main-nav a{font-size:10px;position:relative}.site-header #main-nav small{font-size:6px;color:var(--header-muted)}.site-header .header-order{display:flex}.site-header .header-call{width:auto;font-size:10px;gap:6px}.site-header .header-call .icon{display:none}.site-header.is-scrolled .header-order{min-height:40px;padding:9px 12px}}
@media(min-width:1100px){.site-header #main-nav a{font-size:11px}.site-header .brand strong{font-size:22px}.site-header #main-nav{gap:23px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header *{transition:none!important}}
.site-header.is-scrolled{height:62px;margin-bottom:20px}
@media(min-width:900px){.site-header.is-scrolled{height:66px;margin-bottom:16px}}