:root{color:#f1f0ec;background:#101010;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}main{min-height:100vh;max-width:1440px;margin:0 auto;padding:0 48px 30px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b2b2b}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;letter-spacing:-.04em}.mark{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:#3046d3;border-radius:8px}.mark svg{width:22px;height:22px}.domain{color:#777;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.hero{padding:72px 0 62px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,490px);gap:60px;align-items:end}.eyebrow{grid-column:1 / -1;color:#6f83ff;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;margin-bottom:-34px}h1{margin:0;font-size:clamp(50px,6vw,88px);line-height:.94;letter-spacing:-.065em;font-weight:600}.lede{color:#a6a6a2;font-size:clamp(18px,2vw,24px);line-height:1.42;margin:0 0 6px;max-width:520px}.workspace{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(480px,1.15fr);border:1px solid #303030;border-radius:18px;overflow:hidden;background:#151515}.instructions{padding:42px;border-right:1px solid #303030}.instructions h2{font-size:16px;margin:0 0 34px;color:#ddd}.instructions ol{list-style:none;padding:0;margin:0;display:grid;gap:30px}.instructions li{display:grid;grid-template-columns:34px 1fr;gap:16px}.instructions li>span{color:#596edd;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;padding-top:3px}.instructions strong{display:block;font-size:16px;margin-bottom:7px}.instructions p{color:#898986;line-height:1.5;font-size:14px;margin:0}.flash-card{min-height:510px;padding:26px 34px 34px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 36%,#202744 0,#171923 32%,#131313 68%)}.card-head{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#969696;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.card-head>div{display:flex;gap:9px;align-items:center}.card-head code{text-transform:none;color:#737373}.status-dot{width:7px;height:7px;border-radius:50%;background:#6f83ff;box-shadow:0 0 14px #6f83ff}.phase-done .status-dot{background:#5ee392;box-shadow:0 0 14px #5ee392}.phase-error .status-dot{background:#ff6d60;box-shadow:0 0 14px #ff6d60}.device-illustration{flex:1;min-height:178px;display:grid;place-items:center;position:relative;overflow:hidden}.device-body{width:190px;height:94px;border:1px solid #59616f;border-radius:15px;transform:perspective(400px) rotateX(58deg) rotate(-18deg);background:linear-gradient(145deg,#3d4149,#17191d 52%);box-shadow:-20px 30px 45px #000a,inset 0 1px #ffffff26;position:relative}.device-line{position:absolute;inset:14px;border:1px solid #6e758040;border-radius:9px}.device-led{position:absolute;width:5px;height:5px;border-radius:50%;background:#6f83ff;right:18px;bottom:16px;box-shadow:0 0 12px #6f83ff}.cable{position:absolute;width:150px;height:2px;background:linear-gradient(90deg,transparent,#626875);transform:translate(150px,42px) rotate(-18deg)}.status-copy{text-align:center;min-height:72px}.status-copy h2{font-size:20px;line-height:1.3;margin:0 0 8px}.status-copy p{margin:0;color:#777;font-size:13px}.status-copy code{color:#aaa}.status-copy .error-message{color:#ff8b81;line-height:1.4;max-width:520px;margin:0 auto}.progress{height:3px;background:#303030;border-radius:10px;overflow:hidden;margin:22px 0 18px}.progress div{height:100%;background:#6f83ff;transition:width .18s linear}.confirmation{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;color:#aaa;font-size:13px;line-height:1.35;margin:18px 0}.confirmation input{width:16px;height:16px;accent-color:#3046d3}.primary{width:100%;border:0;border-radius:10px;padding:15px 18px;color:#fff;background:#3046d3;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}.primary:hover:not(:disabled){background:#4057e4}.primary:disabled{cursor:not-allowed;opacity:.4}.done-note{color:#8ecca5;border:1px solid #29583b;background:#17322260;border-radius:10px;padding:14px;text-align:center;font-size:13px;margin-top:18px}footer{display:flex;justify-content:space-between;gap:20px;color:#5e5e5c;font-size:12px;padding:22px 4px 0}@media(max-width:850px){main{padding:0 20px 24px}.topbar{height:76px}.hero{padding:48px 0 42px;grid-template-columns:1fr;gap:24px}.eyebrow{margin:0 0 -8px}.workspace{grid-template-columns:1fr}.instructions{border-right:0;border-bottom:1px solid #303030;padding:30px 24px}.flash-card{padding:24px;min-height:480px}footer{flex-direction:column}}@media(max-width:480px){.domain{display:none}h1{font-size:46px}.lede{font-size:17px}.device-body{width:160px}}