/* One document root, one navigation header. */
body:has(.header-in)>header{position:sticky;top:0;z-index:200;background:#080b13f5}
.header-in{min-height:78px;gap:24px;flex-wrap:nowrap}
.header-in>*{min-width:0}.header-in .brand{flex-shrink:0}
.header-in .topnav{align-items:center;gap:22px;white-space:nowrap}
.header-in .topnav a{padding:8px 0}.header-in .menu-button{flex-shrink:0}
.toolbar{padding:12px 0;min-height:52px;gap:14px}.toolbar .tools{gap:12px}
#clock{white-space:nowrap}.footer{gap:22px;flex-wrap:wrap}.footer>span{min-width:0}.footer a{display:inline-block;margin-right:10px}
.ae-network [hidden]{display:none!important}.ae-footer{display:none}
body:has(.os-topbar)>.ae-network:not(:has(.ae-chip)){display:none}
body:has(.os-topbar){--os-bar-height:64px}
body:has(.os-topbar) .os-topbar{height:var(--os-bar-height);gap:16px;padding:8px 20px;z-index:1400;box-sizing:border-box}
body:has(.os-topbar) .desktop{top:var(--os-bar-height)}
body:has(.os-topbar) .window-layer{top:var(--os-bar-height)}
body:has(.os-topbar) .os-topbar .menu-trigger{position:static!important;inset:auto!important;transform:none!important;margin:0;padding:8px 12px!important;line-height:1.3}
body:has(.os-topbar) .os-brand{white-space:nowrap}
body:has(.os-topbar) .os-connectivity{white-space:nowrap;font-size:12px}
body:has(.os-topbar) .os-offline-ready{position:fixed;right:16px;bottom:18px;max-width:220px;font:11px/1.4 system-ui;color:#d2c8ff;background:#0d1220e8;border:1px solid #574d79;border-radius:12px;padding:7px 10px;z-index:1500}
body:has(.os-topbar) .ae-chip{font-size:11px;padding:7px 10px;bottom:18px}
.shop-selection{display:flex;gap:10px;flex-wrap:wrap}.product button:disabled{cursor:default}.product .small{min-height:25px}
@media(max-width:1000px){.header-in{gap:16px}.header-in .topnav{gap:16px}.toolbar{flex-wrap:wrap}.toolbar>.status-dot{display:none}.toolbar .tools{margin-left:auto}.os-topbar .tag{display:none}.os-topbar .spacer{min-width:0}}
@media(max-width:680px){.header-in{min-height:68px;padding:12px 18px;justify-content:space-between}.header-in .topnav{display:none}.header-in .menu-button{margin-left:auto}.brand img{width:36px;height:36px}.toolbar{padding:9px 18px}.toolbar .tools{width:100%;justify-content:space-between;gap:8px}.toolbar select{width:112px}.tools #clock{font-size:10px;letter-spacing:0}.tools #theme{padding:7px 10px}.hero-copy{padding:32px 24px}.hero h1{letter-spacing:-2px}.footer{padding-bottom:75px}
body:has(.os-topbar){--os-bar-height:96px}body:has(.os-topbar) .os-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:5px 9px;padding:9px 12px}body:has(.os-topbar) .os-topbar .spacer{display:none}body:has(.os-topbar) .os-clock{grid-column:2;grid-row:2;text-align:right;white-space:nowrap;font-size:10px}body:has(.os-topbar) .os-connectivity{grid-column:1;grid-row:2;font-size:11px}body:has(.os-topbar) .menu-trigger{grid-column:2;grid-row:1;justify-self:end;font-size:12px;min-width:0!important}body:has(.os-topbar) .os-topbar>a:last-child{grid-column:3;grid-row:1}body:has(.os-topbar) .os-offline-ready{right:9px;bottom:80px;max-width:165px}body:has(.os-topbar) .ae-chip{bottom:80px;left:9px}body:has(.os-topbar) .desktop-label{right:20px;bottom:10%;max-width:78%}body:has(.os-topbar) .desktop-label h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:none}}
body:has(.os-topbar) .ae-corner{bottom:86px;max-height:calc(100dvh - 110px)}
@media(max-width:680px){.hero-copy{min-width:0;width:100%;padding:32px 24px 55px}.hero h1{font-size:clamp(36px,10.8vw,48px);line-height:1.05;letter-spacing:-2px}.hero-index{left:24px;right:24px;bottom:20px;font-size:8px;letter-spacing:2px;text-align:right}.hero p:not(.kicker){overflow-wrap:anywhere}}
@media(max-width:380px){.header-in{gap:10px}.header-in .brand{gap:8px;font-size:18px}.header-in .brand small{display:none}.header-in .menu-button{padding:9px 13px;min-width:82px}.header-in .brand img{width:32px;height:32px}}