/* Companion palette for the demo gateway. */
:root{--navy:#092b3f;--navy-2:#164459;--ink:#102e40;--green:#008c87;--green-d:#00736e;--line:#dce6e8;--bg:#f4f8f7}
.hero{background:radial-gradient(ellipse at 80% 10%,#0d645b70,transparent 55%),#082635}.hero:before{opacity:.2;background-size:70px 70px}.brand-logo{height:48px}.hero h1{font-weight:600;letter-spacing:-.045em;line-height:1.13}.hero h1 span{background:none;color:#6de0cd}.hero-body{padding-top:64px}.kicker{color:#8ac6c7;font-size:11px}.hero p.lead{color:#b7cbd3;font-size:16px;line-height:1.8}.chip{background:#ffffff08;border-color:#ffffff25;color:#8de3d0;font-size:10px}.facts span{font-size:12px;font-weight:500;border-radius:8px}.facts i{color:#6bd9c6}.role:before{height:2px;opacity:.5}.role .go{background:var(--navy);border-radius:8px}.role h3,.sec-head h2,.creds h2{font-weight:650}.role .av{box-shadow:none}.creds{box-shadow:0 20px 50px -30px #092b3f40}.sec-head h2{letter-spacing:-.04em}.copy,.btn{border-radius:8px}.pw{border-style:solid}.step .n{box-shadow:none}.eyebrow{font-size:10px;letter-spacing:.15em}a:focus-visible,button:focus-visible{outline:3px solid #13a9ac;outline-offset:4px}
@media(max-width:560px){.brand-logo{height:36px}.hero-body{padding-top:42px}.hero h1{font-size:37px}.hero p.lead{font-size:14px}.bar{gap:8px}.bar a.lnk{font-size:11px;padding:8px}.chip{font-size:8px;padding:4px 7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Circuit identity / red N + green power G */
:root{--navy:#092b22;--navy-2:#164439;--ink:#eaf3ff;--text:#b3c5d8;--muted:#91a8c1;--green:#36ee87;--green-d:#47f79a;--line:#2a3b51;--bg:#090f1a}
body{background:#090f1a}.hero{background:radial-gradient(ellipse at 15% 10%,#75233740,transparent 50%),radial-gradient(ellipse at 90% 50%,#17714440,transparent 55%),#080e19}.hero:before{opacity:.45}.hero h1 span{color:#42f493;text-shadow:0 0 30px #31e67c30}.brand-logo{height:57px}.chip{color:#58f49b;border-color:#3ce98650;background:#38ef8510}.kicker{color:#6af2a4}.creds,.role,.flow,.tbl{background:#111d2c;border-color:#2c3c52}.creds{box-shadow:0 24px 55px #0005}.creds .ic{background:#33e980;color:#092419}.pw,.idrow{background:#09131f;border-color:#304259}.copy,.btn{background:#192a3c;color:#e1eefb;border-color:#3b5269}.copy:hover,.btn:hover{border-color:#44f295}.role:before{opacity:.85}.role h3,.creds h2,.sec-head h2,.step b{color:#edf6ff}.role .go{background:#35ed83;color:#082314;border:1px solid #75ffae;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.role:hover{border-color:#39ed87;box-shadow:0 0 30px #35ed8310}.role li:before{background:#174632;color:#59f8a0}.step .n{background:#33ea83;color:#082116}.tbl th{background:#0b1624;color:#8eacc6;border-color:#293b50}.tbl td{border-color:#223449}.tbl td code,.pw code,.idrow code{color:#e7f5ff}.badge{background:#ed374d;color:white}.tbl .copy{color:#e4f1fd}.eyebrow{color:#4bf499}.btn.g{background:#31e582;color:#082417}.facts i{color:#47f597}#toast{background:#dcece5;color:#0b2a21}@media(max-width:560px){.brand-logo{height:40px}}