:root{--bg:#101214;--panel:#191d21;--panel-raised:#20262b;--line:#2c333a;--text:#ede7dc;--dim:#8e959c;--amber:#f0b254;--amber-deep:#3a2e1a;--led:#8fd694;--clip:#e5484d;--font-display:"Archivo", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius-panel:12px;--radius-button:8px;--col:920px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}a{color:var(--amber);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:2px}::selection{background:var(--amber-deep);color:var(--amber)}.wrap{max-width:var(--col);margin:0 auto;padding:0 20px}.site-header{max-width:var(--col);justify-content:space-between;align-items:center;margin:0 auto;padding:28px 20px 0;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.14em;color:var(--text);font-size:1.15rem;font-weight:800}.wordmark:hover{color:var(--amber);text-decoration:none}.nav-links{gap:22px;display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.18em;color:var(--dim);text-transform:uppercase;font-size:.72rem}.nav-links a:hover{color:var(--amber);text-decoration:none}.hero{max-width:var(--col);text-align:left;margin:0 auto;padding:96px 20px 72px}.kicker{font-family:var(--font-mono);letter-spacing:.3em;color:var(--dim);text-transform:uppercase;font-size:.72rem}.hero h1{font-family:var(--font-display);letter-spacing:.06em;margin-top:14px;font-size:clamp(3.2rem,10vw,6.5rem);font-weight:800;line-height:1.02}.hero h1 .hero-dot{color:var(--amber)}.hero-subtitle{color:var(--dim);max-width:34em;margin-top:18px;font-size:1.15rem}.hero-subtitle strong{color:var(--text);font-weight:500}.spectrum{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);margin-top:56px;padding:22px 26px 14px;display:inline-block}.spectrum-bands{align-items:flex-end;gap:14px;height:96px;display:flex}.band{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.band .bar{background:linear-gradient(to top, var(--amber-deep), var(--amber));width:18px;height:var(--h,40%);transform-origin:bottom;animation:3.2s ease-in-out infinite bar-idle;animation-delay:var(--d,0s);border-radius:3px 3px 0 0}.band .band-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--dim);font-size:.58rem}@keyframes bar-idle{0%,to{transform:scaleY(1)}35%{transform:scaleY(.62)}65%{transform:scaleY(1.12)}}.spectrum-caption{font-family:var(--font-mono);letter-spacing:.22em;color:var(--dim);text-transform:uppercase;align-items:center;gap:8px;margin-top:14px;font-size:.62rem;display:flex}.led{background:var(--amber);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.2s ease-in-out infinite led-pulse;box-shadow:0 0 8px #f0b254b3}.led.green{background:var(--led);box-shadow:0 0 8px #8fd694b3}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.35}}.rack{max-width:var(--col);gap:28px;margin:0 auto;padding:0 20px 72px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);padding:34px 38px 38px;position:relative}.screws{pointer-events:none}.screws i{background:radial-gradient(circle at 35% 30%,#3d454d,#14171a 75%);border:1px solid #0b0d0f;border-radius:50%;width:9px;height:9px;position:absolute}.screws i:first-child{top:11px;left:11px}.screws i:nth-child(2){top:11px;right:11px}.screws i:nth-child(3){bottom:11px;left:11px}.screws i:nth-child(4){bottom:11px;right:11px}.unit-label{font-family:var(--font-mono);letter-spacing:.28em;color:var(--dim);text-transform:uppercase;margin-bottom:20px;font-size:.66rem}.unit-label .unit-id{color:var(--amber)}.panel h2{font-family:var(--font-display);letter-spacing:.02em;margin-bottom:14px;font-size:1.5rem;font-weight:700}.panel p+p{margin-top:12px}.panel .muted{color:var(--dim)}.product{align-items:flex-start;gap:26px;display:flex}.product-icon{border:1px solid var(--line);border-radius:18px;flex-shrink:0;width:84px;height:84px}.product-body{flex:1}.product-title-row{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.product-title-row h2{margin-bottom:0}.product-tag{font-family:var(--font-mono);letter-spacing:.16em;color:var(--dim);text-transform:uppercase;font-size:.68rem}.product-desc{max-width:44em;margin-top:10px}.status-row{font-family:var(--font-mono);letter-spacing:.2em;color:var(--amber);text-transform:uppercase;align-items:center;gap:10px;margin-top:16px;font-size:.7rem;display:flex}.panel-actions{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.button{font-family:var(--font-display);letter-spacing:.04em;color:#1a1508;background:var(--amber);border-radius:var(--radius-button);padding:12px 22px;font-size:.9rem;font-weight:700;display:inline-block}.button:hover{filter:brightness(1.08);text-decoration:none}.button.ghost{color:var(--amber);border:1px solid var(--line);background:0 0}.button.ghost:hover{border-color:var(--amber);filter:none}.strip{border-top:1px solid var(--line)}.strip-row{border-bottom:1px solid var(--line);align-items:baseline;gap:18px;padding:14px 2px;display:flex}.strip-key{font-family:var(--font-mono);letter-spacing:.1em;color:var(--amber);text-transform:uppercase;flex-shrink:0;min-width:108px;font-size:.72rem}.strip-val{color:var(--dim)}.strip-val strong{color:var(--text);font-weight:500}.contact-line{font-family:var(--font-mono);letter-spacing:.04em;font-size:1.05rem}.legal{max-width:760px;margin:0 auto;padding:56px 20px 80px}.legal h1{font-family:var(--font-display);letter-spacing:.03em;font-size:2rem;font-weight:800}.legal .meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--dim);margin-top:10px;font-size:.72rem}.legal h2{font-family:var(--font-display);color:var(--amber);margin-top:2.2rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.legal p+p{margin-top:10px}.no-signal{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.no-signal h1{font-family:var(--font-display);letter-spacing:.1em;color:var(--clip);font-size:clamp(2.4rem,8vw,4.5rem);font-weight:800}.no-signal p{color:var(--dim);margin-top:14px}.site-footer{border-top:1px solid var(--line);margin-top:8px}.footer-inner{max-width:var(--col);font-family:var(--font-mono);letter-spacing:.14em;color:var(--dim);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:28px 20px 44px;font-size:.68rem;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--dim)}.footer-links a:hover{color:var(--amber)}.rise{opacity:0;animation:.7s ease-out forwards rise;animation-delay:var(--rise-delay,0s);transform:translateY(14px)}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media (width<=640px){.hero{padding-top:64px;padding-bottom:48px}.panel{padding:26px 22px 30px}.product{flex-direction:column}.spectrum{display:block}.spectrum-bands{gap:8px;height:76px}.band .bar{width:14px}.strip-row{flex-direction:column;gap:2px}.strip-key{min-width:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.band .bar,.led{animation:none}.rise{opacity:1;animation:none;transform:none}}