:root{--ink:#14201d;--muted:#65706c;--line:#c7cfcc;--paper:#f0f4f2;--card:#fbfcfb;--green:#127b70;--dark:#0d4039;--amber:#b57310;--shadow:0 16px 45px rgba(24,48,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 68% 36%,#f8faf9 0,transparent 32%),var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif;letter-spacing:.01em}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--dark);color:white;font-weight:800;font-size:13px}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{font-size:9px;font-weight:700;margin-top:2px}.header-actions{display:flex;align-items:center;gap:22px}.service-state{font-size:12px;font-weight:700}.service-state i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#22ad77;box-shadow:0 0 0 4px #d9f2e7}.external-link,.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d2d9d6;border-radius:7px;background:#fff;color:var(--ink);text-decoration:none;font-size:18px;cursor:pointer}.layout{display:grid;grid-template-columns:1.17fr .93fr;gap:47px;align-items:center;min-height:800px;padding-block:42px}.intro{min-width:0}.intro-copy{margin-bottom:27px}.eyebrow{margin:0 0 7px;color:#107568;font-size:11px;font-weight:800}.intro h1{font-size:39px;line-height:1.1;margin:0 0 13px;letter-spacing:.02em}.lead{margin:0;color:#46534f;font-size:16px;line-height:1.75}.server-visual{height:188px;position:relative;overflow:hidden;border-radius:7px;background:linear-gradient(120deg,rgba(11,43,38,.68),rgba(4,17,15,.93)),repeating-linear-gradient(90deg,#172e29 0 56px,#07100e 57px 63px);isolation:isolate}.server-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(119,190,156,.12) 10px 11px),radial-gradient(circle at 20% 25%,#b47b2c 0 1px,transparent 2px),radial-gradient(circle at 52% 44%,#77b998 0 1px,transparent 2px);background-size:auto,17px 15px,23px 19px;opacity:.85}.rack{position:absolute;top:0;bottom:34px;width:22%;border-inline:1px solid rgba(211,177,91,.22);background:repeating-linear-gradient(0deg,rgba(216,177,82,.07) 0 6px,rgba(0,0,0,.33) 7px 11px)}.rack-a{left:12%}.rack-b{left:38%}.rack-c{left:66%}.cables{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 35% -20%,transparent 0 27px,rgba(192,145,62,.35) 29px 30px,transparent 32px 47px);opacity:.7}.visual-caption{position:absolute;left:0;right:0;bottom:0;height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:linear-gradient(90deg,rgba(6,39,34,.94),rgba(3,19,17,.92));color:#fff;font-size:12px;z-index:2}.visual-caption span{color:#d8f4e9}.visual-caption strong{font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:24px}.metrics article{padding:18px 0 16px}.metrics article+article{border-left:1px solid var(--line);padding-left:17px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:10px}.metrics strong{display:block;font-size:24px;margin:5px 0 3px}.steps{list-style:none;margin:0;padding:23px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps li{display:flex;gap:12px;align-items:flex-start}.steps b{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#fff1d8;color:var(--amber);font-size:9px}.steps strong,.steps small{display:block}.steps strong{font-size:13px;margin-bottom:5px}.steps small{font-size:9px;color:var(--muted);line-height:1.5}.console{background:rgba(255,255,255,.82);border:1px solid #b9c4c0;border-radius:8px;padding:25px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.console-heading,.queue-heading{display:flex;align-items:flex-start;justify-content:space-between}.console h2{font-size:20px;margin:0}.key-pill{padding:8px 12px;border-radius:18px;background:#e8f0fa;color:#41627a;font-size:11px;font-weight:800}.console>label,.select-row label{display:block;font-size:11px;font-weight:700;margin:18px 0 8px}.textarea-wrap{position:relative}.textarea-wrap textarea{width:100%;height:168px;resize:vertical;border:1px solid #b9c4c0;border-radius:6px;padding:14px 48px 14px 13px;background:#fff;font:13px/1.8 inherit;color:var(--ink);outline:none}.textarea-wrap textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(18,123,112,.1)}.textarea-wrap .icon-button{position:absolute;right:9px;top:9px;width:35px;height:35px}.select-row{display:grid;grid-template-columns:1fr 1.08fr;gap:12px}.select-row label{margin-top:16px}.select-row select{display:block;width:100%;height:41px;margin-top:8px;border:1px solid #b9c4c0;border-radius:6px;background:#fff;padding:0 12px;font:13px inherit;color:var(--ink);outline:none}.recognized{height:41px;margin-top:12px;border:1px solid #d2d9d6;border-radius:6px;background:#f4f6f5;display:grid;place-items:center;font-size:12px;color:var(--muted)}.recognized strong{color:var(--ink);margin-inline:3px}.primary-button{width:100%;height:46px;margin-top:12px;border:0;border-radius:6px;background:var(--green);color:white;font:700 15px inherit;cursor:pointer;transition:.2s}.primary-button:hover{background:#0d695f;transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.queue{margin-top:22px;padding-top:21px;border-top:1px solid #d6dcd9}.queue-heading h2{font-size:16px;margin:0 0 5px}.queue-heading p{font-size:10px;color:var(--muted);margin:0}.queue-heading>div:last-child{display:flex;gap:8px}.queue-heading .icon-button{width:34px;height:34px}.icon-button:disabled{opacity:.42;cursor:not-allowed}.queue-state{margin-top:20px;min-height:92px;border:1px dashed #b6c0bc;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(247,249,248,.8)}.queue-icon{font-size:20px;color:#596660}.queue-state strong{font-size:12px;margin:5px 0}.queue-state small{font-size:9px;color:var(--muted)}.queue-state.success{border-style:solid;border-color:#a8d5c2;background:#f0faf6}.queue-state.success .queue-icon{color:#159263}.queue-list{width:100%;padding:10px 15px;margin:0;list-style:none}.queue-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #dce7e2;font-size:11px}.queue-list li:last-child{border:0}.queue-list em{font-style:normal;color:#148460;font-weight:700}.site-footer{height:76px;border-top:1px solid #d0d7d4;display:flex;align-items:center;justify-content:space-between;color:#65706c;font-size:9px}.toast{position:fixed;left:50%;bottom:30px;translate:-50% 20px;padding:10px 16px;border-radius:6px;background:#152c27;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;translate:-50% 0}
@media(max-width:900px){.wrap{width:min(100% - 32px,680px)}.layout{grid-template-columns:1fr;gap:30px;padding-block:45px;align-items:start}.intro h1{font-size:34px}.console{padding:22px}.site-footer{margin-top:20px}}
@media(max-width:560px){.wrap{width:calc(100% - 24px)}.site-header{height:67px}.service-state{font-size:0}.service-state i{margin:0}.brand strong{font-size:13px}.layout{padding-block:30px}.intro h1{font-size:29px}.lead{font-size:14px}.server-visual{height:166px}.metrics article+article{padding-left:10px}.metrics strong{font-size:20px}.steps{grid-template-columns:1fr;gap:14px}.select-row{grid-template-columns:1fr}.select-row label+label{margin-top:2px}.console{padding:18px 14px}.site-footer{height:65px}.site-footer span:last-child{display:none}}
.queue-list li{gap:14px}.queue-list em{text-align:right}.queue-list em.failed{color:#b34b40}