:root{--teal:#063f3d;--deep:#032c2b;--paper:#ffe3b3;--cream:#fff3d7;--red:#b20d35;--orange:#ff7045;--yellow:#ffd447;--blue:#335cff;--pink:#ff98b8;--mint:#83e8bd;--ink:#101412;--muted:#66716b;--line:#10141229;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0}.grain{pointer-events:none;z-index:30;opacity:.035;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.app-rail{z-index:10;background:var(--teal);width:190px;color:var(--paper);border-right:1px solid #ffe3b326;flex-direction:column;padding:26px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.app-mark{color:inherit;align-items:center;gap:12px;padding:0 8px;text-decoration:none;display:flex}.app-mark>span{background:var(--yellow);width:33px;height:33px;box-shadow:5px 5px 0 var(--orange);border-radius:10px;place-items:center;display:grid;transform:rotate(-6deg)}.app-mark i{background:var(--blue);border-radius:50%;width:11px;height:11px}.app-mark b{font:600 9px/1.25 var(--mono);letter-spacing:.08em}.app-rail nav{gap:7px;margin-top:70px;display:grid}.app-rail nav a,.rail-bottom a{color:#ffe3b394;border-radius:13px;align-items:center;gap:12px;padding:13px;text-decoration:none;display:flex}.app-rail nav a.active{background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--orange)}.app-rail nav i,.rail-bottom i{text-align:center;width:22px;font-style:normal}.app-rail nav span,.rail-bottom span{font-size:11px;font-weight:700}.rail-bottom{margin-top:auto}.app-shell{background:radial-gradient(circle at 85% 8%,#335cff1f,transparent 28rem),var(--paper);min-height:100vh;margin-left:190px}.app-top{border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;height:96px;padding:0 4vw;display:flex}.app-top p{font:500 8px var(--mono);letter-spacing:.12em;color:var(--muted);margin:0 0 5px}.app-top h1{margin:0;font-size:25px}.top-actions{align-items:center;gap:16px;display:flex}.environment{font:500 8px var(--mono);letter-spacing:.09em;border:1px solid var(--line);border-radius:99px;padding:9px 11px}.top-actions a{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--orange);border-radius:13px;padding:13px 16px;font-size:12px;font-weight:800;text-decoration:none}.top-actions a b{margin-left:20px}main{max-width:1600px;margin:auto;padding:32px 4vw 80px}.state-banner{background:linear-gradient(145deg,#c40b43,var(--red) 60%,#830529);min-height:460px;color:var(--paper);border:2px solid var(--ink);box-shadow:11px 12px 0 var(--orange);border-radius:42px;grid-template-columns:1fr .85fr;gap:40px;padding:48px;display:grid;overflow:hidden}.state-copy>p:first-child,.section-head p,.control-card>p,.network-intro>p,.next-build p{font:500 9px var(--mono);letter-spacing:.12em}.state-copy h2{letter-spacing:-.065em;margin:35px 0 24px;font-size:clamp(48px,5vw,76px);line-height:.92}.state-copy>p:nth-of-type(2){color:#ffe3b3c2;max-width:610px;font-size:15px;line-height:1.65}.state-copy>div{gap:11px;margin-top:34px;display:flex}.state-copy a,.state-copy button{color:var(--paper);background:0 0;border:1px solid #ffe3b366;border-radius:13px;padding:15px 17px;font-weight:800;text-decoration:none}.state-copy a{background:var(--yellow);color:var(--ink);border-color:var(--ink);box-shadow:5px 5px 0 var(--orange)}.state-copy a span{margin-left:35px}.state-copy button:disabled{opacity:.45}.state-visual{min-height:350px;position:relative}.owner-node,.identity-node,.agent-node{border:2px solid var(--ink);box-shadow:7px 8px 0 var(--ink);z-index:2;align-content:center;place-items:center;display:grid;position:absolute}.owner-node,.agent-node{border-radius:50%;width:130px;height:130px}.owner-node{background:var(--yellow);color:var(--ink);top:12%;left:2%}.agent-node{background:var(--pink);color:var(--ink);top:12%;right:2%}.identity-node{background:var(--cream);width:190px;height:150px;color:var(--ink);border-radius:50%;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.state-visual span{font:700 15px var(--mono)}.state-visual small{font:500 8px var(--mono);margin-top:6px}.state-visual .line{background:var(--paper);z-index:1;width:150px;height:2px;position:absolute;top:37%}.state-visual .line.one{left:20%;transform:rotate(16deg)}.state-visual .line.two{right:20%;transform:rotate(-16deg)}.state-visual>p{font:600 10px/1.3 var(--mono);text-align:center;color:var(--yellow);position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.summary-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin:28px 0;display:grid}.summary-card{border:2px solid var(--ink);min-height:310px;box-shadow:7px 8px 0 var(--ink);border-radius:30px;flex-direction:column;padding:26px;display:flex}.summary-card.ownership{background:var(--yellow)}.summary-card.authority{background:var(--pink)}.summary-card.balance{background:var(--blue);color:#fff}.card-label{font:500 8px var(--mono);letter-spacing:.1em;justify-content:space-between;display:flex}.card-label i{border:1px solid;border-radius:99px;padding:6px 8px;font-style:normal}.summary-card h3{margin:52px 0 8px;font-size:15px}.summary-card>strong{letter-spacing:-.04em;font-size:32px}.summary-card>p{max-width:350px;font-size:12px;line-height:1.5}.summary-card>a{color:inherit;text-underline-offset:4px;margin-top:auto;font-size:11px;font-weight:800}.workspace-grid{grid-template-columns:1fr 340px;gap:18px;display:grid}.activity-panel{background:var(--cream);border:2px solid var(--ink);box-shadow:8px 9px 0 var(--ink);border-radius:36px;padding:30px}.section-head{justify-content:space-between;align-items:flex-end;display:flex}.section-head h2{letter-spacing:-.05em;margin:10px 0 0;font-size:34px;line-height:1}.section-head button{border:1px solid var(--ink);background:0 0;border-radius:99px;padding:10px 13px}.activity-empty{border-top:1px solid var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;margin-top:28px;display:flex}.empty-symbol{border:1px solid var(--ink);border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:relative}.empty-symbol span{font-size:35px}.empty-symbol i{background:var(--red);border-radius:50%;width:22px;height:22px;position:absolute;top:25px;left:-5px}.empty-symbol i:last-child{background:var(--blue);inset:auto -5px 22px auto}.activity-empty h3{margin:22px 0 7px;font-size:25px}.activity-empty>p{color:var(--muted);max-width:520px;font-size:12px;line-height:1.55}.activity-columns{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);width:100%;margin-top:35px;padding-top:13px;display:grid}.activity-columns span{font:500 8px var(--mono);color:var(--muted)}.control-stack{gap:14px;display:grid}.control-card{border:2px solid var(--ink);background:var(--pink);box-shadow:6px 7px 0 var(--ink);border-radius:28px;flex-direction:column;min-height:200px;padding:24px;display:flex}.control-card.sponsored{background:var(--mint)}.control-card.route{background:var(--yellow)}.control-card h3{margin:24px 0 6px;font-size:22px}.control-card>span{color:#4d534f;font-size:11px;line-height:1.5}.control-card button,.control-card a{border:1px solid var(--ink);color:inherit;text-align:center;background:0 0;border-radius:11px;margin-top:auto;padding:12px;font-size:11px;font-weight:800;text-decoration:none}.control-card.sponsored>div{font:500 8px var(--mono);margin-top:auto}.control-card.sponsored i{background:var(--orange);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.network-detail{background:var(--teal);color:var(--paper);box-shadow:10px 11px 0 var(--blue);border-radius:40px;margin-top:28px;padding:45px}.network-intro{grid-template-columns:.55fr 1fr .75fr;align-items:end;gap:35px;display:grid}.network-intro h2{letter-spacing:-.06em;margin:0;font-size:48px;line-height:.94}.network-intro>p:last-child{color:#ffe3b3ad;margin:0;font-size:13px;line-height:1.6}.network-map{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:45px;display:grid}.network-map article{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:25px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:22px;display:grid}.network-map>i{color:var(--yellow);font-size:24px;font-style:normal}.network-icon{width:48px;height:48px;font:700 14px var(--mono);color:#fff;border-radius:14px;place-items:center;display:grid}.network-icon.arb{background:var(--blue)}.network-icon.rob{background:var(--ink)}.network-map small{font:500 8px var(--mono)}.network-map h3{margin:5px 0;font-size:18px}.network-map p{color:var(--muted);margin:0;font-size:10px}.network-map article>b{font:500 8px var(--mono);color:var(--red)}.routing-principle{border-top:1px solid #ffe3b333;gap:24px;margin-top:35px;padding-top:24px;display:flex}.routing-principle span{font:500 8px var(--mono);color:var(--yellow)}.routing-principle p{color:#ffe3b3b3;margin:0;font-size:11px}.next-build{background:var(--orange);border:2px solid var(--ink);box-shadow:8px 9px 0 var(--ink);border-radius:36px;grid-template-columns:1fr 1fr;gap:70px;margin-top:28px;padding:42px;display:grid}.next-build h2{letter-spacing:-.05em;margin:15px 0;font-size:38px;line-height:1}.next-build ol{margin:0;padding:0;list-style:none}.next-build li{border-top:1px solid var(--ink);padding:13px 0;font-size:12px;font-weight:700}.next-build li span{font:500 8px var(--mono);width:40px;display:inline-block}footer{height:100px;font:500 9px var(--mono);color:var(--muted);justify-content:space-between;align-items:center;padding:0 4vw;display:flex}@media (width<=1100px){.app-rail{width:82px}.app-mark b,.app-rail nav span,.rail-bottom span{display:none}.app-mark{padding:0}.app-rail nav a,.rail-bottom a{justify-content:center}.app-shell{margin-left:82px}.state-banner{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.workspace-grid{grid-template-columns:1fr}.control-stack{grid-template-columns:repeat(3,1fr)}.network-intro,.network-map{grid-template-columns:1fr}.network-map>i{justify-self:center;transform:rotate(90deg)}}@media (width<=700px){.app-rail{border-top:1px solid #ffe3b333;border-right:0;flex-direction:row;width:auto;height:70px;padding:10px 15px;position:fixed;top:auto;right:0}.app-mark,.rail-bottom{display:none}.app-rail nav{justify-content:space-between;width:100%;margin:0;display:flex}.app-rail nav a{padding:10px}.app-shell{margin:0 0 70px}.app-top{height:78px;padding:0 18px}.environment{display:none}.top-actions a{padding:11px}.top-actions a b{display:none}main{padding:22px 16px 55px}.state-banner{border-radius:30px;padding:30px 24px}.state-copy h2{font-size:48px}.state-copy>div{flex-direction:column}.state-visual{min-height:300px}.owner-node,.agent-node{width:90px;height:90px}.identity-node{width:140px;height:110px}.state-visual .line{width:90px}.summary-grid,.control-stack,.next-build{grid-template-columns:1fr}.workspace-grid{display:block}.control-stack{margin-top:18px}.section-head{align-items:flex-start}.section-head button{display:none}.activity-panel{padding:22px}.activity-columns{display:none}.network-detail{padding:30px 22px}.network-map article{grid-template-columns:auto 1fr}.network-map article>b{grid-column:2}.routing-principle{display:block}.routing-principle p{margin-top:8px}.next-build{gap:20px;padding:28px 22px}footer{padding:0 18px}}.activity-list{border-top:1px solid var(--ink);min-height:390px;margin-top:28px}.activity-list .activity-columns{padding:16px 0}.activity-row{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);align-items:center;gap:12px;padding:17px 0;font-size:10px;display:grid}.activity-row b{font-size:11px}.activity-row strong{font:600 8px var(--mono);color:var(--red)}.activity-row strong.confirmed{color:var(--teal)}.activity-row a{color:inherit;font-weight:800}@media (width<=700px){.activity-row{grid-template-columns:1fr 1fr}.activity-row>:last-child{grid-column:1/-1}}.payment-lab{background:var(--teal);color:var(--paper);border:2px solid var(--ink);box-shadow:8px 9px 0 var(--blue);border-radius:36px;grid-template-columns:.7fr 1.3fr;gap:28px;margin:28px 0;padding:34px;display:grid}.payment-lab>div:first-child>p:first-child{font:500 9px var(--mono);letter-spacing:.12em;color:var(--yellow)}.payment-lab h2{letter-spacing:-.05em;margin:18px 0;font-size:40px;line-height:1}.payment-lab>div:first-child>p:last-child{color:#ffe3b3b3;font-size:12px;line-height:1.6}.payment-actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.payment-actions article{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:23px;flex-direction:column;min-height:190px;padding:22px;display:flex}.payment-actions article:nth-child(2){background:var(--pink)}.payment-actions span,.payment-actions article>span{font:500 8px var(--mono)}.payment-actions h3{margin:25px 0 7px;font-size:20px}.payment-actions p{font-size:10px;line-height:1.5}.payment-actions button{border:1px solid var(--ink);background:var(--yellow);border-radius:11px;margin-top:auto;padding:12px;font-weight:800}.payment-actions button:disabled{opacity:.45}.payment-result{border:1px solid #ffe3b340;border-radius:14px;grid-column:1/-1;justify-content:space-between;gap:18px;padding:15px;display:flex}.payment-result b{font:500 8px var(--mono);color:var(--yellow)}.payment-result.confirmed span{color:var(--mint)}.payment-result.blocked span,.payment-result.failed span{color:var(--pink)}@media (width<=900px){.payment-lab{grid-template-columns:1fr}}@media (width<=700px){.payment-lab{padding:25px 20px}.payment-actions{grid-template-columns:1fr}.payment-result{display:grid}.payment-lab h2{font-size:34px}}