:root{color-scheme:dark;--bg:#0b1114;--panel:#111b20;--border:#27363c;--text:#e6eeee;--muted:#a4b5ba;--accent:#71e2cc;--warn:#efd49a;--deny:#f6adac;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:#082b25;border:1px solid transparent;padding:12px 20px;border-radius:5px;font-weight:650;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(1.08);text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:transparent;color:var(--text);border-color:var(--border)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-100px;left:20px;background:var(--accent);color:#000;padding:10px;z-index:10}.skip:focus{top:10px}header{max-width:1300px;padding:27px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:750;letter-spacing:1.8px;color:var(--text);white-space:nowrap}.brand span{color:var(--accent);font-weight:400;margin-left:-3px}header nav{display:flex;gap:29px;align-items:center;font-size:13px}nav a{color:var(--muted)}nav a[aria-current]{color:var(--accent)}.nav-dash{border:1px solid var(--border);padding:8px 13px;border-radius:5px;color:var(--text)}main{max-width:1220px;padding:0 40px;margin:auto}section{padding:70px 0;border-bottom:1px solid var(--border)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:102px 0 88px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.1vw,58px);font-weight:570;line-height:1.12;letter-spacing:-2.3px;margin-bottom:25px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:34px;line-height:1.25;font-weight:540;letter-spacing:-.9px}h3{font-size:21px;font-weight:550;line-height:1.4}p{color:var(--muted)}.lede{font-size:18px;max-width:670px;line-height:1.75}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent);margin-bottom:24px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 23px}.caption,small{font-size:12px;color:var(--muted)}.flow-panel{background:var(--panel);border:1px solid #36564f;border-radius:9px;padding:25px}.panel-label{font-size:10px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:25px;gap:10px}.panel-label span{color:var(--accent)}.flow-node{border:1px solid var(--border);padding:17px;display:flex;align-items:center;gap:15px;background:var(--bg);border-radius:5px}.flow-node strong{font-size:14px}.flow-node small{display:block;font-size:11px}.flow-node code{margin-left:auto;font-size:10px;color:var(--muted)}.number{font-family:monospace;color:var(--accent);font-size:13px}.flow-node.gateway{border-color:var(--accent);background:#142b29}.tag{font-size:9px;letter-spacing:1px;color:var(--accent);border:1px solid #335c53;padding:3px 6px;border-radius:3px;margin-left:auto;white-space:nowrap}.flow-line{text-align:center;color:#54796d;line-height:29px}.decision-row{display:flex;justify-content:center;gap:17px;margin-top:17px;font-size:9px;letter-spacing:1px}.decision-row span:nth-child(1){color:var(--accent)}.decision-row span:nth-child(2){color:var(--deny)}.decision-row span:nth-child(3){color:var(--warn)}.flow-panel>.caption{margin:20px 0 0;line-height:1.65}.statement{display:grid;grid-template-columns:1fr 1fr;gap:0 75px}.statement .eyebrow{grid-column:1/-1}.statement p:last-child{padding-top:4px;font-size:17px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:30px}.section-head h2{margin:0}.section-head a{font-size:13px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.three article{padding-top:24px;border-top:1px solid #3a514f}.index{font-size:11px;letter-spacing:1.5px;color:var(--accent);display:block;margin-bottom:19px}.three p{font-size:14px}.split-band{display:grid;grid-template-columns:1fr 1fr;gap:75px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-left:22px}.steps li{padding-left:5px}.steps li::marker{color:var(--accent)}.steps b{font-size:16px}.steps p{font-size:14px;margin-top:10px}.notice{padding:22px;background:#13211f;border:1px solid #31463f;border-radius:5px;font-size:14px;color:var(--muted);margin-top:25px}.page-intro{padding-top:85px}.page-intro h1{max-width:850px}.feature-list article{display:flex;gap:40px;border-bottom:1px solid var(--border);padding:28px 0}.feature-list article:last-child{border:0}.feature-list h2{font-size:26px}.feature-list p{max-width:810px}.feature-list .index{padding-top:6px}.platform-grid{margin:50px 0}.platform-grid h2{font-size:28px}.platform-grid button{display:block;margin:25px 0 12px}.platform-grid small{display:block}pre{padding:22px;background:#101c20;border:1px solid var(--border);border-radius:5px;overflow:auto;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#b4d6ca}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.docs-layout{display:grid;grid-template-columns:180px 1fr;gap:65px}.docs-layout aside{align-self:start;position:sticky;top:20px;padding-top:40px;display:flex;flex-direction:column;gap:12px;font-size:13px}.prose section{padding:40px 0}.prose h2{font-size:29px}.prose li{color:var(--muted);margin-bottom:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:600}td,th{padding:16px 12px;border-bottom:1px solid var(--border)}td:first-child,th:first-child{padding-left:0}.highlight{color:var(--accent)}footer{max-width:1220px;margin:auto;padding:50px 40px;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer p{font-size:13px;margin:0;text-align:right}footer div{display:flex;gap:25px;font-size:12px}footer small{text-align:right}.dashboard-main{padding-bottom:60px}.dashboard-title{padding:48px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.dashboard-title h1{font-size:38px;margin-bottom:9px}.dashboard-title p{margin:0;font-size:13px}.status{font-size:12px;color:var(--accent)}.status.offline{color:var(--warn)}.login-panel{max-width:620px;margin:80px auto;padding:40px;background:var(--panel);border:1px solid var(--border);border-radius:7px}.login-panel h1{font-size:35px}.login-panel details{margin-top:25px}.login-panel form{display:grid;gap:13px;margin-top:20px}.login-panel label{font-size:13px}input,select{background:#0c1519;color:var(--text);border:1px solid #3a4b53;border-radius:4px;padding:9px 11px;max-width:100%;min-width:0}label{color:var(--muted);font-size:13px}input{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 30px}.metric{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:5px}.metric p{font-size:12px;margin-bottom:10px}.metric strong{font-size:34px;font-weight:500}.metric small{display:block}.dashboard-tabs{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:14px}.dashboard-tabs button{background:transparent;color:var(--muted);font-size:13px;padding:9px 15px}.dashboard-tabs button[aria-pressed=true]{color:var(--accent);background:#19302a;border-color:#32584e}.dashboard-section{padding:28px 0;border:0}.toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.toolbar label{display:grid;gap:5px}.toolbar h2{margin:0 auto 0 0;font-size:26px}.toolbar button{font-size:12px;padding:9px 13px}.empty{padding:38px;border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:5px}.badge{font-size:10px;padding:4px 7px;border-radius:3px;background:#233b34;color:var(--accent);white-space:nowrap}.badge.DENY{background:#412b2d;color:var(--deny)}.badge.REQUIRE_APPROVAL{background:#3e3729;color:var(--warn)}.error{padding:14px 18px;background:#392626;border:1px solid #784348;color:#ffc7c5;border-radius:4px;font-size:13px;margin:15px 0}.success{padding:14px;color:var(--accent);font-size:13px}.device{padding:23px;background:var(--panel);border:1px solid var(--border);border-radius:5px;margin-bottom:13px;display:flex;justify-content:space-between;gap:25px;align-items:center}.device h3{margin-bottom:6px}.device p{margin:3px 0;font-size:12px;overflow-wrap:anywhere}.device button{font-size:12px}.danger{background:transparent;border-color:#744349;color:#f7b2b2}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.settings-card{border:1px solid var(--border);padding:26px;border-radius:5px}.settings-card h3{font-size:20px}.settings-card p{font-size:13px}.settings-card button{font-size:12px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.bars{display:grid;gap:10px}.bar{display:grid;grid-template-columns:130px 1fr 50px;gap:15px;align-items:center;font-size:12px}.bar meter{width:100%;height:14px}.pairing-code{font-family:monospace;overflow-wrap:anywhere;padding:20px;border:1px solid var(--accent);color:var(--accent);margin:20px 0}.pair-form{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.pair-form label{display:grid;gap:6px}.muted{color:var(--muted)}[hidden]{display:none!important}.pagination{display:flex;justify-content:space-between;margin-top:20px}.pagination p{font-size:12px}#app-message{scroll-margin-top:20px}body.busy{cursor:progress}
@media(max-width:1000px){header{padding:22px 25px}header nav{gap:16px}.hero{gap:30px;padding:70px 0}.flow-panel{padding:18px}.flow-node{padding:12px;gap:10px}h1{font-size:43px}.three{gap:24px}.flow-node code{display:none}.statement,.split-band{gap:35px}.settings-grid{grid-template-columns:1fr}.docs-layout{gap:35px;grid-template-columns:150px 1fr}}
@media(max-width:740px){header{flex-direction:column;align-items:start;gap:19px;padding:20px}header nav{width:100%;gap:14px;flex-wrap:wrap;font-size:12px}.nav-dash{margin-left:auto;padding:3px 8px}.brand{font-size:15px}main{padding:0 22px}.hero,.statement,.split-band{grid-template-columns:1fr;gap:30px}.hero{padding:48px 0}.hero h1{font-size:42px}h1{font-size:40px;letter-spacing:-1.5px}h2{font-size:29px}.lede{font-size:16px}.actions .button{font-size:12px;padding:11px 14px;gap:8px}.three,.steps{grid-template-columns:1fr;gap:20px}section{padding:45px 0}.section-head{align-items:start;gap:18px;flex-direction:column}.statement .eyebrow{margin-bottom:0}.statement h2{margin:0}.page-intro{padding-top:45px}.docs-layout{display:block}.docs-layout aside{position:static;display:flex;flex-direction:row;overflow:auto;white-space:nowrap;gap:20px;padding:20px 0}.prose table{font-size:11px}footer{padding:35px 22px;grid-template-columns:1fr;gap:15px}footer p,footer small{text-align:left}footer div{gap:16px;flex-wrap:wrap}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric strong{font-size:27px}.dashboard-title{align-items:start;flex-direction:column}.dashboard-title h1{font-size:32px}.dashboard-tabs{gap:4px}.dashboard-tabs button{padding:8px 9px;font-size:12px}.login-panel{margin:40px 0;padding:25px}.device{align-items:start;flex-direction:column;gap:15px}.table-scroll table{min-width:650px}.toolbar{gap:10px}.bar{grid-template-columns:100px 1fr 30px;gap:8px}.notice{padding:17px}.flow-panel{max-width:100%}.flow-node.gateway .tag{font-size:8px}.feature-list article{gap:20px}}
