@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#071b3a;font-synthesis:none;background:#f4f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffb20a}.topbar{color:#fff;background:#071b3a;border-bottom:1px solid #ffffff1f;align-items:center;gap:24px;min-height:76px;padding:0 max(22px,50vw - 620px);display:flex}.brand{letter-spacing:-1px;color:#fff;font:700 21px/1 Space Grotesk,sans-serif;text-decoration:none}.brand b{background:#146bff;border-radius:3px;margin-left:2px;padding:3px 5px}.network{color:#bed0ef;margin:auto;font-size:13px}.network i{background:#91a8cb;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.network span{color:#4b6288;margin:0 8px}.wallet,.primary{color:#fff;background:#146bff;border:0;border-radius:8px;min-height:44px;padding:12px 16px;font-weight:700}.wallet:hover,.primary:hover{background:#0d59da}.statusline{color:#553700;background:#fff2d3;align-items:center;gap:12px;padding:9px max(22px,50vw - 620px);font-size:12px;display:flex}.statusline strong{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.nav{gap:25px;max-width:1240px;margin:auto;padding:20px 22px 0;display:flex}.nav button{color:#65758d;background:0 0;border:0;padding:10px 0;font-weight:700}.nav button.active{color:#071b3a;border-bottom:3px solid #146bff}.page{max-width:1240px;margin:0 auto;padding:36px 22px 68px}.intro{max-width:730px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#146bff;margin:0 0 12px;font-size:11px;font-weight:800}.page h1{letter-spacing:-3px;color:#071b3a;margin:0 0 18px;font:700 clamp(38px,7vw,68px)/1.02 Space Grotesk,sans-serif}.intro h1 em{color:#146bff;font-style:normal}.lede{color:#4d5e75;margin:0;font-size:18px;line-height:1.65}.filters{gap:9px;margin:42px 0 18px;padding-bottom:3px;display:flex;overflow:auto}.filter{white-space:nowrap;color:#4d5e75;background:#fff;border:1px solid #d9e1ed;border-radius:999px;padding:9px 13px;font-size:13px}.filter.active{color:#fff;background:#071b3a;border-color:#071b3a}.offer-layout{grid-template-columns:1fr 340px;gap:22px;display:grid}.offer-board,.create-card,.workspace,.summary,.console>section,.console>aside{background:#fff;border:1px solid #e0e7f0;border-radius:14px}.board-head{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:baseline;padding:22px 23px;display:flex}.board-head h2,.create-card h2,.summary h2,.chat h2,.console h2{color:#071b3a;margin:0;font:700 18px Space Grotesk,sans-serif}.board-head span{color:#718198;font-size:12px}.offer{border-bottom:1px solid #e8edf4;grid-template-columns:minmax(250px,1fr) 160px 120px;align-items:center;gap:16px;padding:23px;display:grid}.offer:last-child{border:0}.offer-side{color:#718198;margin:0 0 6px;font-size:12px}.bond{color:#855800;background:#fff2d3;border-radius:5px;margin-left:5px;padding:3px 5px;font-weight:700}.offer h3{color:#071b3a;margin:0;font:700 21px Space Grotesk}.offer h3 small{color:#718198;font:500 12px Inter}.details{color:#65758d;margin:7px 0 0;font-size:12px}.arbiter span{color:#718198;margin-bottom:4px;font-size:11px;display:block}.arbiter strong{font-size:13px}.arbiter p{color:#bc7800;margin:5px 0 0;font-size:12px}.open{color:#146bff;background:#eef4ff;border:0;border-radius:8px;min-height:44px;padding:11px 9px;font-weight:800}.open:disabled{opacity:.55;cursor:not-allowed}.open span{padding-left:3px}.create-card{align-self:start;padding:25px}.create-card h2{margin-bottom:23px;line-height:1.25}.create-card label{font-size:12px;font-weight:700;display:block}.create-card input{color:#071b3a;border:1px solid #cfd9e6;border-radius:8px;width:100%;margin-top:7px;padding:12px;font-weight:700;display:block}.calc{border-top:1px solid #e8edf4;margin:18px 0}.calc span{color:#65758d;border-bottom:1px solid #e8edf4;justify-content:space-between;padding:11px 0;font-size:12px;display:flex}.calc b{color:#071b3a}.small{color:#687990;font-size:12px;line-height:1.55}.create-card .primary{width:100%;margin-top:15px}.trade-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.trade-header h1{letter-spacing:-2px;margin-bottom:9px;font-size:42px}.trade-header p:not(.eyebrow){color:#62728b;margin:0;font-size:13px}.rating{color:#b06c00}.clock{text-align:right;min-width:175px}.clock span,.clock small{color:#718198;font-size:11px;display:block}.clock strong{letter-spacing:-2px;font:700 34px Space Grotesk}.progress{grid-template-columns:repeat(4,1fr);gap:5px;margin:33px 0 18px;display:grid}.progress span{color:#6a7a91;background:#e4eaf2;border-radius:7px;padding:12px;font-size:12px}.progress span b{margin-top:3px;font-size:11px;display:block}.progress .complete{color:#16633e;background:#dff7ea}.progress .danger{color:#a8331b;background:#fff0ed}.trade-grid{grid-template-columns:1fr 300px;gap:22px;display:grid}.workspace{overflow:hidden}.funded{color:#fff;background:#071b3a;align-items:start;gap:12px;padding:18px 20px;display:flex}.funded .dot{background:#45ce7a;border-radius:50%;width:9px;height:9px;margin-top:5px;display:block}.funded b{font-size:14px}.funded p{color:#bed0ef;margin:4px 0;font-size:12px}.funded a{color:#a9c8ff;white-space:nowrap;margin-left:auto;font-size:12px}.payment-card{border-bottom:1px solid #e8edf4;padding:25px}.onchain-demo{background:#fff;border:1px solid #dce5f0;border-radius:8px;margin:16px 0}.onchain-demo .actions{flex-wrap:wrap}.payment-card h2{margin:0 0 10px;font:700 21px Space Grotesk}.payment-card>p:not(.eyebrow){color:#62728b;font-size:13px;line-height:1.6}.actions{gap:10px;margin-top:18px;display:flex}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}.secondary{color:#071b3a;background:#fff;border:1px solid #cdd8e7;border-radius:8px;padding:11px 14px;font-weight:700}.chat{padding:25px}.chat-head{border-bottom:1px solid #e8edf4;justify-content:space-between;gap:14px;padding-bottom:14px;display:flex}.chat-head p{color:#718198;margin:5px 0 0;font-size:11px}.chat-head>span{text-transform:uppercase;letter-spacing:.06em;color:#855800;background:#fff2d3;border-radius:4px;height:min-content;padding:5px;font-size:10px}.messages{flex-direction:column;gap:8px;min-height:195px;padding:15px 0;display:flex}.message{background:#f2f5f9;border-radius:9px;max-width:74%;padding:9px 11px}.message.mine{background:#e7f0ff;align-self:flex-end}.message.system{background:#fff8e7;border:1px solid #ffe2a0;max-width:100%}.message b{font-size:11px}.message p{color:#465870;margin:4px 0 0;font-size:12px;line-height:1.45}.chat form{gap:8px;display:flex}.chat input{border:1px solid #cfd9e6;border-radius:8px;flex:1;padding:11px}.chat form button{color:#fff;background:#071b3a;border:0;border-radius:8px;padding:0 14px;font-weight:700}.summary{align-self:start;padding:24px}.summary dl{margin:19px 0}.summary dl div{border-bottom:1px solid #edf1f6;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.summary dt{color:#718198;font-size:12px}.summary dd{text-align:right;color:#071b3a;margin:0;font-size:12px;font-weight:700}.summary hr{border:0;border-top:1px solid #e8edf4}.contract{color:#146bff;margin-top:20px;font-size:12px;display:block}.arbiter-page h1{max-width:690px}.console{grid-template-columns:1.25fr .75fr;gap:22px;margin-top:35px;display:grid}.console>section,.console>aside{padding:24px}.case{border:1px solid #e3eaf3;border-radius:9px;justify-content:space-between;gap:15px;margin-top:18px;padding:16px;display:flex}.case.urgent{background:#fff8f6;border-color:#f1b1a4}.case span{text-transform:uppercase;color:#146bff;font-size:10px;font-weight:800}.case.urgent span{color:#c23a21}.case h3{margin:6px 0;font-size:16px}.case p,.console li{color:#5e7088;font-size:12px;line-height:1.55}.console ol{padding-left:18px}footer{color:#6b7b91;border-top:1px solid #dbe3ee;justify-content:space-between;gap:20px;padding:22px max(22px,50vw - 620px);font-size:11px;display:flex}@media (width<=800px){.topbar{gap:12px;padding:0 16px}.network{display:none}.wallet{margin-left:auto;font-size:12px}.statusline{padding:8px 16px;line-height:1.55;display:block}.statusline span{display:block}.nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px 0;display:grid;overflow:visible}.nav button{min-width:0;min-height:44px;padding:8px 4px;font-size:12px;line-height:1.25}.filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.filter{text-align:center;min-height:44px}.page{padding:30px 16px 48px}.page h1{letter-spacing:-2px}.offer-layout,.trade-grid,.console{grid-template-columns:1fr}.offer{grid-template-columns:1fr;gap:14px}.open{width:100%}.trade-header{display:block}.clock{text-align:left;margin-top:18px}.progress{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.funded{flex-wrap:wrap}.funded a{margin-left:21px}.actions{flex-direction:column}.summary{order:-1}footer{padding:18px 16px;line-height:1.7;display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.fx-reference{color:#071b3a;background:#f8fbff;border:1px solid #dce5f2;border-radius:12px;margin:14px 0;padding:13px}.fx-reference.compact{margin:11px 0;padding:11px 12px}.fx-reference-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fx-reference .eyebrow{color:#526681;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:800}.fx-rate{font-variant-numeric:tabular-nums;font:700 1.05rem/1.2 Space Grotesk,sans-serif}.fx-rate small{font:500 .72rem/1.2 Inter,system-ui,sans-serif}.fx-reference-head a{color:#146bff;white-space:nowrap;font-size:.74rem;font-weight:700}.fx-date{color:#526681;margin:7px 0 3px;font-size:.74rem}.fx-date.stale{color:#a64b00;font-weight:700}.fx-reference .small{color:#526681;margin:6px 0 0;font-size:.68rem;line-height:1.45}.ghs-illustration{border-top:1px solid #dce5f2;margin-top:14px;padding-top:11px}.ghs-illustration .eyebrow{color:#526681;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:800}.ghs-scenario{border-bottom:1px solid #e8edf5;justify-content:space-between;gap:14px;padding:7px 0;font-size:.78rem;display:flex}.ghs-scenario b{font-variant-numeric:tabular-nums;white-space:nowrap}@media (width<=640px){.fx-reference-head{flex-wrap:wrap;gap:8px}}
