@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#393939;--panel:#393939;--line:#393939;--muted:#393939;--text:#393939;--green:#393939;--ink:#393939;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:5px}header{min-height:90px;max-width:1440px;margin:auto;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font:700 27px var(--display);letter-spacing:-1.2px;display:inline-flex;gap:8px;align-items:center}.brand-icon{background:var(--green);color:var(--ink);width:30px;height:30px;border-radius:6px;text-align:center;font-size:27px;line-height:30px}.brand-dot{font:400 12px var(--font);align-self:flex-start;letter-spacing:0;margin-top:5px}nav{display:flex;gap:30px;font-size:14px;color:var(--muted)}nav a{padding:12px 0;position:relative}nav a.active{color:var(--text)}nav a.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--green)}.btn{border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:13px 20px;font-weight:600;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:20px;transition:background .2s,transform .2s}.btn:hover{background:#202020}.btn.primary{background:var(--green);color:var(--ink);border-color:var(--green)}.btn.primary:hover{background:#202020}.btn.small{font-size:14px;padding:10px 15px}.btn.wide{width:100%}.demo-banner{background:#202020;min-height:45px;padding:9px 4%;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#a6a6a6}.tag,.eyebrow{font:500 12px var(--display);letter-spacing:1.7px}.tag{border:1px solid #393939;border-radius:4px;padding:2px 6px;color:var(--green);letter-spacing:1px;white-space:nowrap}.demo-banner button{font-size:13px;background:none;border:0;color:var(--green);margin-left:20px}main{max-width:1200px;margin:auto;padding:42px 32px 80px;min-height:75vh}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}.eyebrow{color:var(--green);text-transform:uppercase;margin:0 0 12px}.intro h1{font:500 clamp(32px,3.7vw,49px)/1.13 var(--display);letter-spacing:-2px;max-width:730px;margin:0 0 15px}.intro h1 em{font-style:normal;color:var(--green)}p{margin:0 0 16px}.muted,.intro p{color:var(--muted)}.intro p{max-width:620px;line-height:1.65;margin:0}.edition{font:12px var(--display);color:var(--muted);text-align:right;white-space:nowrap;line-height:1.8;letter-spacing:1px}.studio{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.panel h2{font:500 20px var(--display);margin:0}.panel-body{padding:26px}.step-label{display:flex;gap:12px;align-items:center;font-weight:600;font-size:15px;margin:0 0 20px}.step-label span{font:12px var(--display);color:var(--green);border:1px solid #393939;display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;min-width:0}label,.field-label{font-size:14px;color:#a6a6a6}input,textarea,select{width:100%;border:1px solid #393939;background:#202020;color:var(--text);border-radius:6px;padding:12px 14px;outline:none;min-height:48px}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #393939}input::placeholder,textarea::placeholder{color:#a6a6a6}textarea{resize:vertical;min-height:80px}small,.helper{font-size:12px;color:var(--muted)}.upload{border:1px dashed #393939;border-radius:7px;display:flex;align-items:center;gap:15px;padding:13px;cursor:pointer}.upload-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;font-size:22px;color:var(--green);object-fit:cover}.upload b{font-size:14px;font-weight:500}.upload small{display:block}.upload input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.upload:focus-within{outline:2px solid var(--green)}.divider{border-top:1px solid var(--line);margin:24px 0}.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.text-btn{color:var(--green);border:0;background:none;padding:0;font-size:13px}.recipient-choice{padding:12px;border:1px solid #393939;border-radius:7px;display:flex;align-items:center;gap:12px;background:#202020}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#202020;color:#a6a6a6;flex-shrink:0;font:500 13px var(--display)}.recipient-choice strong{font-size:14px;display:block;font-weight:500}.recipient-choice small{display:block}.recipient-choice .allocation{margin-left:auto;color:var(--green);font:15px var(--display)}.actions{display:flex;gap:12px}.actions>*{flex:1}.note{display:flex;gap:9px;margin:13px 0 0;text-align:center;justify-content:center;font-size:12px;color:var(--muted)}.preview-side{display:grid;gap:20px}.preview{background:#202020;color:var(--ink);border-radius:12px;padding:26px;position:relative;overflow:hidden}.preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.preview .eyebrow{color:#a6a6a6;margin:0}.preview .tag{color:#a6a6a6;border-color:#a6a6a6}.cheque{background:#202020;color:#a6a6a6;border:1px solid #393939;padding:23px;box-shadow:0 10px 25px #393939;transform:rotate(-2deg);font-family:var(--display);position:relative}.cheque-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;border-bottom:1px solid #393939;padding-bottom:17px;margin-bottom:20px}.cheque-top b{font-size:17px;letter-spacing:-.8px}.cheque-pay{font-size:10px;letter-spacing:1px;color:#a6a6a6}.cheque-name{font-size:24px;margin:3px 0 17px;border-bottom:1px solid #393939;padding-bottom:8px;overflow-wrap:anywhere}.cheque-value{display:flex;justify-content:space-between;align-items:center;font-size:13px}.cheque-value strong{font-size:30px;letter-spacing:-1px}.specimen{text-align:center;font-size:11px;letter-spacing:3px;border-top:1px solid #393939;margin-top:18px;padding-top:15px;color:#a6a6a6}.preview-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;color:#a6a6a6}.estimate{padding:23px 26px}.estimate h3{font:500 17px var(--display);margin:0}.estimate label{font-size:13px}.estimate input[type=range]{padding:0;border:0;box-shadow:none;accent-color:var(--green);min-height:24px;background:transparent}.amount-row{display:flex;justify-content:space-between;margin:15px 0;font-size:14px}.amount-row.total{border-top:1px solid var(--line);padding-top:15px;color:var(--green);font-weight:600}.explanation{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.explanation b{font:500 14px var(--display);display:block;margin-bottom:6px}.explanation p{font-size:13px;color:var(--muted);margin:0}.mini-num{color:var(--green);margin-right:9px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:24px 4%;font-size:12px;color:var(--muted)}footer .brand{font-size:20px;color:var(--text)}footer>div{margin-left:auto;display:flex;gap:20px;align-items:center}footer button{background:none;border:0;color:var(--muted);font-size:12px;padding:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:25px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.metric{padding:23px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric p{font-size:13px;color:var(--muted);margin:0 0 5px}.metric b{font:500 30px var(--display)}.toolbar{display:flex;gap:15px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.toolbar input{max-width:320px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{background:none;color:var(--muted);border:1px solid transparent;padding:8px 13px;border-radius:6px;font-size:14px}.tabs button.active{color:var(--text);border-color:var(--line);background:var(--panel)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recipient-card{padding:24px}.recipient-card .avatar{width:48px;height:48px;margin-bottom:18px}.recipient-card h2{font-size:20px;margin:0}.recipient-card p{font-size:14px;color:var(--muted)}.recipient-card .btn{margin-top:17px;width:100%}.badge{display:inline-flex;border-radius:4px;background:#202020;color:#a6a6a6;font-size:12px;padding:3px 8px}.badge.amber{color:#a6a6a6;background:#202020}.table-wrap{overflow:auto}.ledger{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:14px}.ledger th{font-weight:500;color:var(--muted);font-size:12px;padding:15px 24px;background:#202020}.ledger td{padding:20px 24px;border-top:1px solid var(--line)}.ledger td b{display:block;font-weight:500}.ledger td small{display:block}.ledger .text-btn{font-size:14px}.empty{padding:45px;text-align:center;color:var(--muted)}.flow{display:grid;grid-template-columns:1fr 1fr;gap:24px}.flow article{padding:27px}.flow h2{margin:18px 0 10px}.flow p{color:var(--muted);font-size:15px}.flow-number{color:var(--green);font:28px var(--display)}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:500}details p{color:var(--muted);margin:15px 0 0;max-width:800px}dialog{color:var(--text);background:var(--panel);border:1px solid #393939;border-radius:14px;padding:32px;width:min(540px,calc(100% - 32px));max-height:90vh;box-shadow:0 25px 100px #393939}dialog::backdrop{background:#202020;backdrop-filter:blur(5px)}dialog h2{font:500 28px/1.2 var(--display);letter-spacing:-.7px;margin:12px 0 18px}dialog p{color:var(--muted);font-size:15px}.close{position:absolute;right:15px;top:10px;background:none;color:var(--muted);border:0;font-size:27px}dialog ul{padding-left:22px;font-size:14px;color:var(--muted)}dialog li{margin-bottom:12px}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:14px;gap:20px}.summary-row:last-of-type{margin-bottom:24px}.check-label{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:18px 0}.check-label input{width:18px;min-height:18px;margin:4px 0;accent-color:var(--green)}.notice{background:#202020;border:1px solid #393939;padding:14px;border-radius:7px;font-size:14px;color:#a6a6a6;margin-bottom:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--green);color:var(--ink);padding:13px 22px;border-radius:8px;box-shadow:0 8px 40px #393939;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-80px;left:16px;padding:12px;background:var(--green);color:var(--ink);z-index:20}.skip:focus{top:10px}.status-list{display:grid;gap:12px;margin-bottom:24px}.status-item{border:1px solid var(--line);padding:14px;display:flex;justify-content:space-between;font-size:14px}.code{font:12px monospace;word-break:break-all}.full{grid-column:1/-1}@media(max-width:950px){header{flex-wrap:wrap;gap:12px}header nav{order:3;width:100%;justify-content:center}.studio{grid-template-columns:1.1fr 1fr;gap:16px}.panel-body,.panel-head,.preview,.estimate{padding:20px}.cards{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap}footer>div{margin-left:0}.edition{display:none}}@media(max-width:720px){main{padding:30px 18px 55px}header{padding:17px 18px}.brand{font-size:24px}header nav{gap:24px;justify-content:flex-start;overflow:auto;font-size:13px}.demo-banner{padding:10px 18px;font-size:12px;justify-content:flex-start;flex-wrap:wrap;gap:8px}.demo-banner button{margin-left:0}.intro{display:block}.intro h1{font-size:36px;letter-spacing:-1.3px}.intro .btn{margin-top:18px}.studio{grid-template-columns:1fr}.preview-side{margin-top:7px}.explanation{grid-template-columns:1fr;gap:17px}.cards,.flow{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr 1fr}.metric{padding:15px 10px}.metric b{font-size:24px}.metric p{font-size:12px}.fields{gap:12px}.wallet{gap:8px}.toolbar{align-items:stretch}.toolbar input{max-width:none}.ledger th,.ledger td{padding:15px}.table-wrap{margin:0}.actions{flex-wrap:wrap}.actions>*{min-width:120px}footer>span{display:none}footer>div{flex-wrap:wrap;gap:14px}.cheque{transform:rotate(-1deg)}.recipient-card{padding:23px}dialog{padding:26px}.panel-head .tag{font-size:10px}}


:root{--bg:#090909;--panel:#141414;--line:#303030;--muted:#a6a6a6;--text:#f5f5f5;--green:#ffffff;--ink:#111111}.preview{background:#dedede}.btn.primary:hover{background:#d8d8d8}.brand-dot{display:none}.avatar{background:#555!important}.badge,.badge.amber{background:#292929;color:#e0e0e0}.tag{color:#eee;border-color:#5d5d5d}.preview .tag{color:#333;border-color:#888}.brand-icon{background:#fff;color:#000}
.demo-banner{background:#151515;color:#aaa}.demo-banner button,.text-btn{color:#fff}.btn{background:#161616;color:#f5f5f5}.btn:hover{background:#292929}.btn.primary{background:#fff;color:#111;border-color:#fff}.recipient-choice{background:#191919;border-color:#555}.preview{background:#dedede;color:#171717}.preview .eyebrow,.preview-bottom{color:#4b4b4b}.cheque{background:#fafafa;color:#202020;border-color:#aaa;box-shadow:0 10px 25px #0002}.cheque-pay,.specimen{color:#666}.cheque-top,.cheque-name,.specimen{border-color:#ccc}.notice{background:#1d1d1d;color:#ddd;border-color:#414141}dialog::backdrop{background:#000b}input,textarea,select{background:#101010;color:#eee}.ledger th{background:#111}.check-label input{accent-color:#fff}.btn.primary:hover{background:#ddd}.skip{background:#fff;color:#111}#toast{background:#fff;color:#111}.brand-icon{background:#fff;color:#111}