:root{--field: #0a0a0c;--panel: rgba(255, 255, 255, .04);--panel-2: rgba(255, 255, 255, .07);--line: rgba(255, 255, 255, .1);--ink: #e2e2e2;--muted: #8f96a3;--faint: #5c6472;--up: #3fb68b;--warn: #e0a83c;--down: #e05252;--pending: #6b7788;--act: #4d6bfe;--act-2: #00f0ff;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "Sofia Sans", system-ui, sans-serif;--r: 16px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--field);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.topbar{display:flex;align-items:center;gap:16px;padding:14px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0a0cb8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.brand small{color:var(--muted);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-family:var(--mono)}.demo-flag{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--warn);border:1px solid var(--warn);padding:2px 10px;border-radius:999px;opacity:.85}.page{max-width:1080px;margin:0 auto;padding:28px}.page h1{font-size:20px;font-weight:600;margin:0 0 4px}.page .sub{color:var(--muted);margin:0 0 24px}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:2px 10px;border-radius:999px;border:1px solid;text-transform:uppercase}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill.up{color:var(--up);border-color:#3fb68b66}.pill.degraded{color:var(--warn);border-color:#e0a83c66}.pill.down{color:var(--down);border-color:#e0525273}.pill.down:before{animation:blink 1s steps(2) infinite}.pill.pending{color:var(--muted);border-color:var(--line)}@keyframes blink{50%{opacity:.2}}@media (prefers-reduced-motion: reduce){.pill.down:before{animation:none}}.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin-bottom:18px;transition:border-color .15s}.card:hover{border-color:var(--act)}.card-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.card-head h2{font-size:16px;font-weight:600;margin:0}.card-head .cc{font-family:var(--mono);font-size:11px;color:var(--field);background:var(--muted);border-radius:3px;padding:1px 6px}.card-head .right{margin-left:auto;display:flex;gap:8px;align-items:center}.card-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--muted)}.card-meta b{color:var(--ink);font-weight:500}.strip{width:100%;height:auto;display:block}.strip text{font-family:var(--mono);font-size:10px;fill:var(--muted)}.strip .node-label{fill:var(--ink);font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 860px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}.panel h3{margin:0 0 12px;font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.kv{display:grid;grid-template-columns:150px 1fr;gap:4px 14px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-family:var(--mono);font-size:12px;word-break:break-all}.tunnel{border:1px solid var(--line);border-radius:6px;padding:12px 14px;margin-bottom:10px;background:var(--panel-2)}.tunnel-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:500}.tunnel-head .pill{margin-left:auto}.flow{list-style:none;margin:0;padding:0}.flow li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);align-items:flex-start}.flow li:last-child{border-bottom:none}.flow .dot{width:18px;height:18px;border-radius:50%;flex:none;margin-top:1px;display:grid;place-items:center;font-size:10px;font-family:var(--mono);border:1px solid var(--line);color:var(--muted)}.flow li.done .dot{background:var(--up);border-color:var(--up);color:var(--field)}.flow li.current .dot{border-color:var(--act);color:var(--act);box-shadow:0 0 0 3px #4c8dff26}.flow li.blocked_on_carrier .dot{border-color:var(--warn);color:var(--warn)}.flow .step-title{font-size:13px}.flow li.done .step-title{color:var(--muted)}.flow .actor{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint, var(--muted))}.flow .note{font-size:12px;color:var(--warn);margin-top:2px}.flow .advance{margin-left:auto}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:7px 16px;font-size:12.5px}.btn:hover{border-color:var(--act)}.btn.primary{background:var(--act);border-color:var(--act);color:#fff;font-weight:600}.btn.primary:hover{background:#5e79ff}.btn.danger:hover{border-color:var(--down);color:var(--down)}.btn:disabled{opacity:.45;cursor:not-allowed}.secret-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.secret-row:last-child{border-bottom:none}.secret-row .state{font-family:var(--mono);font-size:11px}.secret-row .state.set{color:var(--up)}.secret-row .state.unset{color:var(--warn)}.secret-row input{background:var(--field);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:6px 10px;font-family:var(--mono);font-size:12px;flex:1}.secret-row input:focus{outline:none;border-color:var(--act)}.canary-note{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:6px}.back{display:inline-block;margin-bottom:18px;color:var(--muted);font-size:13px}.back:hover{color:var(--ink)}.topnav{display:flex;gap:16px;font-size:13px;color:var(--muted)}.topnav a:hover{color:var(--ink)}.top-right{margin-left:auto;display:flex;gap:10px;align-items:center}.top-right .demo-flag{margin-left:0}.who{font-size:13px}.who small{color:var(--muted)}.hero{max-width:620px;margin:40px auto 0;position:relative}.hero:before{content:"";position:absolute;inset:-40px -80px auto;height:340px;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%)}.hero h1{font-size:34px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}.hero h1 .grad{background:linear-gradient(90deg,var(--act),var(--act-2));-webkit-background-clip:text;background-clip:text;color:transparent}.site-footer{margin-top:40px;padding:18px 0 8px;border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted)}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--ink)}.hero-panel{margin-top:8px}.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.auth-card{max-width:440px;margin:40px auto 0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px}.field>span{color:var(--muted)}.field input,.field select{background:var(--field);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:8px 10px;font-family:var(--mono);font-size:13px}.field input:focus,.field select:focus{outline:none;border-color:var(--act)}.field select option:disabled{color:var(--faint)}.field.checkbox{flex-direction:row;align-items:center;gap:8px}.field.checkbox input{width:auto}.form-error{color:var(--down);font-size:13px;margin:0 0 12px}.form-ok{color:var(--up);font-size:13px;margin:0 0 12px}.demo-creds{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.demo-creds h3{margin:0 0 8px;font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.balance{font-family:var(--mono);font-size:28px;font-weight:600}.mono{font-family:var(--mono)}.sms-info h3{margin:0 0 8px;font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.zones-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 860px){.zones-grid{grid-template-columns:1fr}}.zone-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-bottom:4px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:6px 10px 6px 0;border-bottom:1px solid var(--line)}.table td{padding:9px 10px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}.table tr:last-child td{border-bottom:none}.table-sub{color:var(--muted);font-size:12px;font-family:var(--mono)}.ref-badge{font-family:var(--mono);font-size:10px;color:var(--act);border:1px solid var(--act);border-radius:999px;padding:1px 7px;margin-left:8px;text-transform:uppercase;letter-spacing:.05em}:focus-visible{outline:2px solid var(--act);outline-offset:2px}