@font-face{font-family:Instrument;src:url('/fonts/instrument-sans-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:light;--bg:#f6f7f9;--paper:#fff;--ink:#222631;--muted:#68707f;--line:#e6e8ed;--orange:#d84420;--green:#28775c;--amber:#966614;--red:#b53838;--radius:16px;font-family:Instrument,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e96c46;outline-offset:4px}input:focus-visible,select:focus-visible{outline:2px solid #e96c46;outline-offset:2px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}button{transition:background .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(.97)}.subtle,.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--muted)}.skip-link{position:fixed;left:20px;top:-60px;z-index:10;background:white;padding:12px}.skip-link:focus-visible{top:10px}
.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:30px 18px 20px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:9px;font-size:30px;letter-spacing:-1.6px;font-weight:700;padding:0 12px}.brand-mark{width:31px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--orange);color:white;font-size:28px;line-height:1}.beta{font-size:8px;letter-spacing:1px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 4px;margin-left:4px}.workspace-label{display:flex;align-items:center;gap:10px;margin:35px 8px 25px;font-size:12px;font-weight:600}.workspace-label small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.workspace-avatar,.avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:8px;background:#eef0f4;font-size:12px}.new-purchase{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px 13px;background:#fff;box-shadow:0 2px 3px #18202e05;font-size:12px;font-weight:600}.new-purchase span:last-child{margin-left:auto;color:var(--muted)}.sidebar-heading{display:flex;justify-content:space-between;margin:29px 12px 12px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.sidebar-heading span{letter-spacing:0}.runs{overflow:auto;flex:1;min-height:0}.run{display:block;text-align:left;border:1px solid transparent;width:100%;border-radius:8px;padding:11px 12px;background:transparent;margin:3px 0}.run.selected{background:#f0f2f5;border-color:#e6e8ed}.run-title{font-size:12px;display:flex;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.run-title i{width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0;margin-top:6px}.run.failed .run-title i{background:var(--amber)}.run-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted);margin-top:5px}.run-meta span:first-child{max-width:65px;overflow:hidden;text-overflow:ellipsis}.pad{padding:12px}.sidebar-bottom{padding:20px 12px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;margin-top:20px;font-size:11px;color:var(--muted)}.network{font-size:9px;font-weight:600;letter-spacing:.06em}.connection{font-size:10px;color:var(--amber)}.connection.online{color:var(--green)}
.app-shell{margin-left:236px}.topbar{height:76px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#ffffff80;font-size:11px;color:var(--muted)}.topbar b{font-weight:500;color:var(--ink)}.breadcrumb{padding:0 15px;color:#afb5c0}.topbar>div{display:flex;align-items:center;gap:19px}.powered{font-size:10px}.powered b{margin-left:3px;font-size:12px;font-weight:700}.icon-button{border:0;background:transparent;font-size:22px;display:grid;place-items:center;width:32px;height:32px;border-radius:6px}.avatar{background:#f1e9df;border:3px solid white;border-radius:50%;font-size:10px}
main{max-width:1440px;margin:0 auto;padding:43px 42px 0}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.hero .eyebrow{font-size:9px;display:flex;align-items:center;gap:7px}.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(25px,2.45vw,37px);line-height:1.22;letter-spacing:-1.35px;margin-top:14px}h1 span{color:#737b89}.hero p{font-size:12px;color:var(--muted);margin-top:15px}.hero-stamp{display:flex;align-items:center;justify-content:center;gap:3px;width:98px;height:98px;flex-shrink:0;background:#fcebe4;border:1px solid #f7d7c7;border-radius:25px;transform:rotate(-8deg);color:var(--orange);font-size:67px;font-weight:600;line-height:1;box-shadow:0 8px 18px #e9693210;margin-right:14px}.hero-stamp span{font-size:31px;align-self:flex-end;padding-bottom:16px;margin-left:-8px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 4px #202a3f02}.composer{padding:23px 26px 15px}.composer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.composer-heading h2{font-size:18px;letter-spacing:-.5px}.composer-heading .subtle{font-size:9px;letter-spacing:.08em}.request-fields{display:flex;border:1px solid #dfe2e8;border-radius:10px;background:#fbfcfd;overflow:hidden}.request-fields label{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-bottom:6px}.service-field{width:205px;flex-shrink:0;border-right:1px solid var(--line);padding:12px 16px}.intent-field{flex:1;min-width:0;padding:12px 17px}.request-fields select,.request-fields input{width:100%;color:var(--ink);background:transparent;border:0;padding:0;font-size:12px;min-height:23px}.request-fields input::placeholder{color:#9198a4}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:14px}.budget{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.budget b{font-weight:600;color:var(--ink);margin-left:8px}.budget-icon{border:1px solid var(--line);width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:16px}.primary,.secondary{border:0;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:22px}.primary{background:var(--orange);color:#fff;box-shadow:0 2px 3px #b22d1715}.secondary{background:white;border:1px solid #dfe2e8}.request-feedback{font-size:10px;color:var(--muted);margin-top:15px;line-height:1.6}.flow-strip{display:flex;justify-content:space-between;align-items:center;padding:22px 3px 32px;gap:8px}.flow-strip div{display:flex;align-items:center;gap:8px}.flow-strip div span{font-size:8px;color:#818997;border:1px solid #dfe3e9;border-radius:50%;width:19px;height:19px;display:grid;place-items:center}.flow-strip b{font-weight:500;font-size:10px;color:var(--muted)}.flow-strip>i{font-style:normal;color:#afb5bd}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin:6px 0 18px;gap:15px}.section-heading .eyebrow{font-size:8px}.section-heading .eyebrow span{border-left:1px solid #ced2d9;margin-left:9px;padding-left:9px;letter-spacing:0;display:inline-block;max-width:130px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.section-heading h2{font-size:21px;letter-spacing:-.6px;margin-top:7px}.status-pill{font-size:9px;font-weight:600;border:1px solid var(--line);border-radius:5px;padding:5px 8px;background:white;color:var(--muted);white-space:nowrap}.status-pill[data-state=settled]{background:#eaf5ef;color:var(--green);border-color:#d4e9df}.status-pill[data-state=pending]{background:#fff3dc;color:var(--amber);border-color:#efdfbb}.status-pill[data-state=attention]{background:#fceaea;color:var(--red);border-color:#f1d2d2}.purchase-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.purchase-main,.money-column{display:grid;gap:17px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h3{font-size:12px}.panel-heading .subtle{font-size:8px;letter-spacing:.04em}.journey{padding:22px 24px}.process-label{font-size:11px;color:var(--muted);margin-top:5px}.steps{list-style:none;padding:0;margin:23px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:22px 15px}.step{display:flex;align-items:center;gap:9px}.step i{font-style:normal;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#8c94a1;flex-shrink:0;font-size:10px}.step b{display:block;font-size:11px;font-weight:500;color:#757e8a}.step small{display:block;font-size:9px;color:#818997;margin-top:1px}.step.done i{font-size:0;background:#e9f3ef;border-color:#e9f3ef;color:var(--green)}.step.done i:after{content:'✓';font-size:12px}.step.done b{color:var(--ink)}.step.active i{background:#fff0e9;border-color:#f3d2c4;color:var(--orange);box-shadow:0 0 0 4px #fff7f3}.step.active b{color:var(--ink)}.step.failed i{background:#fbecec;border-color:#f1d1d1;color:var(--red)}.delivery{padding:22px 24px}.purchase-request{padding:23px 0 0}.purchase-request .eyebrow{font-size:8px;color:var(--orange)}.purchase-request h3{font-size:17px;line-height:1.4;letter-spacing:-.4px;margin:8px 0}.purchase-request p{font-size:11px;color:var(--muted);line-height:1.75}.citations{display:grid;gap:10px;margin-top:18px}.citation{padding:13px 15px;background:#f8f9fb;border:1px solid #edf0f3;border-radius:8px;display:grid;gap:6px}.citation .eyebrow{font-size:8px}.citation a{font-size:12px;font-weight:500}.citation code{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.empty-evidence{display:flex;align-items:center;gap:14px;padding:13px 0;color:var(--muted);font-size:11px}.empty-evidence>span{font-size:23px;color:#a4acb9}.activity-panel summary,.architecture summary{cursor:pointer;font-size:12px;padding:18px 23px;font-weight:500}.activity-panel summary span{float:right;color:var(--muted);font-size:10px}.event-log{padding:0 23px 18px}.event{display:flex;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:10px}.event time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:56px}.event b{font-weight:500}.event small{display:block;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
.money-card{background:#fff;border:1px solid #dce1e8;border-radius:var(--radius);padding:22px 22px 0;box-shadow:0 5px 16px #222b3b04;overflow:hidden}.money-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;font-weight:600;color:var(--muted)}.money-heading span:last-child{letter-spacing:0;font-size:8px;border:1px solid var(--line);padding:1px 5px;border-radius:4px}.money-label{display:block;margin-top:21px;font-size:11px;color:var(--muted)}.money-total{font-size:43px;letter-spacing:-2px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums}.money-status{font-size:9px;color:var(--muted);margin-top:5px}.ledger{margin-top:23px;border-top:1px solid var(--line);padding-top:8px}.ledger>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:11px}.ledger>div>span{display:flex;gap:8px;align-items:center;color:var(--muted)}.ledger b{font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}.dot{width:6px;height:6px;border-radius:50%;background:#929aa7}.dot.returned{background:var(--green)}#returned{color:var(--green)}#ledger-note{font-size:10px;color:var(--muted);line-height:1.65;margin:12px 0 20px}.money-footer{border-top:1px solid var(--line);background:#fafbfc;margin:0 -22px;padding:12px 17px;font-size:9px;color:var(--muted);display:flex;gap:7px;align-items:center}.shield{border:1px solid #c3d8cc;border-radius:4px;color:var(--green);width:14px;height:15px;text-align:center}.receipt-card{padding:20px 22px;background:transparent;border-style:dashed;box-shadow:none}.receipt-icon{font-size:24px;display:inline-block;transform:rotate(-8deg);color:#8a939f;line-height:1;margin-bottom:11px}.receipt-card h3{font-size:12px}.receipt-card p{font-size:10px;color:var(--muted);margin:8px 0 16px;line-height:1.7}.receipt-card .secondary{width:100%;font-size:11px;justify-content:space-between}.text-button{border:0;background:transparent;padding:10px 0;font-size:11px;color:var(--muted)}.receipt-card .text-button{width:100%;margin-top:5px}.workspace-footer{display:flex;justify-content:space-between;gap:15px;padding:24px 0;margin-top:17px;border-top:1px solid var(--line);font-size:9px;color:#7e8794}.footer-dot{padding:0 7px}
dialog{border:1px solid var(--line);border-radius:18px;background:white;color:var(--ink);padding:28px;width:min(580px,calc(100vw - 32px));max-height:88vh;overflow:auto;box-shadow:0 25px 100px #17223930}dialog::backdrop{background:#18233175;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}dialog h2{font-size:25px;letter-spacing:-.6px}dialog h3{font-size:12px;margin:20px 0 10px}dialog p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.review-summary{display:flex;justify-content:space-between;align-items:center;background:#f6f7f9;border-radius:9px;padding:16px;margin:20px 0;font-size:12px}.review-summary b{font-size:22px;letter-spacing:-.5px}.review-rules{padding-left:18px;font-size:12px;color:var(--muted)}.review-rules li{margin:8px 0}.notice{padding:12px 14px;background:#fff7ea;border:1px solid #f0e1c7;border-radius:8px}#confirm-purchase{margin-top:20px;width:100%}pre{padding:16px;background:#f3f5f7;border:1px solid var(--line);border-radius:8px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}#detail-fields{margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{min-width:0}.field label{font-size:10px;color:var(--muted)}.field div{font-size:12px;margin-top:5px;overflow-wrap:anywhere;white-space:pre-wrap}.signature-section,.chain-section{border-top:1px solid var(--line);padding-bottom:18px}.signature-section button{margin-top:13px}#transaction{font-size:10px;overflow-wrap:anywhere;display:block;margin-bottom:10px}#explorer{font-size:12px;color:var(--orange)}.verified{color:var(--green)!important}.architecture{border-top:1px solid var(--line)}.architecture summary{padding:17px 0}.graph{display:grid;grid-template-columns:1fr 1fr;gap:8px}.graph button{background:#f6f7f9;border:1px solid var(--line);border-radius:6px;padding:9px;text-align:left;font-size:11px}.graph small{display:block;font-size:9px;color:var(--muted)}.graph .inspected{border-color:var(--orange)}.appear{animation:appear .25s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{padding-top:56px}.hero{margin-bottom:40px}.purchase-grid{grid-template-columns:minmax(0,1fr) 320px}.steps{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1150px){.sidebar{width:205px;padding-inline:12px}.app-shell{margin-left:205px}main{padding:30px 25px 0}.topbar{padding-inline:25px}.purchase-grid{grid-template-columns:minmax(0,1fr) 245px;gap:15px}.hero-stamp{width:74px;height:74px;font-size:49px;border-radius:20px}.hero-stamp span{font-size:25px;padding-bottom:12px}.flow-strip b{font-size:9px}.flow-strip div{gap:5px}.flow-strip>i{display:none}.composer{padding:20px}.journey,.delivery{padding:20px}.money-card{padding:20px 18px 0}.money-footer{margin-inline:-18px}.service-field{width:180px}}
@media(max-width:900px){.sidebar{width:180px}.app-shell{margin-left:180px}.workspace-label{margin-inline:0;font-size:10px}.workspace-label small{font-size:8px}.brand{font-size:26px;padding-inline:5px}.beta{display:none}.purchase-grid{grid-template-columns:1fr}.money-column{grid-template-columns:1fr 1fr;align-items:start}.money-total{font-size:34px}.flow-strip{flex-wrap:wrap;gap:12px;justify-content:flex-start}.flow-strip div{width:calc(50% - 6px)}.hero-stamp{display:none}.request-fields{flex-direction:column}.service-field{width:100%;border-right:0;border-bottom:1px solid var(--line);padding:10px 14px}.intent-field{padding:12px 14px}.section-heading h2{font-size:20px}.hero h1{font-size:28px}.composer-heading .subtle{display:none}}
@media(max-width:600px){.sidebar{position:relative;width:100%;height:auto;padding:17px 20px;display:grid;grid-template-columns:1fr auto;border-right:0;border-bottom:1px solid var(--line);gap:15px}.brand{font-size:25px;padding:0}.brand-mark{width:27px;height:28px;font-size:24px}.workspace-label,.sidebar-heading,.sidebar-bottom{display:none}.new-purchase{font-size:11px;padding:8px 12px}.runs{grid-column:1/-1;display:flex;gap:8px;max-height:85px}.runs:empty{display:none}.run{width:180px;flex-shrink:0;margin:0;padding:8px 10px;border-color:var(--line)}.runs>.pad{padding:0;font-size:10px}.app-shell{margin-left:0}.topbar{height:50px;padding:0 20px;font-size:10px}.topbar>div{gap:8px}.avatar{display:none}.powered{font-size:9px}.powered b{font-size:10px}main{padding:29px 20px 0}.hero{margin-bottom:25px}.hero h1{font-size:27px;letter-spacing:-1px}.hero p{font-size:11px}.hero .eyebrow{font-size:8px}.composer{padding:18px}.composer-bottom{align-items:stretch;flex-direction:column;gap:16px}.budget{font-size:10px}.primary{min-height:42px}.request-feedback{font-size:10px}.flow-strip{padding:19px 0 25px;gap:12px 4px}.flow-strip div{width:calc(50% - 2px)}.flow-strip b{font-size:8px}.section-heading{align-items:flex-start}.section-heading h2{font-size:18px}.section-heading .eyebrow span{display:none}.status-pill{font-size:8px}.money-column{grid-template-columns:1fr}.money-card{grid-row:1}.journey,.delivery{padding:18px}.steps{gap:20px 10px}.step b{font-size:10px}.step small{font-size:8px}.step i{width:24px;height:24px}.panel-heading .subtle{font-size:7px}.receipt-card{padding:18px}.workspace-footer{font-size:8px}.workspace-footer>span:first-child{max-width:55%}dialog{padding:22px}#detail-fields{grid-template-columns:1fr}.activity-panel summary span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Put the financial result immediately after the purchase heading on phones. */
@media(max-width:600px){.purchase-grid{display:flex;flex-direction:column}.purchase-main{width:100%}.money-column{display:contents}.money-card{order:-1;width:100%}.receipt-card{width:100%}.money-total{font-size:38px}.ledger{margin-top:16px}}