:root{--bg:#050b18;--panel:#0a1730;--line:rgba(119,177,255,.18);--text:#f1f7ff;--muted:#91a6c5;--blue:#368dff;--cyan:#39dfff;--green:#55e8aa;--red:#ff647d;--font:'Inter',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(75,134,214,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(75,134,214,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 75%)}.ambient{position:fixed;z-index:-1;width:650px;height:650px;top:-290px;left:38%;border-radius:50%;background:rgba(25,103,222,.18);filter:blur(110px)}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}button,input,select{font:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 48px));margin:auto;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;font:600 18px var(--display)}.logo strong{color:var(--cyan)}.logo-mark{display:grid;place-items:center;width:29px;height:34px;background:linear-gradient(145deg,var(--blue),#1853bd);clip-path:polygon(50% 0,92% 15%,86% 72%,50% 100%,14% 72%,8% 15%);font-size:13px}.environment,.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:.13em;font-weight:700}.environment{display:flex;align-items:center;gap:8px}.environment i,.online i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.intro{display:flex;justify-content:space-between;gap:50px;align-items:end;padding:82px 0 55px}.intro h1{margin:18px 0;font:700 clamp(52px,7vw,86px)/.98 var(--display);letter-spacing:-.07em}.intro h1 span{color:var(--cyan)}.intro p{max-width:500px;color:var(--muted);font-size:14px;line-height:1.8}.architecture{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:10px;background:rgba(10,28,58,.65)}.architecture div{display:grid;gap:2px;min-width:96px}.architecture b{color:var(--cyan);font-size:9px}.architecture span{font:600 12px var(--display)}.architecture small{color:#7189aa;font-size:8px}.architecture em{color:#4f83ba;font-size:19px;font-style:normal}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;background:rgba(9,25,52,.55)}.metrics>div{padding:20px 24px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span{display:block;color:#7891b4;font-size:9px;letter-spacing:.08em}.metrics strong{display:block;margin-top:7px;font:700 24px var(--display)}.metrics .online{display:flex;align-items:center;gap:8px;color:var(--green);font-size:15px}.workspace{display:grid;grid-template-columns:1.6fr .8fr;gap:18px;margin:26px 0}.panel{border:1px solid var(--line);border-radius:11px;background:rgba(10,27,57,.75)}.table-panel{min-width:0;padding:24px}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}.panel h2{margin:8px 0 0;font:600 25px var(--display);letter-spacing:-.04em}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--blue);border-radius:6px;padding:10px 15px;color:#fff;background:linear-gradient(135deg,#2e83f3,#2364ce);font-size:11px;font-weight:700;cursor:pointer}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.status{min-height:26px;color:#88a5ca;font-size:10px}.status.error{color:var(--red)}.status.success{color:var(--green)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{padding:12px 10px;border-bottom:1px solid var(--line);color:#7190b7;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}td{padding:16px 10px;border-bottom:1px solid var(--line);color:#bed0e7}td:first-child{color:#eff7ff;font-weight:600}.role{display:inline-block;padding:5px 8px;border:1px solid rgba(57,223,255,.2);border-radius:4px;color:var(--cyan);background:rgba(57,223,255,.06);font-size:9px}.empty{text-align:center!important;color:#7891b4!important;padding:40px!important}.form-panel{padding:25px}.form-panel h2{font-size:24px}.helper{margin:8px 0 25px;color:#7891b4;font-size:11px}.form-panel form{display:grid;gap:15px}label{display:grid;gap:7px;color:#a7bbd5;font-size:10px}input,select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:5px;outline:0;color:#dceafd;background:#081a37;font-size:11px}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(57,223,255,.1)}.submit{width:100%;margin-top:5px;padding:12px}.submit span{font-size:18px;font-weight:400}.cost-note{margin-top:24px;padding:13px;border-left:2px solid var(--cyan);background:rgba(57,223,255,.05);font-size:9px}.cost-note b,.cost-note span{display:block}.cost-note b{margin-bottom:5px;color:#dceaff}.cost-note span{color:#7891b4;line-height:1.6}.explain{display:grid;grid-template-columns:.8fr 1.3fr;gap:35px;padding:25px;margin-bottom:60px}.explain h2{font-size:21px}.flow{display:grid;gap:11px}.flow p{display:flex;gap:18px;margin:0;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.flow p:last-child{border:0}.flow b{width:42px;color:var(--cyan);font:700 10px var(--display)}.flow span{color:#9bb0cc}.flow strong{color:var(--green)}.explain>small{grid-column:2;color:#6f89ad;font-size:9px}.footer{display:flex;justify-content:space-between;padding:0 0 28px;color:#5f7b9f;font-size:9px;letter-spacing:.08em}@media(max-width:850px){.intro{display:block;padding:60px 0 35px}.architecture{margin-top:35px;justify-content:space-between}.workspace{grid-template-columns:1fr}.explain{grid-template-columns:1fr}.explain>small{grid-column:auto}.form-panel{order:-1}}@media(max-width:600px){.container,.topbar{width:calc(100% - 32px)}.topbar{height:64px}.environment{font-size:8px}.intro h1{font-size:58px}.architecture{gap:6px;padding:12px}.architecture div{min-width:0}.architecture em{font-size:14px}.architecture span{font-size:10px}.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:15px}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.metrics strong{font-size:20px}.table-panel{padding:17px}.panel-head{align-items:start}.panel h2{font-size:21px}.footer{display:grid;gap:8px}.table-panel table{min-width:590px}}