/* Circuit layer: SVG traces, no canvas or persistent JavaScript render loop. */
.gesture-orbit{background:none;inset:-50px;color:#2466b0;opacity:.18}.gesture-orbit:after{display:none}.circuit-board{width:100%;height:100%;min-height:100vh}.signal-flow{stroke-dasharray:12 900;animation:signal-travel 12s linear infinite}.signal-flow path:nth-child(2){animation-delay:-3s}.motion-stopped .signal-flow{animation-play-state:paused}[data-theme=dark] .gesture-orbit{color:#5cb7e9;opacity:.21}@keyframes signal-travel{to{stroke-dashoffset:-912}}
.lab-hero{grid-template-columns:1.4fr .6fr;padding-bottom:36px}.lab-hero h1{font-size:clamp(46px,5.6vw,76px)}.lab-emblem{border-radius:12px;width:200px;height:180px;box-shadow:12px 12px 0 var(--soft),13px 13px 0 var(--line);background:var(--surface);position:relative;border:1px solid var(--line)}.lab-emblem:before,.lab-emblem:after{content:'';position:absolute;left:-15px;right:-15px;height:80px;top:45px;background:repeating-linear-gradient(0deg,transparent 0 9px,var(--accent-text) 10px 12px);z-index:-1}.lab-emblem:after{transform:rotate(90deg)}.lab-emblem span{font:700 64px Arial;letter-spacing:-5px}.lab-emblem small{letter-spacing:2px}.catalogue-toolbar{flex-wrap:wrap}.catalogue-toolbar>p{margin-left:auto}.server-hall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;padding:30px 26px 50px;background:linear-gradient(180deg,#101c31,#060d1b);border:1px solid #344864;border-radius:16px;position:relative;box-shadow:0 30px 50px -35px #000;perspective:1200px}.server-hall:has(.server-cabinet:only-child){grid-template-columns:minmax(0,800px);justify-content:center}.server-cabinet{background:#0b1423;padding:0 18px 20px;border:2px solid #44556d;border-radius:8px;box-shadow:inset 5px 0 #1f2d42,inset -5px 0 #1f2d42,8px 12px 0 #030812;position:relative;color:#eaf2ff;min-width:0}.server-cabinet:before,.server-cabinet:after{content:'';position:absolute;top:55px;bottom:30px;width:5px;background:repeating-linear-gradient(to bottom,#536177 0 4px,transparent 4px 16px)}.server-cabinet:before{left:7px}.server-cabinet:after{right:7px}.cabinet-top{display:flex;justify-content:space-between;gap:10px;padding:20px 0;font:10px monospace;letter-spacing:1px;color:#b0c6de}.cabinet-top span:last-child{font-size:8px;color:#7290b5}.rack-slots{display:grid;gap:12px}.server-unit{--unit-accent:#62b7ff;width:100%;border:1px solid #4a5d78;border-left:4px solid var(--unit-accent);border-radius:4px;padding:22px 14px;display:flex;align-items:center;gap:16px;text-align:left;color:#edf5ff;background:linear-gradient(175deg,#293b53,#17263c 45%,#111d2f);box-shadow:inset 0 1px #68788b,0 4px 0 #040912;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;min-height:112px}.server-unit:before,.server-unit:after{content:'⊕';position:absolute;right:5px;font:10px monospace;color:#8394a9}.server-unit:before{top:5px}.server-unit:after{bottom:5px}.server-unit.accent-violet{--unit-accent:#b9a0ff}.server-unit.accent-gold{--unit-accent:#f4c161}.server-unit:hover,.server-unit:focus-visible,.server-unit.selected{transform:translateY(-3px) translateX(-5px);border-color:var(--unit-accent);box-shadow:inset 0 1px #89b0d2,6px 10px 0 #030812,0 0 18px #62b7ff15}.bay-number{font:12px monospace;color:#8296b3;border:1px solid #52647a;padding:5px;align-self:start}.unit-label{display:grid;gap:8px;flex:1;min-width:0;overflow-wrap:anywhere}.unit-label small{font:9px monospace;color:var(--unit-accent);letter-spacing:1px;text-transform:uppercase}.unit-label strong{font-size:20px;letter-spacing:-.5px;font-weight:500}.unit-label>span{font:8px monospace;letter-spacing:1px;color:#a4b7d1}.unit-vents{width:40px;height:48px;background:repeating-linear-gradient(90deg,#050a13 0 3px,#39475b 3px 5px);opacity:.8}.unit-led{width:6px;height:6px;background:var(--unit-accent);border-radius:50%;box-shadow:0 0 8px var(--unit-accent)}.unit-arrow{font-size:18px;color:var(--unit-accent)}.cabinet-base{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:24px;color:#7990ad;font:8px monospace;letter-spacing:1px}.cabinet-base>span:first-child{font-size:25px;letter-spacing:6px}.compact-racks{display:block;padding:20px}.compact-racks .server-cabinet{border:0;box-shadow:none;padding:0;margin-bottom:20px}.compact-racks .server-cabinet:before,.compact-racks .server-cabinet:after,.compact-racks .cabinet-base{display:none}.compact-racks .server-unit{min-height:76px;padding:14px}.compact-racks .unit-vents{display:none}.rack-dialog{max-width:640px;padding:34px;border-top:4px solid var(--accent-text)}.rack-detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.rack-caption{font:10px monospace;color:var(--accent-text);letter-spacing:1px}.rack-description{font-size:16px!important;line-height:1.8!important}.rack-features{padding-left:20px;margin-block:24px;line-height:1.9;color:var(--muted-foreground)}.rack-dialog h2{overflow-wrap:anywhere}.rack-dialog .button{margin-top:18px}.lab-contact{margin-top:50px}.hero-visual{box-shadow:8px 8px 0 var(--soft),9px 9px 0 var(--line)}
@media(max-width:900px){.server-hall{grid-template-columns:1fr;padding:24px 18px 36px}.lab-emblem{width:150px;height:140px}.lab-emblem:before,.lab-emblem:after{height:60px;top:40px}.lab-emblem span{font-size:52px}.unit-label strong{font-size:19px}}
@media(max-width:600px){.lab-hero{grid-template-columns:1fr}.server-hall{padding:20px 10px 28px;margin-inline:-8px;gap:24px}.server-cabinet{padding-inline:13px}.server-unit{gap:10px;padding:18px 10px;min-height:105px}.unit-vents{display:none}.unit-label strong{font-size:17px}.unit-label small{font-size:8px}.bay-number{font-size:9px;padding:4px}.cabinet-top{font-size:9px}.cabinet-top span:last-child{font-size:6px}.catalogue-toolbar>p{margin-left:0}.rack-dialog{padding:22px}.rack-caption{font-size:8px}.cabinet-base{font-size:6px}.gesture-orbit{opacity:.12}}
@media(prefers-reduced-motion:reduce){.signal-flow{animation:none}.server-unit{transition:none}.server-unit:hover,.server-unit:focus-visible,.server-unit.selected{transform:none}}