@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#101638;font-synthesis:none;background:#f7f7fb;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#eee9ff 0,#0000 30rem),#f7f7fb;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}header{z-index:10;background:#fff;border-bottom:1px solid #dde0ec;align-items:center;height:80px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:300px;display:flex}.brand img{object-fit:cover;border-radius:16px;width:52px;height:52px}.brand div{flex-direction:column;display:flex}.brand b{font-size:20px}.brand small{color:#777d91}nav{gap:4px;margin:auto;display:flex}nav button{color:#686d80;background:0 0;border:0;border-radius:12px;padding:12px 15px}nav button.active{color:#5530da;background:#eee9ff;font-weight:700}.wallet,.primary{color:#fff;background:#11172f;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:flex}.notice{border-radius:13px;align-items:center;gap:10px;margin:12px 4vw 0;padding:13px 16px;font-size:14px;display:flex}.notice svg{width:17px}.notice.busy{color:#805300;background:#fff2d8}.notice.ok{color:#006c4d;background:#dcfff3}.notice.err{color:#9d2230;background:#ffe5e6}.notice a{color:inherit;gap:5px;margin-left:auto;display:flex}.notice a svg{width:13px}main{min-height:calc(100vh - 145px)}.hero{justify-content:space-between;align-items:center;min-height:430px;padding:70px 8vw 40px;display:flex;overflow:hidden}.eyebrow,.section-title span,.panel-title span,.compose-title span,.audit-title span{color:#6b49e9;letter-spacing:.14em;font:500 12px DM Mono}.hero h1{letter-spacing:-.07em;color:#0b1235;margin:20px 0;font-size:clamp(52px,8vw,104px);line-height:.83}.hero p{color:#60657c;max-width:600px;font-size:18px;line-height:1.7}.orbit{background:#fff;border:1px solid #cfc4ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:310px;height:310px;display:flex;position:relative;box-shadow:0 30px 90px #8870e329}.orbit:before,.orbit:after{content:"";border:1px solid #cfc4ff;border-radius:50%;position:absolute;inset:-32px}.orbit:after{opacity:.4;inset:-65px}.orbit img{object-fit:cover;border-radius:34px;width:130px;height:130px}.orbit b{margin-top:6px;font-size:38px}.orbit span{color:#787d91}.metrics{background:#fff;border:1px solid #dfe1eb;border-radius:20px;grid-template-columns:repeat(3,1fr);margin:0 4vw 55px;display:grid}.metrics div{align-items:baseline;gap:12px;padding:22px 30px;display:flex}.metrics div+div{border-left:1px solid #e4e5ec}.metrics b{font-size:31px}.metrics span{color:#777d91}.section-title{justify-content:space-between;align-items:end;padding:0 4vw 20px;display:flex}.section-title h2{margin:7px 0 0;font-size:34px}.section-title>svg{color:#724bff;width:40px;height:40px}.pacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 4vw 70px;display:grid}.pacts article{background:#fff;border:1px solid #dfe1eb;border-radius:20px;padding:24px}.pact-head{justify-content:space-between;align-items:center;display:flex}.pact-head small,.leg>span,.audit small{letter-spacing:.11em;color:#7f8497;font:500 11px DM Mono}.pact-head i{background:#eee;border-radius:20px;padding:6px 10px;font-size:12px;font-style:normal}.pact-head i.open{color:#8b5b00;background:#fff1d9}.pact-head i.matched{color:#5731d2;background:#e9e4ff}.pact-head i.settled{color:#007252;background:#d9fff2}.legs{grid-template-columns:1fr 35px 1fr;align-items:center;gap:8px;margin:22px 0;display:grid}.legs>svg{color:#7952f5}.leg{background:#f7f5ff;border-radius:15px;min-height:180px;padding:18px}.leg:last-child{background:#e8fff8}.leg h3{margin:8px 0;font-size:18px}.leg p{color:#666d80;font-size:13px}.leg b{font:500 11px DM Mono}.pacts code,.policy-note code,.audit code{word-break:break-all;color:#7a8093;font:11px DM Mono}.actions{gap:8px;margin-top:20px;display:flex}.actions button,form button,.booking-card button{background:#fff;border:1px solid #cfd2de;border-radius:12px;padding:12px 16px;font-weight:700}.actions .primary,form .primary,.booking-card .primary{color:#fff;background:#11172f;border-color:#11172f}.empty{text-align:center;color:#787d91;border:1px dashed #cbcdda;border-radius:20px;grid-column:1/-1;padding:65px}.empty svg{color:#7a55f4;width:42px;height:42px}.workspace{grid-template-columns:1.3fr .7fr;gap:20px;padding:55px 5vw;display:grid}.panel{background:#fff;border:1px solid #dcdeea;border-radius:24px;padding:30px}.panel.side{background:#eefff9}.panel-title,.compose-title,.audit-title{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.panel-title>svg,.compose-title>svg,.audit-title>svg{color:#653ee4;background:#eee9ff;border-radius:13px;width:45px;height:45px;padding:10px}.panel-title h1,.panel-title h2,.compose-title h1,.audit-title h1{margin:5px 0 4px}.panel-title p,.compose-title p,.audit-title p{color:#73798e;margin:0;line-height:1.55}form{gap:15px;display:grid}label{color:#444a61;gap:7px;font-size:13px;font-weight:700;display:grid}input,textarea,select{color:#11172f;background:#fff;border:1px solid #d6d8e3;border-radius:11px;outline:none;width:100%;padding:13px}textarea{resize:vertical;min-height:105px}input:focus,textarea:focus,select:focus{border-color:#7550ef;box-shadow:0 0 0 3px #7550ef16}.policy-note{border-top:1px solid #cde9df;gap:8px;margin-top:25px;padding-top:15px;display:grid}.compose{padding:55px 6vw}.compose-title{max-width:760px}.compose>form{grid-template-columns:1fr 54px 1fr;align-items:center;gap:16px;display:grid}.ticket{border-radius:26px;gap:16px;padding:28px;display:grid}.ticket.purple{background:linear-gradient(145deg,#ede6ff,#d8c7ff)}.ticket.mint{background:linear-gradient(145deg,#dcfff4,#bff4e5)}.ticket>b{letter-spacing:.12em;font:500 12px DM Mono}.swap-icon{color:#6840e5;margin:auto}.expiry,.submit{grid-column:1/-1}.submit{justify-self:center;min-width:340px}.booking{grid-template-columns:1fr 480px;align-items:center;gap:70px;padding:80px 8vw;display:grid}.booking h1{letter-spacing:-.05em;margin:15px 0;font-size:55px;line-height:1.03}.booking>div>p{color:#6e7488;font-size:18px;line-height:1.7}.booking-card{background:#fff;border:1px solid #dbdde8;border-radius:28px;gap:20px;padding:34px;display:grid;box-shadow:0 24px 70px #2a245318}.booking-card>svg{color:#03a981;width:55px;height:55px}.audit{padding:55px 6vw}.audit article{background:#fff;border:1px solid #dcdeea;border-radius:17px;grid-template-columns:1fr 1.4fr 1fr 1.8fr;align-items:center;gap:25px;margin-bottom:10px;padding:20px 24px;display:grid}.audit article h3{margin:6px 0}.audit article p{color:#656b7d;margin:5px 0;font-size:13px}footer{color:#767b8e;background:#fff;border-top:1px solid #dde0ea;justify-content:space-between;align-items:center;min-height:65px;padding:0 4vw;font-size:12px;display:flex}footer a{color:#5031c1;align-items:center;gap:6px;text-decoration:none;display:flex}footer svg{width:13px}@media (width<=900px){header{flex-wrap:wrap;gap:10px;height:auto;padding:12px 18px}.brand{min-width:0}.brand small{display:none}nav{order:3;grid-template-columns:repeat(5,1fr);width:100%;display:grid}nav button{padding:11px 4px}.wallet{margin-left:auto}.hero{padding:45px 24px}.orbit{display:none}.metrics{grid-template-columns:1fr}.metrics div+div{border-top:1px solid #e4e5ec;border-left:0}.pacts{grid-template-columns:1fr}.workspace,.booking{grid-template-columns:1fr;padding:30px 20px}.compose{padding:30px 20px}.compose>form{grid-template-columns:1fr}.swap-icon{transform:rotate(90deg)}.expiry,.submit{grid-column:auto}.audit article{grid-template-columns:1fr}.booking h1{font-size:40px}.actions{flex-direction:column}}
