.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}#site-header{background:linear-gradient(110deg,#0a0f1af5,#060a14f5 55%,#0c172bf5);border-block:1px solid #253e64;box-shadow:0 5px 28px #0005}#site-header:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:linear-gradient(90deg,transparent 5%,#2563eb22 20%,#00d4ffaa 50%,#2563eb22 80%,transparent 95%);pointer-events:none}#site-header .header-circuit{position:absolute;top:0;width:105px;height:88px;color:#00d4ff;opacity:.7;pointer-events:none}.header-circuit--left{left:0}.header-circuit--right{right:0;transform:scaleX(-1)}#site-header .header-nav{position:relative;width:min(100% - 10rem,1500px);height:88px;gap:2rem}#site-header .header-brand{flex-shrink:0;gap:13px}#site-header .header-nav .header-brand img{height:67px;width:45px;-o-object-fit:contain;object-fit:contain;animation:none;filter:drop-shadow(0 0 8px #2563eb40);transform:none}.header-wordmark{display:flex;flex-direction:column;gap:5px;color:#f4f7ff}.header-wordmark>span{font:800 21px/1.1 var(--font-body);letter-spacing:.025em}.header-tech{color:#00d4ff}.header-wordmark small{font-size:7px;font-weight:600;letter-spacing:.34em;text-align:center}#site-header .header-links{gap:clamp(8px,1.4vw,24px);margin-inline:auto}#site-header .header-nav>.header-links>li>a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;font:600 14px/1.4 var(--font-body);letter-spacing:0;text-transform:none;white-space:nowrap;color:#cbd5e1}#site-header .header-nav>.header-links>li>a:after{display:none}#site-header .header-nav>.header-links>li>a:is(:hover,:focus-visible,.text-\[\#00d4ff\]){color:#00d4ff;text-shadow:none}#site-header .header-nav>.header-links>li>a.text-\[\#00d4ff\]:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#2563eb26,#00d4ff05);border-block:1px solid #00d4ff;border-inline:1px solid #00d4ff70;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}#site-header .header-actions{gap:24px;flex-shrink:0}#site-header #cart-toggle{width:44px;height:44px;padding:8px;border:0;background:transparent;box-shadow:none;transform:none}#site-header #cart-toggle svg{width:27px;height:27px;color:#60a5fa}#site-header #cart-count{top:-1px;right:-2px;height:20px;min-width:20px;background:#00d4ff;color:#061426;border:0;box-shadow:0 0 12px #00d4ff22}#site-header .header-build{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 21px;position:relative;isolation:isolate;color:#00d4ff;font-size:14px;font-weight:700;white-space:nowrap;background:#00d4ff;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px)}#site-header .header-build:before{content:"";position:absolute;inset:1px;background:#0a1426;clip-path:inherit;z-index:-1;transition:background .2s}#site-header .header-build:hover:before{background:#15356a}#site-header a:focus-visible,#site-header button:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}#site-header .header-build:focus-visible{outline:none;background:#fff;color:#fff}#site-header #mobile-menu-btn{border-color:#2a3a5c;background:#101d33}#site-header #mobile-menu-btn svg{color:#60a5fa}#site-header #mobile-menu{background:#0a0f1a;border-color:#2a3a5c;max-height:calc(100dvh - 88px);overflow-y:auto}#site-header #mobile-menu a:hover{color:#00d4ff}@media (max-width: 1279px){#site-header .header-nav{width:calc(100% - 5rem)}#site-header .header-circuit{width:50px;opacity:.35}}@media (min-width: 1280px){#site-header.mobile-menu-open{background:#0a0f1af5}}@media (max-width: 639px){#site-header .header-nav{height:74px;width:calc(100% - 2rem);gap:10px}#site-header .header-nav .header-brand img{height:53px;width:33px}#site-header .header-brand{gap:7px}.header-wordmark>span{font-size:16px}.header-wordmark small{font-size:5px;letter-spacing:.24em}#site-header .header-actions{gap:8px}#site-header .header-actions .header-build,#site-header .header-circuit{display:none}#site-header #mobile-menu{max-height:calc(100dvh - 74px)}}@media (prefers-reduced-motion: reduce){#site-header *,#site-header *:before{transition:none!important}}body:has(.direct-sale-page) .header-links,body:has(.direct-sale-page) .header-actions>#cart-toggle,body:has(.direct-sale-page) .header-actions>.header-build,body:has(.direct-sale-page) .header-actions>#mobile-menu-btn,body:has(.direct-sale-page) #mobile-menu{display:none!important}.checkout-header-trust{display:inline-flex;align-items:center;gap:9px;color:#c9d7e7;font-size:13px;font-weight:600}.checkout-header-trust span{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(0,212,255,.24);border-radius:50%;color:#00d4ff}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 8px rgba(37,99,235,.45))}50%{filter:drop-shadow(0 0 20px rgba(37,99,235,.8))}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}#site-header img[src="/logo-small.webp"]{animation:logoPulse 3s ease-in-out infinite,logoFloat 4s ease-in-out infinite;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}#site-header a[href="/"]:hover img[src="/logo-small.webp"]{transform:scale(1.12) rotate(-3deg);animation:none;filter:drop-shadow(0 0 28px rgba(0,212,255,.6)) drop-shadow(0 0 8px rgba(37,99,235,.8))}#site-header nav>ul>li>a{position:relative;padding-bottom:4px}#site-header nav>ul>li>a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);transition:width .35s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1);border-radius:2px}#site-header nav>ul>li>a:hover:after,#site-header nav>ul>li>a.text-\[\#00d4ff\]:after{width:100%;left:0}#site-header nav>ul>li>a:hover{text-shadow:0 0 12px rgba(0,212,255,.45),0 0 4px rgba(0,212,255,.3)}#site-header.scrolled{background:#060a14eb;border-bottom-color:#00d4ff40;box-shadow:0 8px 32px #0006,0 0 0 1px #00d4ff0f}#site-header.mobile-menu-open{background:#0a0f1a;backdrop-filter:none}#site-header nav>ul>li.group:hover>a{text-shadow:0 0 12px rgba(0,212,255,.45)}
