/* Header proportions from the user's selected reference. */
.header{position:relative;background:linear-gradient(110deg,#01051d 0%,#020827 65%,#00031a 100%);border-bottom:1px solid #0648a6;box-shadow:none}
.header:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent 2%,#0956ce 8%,#44f0ff 16%,#098fff 20%,#043582 40%,#06245c 80%,transparent);box-shadow:0 0 8px #0075ff80;pointer-events:none}
.header-inner{height:clamp(68px,7.6vw,104px);width:87.5%;max-width:1360px}
.brand{gap:19px}.brand img{width:clamp(43px,4.8vw,66px);height:auto;max-height:88px}.brand>span{font-family:Arial,Helvetica,sans-serif;font-size:clamp(22px,2.35vw,32px);font-weight:600;line-height:1;border-left:1px solid #0881a4;padding:1px 0 1px 22px;letter-spacing:7px;transform:scaleX(1.08);transform-origin:left center}
.brand small{font-size:clamp(9px,.95vw,13px);font-weight:600;line-height:1.1;letter-spacing:5.2px;margin-top:5px;color:#00e4ff}
.header nav{gap:clamp(32px,4.1vw,57px);font-size:clamp(13px,1.32vw,18px);font-weight:400}
@media(max-width:760px){.header-inner{height:72px;width:calc(100% - 36px)}.brand{gap:12px}.brand img{width:39px;max-height:52px}.brand>span{font-size:19px;letter-spacing:4px;padding-left:13px;transform:none}.brand small{font-size:8px;letter-spacing:2.9px;margin-top:5px}.header nav{font-size:12px;gap:18px}}
@media(max-width:380px){.brand>span{font-size:17px;letter-spacing:3px}.brand small{font-size:7px;letter-spacing:2.6px}.brand img{width:34px}.header nav{font-size:11px;gap:13px}}