/* Full-bleed home hero and floating glass navigation. */
body:not(.home-page) #main{padding-top:103px}
header{position:fixed;top:34px;left:50%;right:auto;transform:translateX(-50%);width:100%;max-width:none;border:1px solid transparent;border-radius:0;background:rgba(255,255,255,.96);backdrop-filter:none;-webkit-backdrop-filter:none;transition:top .3s ease,width .3s ease,border-radius .3s ease,background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}
header .header-inner{transition:height .3s ease}
.home-page .topbar{display:none}
.home-page header{top:0;background:transparent;border-color:transparent;box-shadow:none}
.home-page header:not(.compact) nav a,.home-page header:not(.compact) .identity-text,.home-page header:not(.compact) .identity-text b,.home-page header:not(.compact) .cart-trigger,.home-page header:not(.compact) .menu-toggle{color:#fff}
.home-page header:not(.compact) .identity-line{background:#ffffff38}
.home-page header:not(.compact) .identity img{background:white;border-radius:8px;padding:6px;width:101px;height:76px}
.home-page header:not(.compact) nav a.active:after{background:#a5d9f4}
.home-page header:not(.compact) .header-actions>.button{border-color:#ffffff48;background:#ffffff18;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.home-page header:not(.compact) .header-actions>.button:hover{background:#ffffff2b}
.home-page header:not(.compact) .icon-button:hover{background:#ffffff20}
.home-page header:not(.compact) .cart-trigger #cart-count{background:#fff;color:var(--blue);border-color:transparent}
header.compact,.home-page header.compact{top:14px;width:calc(100% - 40px);max-width:1280px;border-radius:21px;background:rgba(255,255,255,.82);border-color:rgba(255,255,255,.7);box-shadow:0 8px 35px #102d5720;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
header.compact .header-inner{height:77px}
.hero{position:relative;isolation:isolate;background:#15334f}
.hero-background,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero-background{object-fit:cover;object-position:center 38%;filter:saturate(.72)}
.hero-shade{background:linear-gradient(90deg,rgba(9,30,56,.95) 0%,rgba(12,38,67,.84) 37%,rgba(18,47,74,.32) 73%,rgba(14,36,57,.17) 100%),linear-gradient(180deg,rgba(8,26,47,.5),transparent 42%,rgba(8,28,48,.13))}
.hero-grid{position:relative;display:flex;align-items:center;min-height:760px;padding-block:175px 100px;gap:0}
.hero-copy{position:relative;z-index:1;width:min(640px,100%)}
.hero .eyebrow{color:#e3f4ff;letter-spacing:1.65px;font-size:10px;margin-bottom:24px}
.hero .dot{background:#9ad8f6}
.hero h1{color:#fff;font-size:clamp(45px,4.8vw,67px);line-height:1.12;letter-spacing:-2.8px}
.hero h1 em{color:#9bd4ef}
.hero-copy>p{color:#e2eaf0;font-size:16px;line-height:1.85;max-width:440px;margin-top:26px}
.hero-actions{gap:25px;margin-top:33px}
.hero-actions .button{background:white;border-color:white;color:var(--blue);padding:15px 24px;min-height:51px}
.hero-actions .button:hover{background:#e8f4fc}
.hero-actions .text-link{color:#fff;font-size:12px}
.hero-note{color:#d7e2ec;font-size:11px;margin-top:37px}
.hero-note .mini-cross{border-color:#ffffff55;color:#b8e1f8}
.hero-caption{position:absolute;right:0;bottom:43px;font-size:9px;letter-spacing:2.3px;color:#f0f6fa}
@media(max-width:1100px){.hero-grid{min-height:720px}.hero h1{font-size:58px}.hero-copy{width:590px}}
@media(max-width:760px){
 body:not(.home-page) #main{padding-top:78px}
 header{top:27px}
 .home-page header{top:0}
 header .header-inner{height:90px}
 body:not(.home-page) header .header-inner{height:78px}
 .home-page header:not(.compact) .identity img{width:83px;height:63px;padding:5px;border-radius:6px}
 header.compact,.home-page header.compact{top:10px;width:calc(100% - 24px);border-radius:17px}
 header.compact .header-inner,body:not(.home-page) header.compact .header-inner{height:67px;width:calc(100% - 22px)}
 header.compact .identity img{width:71px;height:53px}
 .home-page header:not(.compact) nav{color:white;background:rgba(13,38,64,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#ffffff20}
 header.compact nav{border-radius:0 0 17px 17px;background:rgba(255,255,255,.97)}
 .hero-grid{min-height:760px;min-height:max(720px,100svh);padding-block:145px 95px;align-items:center}
 .hero h1{font-size:42px;line-height:1.15;letter-spacing:-1.8px}
 .hero .eyebrow{font-size:8px;letter-spacing:1.05px;margin-bottom:23px}
 .hero-copy{width:100%}
 .hero-copy>p{font-size:14px;max-width:330px;margin-top:23px}
 .hero-actions{gap:20px;margin-top:28px;align-items:flex-start}
 .hero-actions .button{font-size:12px;padding:14px 20px;min-height:48px;gap:18px}
 .hero-actions .text-link{font-size:11px;min-height:34px}
 .hero-note{font-size:10px;margin-top:27px}
 .hero-background{object-position:62% center}
 .hero-shade{background:linear-gradient(90deg,rgba(8,29,54,.9),rgba(12,35,58,.68)),linear-gradient(180deg,rgba(8,26,47,.3),transparent 45%)}
 .hero-caption{bottom:30px;right:auto;left:0;font-size:7px;letter-spacing:1.8px}
}
@media(max-width:370px){.hero h1{font-size:37px}.hero-actions{gap:14px}.hero-actions .text-link{font-size:10px}.hero-actions .button{padding-inline:16px}.header-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){header,header .header-inner{transition:none}}