:root{--bg:#070812;--surface:#0d0f1b;--surface2:#121522;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.15);--text:#f7f7fb;--muted:#8b91a5;--violet:#8b54ff;--violet2:#6532e8;--cyan:#42bfff;--green:#45e69a;--amber:#ffbd5c;--red:#ff6f91;--shadow:0 30px 90px rgba(0,0,0,.48)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:500 14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:320px}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 540px at 75% -5%,rgba(91,39,220,.16),transparent 65%),radial-gradient(700px 460px at -5% 65%,rgba(51,149,255,.08),transparent 70%)}.ambient:after{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}a{color:inherit}.shell{position:relative;max-width:1240px;margin:auto;padding:20px 22px 0}.topbar{height:68px;display:flex;align-items:center;gap:42px;padding:0 20px;background:rgba(8,9,17,.78);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(18px);position:sticky;top:14px;z-index:20;box-shadow:0 16px 50px rgba(0,0,0,.28)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:14px;font-weight:900;letter-spacing:.08em}.brand small{display:block;color:#9d7ef7;font-size:8px;letter-spacing:.19em}.brand-mark{width:36px;height:36px;border:1px solid rgba(139,84,255,.45);border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(143,83,255,.25),rgba(61,114,255,.08));box-shadow:inset 0 0 18px rgba(141,82,255,.1),0 0 25px rgba(141,82,255,.15)}.brand-mark i{width:14px;height:14px;border:2px solid #a879ff;transform:rotate(45deg);box-shadow:0 0 12px #7a3cff}.topbar nav{display:flex;gap:28px}.topbar nav a{color:#9399aa;text-decoration:none;font-size:12px}.topbar nav a:hover{color:#fff}.online{margin-left:auto;color:#858b9d;font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px}
.hero{min-height:540px;margin-top:18px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#080914;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,18,.97) 0%,rgba(7,8,18,.88) 35%,rgba(7,8,18,.2) 72%,rgba(7,8,18,.12)),linear-gradient(0deg,rgba(7,8,18,.88),transparent 30%)}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:2;padding:76px 58px;width:57%}.eyebrow,.section-kicker{font:800 10px/1.2 ui-monospace,monospace;color:#a488ff;letter-spacing:.18em}.eyebrow i{display:inline-block;width:24px;height:1px;background:#9b6cff;vertical-align:middle;margin-right:10px;box-shadow:0 0 8px #9b6cff}.hero h1{font-size:64px;line-height:.98;letter-spacing:-.055em;margin:26px 0 22px}.hero h1 em{font-style:normal;color:#9f6cff;text-shadow:0 0 38px rgba(143,84,255,.28)}.hero p{max-width:540px;color:#a4a9b9;font-size:16px;line-height:1.7;margin:0}.hero-button{display:inline-flex;align-items:center;gap:28px;margin-top:32px;padding:15px 20px;background:linear-gradient(135deg,#9661ff,#6d37ec);border-radius:13px;text-decoration:none;font-weight:800;box-shadow:0 12px 35px rgba(106,54,231,.35)}.hero-button span{font-size:18px}.hero-metrics{position:absolute;z-index:3;left:58px;right:58px;bottom:30px;display:flex;gap:48px}.hero-metrics div{display:flex;align-items:center;gap:10px}.hero-metrics strong{font:700 23px/1 ui-monospace,monospace;color:#fff}.hero-metrics span{font:700 9px/1.35 ui-monospace,monospace;color:#757b8d;letter-spacing:.08em;text-transform:uppercase}
.workflow{margin:18px 0;min-height:94px;border:1px solid var(--line);border-radius:20px;background:rgba(12,14,25,.72);display:flex;align-items:center;justify-content:center;gap:30px;padding:18px 34px}.workflow article{display:flex;align-items:center;gap:14px;min-width:200px}.workflow article>span{font:800 11px/1 ui-monospace,monospace;color:#ab8cff;width:35px;height:35px;border:1px solid rgba(139,84,255,.3);background:rgba(139,84,255,.08);border-radius:10px;display:grid;place-items:center}.workflow b,.workflow small{display:block}.workflow b{font-size:13px}.workflow small{font-size:10px;color:#747b8d;margin-top:3px}.workflow>i{height:1px;flex:1;max-width:92px;background:linear-gradient(90deg,rgba(139,84,255,.4),rgba(255,255,255,.06))}
.installer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:18px;align-items:start}.card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(17,19,32,.94),rgba(10,12,22,.94));box-shadow:var(--shadow)}.setup-card{padding:28px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card h2{font-size:25px;line-height:1.15;letter-spacing:-.025em;margin:8px 0 0}.step-badge{font:800 9px/1 ui-monospace,monospace;color:#8d93a5;letter-spacing:.08em;padding:9px 11px;border:1px solid var(--line);border-radius:999px}fieldset{border:0;padding:0;margin:27px 0 0}legend,.input-wrap>span{display:block;color:#b8bdcb;font-size:11px;font-weight:750;margin-bottom:9px}.choice-grid{display:grid;gap:10px}.choice-grid.two{grid-template-columns:1fr 1fr}.choice{position:relative;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);cursor:pointer;transition:.2s}.choice:hover{border-color:var(--line2)}.choice.active{border-color:rgba(139,84,255,.72);background:linear-gradient(135deg,rgba(139,84,255,.11),rgba(255,255,255,.02));box-shadow:0 0 0 3px rgba(139,84,255,.07)}.choice input{position:absolute;opacity:0}.choice-icon{width:34px;height:34px;border:1px solid rgba(139,84,255,.25);border-radius:10px;background:rgba(139,84,255,.08);display:grid;place-items:center;color:#a883ff;font:800 17px/1 ui-monospace,monospace}.choice b,.choice small{display:block}.choice b{font-size:12px}.choice small{font-size:9px;color:#747b8e;margin-top:4px}.choice>i{margin-left:auto;width:14px;height:14px;border:1px solid #555d71;border-radius:50%}.choice.active>i{border:4px solid #9b6aff;box-shadow:0 0 12px rgba(155,106,255,.45)}.form-row{display:flex;gap:12px;margin-top:18px}.input-wrap{display:block;margin-top:18px}.form-row .input-wrap{margin-top:0}.grow{flex:1}.port{width:126px}.input-wrap input{width:100%;height:47px;border:1px solid var(--line);border-radius:12px;background:#080a13;color:#f6f7fb;padding:0 14px;outline:0;font:600 13px/1 inherit}.input-wrap input:focus{border-color:rgba(139,84,255,.75);box-shadow:0 0 0 3px rgba(139,84,255,.09)}.input-wrap small{display:block;font-size:9px;color:#6f7689;margin-top:7px}.password-box{display:flex;position:relative}.password-box input{padding-right:45px}.password-box button{position:absolute;right:4px;top:4px;width:39px;height:39px;border:0;background:transparent;color:#71798d;cursor:pointer}.token-field{display:none}.token-field.visible{display:block}.switch-card{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);cursor:pointer}.switch{width:42px;height:24px;position:relative;flex:0 0 auto}.switch input{position:absolute;opacity:0}.switch i{position:absolute;inset:0;border-radius:20px;background:#282d3b;transition:.2s}.switch i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#7e8598;border-radius:50%;transition:.2s}.switch input:checked+i{background:#7040df}.switch input:checked+i:after{left:21px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.5)}.switch-card b,.switch-card small{display:block}.switch-card b{font-size:12px}.switch-card small{color:#767d90;font-size:9px;margin-top:3px}.state{margin-left:auto;font:800 9px/1 ui-monospace,monospace;color:#72798c}.isolation-note{display:none;gap:12px;margin-top:10px;padding:14px;border:1px solid rgba(69,230,154,.18);border-radius:14px;background:rgba(69,230,154,.055)}.isolation-note.visible{display:flex}.shield{width:32px;height:32px;border-radius:9px;background:rgba(69,230,154,.1);display:grid;place-items:center;color:var(--green)}.isolation-note b{font-size:11px;color:#bdebd5}.isolation-note p{color:#71887d;font-size:9px;line-height:1.55;margin:4px 0 0}.location-field{display:none}.location-field.visible{display:block}.endpoint-preview{margin-top:22px;padding:14px 16px;border:1px solid rgba(139,84,255,.16);border-radius:14px;background:linear-gradient(90deg,rgba(139,84,255,.07),rgba(50,103,255,.03));display:grid;grid-template-columns:105px 1fr;align-items:center}.endpoint-preview>span{font:800 9px/1 ui-monospace,monospace;color:#797f92;letter-spacing:.08em;text-transform:uppercase}.endpoint-preview b{font:700 12px/1.3 ui-monospace,monospace;color:#c8b4ff;overflow-wrap:anywhere}.endpoint-preview small{grid-column:2;color:#70778a;font-size:9px;margin-top:5px}.legal-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0;color:#82899b;font-size:10px;cursor:pointer}.legal-check input{position:absolute;opacity:0}.legal-check i{width:17px;height:17px;border:1px solid #454c5f;border-radius:5px;display:grid;place-items:center;color:transparent;font-style:normal;flex:0 0 auto}.legal-check input:checked+i{background:#8150ec;border-color:#8150ec;color:#fff}.primary{width:100%;height:49px;border:0;border-radius:13px;background:linear-gradient(135deg,#9661ff,#6731e0);color:#fff;font-weight:850;display:flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;box-shadow:0 12px 30px rgba(104,50,224,.28)}.primary i{font-style:normal}.primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
.right-column{display:grid;gap:18px}.safety-card{padding:30px;min-height:420px;position:relative;overflow:hidden}.safety-card:after{content:"◇";position:absolute;right:-35px;bottom:-60px;font:200 230px/1 sans-serif;color:rgba(130,80,245,.035);transform:rotate(12deg)}.safety-card h2{font-size:30px;line-height:1.16;margin-top:16px}.safety-card ul{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:20px}.safety-card li{display:flex;gap:13px}.safety-card li>i{width:34px;height:34px;border:1px solid rgba(139,84,255,.2);background:rgba(139,84,255,.07);border-radius:10px;display:grid;place-items:center;color:#a37fff;font-style:normal;flex:0 0 auto}.safety-card b,.safety-card small{display:block}.safety-card b{font-size:11px}.safety-card small{color:#747b8e;font-size:9px;line-height:1.55;margin-top:4px}.preflight-card{display:none;padding:24px}.preflight-card.visible{display:block}.status-dot{width:11px;height:11px;border-radius:50%;margin-top:8px}.status-dot.ok{background:var(--green);box-shadow:0 0 16px var(--green)}.status-dot.warn{background:var(--amber);box-shadow:0 0 16px var(--amber)}.server-line{display:flex;justify-content:space-between;gap:10px;margin-top:20px;padding:12px;background:#080a13;border:1px solid var(--line);border-radius:11px;font:700 10px/1.3 ui-monospace,monospace}.server-line span{color:#979daf;overflow:hidden;text-overflow:ellipsis}.server-line b{color:#a886ff}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.check-item{padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}.check-item b,.check-item small{display:block}.check-item b{font:800 9px/1 ui-monospace,monospace;color:#bcc2d1}.check-item small{color:#71788a;font-size:9px;margin-top:5px}.notice{padding:10px 11px;border:1px solid rgba(255,189,92,.2);border-radius:10px;background:rgba(255,189,92,.06);color:#d5b77e;font-size:9px;margin:8px 0}.notice.danger{border-color:rgba(255,111,145,.2);background:rgba(255,111,145,.06);color:#e4a4b2}.preflight-card .primary{margin-top:14px}
.progress-card{display:none;margin-top:18px;padding:28px}.progress-card.visible{display:block}.progress-top{display:flex;justify-content:space-between;align-items:flex-end}.progress-top h2{margin-top:8px}.progress-top p{color:#777f92;font-size:10px;margin:7px 0 0}.progress-top strong{font:800 46px/1 ui-monospace,monospace}.progress-track{height:8px;border-radius:20px;background:#1a1d2a;margin:22px 0;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8e55ff,#3bbcff);box-shadow:0 0 18px rgba(104,84,255,.7);transition:width .3s}.terminal-head{height:40px;border:1px solid var(--line);border-bottom:0;border-radius:13px 13px 0 0;background:#11131e;display:flex;align-items:center;padding:0 13px}.terminal-head>span{display:flex;gap:5px}.terminal-head>span i{width:7px;height:7px;border-radius:50%;background:#ff6c7c}.terminal-head>span i:nth-child(2){background:#ffbd5c}.terminal-head>span i:nth-child(3){background:#45e69a}.terminal-head b{margin-left:14px;font:700 9px/1 ui-monospace,monospace;color:#747b8d}.terminal-head em{margin-left:auto;font:800 8px/1 ui-monospace,monospace;color:var(--green);font-style:normal}.terminal{height:300px;overflow:auto;border:1px solid var(--line);border-radius:0 0 13px 13px;background:#06070d;padding:16px;font:500 11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b5bdcc}.terminal>span{color:#5e6577}.terminal div.error{color:#ff91aa}.result{display:none;grid-template-columns:auto 1fr;gap:15px;margin-top:18px;padding:18px;border:1px solid rgba(69,230,154,.18);border-radius:14px;background:rgba(69,230,154,.045)}.result.visible{display:grid}.result-icon{width:42px;height:42px;border-radius:12px;background:rgba(69,230,154,.12);color:var(--green);display:grid;place-items:center;font-size:20px}.result-main>span{font:800 8px/1 ui-monospace,monospace;color:var(--green);letter-spacing:.12em}.result-main h3{margin:6px 0 3px}.result-main a{font-size:10px;color:#b89dff}.result pre{grid-column:1/-1;white-space:pre-wrap;overflow-wrap:anywhere;max-height:210px;overflow:auto;background:#07090f;border:1px solid var(--line);border-radius:10px;padding:12px;color:#aeb8c8;font:9px/1.6 ui-monospace,monospace}
footer{height:90px;margin-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#656c7e;font:700 9px/1 ui-monospace,monospace;letter-spacing:.08em}footer span{color:#888fa1}footer p{margin:0}footer a{margin-left:auto;text-decoration:none}.toast{position:fixed;right:24px;bottom:24px;max-width:390px;padding:14px 16px;border:1px solid rgba(255,111,145,.3);border-radius:12px;background:#18101a;color:#f0b4c2;box-shadow:var(--shadow);font-size:11px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;z-index:40}.toast.visible{opacity:1;transform:none}
@media(max-width:950px){.hero-copy{width:70%;padding:62px 38px}.hero h1{font-size:54px}.hero-metrics{left:38px;right:38px}.installer-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.safety-card{min-height:0}.workflow{gap:16px}.workflow article{min-width:0;flex:1}.workflow>i{display:none}}
@media(max-width:700px){.shell{padding:10px 10px 0}.topbar{top:8px;height:60px;padding:0 13px}.topbar nav{display:none}.online{font-size:0}.online i{margin:0}.hero{min-height:610px}.hero-art{object-position:65% center;opacity:.62}.hero:after{background:linear-gradient(0deg,rgba(7,8,18,.98) 0%,rgba(7,8,18,.9) 55%,rgba(7,8,18,.35))}.hero-copy{width:100%;padding:48px 25px}.hero h1{font-size:46px}.hero p{font-size:14px}.hero-metrics{left:25px;right:25px;bottom:24px;gap:16px;justify-content:space-between}.hero-metrics strong{font-size:18px}.workflow{display:grid;grid-template-columns:1fr;padding:18px}.workflow article{width:100%}.choice-grid.two,.right-column{grid-template-columns:1fr}.form-row{display:block}.form-row .input-wrap{margin-top:16px}.port{width:100%}.setup-card,.safety-card,.preflight-card,.progress-card{padding:20px}.endpoint-preview{grid-template-columns:1fr}.endpoint-preview small{grid-column:1}.progress-top strong{font-size:34px}.terminal{height:260px}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.access-gate{position:fixed;inset:0;z-index:60;background:rgba(4,5,11,.86);backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px}.access-gate[hidden]{display:none}.access-dialog{width:min(420px,100%);padding:32px;border:1px solid var(--line2);border-radius:22px;background:linear-gradient(180deg,#131525,#0b0d18);box-shadow:var(--shadow)}.access-dialog>.brand-mark{margin-bottom:24px}.access-dialog h2{font-size:27px;margin:10px 0 8px}.access-dialog p{color:#858c9f;font-size:11px;margin:0 0 22px}.access-dialog .input-wrap{margin:0 0 14px}.access-dialog>small{display:block;min-height:16px;color:var(--red);font-size:9px;margin-top:10px}