@font-face{font-family:Instrument;src:url('./instrument-sans.ttf') format('truetype');font-display:swap;font-weight:400 700}
:root{
  color-scheme:dark;
  --bg:#05070b;--surface:#0e1520;--surface-2:#141e2b;--ink:#eaf3fc;--muted:#95a8bc;
  --quiet:#718092;--line:#233140;--mint:#14f195;--violet:#9945ff;--danger:#ff707d;
  --content:1220px;--gutter:clamp(20px,4vw,54px);--r-xs:8px;--r-sm:12px;--r-md:20px;--r-lg:30px;
  --ease:cubic-bezier(.16,1,.3,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Instrument,Arial,sans-serif;line-height:1.55;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 22% 10%,rgba(20,241,149,.07),transparent 30%),radial-gradient(circle at 88% 52%,rgba(153,69,255,.09),transparent 34%),var(--bg)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.17;background-image:linear-gradient(rgba(149,168,188,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(149,168,188,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input{touch-action:manipulation}
button{cursor:pointer}
img,svg{display:block;max-width:100%}
.skip{position:fixed;left:16px;top:12px;z-index:999;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:var(--r-xs);transform:translateY(-150%)}
.skip:focus{transform:none}
.wrap{width:min(var(--content),calc(100% - (var(--gutter) * 2)));margin-inline:auto}
.site-header{height:92px;display:flex;align-items:center}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:19px;font-weight:650;letter-spacing:-.35px}
.brand img{width:30px;height:30px}
.nav-links{display:flex;align-items:center;gap:30px;color:var(--muted);font-size:15px}
.nav-links a:not(.button):hover,.nav-links a:not(.button):focus-visible{color:var(--ink)}
.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--r-sm);padding:0 20px;background:var(--ink);color:#071018;font-weight:650;transition:transform .18s var(--ease),background .18s,color .18s,border-color .18s}
.button:hover{transform:translateY(-2px);background:#fff}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.button.secondary:hover{background:rgba(234,243,252,.06);border-color:#40546a}
.button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(20,241,149,.58);outline-offset:3px}
.hero{padding-top:84px;padding-bottom:92px}
.hero-copy{max-width:1030px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(60px,8.3vw,126px);line-height:.98;letter-spacing:-.035em;font-weight:610;margin-bottom:30px;text-wrap:balance}
h1 .quiet{display:block;color:var(--muted)}
.hero-intro{display:grid;grid-template-columns:minmax(0,650px) auto;align-items:end;gap:44px;margin-bottom:64px}
.hero-intro p{color:var(--muted);font-size:clamp(18px,1.7vw,23px);max-width:650px;margin-bottom:0}
.hero-actions{display:flex;gap:14px;justify-content:flex-end}
.reserve-workbench{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(145deg,rgba(234,243,252,.055),rgba(234,243,252,.014));overflow:hidden;box-shadow:0 44px 120px rgba(0,0,0,.42)}
.workbench-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:var(--line)}
.metric{background:rgba(9,14,22,.97);padding:26px 30px;min-height:142px}
.metric label,.metric .label{display:block;color:var(--muted);font-size:14px;margin-bottom:18px}
.metric strong{font-size:clamp(32px,3.5vw,54px);line-height:1;font-weight:610;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.metric small{font-size:16px;color:var(--muted);margin-left:8px}
.reference{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.reference b{font-size:20px;font-weight:560;font-variant-numeric:tabular-nums}
.reference.is-live b{color:var(--mint)}
.workbench-controls{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:32px 30px 20px}
.field-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.field-row label{color:var(--muted);font-size:14px}
.field-row output{font-size:18px;font-weight:620;font-variant-numeric:tabular-nums}
input[type=range]{width:100%;margin-top:18px;accent-color:var(--mint)}
.reserve-rail{position:relative;height:174px;margin:2px 30px 26px}
.rail-line{position:absolute;left:3%;right:3%;top:77px;height:2px;background:linear-gradient(90deg,var(--mint),var(--line) 38%,var(--line) 72%,var(--violet))}
.rail-label{position:absolute;top:100px;color:var(--quiet);font-size:14px}
.rail-label.start{left:3%}.rail-label.wait{left:32%}.rail-label.end{right:3%;text-align:right}
.gate{position:absolute;top:46px;width:3px;height:66px;background:var(--mint);box-shadow:0 0 24px rgba(20,241,149,.36);transition:left .45s var(--ease)}
.gate::before{content:"";position:absolute;left:-8px;top:-1px;width:19px;height:19px;border-radius:var(--r-xs);border:2px solid var(--mint);background:var(--bg)}
.marker-track{position:absolute;left:3%;right:3%;top:61px;height:34px;overflow:visible}
.marker{position:absolute;top:0;width:34px;height:34px;border-radius:var(--r-xs);background:linear-gradient(135deg,var(--mint),var(--violet));box-shadow:0 0 28px rgba(20,241,149,.26);transform:translateX(-50%);transition:left .45s var(--ease)}
.example-note{padding:0 30px 26px;color:var(--quiet);font-size:13px}
.section{padding-top:116px;padding-bottom:116px}
.section-head{max-width:820px;margin-bottom:60px}
h2{font-size:clamp(42px,5.7vw,78px);line-height:1.02;letter-spacing:-.028em;font-weight:610;margin-bottom:22px;text-wrap:balance}
.section-head p,.lead{font-size:19px;color:var(--muted);max-width:690px;margin-bottom:0}
.waiting-field{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:22px;align-items:stretch}
.ledger{border:1px solid var(--line);border-radius:var(--r-lg);padding:38px;background:linear-gradient(160deg,rgba(234,243,252,.045),rgba(20,241,149,.018));min-height:480px}
.ledger-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:64px}
.ledger-head strong{font-size:24px;font-weight:590}.ledger-head span{color:var(--muted);font-size:14px;text-align:right}
.balance-line{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:end}
.balance-line:last-child{border-bottom:0}
.balance-line span{color:var(--muted)}
.balance-line strong{font-size:clamp(28px,3vw,44px);font-weight:600;letter-spacing:-1.6px;font-variant-numeric:tabular-nums;text-align:right}
.balance-line em{font-style:normal;color:var(--mint);font-size:17px;font-weight:560}
.yield-source{border-radius:var(--r-lg);background:var(--ink);color:#071018;padding:38px;display:flex;flex-direction:column;justify-content:space-between;min-height:480px}
.yield-source h3{font-size:34px;line-height:1.08;letter-spacing:-1.3px;font-weight:630;margin-bottom:20px}
.yield-source p{color:#425364;font-size:17px;margin-bottom:0}
.borrower-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:44px}
.borrower-flow span{height:78px;background:#dbe7f2;border-radius:var(--r-sm)}
.borrower-flow span:last-child{background:linear-gradient(145deg,var(--mint),#79f5c5)}
.trigger-layout{display:grid;grid-template-columns:.8fr 1.35fr;gap:60px;align-items:center}
.gate-object{position:relative;aspect-ratio:1;display:grid;place-items:center;max-width:430px;margin:auto}
.gate-object::before,.gate-object::after{content:"";position:absolute;border:1px solid var(--line);border-radius:var(--r-lg);inset:8%;transform:rotate(8deg)}
.gate-object::after{inset:21%;transform:rotate(-12deg);border-color:rgba(153,69,255,.34)}
.gate-object img{width:45%;position:relative;z-index:1;filter:drop-shadow(0 30px 34px rgba(0,0,0,.4))}
.trigger-copy p{font-size:19px;color:var(--muted);max-width:620px}
.condition-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}
.condition{border:1px solid var(--line);border-radius:var(--r-md);padding:24px;min-height:155px;background:rgba(14,21,32,.72)}
.condition strong{display:block;font-size:20px;margin-bottom:34px}.condition span{color:var(--muted);font-size:14px}
.proof-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-areas:"route owner" "route price";gap:18px}
.proof{border:1px solid var(--line);border-radius:var(--r-lg);padding:34px;background:rgba(14,21,32,.76);min-height:250px}
.proof.route{grid-area:route;min-height:520px;background:linear-gradient(155deg,rgba(20,241,149,.08),rgba(14,21,32,.78) 48%,rgba(153,69,255,.06))}
.proof.owner{grid-area:owner}.proof.price{grid-area:price}
.proof h3{font-size:30px;line-height:1.08;letter-spacing:-1px;font-weight:610;margin-bottom:16px}.proof p{color:var(--muted);margin-bottom:0}
.route-stack{display:grid;gap:12px;margin-top:72px}
.route-step{display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.route-step:last-child{border-bottom:0}.route-step b{font-weight:610}.route-step span{color:var(--muted);font-size:14px}.route-step i{width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,var(--mint),var(--violet))}
.closing{padding-top:100px;padding-bottom:100px}
.closing-panel{border-radius:var(--r-lg);padding:clamp(42px,7vw,88px);background:radial-gradient(circle at 76% 28%,rgba(153,69,255,.18),transparent 38%),radial-gradient(circle at 18% 90%,rgba(20,241,149,.12),transparent 32%),var(--surface);border:1px solid var(--line)}
.closing-panel h2{max-width:880px}.closing-panel p{max-width:620px;color:var(--muted);font-size:19px}.closing-panel .button{margin-top:20px}
.site-footer{margin-top:90px;background:#020305;border-top:1px solid #17212d;padding:62px 0 34px}
.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:60px}.footer-brand{max-width:410px}.footer-brand .brand{margin-bottom:20px}.footer-brand p{color:var(--quiet);margin-bottom:0}
.footer-col strong{display:block;margin-bottom:18px;font-size:15px}.footer-col a{display:block;color:var(--muted);margin:10px 0}.footer-col a:hover{color:var(--ink)}
.footer-bottom{margin-top:50px;padding-top:24px;border-top:1px solid #17212d;display:flex;justify-content:space-between;gap:20px;color:var(--quiet);font-size:13px}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal].is-visible,.reduced-motion [data-reveal]{opacity:1;transform:none}
.hero [data-reveal]{opacity:1;transform:none}

/* App */
.app-shell{padding-top:46px;padding-bottom:100px}.app-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:44px}.app-title h1{font-size:clamp(48px,6vw,82px);margin:0}.app-meta{color:var(--muted);text-align:right;font-size:14px}
.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.78fr);gap:22px;align-items:start}
.order-form,.order-preview,.wallet-panel,.docs-card{border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(14,21,32,.82)}
.order-form{padding:34px}.form-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:38px}.form-heading h2{font-size:34px;margin:0}.form-heading span{color:var(--muted);font-size:14px}
.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.input-group{margin-bottom:24px}.input-group.full{grid-column:1/-1}.input-group label{display:block;color:var(--muted);font-size:14px;margin-bottom:9px}.input-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:#09101a;padding:0 16px;min-height:58px}.input-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:21px;font-variant-numeric:tabular-nums}.input-box span{color:var(--muted);white-space:nowrap}
.material-terms{margin:10px 0 24px;padding:18px;border-radius:var(--r-sm);background:#09101a;color:var(--muted);font-size:14px}.order-form .button{width:100%}.button:disabled{cursor:not-allowed;opacity:.46;transform:none}
.side-stack{display:grid;gap:22px}.wallet-panel,.order-preview{padding:28px}.wallet-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.wallet-head h3,.order-preview h3{font-size:23px;margin:0}.wallet-panel .button{min-height:42px;padding:0 16px}.wallet-panel .connected{background:transparent;color:var(--mint);border-color:rgba(20,241,149,.36)}
.balance-row,.preview-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.balance-row:last-child,.preview-row:last-child{border-bottom:0}.balance-row span,.preview-row span{color:var(--muted)}.balance-row strong,.preview-row strong{text-align:right}
.orders-list{display:grid;gap:10px;margin-top:12px}.orders-empty{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.order-item{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px;background:rgba(255,255,255,.018)}.order-item-head,.order-item-data{display:flex;justify-content:space-between;gap:14px;align-items:center}.order-item-head strong{font-size:.95rem}.order-item-head span,.order-item-data span{color:var(--muted);font-size:.78rem}.order-item-data b{font-size:.84rem;font-weight:550;text-align:right}.order-item .button{width:100%;padding:10px 12px;font-size:.82rem}
.market-board{margin-top:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(14,21,32,.82);padding:34px;display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:34px;align-items:start}.market-copy h2{font-size:34px;margin:0 0 14px}.market-copy p{color:var(--muted);font-size:15px;line-height:1.55;margin:0;max-width:410px}.market-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-order{border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:12px;background:#09101a}.market-order .button{width:100%;margin-top:4px;padding:11px 13px;font-size:.84rem}
.status{margin-top:18px;color:var(--muted);font-size:14px}.status[data-tone=success]{color:var(--mint)}.status[data-tone=error]{color:var(--danger)}
.adapter-state{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.adapter-state div{background:#09101a;border-radius:var(--r-sm);padding:14px}.adapter-state span{display:block;color:var(--quiet);font-size:12px;margin-bottom:6px}.adapter-state strong{font-size:13px}

/* Docs */
.docs-layout{display:grid;grid-template-columns:240px minmax(0,780px);gap:80px;padding-top:64px;padding-bottom:120px;align-items:start}.docs-nav{position:sticky;top:32px}.docs-nav a{display:block;padding:9px 0;color:var(--muted);font-size:14px}.docs-nav a:hover,.docs-nav a:focus-visible{color:var(--ink)}.docs-content h1{font-size:clamp(50px,7vw,88px);margin-bottom:26px}.docs-content>p{font-size:20px;color:var(--muted);margin-bottom:70px}.doc-section{padding:54px 0;border-top:1px solid var(--line)}.doc-section h2{font-size:38px;margin-bottom:20px}.doc-section h3{font-size:23px;margin:36px 0 12px}.doc-section p,.doc-section li{color:var(--muted)}.doc-section ul,.doc-section ol{padding-left:22px}.doc-section li{margin:10px 0}.spec-table{width:100%;border-collapse:collapse;margin-top:26px}.spec-table th,.spec-table td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line)}.spec-table th{color:var(--quiet);font-size:13px;font-weight:500}.spec-table td{color:var(--muted)}.code-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;color:var(--ink)}

@media (max-width:900px){
  .nav-links a:not(.button){display:none}.hero{padding-top:54px}.hero-intro{grid-template-columns:1fr;gap:28px}.hero-actions{justify-content:flex-start}.workbench-top{grid-template-columns:1fr 1fr}.metric.reference{grid-column:1/-1;min-height:92px}.workbench-controls,.waiting-field,.trigger-layout,.workspace,.market-board{grid-template-columns:1fr}.market-orders{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:1fr;grid-template-areas:"route" "owner" "price"}.footer-grid{grid-template-columns:1.3fr 1fr}.footer-brand{grid-column:1/-1}.docs-layout{grid-template-columns:1fr;gap:20px}.docs-nav{position:static;display:flex;gap:18px;overflow-x:auto;padding-bottom:16px}.docs-nav a{white-space:nowrap}.app-title{align-items:flex-start;flex-direction:column}.app-meta{text-align:left}
}
@media (max-width:600px){
  .site-header{height:76px}.nav-links{gap:0}.button{min-height:44px;padding-inline:16px}.hero{padding-top:42px;padding-bottom:68px}h1{font-size:54px;letter-spacing:-3px}.hero-actions{flex-direction:column;align-items:stretch}.workbench-top{grid-template-columns:1fr}.metric.reference{grid-column:auto}.workbench-controls,.input-grid{grid-template-columns:1fr}.metric{min-height:114px}.reserve-rail{margin-inline:20px}.rail-label.wait{display:none}.section{padding-top:84px;padding-bottom:84px}.ledger,.yield-source{padding:26px;min-height:420px}.ledger-head{margin-bottom:42px}.condition-list{grid-template-columns:1fr}.route-step{grid-template-columns:34px 1fr auto}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.order-form,.market-board{padding:24px}.adapter-state,.market-orders{grid-template-columns:1fr}.docs-layout{padding-top:32px}.docs-nav{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.marker,.gate{transition:none}}