:root{color-scheme:light;--bg:#eef1f4;--panel:#fff;--text:#202a35;--muted:#627081;--line:#d4dce4;--accent:#5369ae;--soft:#edf1fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,Arial,sans-serif}a{color:var(--accent);text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:20px}header>a:last-child{font-size:13px}.brand{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:650}.brand img{background:#2b3440;border-radius:9px}.brand span{color:var(--muted);font-weight:400}.heading{padding:42px 0 24px;max-width:620px}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:650}h1{font-size:clamp(40px,7vw,64px);letter-spacing:-.06em;line-height:1.05;margin:12px 0 20px}h1 span{color:var(--accent)}h2{font-size:24px;letter-spacing:-.04em;line-height:1.2}h3{letter-spacing:-.025em}.heading>p:last-child{font-size:18px;color:var(--muted)}.draft{padding:14px 18px;background:var(--soft);border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px;margin:0 0 28px}.draft strong{color:var(--text);margin-right:6px}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.rack-panel,.detail-panel{border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden;box-shadow:0 15px 35px #293f5610}.panel-bar{height:42px;background:#e6ebf0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;color:var(--muted)}.panel-bar h2{font-size:11px;font-weight:500;letter-spacing:0;margin:0}.dots{color:#9ba8b6;letter-spacing:3px;font-size:9px}.rack{margin:24px;border:9px solid #303a47;border-radius:12px;background:#232c37;padding:16px 10px 8px;box-shadow:inset 0 0 0 1px #536170}.rack-label{color:#91a0b1;font-size:9px;letter-spacing:.15em;padding:0 12px 15px}.rack-device{width:100%;border:1px solid #6a798a;border-radius:5px;background:#d9e0e8;color:#263545;display:flex;align-items:center;gap:12px;padding:16px 12px;margin:0 0 8px;text-align:left;transition:background .2s,box-shadow .2s}.rack-device[aria-pressed=true]{background:#f0f4ff;box-shadow:inset 4px 0 #758de0;border-color:#9cb1f6}.rack-device[data-device=proxmox]{min-height:100px}.unit{font-size:9px;color:#647387;width:28px;flex-shrink:0}.device-icon{font-size:24px;width:28px;color:#5369ae}.device-name{font-size:14px;font-weight:650;flex:1}.device-name small{display:block;font-size:9px;color:#637186;font-weight:400;margin-top:4px}.indicator{width:5px;height:5px;border-radius:50%;background:#7587a3}.rack-blank{display:flex;gap:14px;align-items:center;color:#738396;font-size:9px;padding:12px}.rack-blank div{height:5px;flex:1;background:repeating-linear-gradient(90deg,#3e4b59 0 3px,transparent 3px 7px)}.rack-base{height:12px;border-top:1px solid #435060;margin:10px}.rack-hint{text-align:center;font-size:11px;color:var(--muted);margin:0 20px 20px}#device-detail{padding:28px}#device-detail h2{font-size:32px;margin:10px 0 22px}#device-detail h3{font-size:17px;margin-bottom:10px}#device-detail>p:not(.eyebrow),#device-detail li{color:var(--muted);font-size:13px}#device-detail ul{padding-left:18px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.explore{display:inline-block;font-size:13px;font-weight:650;margin-top:12px}.services-panel{padding:32px 0}.services-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.services-heading h2{margin:6px 0}.services-heading p{color:var(--muted);font-size:13px}.count{border:1px solid var(--line);padding:6px 12px;border-radius:20px;font-size:11px;white-space:nowrap}.hint{font-size:11px;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.services-grid button{display:grid;grid-template-columns:38px 1fr;gap:2px 10px;align-items:center;text-align:left;background:var(--panel);color:var(--text);padding:17px;border:1px solid var(--line);border-radius:14px;transition:border-color .2s,background .2s}.services-grid button[aria-pressed=true]{background:var(--soft);border-color:var(--accent)}.service-icon{grid-row:span 2;background:var(--soft);color:var(--accent);height:35px;display:grid;place-items:center;border-radius:9px;font-size:20px}.services-grid strong{font-size:12px}.services-grid small{font-size:10px;color:var(--muted)}.service-detail{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.service-detail h3{font-size:23px;margin:8px 0}.service-detail>p{max-width:700px}.service-detail>p:not(.eyebrow){color:var(--muted);font-size:13px}.flow{display:inline-block;padding:9px 13px;background:var(--soft);border-radius:8px}.notes{padding:26px 0;border-top:1px solid var(--line)}.notes>p{color:var(--muted)}.notes>a{font-weight:600;font-size:13px}.preferences{border-top:1px solid var(--line);padding:20px 0;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--text);padding-bottom:12px}.preferences label{display:flex;align-items:center;gap:8px}.preferences input{accent-color:var(--accent)}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;font-size:11px;color:var(--muted)}[hidden]{display:none!important}html[data-theme=dark]{color-scheme:dark;--bg:#15191e;--panel:#252d37;--text:#eff3f9;--muted:#aab8c8;--line:#455160;--accent:#b1c1ff;--soft:#313f59}html[data-theme=dark] .panel-bar{background:#384451}@media(max-width:740px){.workspace{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rack{max-width:450px;margin:22px auto}.rack-panel{padding:0 15px}.rack-panel .panel-bar{margin:0 -15px}.heading{padding-top:26px}#device-detail{padding:24px}.rack-device{padding:15px 10px}.services-grid button{padding:12px;grid-template-columns:30px 1fr;gap:5px}.service-icon{height:30px}.services-grid strong{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}