:root{color-scheme:dark;--bg:#081623;--panel:#10202c;--panel2:#142735;--ink:#ecf4f2;--muted:#92a5ad;--faint:#627987;--line:#2b404d;--accent:#6adfc9;--warning:#f8c992;--danger:#f2a7a3;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}
button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,tr:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
::selection{background:var(--accent);color:#06151e}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:29px 22px;background:#0a1925;border-right:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font:750 16px/1 var(--sans);letter-spacing:-.5px;white-space:nowrap}
.brand-mark{color:var(--ink);flex:none}.accent{color:var(--accent)}
.eyebrow,.tiny-label,.section-tag{font:600 10px/1.55 var(--mono);letter-spacing:1.55px;color:var(--muted)}
.rail-group{margin-top:78px;display:grid;gap:8px}.rail-label{margin:0 0 19px 12px}
.rail-link{font-size:13px;color:#91a7b1;padding:12px 10px;display:flex;align-items:center;gap:12px;border-radius:5px}
.rail-link:hover,.rail-link.selected{background:#172e3a;color:var(--ink)}
.rail-link.selected{box-shadow:inset 2px 0 var(--accent)}.nav-glyph{font:20px/1 var(--mono);color:var(--accent);width:20px;text-align:center}
.rail-spacer{flex:1}.rail-bottom{border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:12px}
.rail-bottom p{max-width:180px;margin:12px 0 23px}.rail-bottom a{color:var(--accent);font-size:11px;font-weight:600}
.rail-bottom a span{margin-left:7px}.main-wrap{min-width:0}
.topbar{height:66px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 clamp(20px,3.6vw,58px)}
.crumb,.topbar-right,.version{font:600 10px/1.5 var(--mono);letter-spacing:1px;color:#99acb4}
.slash{padding:0 12px;color:#4c6372}.topbar-right{display:flex;align-items:center;gap:11px}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #6adfc95a;vertical-align:middle}
.version{border-left:1px solid var(--line);padding-left:15px;color:#637f8c}
main{padding:0 clamp(20px,3.6vw,58px)}.intro{padding:71px 0 54px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:45px;align-items:center}
.section-tag{display:flex;align-items:center;gap:12px;color:var(--accent)}.tag-rule{display:block;width:20px;height:1px;background:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1{font:500 clamp(56px,4.95vw,80px)/1.015 var(--sans);letter-spacing:-.055em;margin:20px 0 25px}
h1 em,.architecture h2 em{font-style:normal;color:var(--accent)}
.dek{max-width:530px;color:#a9bec4;font-size:16px;line-height:1.8;margin-bottom:25px}
.intro-foot{font:600 10px/1.4 var(--mono);letter-spacing:.8px;color:#92adb4;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mini-bullet{width:5px;height:5px;background:var(--accent);border-radius:50%}.intro-divider{color:#3f5b6a}
.topology{min-height:278px;position:relative;overflow:hidden;border:1px solid #345262;background:radial-gradient(ellipse 90% 60% at 50% 50%,#204354 0,#122d3a 37%,#10222f 65%,#0b1c2a 100%);padding:23px}
.topology:before{content:"";position:absolute;inset:0;opacity:.13;background:linear-gradient(90deg,transparent 49%,#c0e5e9 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#c0e5e9 50%,transparent 51%);background-size:29px 29px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.topology-label,.topology-code{position:relative;display:flex;justify-content:space-between;font:600 10px/1.4 var(--mono);letter-spacing:1px;color:#9fbbc4}
.topology-label span{color:var(--accent)}.topology-nodes{position:relative;display:flex;align-items:center;justify-content:center;gap:0;height:184px}
.top-node{width:92px;height:80px;flex:none;background:#0e2635;border:1px solid #577483;display:flex;align-items:center;justify-content:center;flex-direction:column;font:700 12px/1.5 var(--mono);letter-spacing:1px;box-shadow:0 9px 30px #0004}
.top-node span{font-size:10px;color:#608694;margin-top:3px}.top-node.middle{border-color:#67d7c5;box-shadow:0 0 0 5px #67d7c512,0 0 36px #67d7c522}
.top-node.verified{background:#1a3d42;border-color:var(--accent);color:var(--accent)}
.top-node.verified span{color:#8ecbc2}.path{flex:1;max-width:55px;border-top:1px dashed var(--accent);height:1px;position:relative}.path i{position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg)}
.topology-code{font-size:9px;color:#789aa6;letter-spacing:.45px}.scanline{position:absolute;left:0;right:0;top:5px;height:2px;background:linear-gradient(90deg,transparent,#6adfc93c,transparent);animation:scan 8s ease-in-out infinite}@keyframes scan{0%,100%{transform:translateY(0);opacity:0}45%{opacity:.8}60%{transform:translateY(260px);opacity:0}}
.warning{border:1px solid #6a604c;background:#302a22;padding:12px 16px;display:flex;gap:19px;color:#e5cda8;font-size:12px;align-items:center}.warning-label{font:700 10px/1.3 var(--mono);letter-spacing:1px;white-space:nowrap;color:#f4d29a}
.networks{min-height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.network-items{display:flex;gap:10px;flex-wrap:wrap}.network-chip{display:flex;gap:10px;align-items:center;border:1px solid #36505d;background:#102635;padding:10px 12px;font:600 13px/1 var(--sans)}.network-chip small{font:600 9px var(--mono);letter-spacing:.5px;color:#6d9a99}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:32px 0}
.metric{background:#112431;padding:21px 20px;min-height:138px}.metric-label{display:flex;justify-content:space-between;color:#a2b7c0;font:600 10px var(--mono);letter-spacing:.9px}.metric-label span{color:var(--accent)}.metric strong{display:block;font:450 45px/1.2 var(--sans);letter-spacing:-2px;margin:8px 0 5px}.metric-sub{font-size:11px;color:#829ba7}
.lab-grid,.bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:19px;margin-bottom:19px}.bottom-grid{grid-template-columns:1fr 1fr}
.surface{background:var(--panel);border:1px solid var(--line);min-width:0;padding:25px}.surface-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:24px}.surface-head h2{font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.65px;margin:5px 0 0}.square-glyph{width:35px;height:35px;display:grid;place-items:center;border:1px solid #345261;color:var(--accent);font:22px/1 var(--mono)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label:nth-child(2){grid-column:2}.form-grid label{color:#adbec7;font:600 11px/1.6 var(--sans)}.form-grid input,.form-grid select,.bank-sim select{display:block;width:100%;background:#0b1b28;color:#ecf4f2;border:1px solid #34505d;border-radius:0;padding:13px 11px;margin-top:7px;outline:none;min-height:47px;font:13px var(--sans)}.form-grid select,.bank-sim select{appearance:auto}.form-grid input:focus,.form-grid select:focus,.bank-sim select:focus{border-color:var(--accent)}
.primary{background:var(--accent);color:#08202b;border:0;padding:12px 16px;font:700 12px/1.3 var(--mono);letter-spacing:.15px;display:flex;align-items:center;justify-content:space-between;min-height:47px;transition:filter .2s}.primary:hover{filter:brightness(1.09)}.form-grid .primary{align-self:end}.primary span{font-size:18px}.primary.dark{background:#204c50;color:#a7eee0;width:100%;margin:14px 0 20px;border:1px solid #326c6e}
.receipt{margin-top:24px;border:1px solid #355461;background:#102835;padding:18px}.receipt-top{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #37525c;padding-bottom:12px}.receipt-status{font:700 10px var(--mono);color:var(--warning);letter-spacing:.5px}
.receipt-main{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:155px}.receipt-left{min-width:0}.receipt-left strong{display:block;font-size:21px;letter-spacing:-.5px;line-height:1.3;overflow-wrap:anywhere;margin:7px 0}.receipt-left p{font-size:12px;color:#91aab2;line-height:1.6;max-width:250px}.qr-art{width:126px;height:126px;flex:none;background:#e6efe8;padding:9px;display:grid;place-items:center}.qr-art svg{width:100%;height:100%}
.receipt-meta{border-top:1px solid #37525c;padding:11px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.receipt-meta span{color:#90adb6;font:600 10px var(--mono);letter-spacing:.5px}.receipt-meta code,.receipt-meta strong{font:600 12px var(--mono);color:#e8f3ed;overflow-wrap:anywhere;text-align:right}.qr-disclaimer{font-size:10px;color:#829fa9;margin:9px 0 0}
.surface-description{color:#9fb4be;font-size:13px;line-height:1.75;min-height:66px}.control-label{font:600 10px/1.4 var(--mono);letter-spacing:1px;color:#8ca4b1}.bank-sim select{margin:8px 0 0}
.result-block{display:flex;gap:13px;padding:17px;background:#0b1c29;border:1px solid #2d4855;margin:0 0 23px;min-height:106px}.result-indicator{font-size:12px;line-height:23px}.result-indicator.neutral{color:#8fa9b1}.result-indicator.positive{color:var(--accent)}.result-indicator.negative{color:var(--warning)}
.result-block strong{display:block;font-size:16px;margin:5px 0}.result-block p{color:#9bb1bb;font-size:12px;margin:0;line-height:1.5}.verification-list{border-top:1px solid var(--line);margin-bottom:16px}
.verification-list div{display:flex;align-items:center;gap:13px;font-size:12px;color:#abc1c8;padding:12px 0;border-bottom:1px solid var(--line)}.verification-list div>span{font:600 10px var(--mono);color:var(--accent)}.verification-list div>b{margin-left:auto;font:600 9px var(--mono);letter-spacing:.6px;color:#7894a0}.verification-list div>b.good{color:var(--accent)}.verification-list div>b.bad{color:var(--warning)}
.text-button{border:0;padding:4px 0;background:none;color:var(--accent);font:600 11px/1.4 var(--mono);cursor:pointer}.text-button:hover{text-decoration:underline}
.ledger-surface{margin-bottom:19px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;min-width:630px}thead{background:#0a1c29}th{padding:14px 13px;color:#83a0ab;font:600 10px var(--mono);letter-spacing:.7px}td{padding:15px 13px;border-bottom:1px solid #27404d;color:#bacbd1}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.active{background:#1c3743}tbody tr.active td:first-child{box-shadow:inset 3px 0 var(--accent)}td:first-child{color:#e9f3f0;font:600 12px var(--mono)}.table-amount{font:600 12px var(--mono);white-space:nowrap}.table-arrow{color:var(--accent)}
.pill{font:700 9px var(--mono);display:inline-block;padding:6px 9px;letter-spacing:.4px;border:1px solid #715d45;color:#f4cf9a;background:#312b22}.pill.paid{border-color:#356f69;color:var(--accent);background:#183631}
.ledger-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;color:#8aa6b0;gap:15px}.ledger-bottom .status-dot{margin-right:8px}
.event-list{list-style:none;margin:0;padding:0;max-height:325px;overflow:auto}.event-list li{display:flex;gap:12px;border-top:1px solid var(--line);padding:13px 0}.event-glyph{font:700 12px var(--mono);color:var(--accent);width:20px;flex:none}.event-glyph.warn{color:var(--warning)}.event-list strong{display:block;font:600 12px var(--mono);color:#dbf1ec}.event-list p{font-size:12px;color:#8ca6af;margin:3px 0 0;overflow-wrap:anywhere}.event-list time{display:block;font:10px var(--mono);color:#64818e;margin-top:5px}
.exception-list{max-height:325px;overflow:auto}.exception{border-top:1px solid var(--line);padding:13px 0}.exception strong{font:600 12px var(--mono);color:#f3c58f}.exception p{font-size:12px;color:#95b0b9;margin:5px 0 0}.empty{padding:25px 0;color:#7896a2;font-size:13px}
.architecture{margin:58px 0 75px;display:grid;grid-template-columns:1fr .85fr;gap:40px;border-top:1px solid var(--line);padding-top:43px}.architecture h2{font-size:clamp(32px,3.8vw,56px);font-weight:500;letter-spacing:-2px;line-height:1.09;margin:22px 0}.architecture>div:nth-child(2){padding-top:16px}.architecture p{font-size:15px;color:#a4b9c1;line-height:1.8}.architecture-links{display:flex;flex-wrap:wrap;gap:23px;margin-top:28px}.architecture-links a{color:var(--accent);font:600 11px var(--mono)}.architecture-links a:hover{text-decoration:underline}
footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:22px clamp(20px,3.6vw,58px) 30px;color:#7893a0;font:600 9px var(--mono);letter-spacing:.7px}
.toast{position:fixed;right:22px;bottom:22px;background:var(--accent);color:#0b2530;padding:12px 17px;font:700 12px var(--mono);z-index:10;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1190px){.app-shell{grid-template-columns:206px minmax(0,1fr)}.rail{padding:25px 15px}.intro{grid-template-columns:1fr;gap:18px;padding-top:52px}.topology{max-width:none;min-height:225px}.topology-nodes{height:150px}.intro h1{font-size:clamp(55px,7vw,84px)}.lab-grid{grid-template-columns:1fr}.receipt-main{justify-content:space-between}.surface-description{min-height:0}}
@media(max-width:850px){.app-shell{display:block}.rail{position:static;width:100%;height:auto;display:block;padding:17px 21px;border-right:0;border-bottom:1px solid var(--line)}.rail-group,.rail-bottom,.rail-spacer{display:none}.topbar{height:51px}.crumb{font-size:9px}.topbar-right{font-size:9px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.network-items{justify-content:flex-end}.architecture{grid-template-columns:1fr;gap:5px}}
@media(max-width:540px){main{padding:0 17px}.topbar{padding:0 17px}.topbar-right .version{display:none}.intro{padding:38px 0 34px}.intro h1{font-size:clamp(39px,11.75vw,60px);letter-spacing:-.06em}.dek{font-size:14px}.topology{min-height:205px;padding:17px}.topology-nodes{height:130px}.top-node{width:75px;height:65px;font-size:11px}.path{max-width:36px}.topology-code{font-size:7px}.warning{display:block}.warning-label{display:block;margin-bottom:5px}.networks{display:block;padding:22px 0}.network-items{justify-content:flex-start;margin-top:12px}.network-chip{font-size:11px;padding:9px}.network-chip small{font-size:8px}.metrics{margin:20px 0}.metric{padding:15px;min-height:121px}.metric strong{font-size:36px}.metric-label{font-size:9px}.metric-sub{font-size:10px}.surface{padding:18px}.surface-head h2{font-size:20px}.form-grid{grid-template-columns:1fr}.form-grid label:nth-child(2){grid-column:auto}.receipt{padding:13px}.receipt-main{gap:10px}.qr-art{width:94px;height:94px;padding:6px}.receipt-left strong{font-size:17px}.receipt-left p{font-size:11px}.bottom-grid{grid-template-columns:1fr}.architecture{margin:46px 0}.architecture h2{letter-spacing:-1.5px}.ledger-bottom{font-size:10px}footer{padding:20px 17px;display:block}footer span{display:block;margin-bottom:6px}.intro-foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}