:root{--bg:#06101f;--panel:#0d1b31;--line:#29405f;--text:#f6f8fc;--muted:#9aa9bd;--blue:#4d82ff;--green:#39dfa0;--purple:#a171ff;--gold:#eeb84b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 12%,#152745 0,transparent 34%),linear-gradient(180deg,#07111f,#040b16);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(100,130,170,.025) 1px,transparent 1px);background-size:100% 4px}header,main{width:min(1328px,calc(100% - 36px));margin:auto}header{height:52px;display:flex;align-items:center;border-bottom:1px solid rgba(79,105,140,.28)}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:15px;letter-spacing:-.2px}.shield{width:25px;height:29px;display:grid;place-items:center;color:#d7e6ff;background:linear-gradient(145deg,#5387ff,#283d87);clip-path:polygon(50% 0,100% 18%,87% 78%,50% 100%,13% 78%,0 18%)}nav{display:flex;gap:46px;margin:auto}nav a{color:#eef3fb;text-decoration:none;font-size:13px}.private{padding:7px 13px;border:1px solid #3f3b68;border-radius:6px;background:#232044;color:#e8e4ff;font-size:12px}.hero{height:195px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;padding:18px 80px 12px}.hero h1{font-size:29px;line-height:1.15;letter-spacing:-.6px;margin:0 0 10px}.hero p{color:#c4ccda;font-size:13px;margin:0 0 13px}.badges{display:flex;gap:8px}.badges span{background:#121e33;border:1px solid #253a57;border-radius:18px;padding:6px 10px;font-size:11px}.green{color:var(--green)!important}.purple{color:#c197ff!important}.hero-flow{display:grid;grid-template-columns:145px 45px 198px 45px 145px;align-items:center;position:relative}.flow-person,.flow-escrow{height:72px;border:1px solid #345275;border-radius:8px;background:#101e34;display:flex;align-items:center;gap:12px;padding:12px}.flow-person i,.flow-escrow i{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#214c91;color:#8fc1ff;font-size:20px}.flow-person span,.flow-escrow span{display:flex;flex-direction:column}.flow-person b,.flow-escrow b{font-size:12px}.flow-person small,.flow-escrow small{font-size:11px;color:#d9e1eb}.flow-escrow{height:76px;border-color:#3083ff;background:linear-gradient(135deg,#324da3,#1d2a60);box-shadow:0 0 18px rgba(66,137,255,.7)}.flow-escrow i{background:transparent;font-size:30px}.winner{border-color:#2b655c}.winner i{background:#165444;color:#7ff1b7}.arrow{text-align:center;color:#4496ff;font-size:25px}.fee{position:absolute;top:88px;left:245px;border:1px solid #9e741c;background:#191c24;border-radius:6px;width:155px;padding:7px 12px;font-size:11px}.fee small{display:block;margin-left:22px;color:#fff}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,31,54,.97),rgba(9,21,39,.98));border-radius:8px}.control{padding:10px 15px 13px}.control-title{height:32px;display:flex;justify-content:space-between;align-items:start}.control-title h2,.panel h2{font-size:14px;margin:0}.control-title button,.stage button{color:#d9e2f0;border:1px solid #3c5474;background:#14233a;border-radius:5px;padding:6px 12px;cursor:pointer}.control-grid{display:grid;grid-template-columns:270px 1fr;gap:42px}.match-card{height:227px;background:linear-gradient(145deg,#1b2945,#111d32);border:1px solid #304868;border-radius:7px;position:relative;overflow:hidden}.demo-tag{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-size:9px;color:#5bf0a7;background:#104c38;padding:4px 9px;border-radius:5px}.players{height:140px;display:flex;align-items:end;justify-content:space-around;padding:0 17px 21px}.players>div{display:flex;flex-direction:column;align-items:center}.players i{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:26px;color:#79adff;background:#193a73}.players .violet{color:#c18dff;background:#342361}.players b{font-size:12px;margin-top:5px}.players small{font-size:11px}.players>strong{align-self:center;font-size:22px}.money{height:57px;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #2a3d59}.money span{padding:8px 14px;color:#c5cedc;font-size:11px}.money span+span{border-left:1px solid #2a3d59}.money b{display:block;color:white;font-size:15px}.money span+span b{color:var(--green)}.match-id{padding:8px 14px;font-size:10px;color:#bac5d5}.match-id b{display:block;font-size:11px}.stage-track{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative;padding-bottom:14px}.stage{height:213px;border:1px solid #304867;border-radius:7px;background:linear-gradient(145deg,#17243d,#101a2e);padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:.25s}.stage.active{border-color:#5d8cff;box-shadow:0 0 20px rgba(54,110,231,.2)}.stage.complete{border-color:#31846b}.stage.locked{opacity:.57}.stage header{width:100%;display:flex;align-items:center;gap:8px;text-align:left}.stage header i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #6f8aae;border-radius:50%;font-style:normal;font-size:12px}.stage header b{font-size:11px}.stage-icon{width:53px;height:53px;margin:20px 0 9px;display:grid;place-items:center;border-radius:50%;font-size:26px;color:#71bcff;background:#1a4a8f;box-shadow:0 0 22px #1d4c88}.stage-icon.violet{background:#482a82;color:#c39aff}.stage-icon.green-bg{background:#164d40;color:#78edb9}.stage>strong{font-size:12px;line-height:1.25}.stage>small{font-size:11px;color:#d5dce7;margin-top:5px}.stage button{margin-top:auto;width:100%;font-size:10px;padding:6px}.stage button:disabled{cursor:not-allowed;color:#718097}.deposit{display:flex;width:100%;align-items:center;text-align:left;gap:7px;padding:7px;margin-top:8px;border:1px solid #263c5b;border-radius:5px}.deposit span{color:var(--green);font-size:19px}.deposit p{margin:0}.deposit b,.deposit small{display:block;font-size:10px}.stage:nth-child(2)>strong{margin-top:auto}.stage:nth-child(2) button{margin-top:5px}.progress-line{position:absolute;height:2px;left:8%;right:8%;bottom:1px;background:#263f58}.progress-line span{display:block;width:0;height:100%;background:var(--green);transition:.4s}.mid-grid{display:grid;grid-template-columns:430px 1fr;gap:8px;margin-top:8px}.timeline,.architecture{height:223px;padding:14px}.panel-title{display:flex;justify-content:space-between}.view-toggle{display:flex;font-size:9px}.view-toggle span{padding:5px 8px}.view-toggle span:first-child{color:#9fc0ff;background:#173c77;border-radius:12px}.events{margin-top:12px}.empty{text-align:center;color:#8797ad;padding-top:55px}.event-row{display:grid;grid-template-columns:70px 1fr;gap:12px;position:relative;padding:3px 0 3px 23px;font-size:11px}.event-row:before{content:"✓";position:absolute;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#126548;color:#8dffc1;font-size:8px}.event-row b{font-weight:400;color:#dce4ef}.event-row span{font-weight:600}.architecture h2{margin-bottom:12px}.arch-flow{display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr 55px 1fr;align-items:center}.arch-flow>div{height:114px;border:1px solid #334d6d;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111f36}.arch-flow i{font-style:normal;font-size:23px;color:#8fa8ff}.arch-flow b{font-size:11px;margin-top:7px}.arch-flow small{font-size:10px;color:#adb9ca}.arch-flow>span{text-align:center;font-size:9px;color:#bfc9d8}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:11px}.principles span{padding:7px;border:1px solid #2f66ad;border-radius:5px;background:#102951;color:#78aaff;text-align:center;font-size:10px}.principles span:nth-child(2){border-color:#704aaa;color:#c9a0ff;background:#261b45}.principles span:nth-child(3){border-color:#2b715c;color:#70e7ad;background:#123b30}.principles span:nth-child(4){border-color:#8a6825;color:#f0c467;background:#332916}.bottom-grid{display:grid;grid-template-columns:1.8fr .9fr 1.7fr 1.2fr;gap:8px;margin-top:8px}.info{height:143px;padding:12px}.info h2{margin-bottom:9px}.three{display:grid;grid-template-columns:repeat(3,1fr)}.three>span{display:flex;flex-direction:column;padding:0 10px;border-right:1px solid #243955}.three>span:first-child{padding-left:0}.three>span:last-child{border:0}.three i{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#264e91;font-style:normal;font-size:10px}.three b{font-size:10px;margin-top:4px}.three code{font-size:8px;color:#72a7ff;margin:3px 0}.three small{font-size:9px;color:#bac4d2}.info ul{list-style:none;padding:0;margin:0}.info li{font-size:10px;padding:3px;color:#c5cede}.security>div{display:grid;grid-template-columns:1fr 1fr}.security span{display:flex;flex-direction:column;padding:5px 8px;border-bottom:1px solid #223650}.security b{font-size:10px}.security small{font-size:9px;color:#b9c4d4}.evidence li{display:flex;justify-content:space-between}.evidence em{color:var(--green);font-style:normal}.evidence a{float:right;margin-top:7px;color:white;border:1px solid #334b6b;border-radius:5px;padding:6px 11px;text-decoration:none;font-size:9px}.cta{width:720px;height:68px;margin:8px auto 16px;padding:12px 45px;display:flex;align-items:center;justify-content:space-between}.cta div{display:flex;flex-direction:column}.cta b{font-size:13px}.cta span{font-size:11px;color:#c5cedb}.cta a{background:linear-gradient(135deg,#5b73e8,#3e4fc2);color:#fff;text-decoration:none;border-radius:4px;padding:10px 80px;font-size:11px}.toast{position:fixed;right:20px;bottom:20px;padding:11px 16px;background:#12372f;border:1px solid #2c8068;color:#8ff3c1;border-radius:6px;opacity:0;transform:translateY(20px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:1050px){header nav{display:none}.private{margin-left:auto}.hero{height:auto;grid-template-columns:1fr;padding:30px 10px}.hero-flow{margin-top:25px}.control-grid{grid-template-columns:1fr}.match-card{width:300px;margin:auto}.stage-track{grid-template-columns:repeat(5,180px);overflow-x:auto}.mid-grid,.bottom-grid{grid-template-columns:1fr}.timeline,.architecture,.info{height:auto;min-height:180px}.cta{width:100%}}@media(max-width:650px){body{font-size:15px}header,main{width:calc(100% - 20px)}.private{font-size:0}.private:after{content:"DEMO";font-size:11px}.hero h1{font-size:27px}.hero-flow{display:none}.arch-flow{grid-template-columns:1fr}.arch-flow>span{padding:6px}.principles{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr}.three>span{border:0;border-bottom:1px solid #263a55;padding:7px 0}.cta{height:auto;padding:20px;display:block}.cta a{display:block;text-align:center;margin-top:12px;padding:10px}}