.hardware-cover-hero .hardware-selector{position:absolute;left:54%;top:13%;width:42%;perspective:1400px;z-index:2;color:#c6f5ff;container-type:inline-size;opacity:0;transition:opacity .34s ease-out;pointer-events:auto}
.hardware-selector[data-ready="true"]{opacity:1}
.hardware-cover-hero .hardware-selector{top:50%;transform:translateY(-50%);perspective:none}
.hardware-selector .neon-product-card{transform:none;padding:14px 20px;background:rgba(3,17,31,.58);border-color:#88e8ff;box-shadow:0 0 3px #e9ffff,0 0 16px #008dffaa,inset 0 0 18px #009dff33}
.neon-product-renders{height:clamp(160px,17vw,265px);position:relative;overflow:hidden}
.neon-product-renders img{display:block;position:absolute;left:50%;top:50%;width:auto;height:125%;max-width:none;object-fit:contain}
.neon-product-renders img[data-model="workstation"]{transform:translate(-12%,-50%);clip-path:inset(0 76% 0 0)}
.neon-product-renders img[data-model="nas"]{transform:translate(-42.5%,-50%);clip-path:inset(0 41% 0 26%)}
.neon-product-renders img[data-model="server"]{transform:translate(-80%,-50%);clip-path:inset(0 0 0 60%);height:110%}
.neon-product-renders img[hidden]{display:none}
.gpu-fan-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gpu-fan-art[hidden]{display:none}
.product-ray-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;mask-image:var(--product-ray-mask,linear-gradient(transparent,transparent)),radial-gradient(ellipse at 50% 55%,#000 30%,#0009 58%,transparent 77%);mask-composite:intersect}
.product-ray-field::before,.product-ray-field::after{content:"";position:absolute;left:50%;top:55%;width:220%;aspect-ratio:1;background:repeating-conic-gradient(from 12deg,transparent 0deg 5deg,#ff8c003d 6deg,#ffad0099 7deg,#ff920047 9deg,transparent 11deg 15deg);transform:translate(-50%,-50%);opacity:.5;filter:drop-shadow(0 0 4px #ff9500);animation:product-rays-clockwise 36s linear infinite,product-rays-glow 5.5s ease-in-out infinite;animation-play-state:paused}
.product-ray-field::after{background:repeating-conic-gradient(from 5deg,transparent 0deg 6deg,#ff950047 8deg,#ffb30099 9deg,#ff82003d 11deg,transparent 13deg 18deg);animation-name:product-rays-counterclockwise,product-rays-glow;animation-duration:44s,6.7s;animation-delay:0s,-2s}
.hardware-selector[data-product-motion="true"] .product-ray-field::before,.hardware-selector[data-product-motion="true"] .product-ray-field::after{animation-play-state:running}
@keyframes product-rays-clockwise{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes product-rays-counterclockwise{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes product-rays-glow{0%,100%{opacity:.3;filter:drop-shadow(0 0 2px #ff9500)}50%{opacity:.8;filter:drop-shadow(0 0 7px #ffab00)}}
@media(prefers-reduced-motion:reduce){.product-ray-field::before,.product-ray-field::after{animation:none!important}}
.hardware-selector[data-product-motion="true"] .neon-product-renders::before{animation:product-halo-breathe 5.5s ease-in-out infinite}
@keyframes product-halo-breathe{0%,100%{opacity:.35}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.neon-product-renders::before{animation:none!important}}
.neon-product-renders img[data-model="gpu"]{width:100%;height:100%;transform:translate(-50%,-50%);clip-path:none}
.neon-product-features{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:0;padding:0;list-style:none}
.neon-product-features li{font:400 clamp(10px,2.2cqw,12px)/1.4 'IBM Plex Mono',monospace;border:1px solid #72d9ff66;padding:4px 7px;background:#07273f66;color:#d4f7ff}
.neon-product-card .neon-product-disclaimer{font-size:8px;letter-spacing:.12em;margin-top:8px;color:#abd5e5}
.neon-configure-link{display:block;margin:8px auto 0;padding:8px 16px;width:max-content;max-width:100%;box-sizing:border-box;border:1px solid #a2eaff;border-radius:999px;background:#0873ad44;box-shadow:0 0 8px #008dff77;color:#eaffff;text-decoration:none;text-align:center;font:500 clamp(11px,2.8cqw,15px)/1.3 'IBM Plex Mono',monospace}
.neon-product-card{position:relative;transform:rotateY(-8deg) rotateZ(1deg);transform-origin:center;border:1px solid #82dfff;border-radius:12px;padding:18px 22px;background:rgba(5,21,32,.32);box-shadow:0 0 3px #fff,0 0 12px #00aaff88,inset 0 0 12px #00aaff33;animation:product-neon 9s linear infinite}
.neon-product-card p{margin:0;font:500 clamp(10px,3cqw,17px)/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em;text-align:center;text-shadow:0 0 5px #009dff}
.neon-product-card .neon-product-name{font-size:clamp(13px,4cqw,23px);color:#e8fbff;margin-top:2px}
.neon-product-art{display:block;width:100%;height:auto;fill:none;stroke:#c9f7ff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #009dff)}
.neon-product-art [hidden]{display:none}
.neon-product-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.neon-product-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;color:#c6f5ff;cursor:pointer;padding:6px}
.neon-product-controls button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;filter:drop-shadow(0 0 4px #00aaff)}
.neon-product-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.neon-product-controls button[data-direction]{width:52px;height:52px;min-width:52px;min-height:52px;flex:0 0 52px;border:1.5px solid #a2eaff;border-radius:50%;background:#0873ad44;box-shadow:0 0 8px #008dff66;transition:background .15s,box-shadow .15s}
.neon-product-controls button[data-direction] svg{width:32px;height:32px;stroke-width:2}
.neon-product-controls button[data-direction]:hover,.neon-product-controls button[data-direction]:focus-visible{background:#168ac777;box-shadow:0 0 12px #41c8ffbb}
.neon-product-controls .neon-product-position{font-size:clamp(10px,2.5cqw,13px)}
.neon-product-link{display:block;text-align:center;color:#d4f7ff;font:500 clamp(10px,2.8cqw,15px)/1.5 'IBM Plex Mono',monospace;text-underline-offset:5px;margin-top:8px}
.hardware-selector[data-paused="true"] .neon-product-card{animation-play-state:paused}
@keyframes product-neon{0%,43%,47%,100%{filter:brightness(1)}44%{filter:brightness(.8)}45%{filter:brightness(1.2)}46%{filter:brightness(.95)}}
@media(max-width:1000px){.hardware-cover-hero .hardware-selector{left:48%;top:7%;width:48%}.neon-product-card{padding:8px}.neon-product-controls{margin-top:0;gap:2px}.neon-product-controls button{padding:4px}.neon-product-link{margin-top:0}.neon-product-art{max-height:27cqw}}
@media(prefers-reduced-motion:reduce){.hardware-selector{transition:none}.neon-product-card{animation:none}}
@media(max-width:1000px){
 .hardware-cover-hero>.hero-cover-art{aspect-ratio:1/1;min-height:420px}
 .hardware-cover-hero .hardware-selector{left:23%;top:50%;width:74%}
 .hardware-selector .neon-product-card{padding:8px}
 .neon-product-renders{height:110px}
 .neon-product-features{gap:3px}
 .neon-product-features li{padding:2px 4px;font-size:9px}
 .neon-configure-link{font-size:10px;padding:6px 8px;margin-top:4px}
 .neon-product-art{max-height:none}
 .neon-product-controls .neon-product-position{display:none}
 .neon-product-controls{gap:0}
 .neon-product-link{font-size:10px}
}
.product-ray-field.product-ray-field-secondary::before{animation-duration:39s,6.1s;animation-delay:-5s,-1s}
.product-ray-field.product-ray-field-secondary::after{animation-duration:47s,7.3s;animation-delay:-9s,-3s}
.product-ray-field.product-ray-field-blue::before{background:repeating-conic-gradient(from 19deg,transparent 0deg 5deg,#ffe83d4d 6deg,#fff485b3 7deg,#ffe84355 9deg,transparent 11deg 15deg);filter:drop-shadow(0 0 4px #ffe637);animation-name:product-rays-clockwise,product-rays-blue-glow;animation-duration:38s,6.3s;animation-delay:-4s,-2.7s}
.product-ray-field.product-ray-field-blue::after{background:repeating-conic-gradient(from 12deg,transparent 0deg 6deg,#ffe85c55 8deg,#fff7a3b3 9deg,#ffe3374d 11deg,transparent 13deg 18deg);filter:drop-shadow(0 0 4px #ffe637);animation-name:product-rays-counterclockwise,product-rays-blue-glow;animation-duration:46s,7.1s;animation-delay:-7s,-4s}
.product-ray-field.product-ray-field-blue.product-ray-field-secondary::before{animation-duration:41s,6.9s;animation-delay:-11s,-1.5s}
.product-ray-field.product-ray-field-blue.product-ray-field-secondary::after{animation-duration:49s,7.7s;animation-delay:-15s,-3.5s}
@keyframes product-rays-blue-glow{0%,100%{opacity:.3;filter:drop-shadow(0 0 2px #ffe637)}50%{opacity:.8;filter:drop-shadow(0 0 7px #fff27a)}}
