:root,[data-theme=light]{
  --bg-app:#e6f3fd;--sky1:#bfe2fb;--sky2:#f3faff;--sea1:#8fd3f0;--sea2:#3f9bd3;--sea3:#0b3b6b;
  --ice:#ffffff;--ice-shade:#cfe4f4;--ice-far:#e3f1fb;--ice-mid:#f7fcff;
  --whale:#f4f9fd;--whale-hi:#ffffff;--whale-lo:#c9dcec;--whale-belly:#ffffff;--whale-line:#7d97ad;--whale-eye:#1d3247;
  --fg:#0b1f33;--fg2:#4d6780;--fg3:#86a0b8;--surface:rgba(255,255,255,.84);--surface-solid:#fff;--panel:#eef6fc;--panel-hover:#e5f1fa;
  --stroke:#d9e7f3;--stroke2:#c3d7e9;--brand:#1a5fd6;--brand2:#2fa8e6;--brand-soft:rgba(26,95,214,.1);
  --gold:#b48a35;--gold-hi:#f2dc9a;--gold-soft:rgba(196,154,62,.14);
  --ok:#15a35a;--bad:#e5484d;--warn:#d97e06;--nav:rgba(5,24,44,.4);--nav-fg:#fff;--nav-fg2:rgba(235,245,255,.8);
  --shadow:0 1px 2px rgba(11,31,51,.06),0 18px 50px -12px rgba(11,59,107,.28);--hero:#0b1f33;--hero2:#33506b;
  --glass-edge:rgba(255,255,255,.9);
}
[data-theme=dark]{
  --bg-app:#04101d;--sky1:#020814;--sky2:#0b2444;--sea1:#0f3c60;--sea2:#0a2a48;--sea3:#020b17;
  --ice:#cfe0f0;--ice-shade:#7d9bb8;--ice-far:#1c3654;--ice-mid:#2a4a6c;
  --whale:#dfeaf5;--whale-hi:#f3f8fd;--whale-lo:#93adc6;--whale-belly:#f3f8fd;--whale-line:#5a7591;--whale-eye:#0b1a2a;
  --fg:#eaf4ff;--fg2:#a6bdd3;--fg3:#6c88a4;--surface:rgba(8,22,40,.8);--surface-solid:#0b1d33;--panel:rgba(255,255,255,.045);--panel-hover:rgba(255,255,255,.07);
  --stroke:#1b3350;--stroke2:#28476a;--brand:#4b8dff;--brand2:#3fd0f0;--brand-soft:rgba(75,141,255,.15);
  --gold:#e2c27a;--gold-hi:#f6e3a8;--gold-soft:rgba(226,194,122,.13);
  --ok:#42d392;--bad:#ff6b6f;--warn:#ffb340;--nav:rgba(2,10,22,.55);--nav-fg:#eaf4ff;--nav-fg2:rgba(200,220,240,.75);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 20px 60px -14px rgba(0,0,0,.7);--hero:#eaf4ff;--hero2:#a6bdd3;
  --glass-edge:rgba(255,255,255,.08);
}
:root{--sans:Nunito,ui-rounded,"SF Pro Rounded","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;min-height:100vh;background:var(--bg-app);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background .3s}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
code,input,pre{font-family:var(--mono)}
::selection{background:var(--brand);color:#fff}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px 40px}
.mut{color:var(--fg3);font-size:12.5px}
.ok{color:var(--ok)}.bad{color:var(--bad)}.warn{color:var(--warn)}

/* ---------- scene ---------- */
.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.scene .bg{position:absolute;inset:0;width:100%;height:100%}
.day,.night{transition:opacity .6s}
[data-theme=light] .night,[data-theme=dark] .day{opacity:0}
.aurora{animation:aurora 18s ease-in-out infinite alternate;transform-origin:center}
@keyframes aurora{0%{transform:translateX(-3%) scaleY(1);opacity:.75}100%{transform:translateX(3%) scaleY(1.15);opacity:1}}
.stars circle{animation:twinkle 4s ease-in-out infinite}.stars circle:nth-child(3n){animation-delay:-1.3s}.stars circle:nth-child(3n+1){animation-delay:-2.6s}
@keyframes twinkle{50%{opacity:.25}}
.rays path{animation:rays 9s ease-in-out infinite alternate;opacity:.35}.rays path:nth-child(2n){animation-delay:-4s}
[data-theme=dark] .rays path{opacity:.12}
@keyframes rays{to{opacity:.12}}
.shimmer{animation:shimmer 6s ease-in-out infinite alternate}
@keyframes shimmer{to{transform:translateX(30px);opacity:.25}}
.floe>path,.berg>path{animation:float 7s ease-in-out infinite alternate}
@keyframes float{to{transform:translateY(4px)}}
.pod{position:absolute;left:0;animation:swim 95s linear infinite;will-change:transform}
.pod.p1{top:calc(47vh - 96px)}
.pod.p2{top:calc(47vh - 48px);animation-duration:140s;animation-delay:-80s;opacity:.6;filter:blur(.6px)}
.pod .bob{animation:bob 6s ease-in-out infinite;position:relative}
.pod .mom{width:clamp(110px,10vw,150px);display:block;filter:drop-shadow(0 10px 14px rgba(2,20,40,.25))}
.pod.p2 .mom{width:clamp(56px,5vw,76px)}
@keyframes swim{from{transform:translateX(-45vw)}to{transform:translateX(110vw)}}
@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-1.5deg)}}
.bubbles i{position:absolute;bottom:-20px;width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.7),rgba(255,255,255,.08) 60%);animation:rise 14s linear infinite}
.bubbles i:nth-child(1){left:6%;animation-delay:-1s}.bubbles i:nth-child(2){left:14%;width:6px;height:6px;animation-delay:-6s;animation-duration:11s}
.bubbles i:nth-child(3){left:23%;width:14px;height:14px;animation-delay:-3s;animation-duration:17s}.bubbles i:nth-child(4){left:31%;animation-delay:-9s}
.bubbles i:nth-child(5){left:42%;width:7px;height:7px;animation-delay:-12s;animation-duration:12s}.bubbles i:nth-child(6){left:55%;animation-delay:-4s;animation-duration:16s}
.bubbles i:nth-child(7){left:63%;width:5px;height:5px;animation-delay:-7s;animation-duration:10s}.bubbles i:nth-child(8){left:71%;width:12px;height:12px;animation-delay:-2s}
.bubbles i:nth-child(9){left:79%;animation-delay:-10s;animation-duration:13s}.bubbles i:nth-child(10){left:86%;width:6px;height:6px;animation-delay:-5s}
.bubbles i:nth-child(11){left:92%;width:15px;height:15px;animation-delay:-8s;animation-duration:18s}.bubbles i:nth-child(12){left:97%;width:8px;height:8px;animation-delay:-13s}
@keyframes rise{0%{transform:translate(0,0);opacity:0}10%{opacity:1}50%{transform:translate(12px,-32vh)}85%{opacity:.8}100%{transform:translate(-6px,-58vh);opacity:0}}

/* ---------- nav ---------- */
.nav{position:sticky;top:14px;z-index:20;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 8px 8px 12px;border-radius:999px;background:var(--nav);color:var(--nav-fg);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 30px -10px rgba(2,20,40,.4)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:800;font-size:23px;letter-spacing:-.01em}
.brand svg{width:34px;height:34px;filter:drop-shadow(0 4px 10px rgba(20,60,180,.45))}
.brand.sm{font-size:18px}.brand.sm svg{width:26px;height:26px}
.links{display:flex;gap:2px}
.links a{padding:8px 13px;border-radius:999px;font-weight:700;font-size:14.5px;color:var(--nav-fg2);transition:.15s}
.links a:hover{color:var(--nav-fg);background:rgba(255,255,255,.12)}
.navr{display:flex;align-items:center;gap:8px}
.net{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);color:var(--nav-fg2);white-space:nowrap}
.net b{width:7px;height:7px;border-radius:50%;background:#ffb340;box-shadow:0 0 0 3px rgba(255,179,64,.25)}
.iconbtn{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.12);display:grid;place-items:center;cursor:pointer;transition:.15s}
.iconbtn:hover{background:rgba(255,255,255,.22)}
.iconbtn svg{width:18px;height:18px;fill:none;stroke:var(--nav-fg);stroke-width:2;stroke-linecap:round}
.iconbtn .moon{fill:var(--nav-fg);stroke:none}
[data-theme=light] .iconbtn .sun,[data-theme=dark] .iconbtn .moon{display:none}

/* ---------- hero ---------- */
.hero{position:relative;padding:clamp(18px,3vh,28px) 0 clamp(16px,2.5vh,24px)}
.hrow{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.route{display:inline-flex;align-items:center;gap:4px;padding:7px;border-radius:999px;background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-edge);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.rs{display:flex;align-items:center;gap:8px;padding:4px 13px 4px 4px;border-radius:999px;background:var(--surface-solid);border:1px solid var(--stroke)}
.rs svg{width:32px;height:32px;flex:none}
.rs b{display:block;font-size:15px;font-weight:900;line-height:1.1}
.rs small{display:block;font-size:11px;font-weight:700;color:var(--fg3);white-space:nowrap}
.rs.end{border-color:color-mix(in srgb,var(--ok) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 14%,transparent)}
.rs.end small{color:var(--ok);font-weight:800}
.ra{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:74px;padding:0 2px}
.ra small{font-size:11px;font-weight:800;color:var(--fg2);white-space:nowrap}
.ra svg{width:52px;height:10px;fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero .tiles{margin-top:0}
.hero .tile{padding:7px 15px 7px 8px;border-radius:16px}
.hero .tile svg,.hero .tile .wg{width:30px;height:30px}
.hero .tile b{font-size:19px}
.hero .tile small{font-size:11.5px}
.pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);font-size:13.5px;font-weight:800;color:var(--fg2)}
.pill i{font-style:normal;font-size:10px;color:#fff;background:var(--ok);width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
.pill b{color:var(--ok);font-variant-numeric:tabular-nums}
.pill.neg i{background:var(--bad);transform:rotate(180deg)}.pill.neg b{color:var(--bad)}
.tiles{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.tile{display:flex;align-items:center;gap:11px;padding:10px 18px 10px 11px;border-radius:18px;background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);text-align:left}
.tile svg,.tile .wg{width:36px;height:36px;flex:none}
.tile b{display:block;font-size:24px;font-weight:900;line-height:1.1;color:var(--ok);font-variant-numeric:tabular-nums}
.tile small{display:block;font-size:12.5px;font-weight:800;color:var(--fg2)}
.tile.neg b{color:var(--bad)}
.cav{width:104px;margin:-26px -14px -22px -18px;pointer-events:none;flex:none}
.cav img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 10px rgba(2,20,40,.22));animation:cavbob 8s ease-in-out infinite alternate}
@keyframes spk{50%{transform:scale(.55);opacity:.35}}
@keyframes cavbob{to{transform:translateY(-5px) rotate(-.4deg)}}
[data-theme=dark] .cav img{filter:brightness(.9) drop-shadow(0 6px 10px rgba(0,0,0,.4))}

/* ---------- surfaces ---------- */
.widget,.rates,.card{position:relative;background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-edge);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

/* ---------- stage: widget + rates ---------- */
.stage{display:grid;grid-template-columns:minmax(0,270px) 460px minmax(0,270px);justify-content:center;align-items:start;gap:20px;position:relative;z-index:2}
.side{display:grid;gap:12px;align-content:start}
.perks,.feed{padding:16px 14px 14px;border-radius:22px;gap:0}
.perks h2,.feed h2{display:flex;align-items:center;gap:8px;margin:0 4px 6px;font-size:16px;font-weight:900;letter-spacing:-.01em}
.perks h2 svg,.feed h2 svg{width:18px;height:18px;fill:none;stroke:var(--brand);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.perk{padding:11px 4px;border-top:1px dashed var(--stroke)}
.perks h2+.perk{border-top:0}
.perk h3{display:flex;align-items:center;gap:8px;margin:0 0 5px;font-size:14.5px;font-weight:900;letter-spacing:-.01em}
.perk .ic{width:26px;height:26px;border-radius:9px}.perk .ic svg{width:15px;height:15px}
.perk p{margin:0;font-size:12.5px;line-height:1.5;color:var(--fg2);font-weight:600}
.feedl li{display:grid;grid-template-columns:minmax(0,1fr) 60px 10px 60px 32px;align-items:center;gap:4px;padding:7px 2px}
.fam{margin-right:5px}
.feedl{list-style:none;margin:0;padding:0;min-height:200px}
.feedl li{border-top:1px dashed var(--stroke);font-size:12.5px}
.feedl li:first-child{border-top:0}
.fam{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc{display:flex;align-items:center;gap:4px;font-weight:800;white-space:nowrap}
.fc svg{width:16px;height:16px;flex:none}
.feedl .ar{width:12px;height:12px;fill:none;stroke:var(--fg3);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.feedl time{text-align:right;font-size:11.5px;font-weight:700;color:var(--fg3);white-space:nowrap}
.feed>.mut{margin:8px 4px 0;font-size:11.5px}
.widget{width:460px;max-width:100%;border-radius:30px;padding:16px;box-shadow:var(--shadow),0 30px 90px -24px color-mix(in srgb,var(--brand) 55%,transparent),inset 0 1px 0 var(--glass-edge)}
.widget:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:linear-gradient(160deg,rgba(255,255,255,.0),var(--brand2) 40%,var(--gold) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75;pointer-events:none}
.tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:15px;background:var(--panel);margin-bottom:12px}
.tabs .ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:11px;background:var(--surface-solid);box-shadow:0 1px 3px rgba(11,31,51,.12);transition:transform .25s cubic-bezier(.4,0,.2,1)}
.tabs button{position:relative;border:0;background:none;padding:9px 0;font-weight:800;font-size:14.5px;color:var(--fg3);cursor:pointer;transition:color .2s}
.tabs button.on{color:var(--fg)}
.tabs.two{grid-template-columns:repeat(2,1fr)}.tabs.two .ind{width:calc((100% - 8px)/2)}
.lrow .amt{width:52%;padding:6px 10px;border:0;background:transparent;text-align:right;font-size:22px;font-weight:900;font-family:var(--sans);font-variant-numeric:tabular-nums;box-shadow:none}
.lrow .amt:focus{background:var(--surface-solid);box-shadow:0 0 0 3px var(--brand-soft)}
button.flip{cursor:pointer;padding:0;transition:transform .2s}button.flip:hover{transform:rotate(180deg)}
.wcmp{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 13px;border-radius:14px;background:rgba(229,72,77,.07);border:1px dashed rgba(229,72,77,.35)}
.wcmp b{display:block;font-size:12.5px;font-weight:800;color:var(--fg3)}
.wcmp span{display:block;font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}
.wcmp small{display:block;margin-top:2px;font-size:12.5px;font-weight:800;color:var(--bad)}
.wcmp>svg{width:28px;height:28px;flex:none}
.wcmp.good{background:rgba(21,163,90,.07);border-color:rgba(21,163,90,.35)}.wcmp.good small{color:var(--ok)}
.cta:disabled.soon{cursor:not-allowed}
.wcmp[hidden]{display:none}
.wcmp.even{background:var(--panel);border-color:var(--stroke2)}.wcmp.even small{color:var(--fg3)}
button.coin{font:inherit;color:inherit;text-align:left;cursor:default}
.coin.pick{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.coin.pick:hover{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.coin .chev{width:7px;height:7px;margin:-4px 4px 0 6px;border:solid var(--fg3);border-width:0 2px 2px 0;transform:rotate(45deg);flex:none}
.cmenu{position:absolute;z-index:30;left:10px;top:calc(100% - 8px);width:240px;padding:6px;border-radius:16px;background:var(--surface-solid);border:1px solid var(--stroke);box-shadow:var(--shadow);animation:in .15s ease}
.cmenu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:11px;background:none;cursor:pointer;text-align:left;font:inherit;color:var(--fg)}
.cmenu button:hover,.cmenu button.on{background:var(--panel)}
.cmenu svg{width:30px;height:30px;flex:none}
.cmenu b{display:block;font-size:14.5px;font-weight:900}
.cmenu small{display:block;font-size:11.5px;font-weight:700;color:var(--fg3)}
.cmenu .ck{margin-left:auto;font-style:normal;font-weight:900;color:var(--brand)}
.leg{position:relative}
.leg{background:var(--panel);border:1px solid transparent;border-radius:18px;padding:12px 14px;transition:.15s}
.leg:hover{border-color:var(--stroke)}
.lk{font-size:12.5px;font-weight:700;color:var(--fg3);margin-bottom:8px}
.lrow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.coin{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:999px;background:var(--surface-solid);border:1px solid var(--stroke)}
.coin svg{width:30px;height:30px;flex:none}
.coin b{display:block;font-size:15.5px;font-weight:900;line-height:1.1}
.coin small{display:block;font-size:11.5px;color:var(--fg3);font-weight:700}
.lv{font-size:20px;font-weight:900;color:var(--fg2);font-variant-numeric:tabular-nums}
.flip{position:relative;z-index:1;width:38px;height:38px;margin:-11px auto;border-radius:12px;background:var(--surface-solid);border:4px solid var(--surface-solid);box-shadow:0 0 0 1px var(--stroke);display:grid;place-items:center}
.flip svg{width:18px;height:18px;fill:none;stroke:var(--brand);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
label{display:block;font-size:13px;font-weight:800;color:var(--fg2);margin:14px 2px 7px}
.field{position:relative}
input{width:100%;padding:13px 14px;border-radius:14px;border:1.5px solid var(--stroke);background:var(--panel);color:var(--fg);font-size:14px;transition:.15s}
input::placeholder{color:var(--fg3)}
input:hover{border-color:var(--stroke2)}
input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);background:var(--surface-solid)}
input.invalid{border-color:var(--bad);box-shadow:0 0 0 4px rgba(229,72,77,.12)}
.hint{margin:7px 2px 0;font-size:12.5px;color:var(--fg3);font-weight:600}
.facts{margin:14px 0 0;padding:4px 14px;border-radius:14px;border:1px solid var(--stroke)}
.facts div{display:flex;justify-content:space-between;padding:8px 0;font-size:13.5px}
.facts div+div{border-top:1px dashed var(--stroke)}
.facts dt{color:var(--fg3);font-weight:700}.facts dd{margin:0;font-weight:800}
.cta{position:relative;margin-top:14px;width:100%;padding:15px;border:0;border-radius:16px;font-weight:900;font-size:16px;cursor:pointer;color:#fff;background:linear-gradient(100deg,var(--brand),var(--brand2));box-shadow:0 10px 28px -8px rgba(26,95,214,.55);transition:transform .12s,filter .15s,box-shadow .15s;overflow:hidden}
.cta:hover{filter:brightness(1.07);box-shadow:0 14px 34px -8px rgba(26,95,214,.65)}
.cta:active{transform:scale(.985)}
.cta:disabled{cursor:wait;filter:saturate(.6) brightness(.95)}
.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-100%);animation:sheen 3.8s ease-in-out infinite}
@keyframes sheen{60%,100%{transform:translateX(100%)}}
.cta.busy:before{content:"";display:inline-block;width:14px;height:14px;margin-right:9px;vertical-align:-2px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.recent{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.recent button{border:1px solid var(--stroke);background:var(--panel);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;font-family:var(--mono);color:var(--fg2);cursor:pointer}
.recent button:hover{border-color:var(--brand);color:var(--brand)}

/* ---------- order view ---------- */
.out{margin-top:14px;display:none;animation:in .3s ease}
@keyframes in{from{opacity:0;transform:translateY(6px)}}
.ohead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ohead .oid{font-size:12.5px;color:var(--fg3);font-weight:700}
.ohead code{font-size:12.5px;color:var(--fg)}
.badge{font-size:11.5px;font-weight:900;padding:4px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.badge.ok{background:rgba(21,163,90,.13);color:var(--ok)}.badge.bad{background:rgba(229,72,77,.13);color:var(--bad)}.badge.warn{background:rgba(232,137,12,.14);color:var(--warn)}
.stepper{list-style:none;margin:0 0 12px;padding:0;display:flex}
.stepper li{flex:1;position:relative;text-align:center;font-size:11.5px;font-weight:800;color:var(--fg3);padding-top:30px}
.stepper li:before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:var(--panel);border:2px solid var(--stroke2);z-index:1;box-sizing:border-box}
.stepper li:after{content:"";position:absolute;top:14px;left:-50%;width:100%;height:2px;background:var(--stroke2)}
.stepper li:first-child:after{display:none}
.stepper li.done{color:var(--fg2)}.stepper li.done:before{background:var(--brand);border-color:var(--brand)}.stepper li.done:after,.stepper li.cur:after{background:var(--brand)}
.stepper li.cur{color:var(--fg)}.stepper li.cur:before{border-color:var(--brand);background:var(--surface-solid);box-shadow:0 0 0 5px var(--brand-soft);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px transparent}}
.oart{display:block;width:150px;height:150px;margin:-6px auto 6px}
/* In-progress stages (2026-11-11, .live from app.js): breathing badge dot, spinning current step, a current flowing
   into it and a floating beluga, so a long confirm/swap/payout reads as "working", not "stuck" */
.badge.live{display:inline-flex;align-items:center;gap:7px}
.badge.live:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:livedot 1.4s ease-in-out infinite}
@keyframes livedot{50%{opacity:.25;transform:scale(.6)}}
.stepper.live li.cur:before{border-right-color:var(--stroke2);border-bottom-color:var(--stroke2);animation:pulse 1.6s ease-in-out infinite,ring 1.1s linear infinite}
@keyframes ring{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(360deg)}}
.stepper.live li.cur:after{background:linear-gradient(90deg,var(--brand) 0 38%,var(--brand2) 50%,var(--brand) 62% 100%);background-size:250% 100%;animation:flow 1.8s linear infinite}
@keyframes flow{from{background-position:100% 0}to{background-position:0 0}}
.oart.live{animation:artfloat 2.6s ease-in-out infinite alternate}
@keyframes artfloat{to{transform:translateY(-6px)}}
/* Completed (2026-11-11): the success beluga hops for joy (success.svg is only used for completed orders) */
.oart[src$="/success.svg"]{transform-origin:50% 100%;animation:hop 2.4s ease-in-out infinite}
@keyframes hop{0%,55%,100%{transform:none}8%{transform:scale(1.04,.95)}20%{transform:translateY(-12px) scale(.98,1.03)}32%{transform:scale(1.03,.96)}40%{transform:translateY(-5px)}48%{transform:none}}
.kv{background:var(--panel);border-radius:14px;padding:4px 12px}
.kv>div{padding:9px 0}.kv>div+div{border-top:1px dashed var(--stroke)}
.kv .k{display:block;font-size:12px;color:var(--fg3);font-weight:700;margin-bottom:3px}
.kv code{font-size:12.5px;word-break:break-all;color:var(--fg)}
.addr{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}
.copy{flex:none;border:1px solid var(--stroke);background:var(--surface-solid);color:var(--brand);border-radius:9px;padding:4px 10px;font-size:12px;font-weight:800;cursor:pointer;font-family:var(--sans)}
.copy:hover{border-color:var(--brand)}.copy.done{color:var(--ok);border-color:var(--ok)}
.prog{height:6px;border-radius:9px;background:var(--stroke);overflow:hidden;margin-top:6px}.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:9px;transition:width .5s}
.note{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:700;line-height:1.45}
.note.info{background:var(--brand-soft);color:var(--fg2)}.note.bad{background:rgba(229,72,77,.1);color:var(--bad)}.note.warn{background:rgba(232,137,12,.1);color:var(--warn)}

/* ---------- rates (sell calculator) ---------- */
.rates{width:380px;max-width:100%;border-radius:28px;padding:20px}
.rh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rh h2{margin:0;font-size:23px;font-weight:800;display:flex;align-items:center;gap:8px;white-space:nowrap}
.rh input{width:86px;padding:5px 10px;font-size:20px;font-weight:800;text-align:center;border-radius:12px;font-family:var(--sans);font-variant-numeric:tabular-nums}
.tag{font-size:10.5px;font-weight:900;padding:4px 9px;border-radius:999px;background:var(--gold-soft);color:var(--gold);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.tag.live{background:rgba(21,163,90,.14);color:var(--ok)}
.ladder{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.rung{padding:12px 14px;border-radius:18px;background:var(--panel);border:1px solid transparent}
.rung.best{background:linear-gradient(135deg,var(--brand-soft),var(--gold-soft));border-color:color-mix(in srgb,var(--gold) 35%,transparent)}
.rl{display:flex;align-items:center;justify-content:space-between;gap:10px}
.who{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}
.who svg{width:28px;height:28px;flex:none}
.who b{display:block;font-size:14.5px;font-weight:900}
.who small{display:block;font-size:11.5px;font-weight:700;color:var(--fg3)}
.who small span{color:var(--ok)}
.who b em{font-style:normal;font-weight:800;color:var(--fg3)}
.wg{width:28px;height:28px;flex:none;border-radius:50%;background:#fff;border:1px solid var(--stroke);object-fit:contain;padding:2px}
.rv{text-align:right;flex:none}
.rv b{display:block;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.rv small{display:block;font-size:11.5px;font-weight:800;color:var(--fg3);white-space:nowrap}
.track{height:6px;border-radius:9px;background:color-mix(in srgb,var(--fg3) 15%,transparent);overflow:hidden;margin-top:10px}
.track i{display:block;height:100%;width:0;border-radius:9px;background:var(--fg3);transition:width .8s cubic-bezier(.4,0,.2,1)}
.rung.best .track i{background:linear-gradient(90deg,var(--brand),var(--brand2),var(--gold))}
.gain{margin-top:14px;padding:14px;border-radius:18px;text-align:center;border:1px dashed var(--stroke2)}
.gain span{display:block;font-size:12.5px;font-weight:800;color:var(--fg3)}
.gain b{display:block;margin:3px 0;font-size:36px;font-weight:900;color:var(--ok);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.rates>.mut{margin:12px 2px 0;line-height:1.5}
[data-p=dep] .ladder{margin-top:12px}[data-p=dep] .rung{padding:10px 12px}.cmpat{margin:8px 2px 0;line-height:1.5}
.rung .tag{display:table;margin:4px 0 3px}

/* ---------- sections ---------- */
.ways{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:clamp(40px,7vh,72px) 0 0}
.card.way{display:flex;align-items:center;gap:18px;padding:16px 22px 16px 12px;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
.card.way:hover{transform:translateY(-2px)}
.way img{width:150px;height:150px;flex:none}
.way h3{margin:0 0 6px;font-size:22px;font-weight:900;letter-spacing:-.02em}
.way p{margin:0 0 10px;color:var(--fg2);font-weight:600;line-height:1.5;font-size:14.5px}
.way .go{font-weight:800;color:var(--brand)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:clamp(90px,14vh,150px) 0 0}
.card{border-radius:26px;padding:22px}
.card.f h3{margin:14px 0 6px;font-size:20px;font-weight:800}
.card.f p{margin:0;color:var(--fg2);font-size:14px;line-height:1.55;font-weight:600}
.ic{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand-soft),var(--gold-soft));flex:none}
.ic svg{width:21px;height:21px;fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.block{margin-top:clamp(40px,7vh,72px);padding:28px}
.page>.block:first-child{margin-top:0}
.bh{margin-bottom:20px}
.bh h2{margin:0;font-size:clamp(25px,3vw,30px);font-weight:900;letter-spacing:-.025em}
.bh p{margin:6px 0 0;color:var(--fg2);font-weight:600;font-size:15px}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative}
.flow li{position:relative;text-align:center;padding:18px 12px 16px;border-radius:20px;background:var(--panel)}
.flow li+li:before{content:"";position:absolute;left:-12px;top:42px;width:12px;height:2px;background:repeating-linear-gradient(90deg,var(--brand) 0 4px,transparent 4px 7px)}
.flow li.hl{background:linear-gradient(160deg,var(--brand-soft),var(--gold-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 40%,transparent)}
.flow svg,.flow img{width:46px;height:46px;display:block;margin:0 auto 10px;filter:drop-shadow(0 6px 12px rgba(11,40,90,.2))}
.flow b{display:block;font-size:15px;font-weight:900;margin-bottom:4px}
.flow p{margin:0;font-size:12.5px;line-height:1.45;color:var(--fg2);font-weight:600}
/* caviar, not beef: two cards side by side */
.vs{display:grid;grid-template-columns:minmax(0,1.08fr) auto minmax(0,1fr);gap:14px;align-items:center}
.vside{border-radius:24px;padding:20px 22px 10px;border:1px solid var(--stroke);background:var(--panel)}
.vside.us{background:linear-gradient(160deg,var(--brand-soft),var(--gold-soft));border-color:color-mix(in srgb,var(--gold) 45%,transparent);box-shadow:0 22px 50px -26px color-mix(in srgb,var(--brand) 70%,transparent)}
.vhead{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.vhead img,.vhead svg{width:56px;height:56px;flex:none;filter:drop-shadow(0 8px 12px rgba(11,40,90,.2))}
.vhead .wg{width:48px;height:48px;padding:4px;margin:8px}
.vhead b{display:block;font-size:24px;font-weight:900;letter-spacing:-.02em;line-height:1.1}
.vhead small{font-size:13px;font-weight:800;color:var(--fg3)}
.vhead .tag{margin-left:auto}
.tag.beef{background:rgba(229,72,77,.14);color:var(--bad)}
.vside.them dd b{color:var(--fg)}
.trio[hidden]{display:none}
.trio[hidden]+.ways{margin-top:clamp(90px,14vh,150px)}
.vside dl{margin:0}
.vside dl>div{padding:12px 0;border-top:1px dashed var(--stroke2)}
.vside dt{margin-bottom:3px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--fg3)}
.vside dd{margin:0;font-size:15px;font-weight:700;color:var(--fg)}
.vside dd small{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--fg3)}
.vside.us dd b{color:var(--ok);font-weight:900}
.vside.them dd{color:var(--fg2)}
.vsb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface-solid);border:1px solid var(--stroke);box-shadow:var(--shadow);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3)}
/* reserves: illustration on a panel that stretches with the live numbers */
.resrow{display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px;align-items:stretch}
.resstage{display:grid;place-items:center;border-radius:18px;background:linear-gradient(160deg,var(--brand-soft),var(--gold-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent);overflow:hidden}
.resstage img{width:88%;height:auto;filter:drop-shadow(0 12px 18px rgba(11,40,90,.22))}
.resv .stats{align-content:stretch}
/* market makers: text + code next to the API illustration */
.mmgrid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:center}
.mmart{width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(11,40,90,.22))}
.block>.mut{margin:12px 2px 0}
#sAt:empty{display:none}
.res{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center}
.ring{position:relative;width:180px;height:180px;margin:auto}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:9}
.ring .rt{stroke:var(--panel)}
.ring .rf{stroke:url(#gGold);stroke-linecap:round;stroke-dasharray:263.9;stroke-dashoffset:263.9;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}
.ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ring b{font-size:32px;font-weight:900}
.ring small{font-size:12px;font-weight:800;color:var(--fg3);text-transform:uppercase;letter-spacing:.08em}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{background:var(--panel);border-radius:18px;padding:16px}
.stat .k,.hot .k{font-size:11.5px;font-weight:800;color:var(--fg3);text-transform:uppercase;letter-spacing:.07em}
.stat .v{margin-top:6px;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.stat .v small{font-size:13px;color:var(--fg3);font-weight:800}
.stat .v .mut{font-size:13px;font-weight:700;letter-spacing:0}
.hot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--panel);border-radius:14px;padding:12px 14px}
.hot code{font-size:13px;word-break:break-all}
.code{margin:0;padding:18px 20px;border-radius:18px;background:#071526;color:#cfe3f7;font-size:13.5px;line-height:1.75;overflow-x:auto;border:1px solid #16304d;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#2a4a6c transparent}
.code .m{color:#f2dc9a;font-weight:700}.code .c{color:#5f7f9f}
.code .k{color:#7fc8ff}.code .s{color:#a5e3b0}.code .n{color:#f2c94c}.code .b{color:#ff9e7a}.code .f{color:#c3a6ff}
details{border-top:1px solid var(--stroke)}
details:last-child{border-bottom:1px solid var(--stroke)}
summary{list-style:none;cursor:pointer;padding:16px 4px;font-weight:800;font-size:15.5px;display:flex;justify-content:space-between;align-items:center;gap:12px}
summary::-webkit-details-marker{display:none}
summary:after{content:"";flex:none;width:8px;height:8px;margin:0 6px 4px 0;border:solid var(--brand);border-width:0 2.4px 2.4px 0;border-radius:1px;transform:rotate(45deg);transition:transform .2s,margin .2s}
details[open] summary:after{transform:rotate(-135deg);margin:4px 6px 0 0}
summary:hover{color:var(--brand)}
/* home: questions as separate rows next to an intro column */
.faqh{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.faqintro img{width:230px;height:230px;margin:-16px 0 0 -14px;filter:drop-shadow(0 12px 18px rgba(11,40,90,.2))}
.faqintro h2{margin:0;font-size:clamp(25px,3vw,30px);font-weight:900;letter-spacing:-.025em}
.faqintro p{margin:8px 0 6px;color:var(--fg2);font-weight:600;font-size:14.5px;line-height:1.55}
.faqintro .more{display:flex;margin-top:10px}
.qa details,.dart>details{margin:0 0 10px;padding:0 18px;border:1px solid var(--stroke)!important;border-radius:16px;background:var(--panel);transition:background .2s,box-shadow .2s,border-color .2s}
.qa details:hover,.dart>details:hover{border-color:var(--stroke2)!important}
.qa details[open],.dart>details[open]{background:var(--surface-solid);border-color:color-mix(in srgb,var(--brand) 30%,transparent)!important;box-shadow:0 12px 30px -18px color-mix(in srgb,var(--brand) 60%,transparent)}
.qa summary,.dart>details>summary{padding:15px 0;font-size:15px}
.qa details p,.dart>details>p,.dart>details>ul{margin:0 0 16px;font-size:14.5px}
details p{margin:0 4px 16px;color:var(--fg2);line-height:1.6;font-size:14.5px;font-weight:600}
.more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:800;font-size:14px;color:var(--brand)}
.more:after{content:"→";transition:transform .15s}.more:hover:after{transform:translateX(3px)}
.noscript{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);padding:12px 18px;border-radius:14px;background:#e5484d;color:#fff;font-weight:800}

/* ---------- nav extras: active link, mobile menu ---------- */
.links a.on{color:var(--nav-fg);background:rgba(255,255,255,.16)}
.menu{display:none;position:relative;border:0!important}
.menu summary{list-style:none;padding:0}.menu summary::-webkit-details-marker{display:none}.menu summary:after{display:none}
.menu summary svg{stroke:var(--nav-fg)}
.menup{position:absolute;right:0;top:46px;min-width:200px;display:grid;padding:8px;border-radius:18px;background:var(--surface-solid);border:1px solid var(--stroke);box-shadow:var(--shadow)}
.menup a{padding:10px 12px;border-radius:12px;font-weight:800;font-size:15px;color:var(--fg)}
.menup a:hover,.menup a.on{background:var(--panel)}

/* ---------- footer ---------- */
.foot{margin-top:28px;padding:26px 28px 16px;border-radius:28px;background:var(--nav);color:var(--nav-fg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12)}
.fgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:22px}
.fbrand p{margin:12px 0 0;max-width:270px;font-size:13.5px;line-height:1.55;font-weight:600;color:var(--nav-fg2)}
.fcol b{display:block;margin-bottom:8px;font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--nav-fg2)}
.fcol a{display:block;padding:4px 0;font-size:14px;font-weight:700;color:var(--nav-fg);opacity:.92}
.fcol a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.fcol a.fsoc{display:inline-flex;align-items:center;gap:7px;margin-top:10px}
.fsoc svg{width:15px;height:15px;fill:currentColor}
.fbot{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;font-weight:600;color:var(--nav-fg2)}

/* ---------- subpages ---------- */
.phead{text-align:center;padding:clamp(26px,5vh,48px) 0 clamp(18px,3vh,26px)}
.phead h1{margin:6px 0 10px;font-size:clamp(34px,4.6vw,52px);line-height:1.05;letter-spacing:-.035em;font-weight:900;color:var(--hero)}
.phead p{max-width:640px;margin:0 auto;text-wrap:balance;font-size:clamp(15px,1.5vw,17px);line-height:1.55;color:var(--hero2);font-weight:600}
.phead .upd{margin-top:10px;font-size:12.5px;font-weight:800;color:var(--hero2);opacity:.85}
.eyebrow{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--stroke);font-size:12px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)!important}
.page>.card+.card,.page>.card+.grid2,.page>.grid2+.card{margin-top:16px}
/* ---------- docs: sidebar | article | on this page ---------- */
.dwrap{display:grid;grid-template-columns:250px minmax(0,1fr) 200px;gap:16px;align-items:start;margin-top:20px}
.dwrap.notoc{grid-template-columns:250px minmax(0,1fr)}
.dside{padding:14px;border-radius:22px}
.dsearch{position:relative;margin-bottom:10px}
.dsearch input{padding:10px 34px 10px 12px;border-radius:12px;font-family:var(--sans);font-size:14px;font-weight:700}
.dsearch kbd{position:absolute;right:9px;top:9px;padding:1px 7px;border-radius:6px;border:1px solid var(--stroke2);font:800 11.5px var(--mono);color:var(--fg3);pointer-events:none}
.dres{margin-top:6px;max-height:55vh;overflow:auto;padding:4px;border-radius:14px;background:var(--surface-solid);border:1px solid var(--stroke)}
.docs .wrap{max-width:1400px}
.dres a{display:block;padding:9px 10px;border-radius:11px}
.dres a:hover,.dres a:focus{background:var(--panel);outline:none}
.dres b{display:block;font-size:14px;font-weight:800;color:var(--fg)}
.dres small{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--brand)}
.dres span{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--fg2);font-weight:600}
.dres .mut{margin:8px 10px}
.dnav{border:0!important}
.dnav summary{display:none}
.dgrp{margin:6px 0 12px}
.dgrp b{display:block;margin:0 0 4px 8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--fg3)}
.dgrp a{display:block;padding:6px 9px;border-radius:10px;font-size:14px;font-weight:700;color:var(--fg2);line-height:1.3}
.dgrp a:hover{background:var(--panel);color:var(--fg)}
.dgrp a.on{background:var(--brand-soft);color:var(--brand);font-weight:800}
.dmain{min-width:0}
.dart{padding:clamp(22px,3.5vw,40px)}
.dart h1{margin:4px 0 10px;font-size:clamp(28px,3.4vw,38px);line-height:1.12;letter-spacing:-.03em;font-weight:900;color:var(--fg)}
.dhead.hasart{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:center}
.dartimg{width:150px;height:150px;margin:-6px 0 8px;filter:drop-shadow(0 10px 16px rgba(11,40,90,.2))}
.crumb{margin:0!important;font-size:12.5px;font-weight:800;color:var(--fg3)}
.crumb a{color:var(--fg3)!important;text-decoration:none!important}
.dlead{font-size:17px;line-height:1.6;color:var(--fg2);margin:0 0 22px!important}
.dart .upd{margin:28px 0 0!important;font-size:12.5px;font-weight:800;color:var(--fg3)}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.pn a{display:block;padding:14px 18px;border-radius:18px;transition:transform .15s}
.pn a:hover{transform:translateY(-2px)}
.pn a.nx{text-align:right}
.pn small{display:block;font-size:12px;font-weight:800;color:var(--fg3)}
.pn b{display:block;font-size:16px;font-weight:900;color:var(--brand)}
.toc{position:sticky;top:90px;padding:6px 4px;max-height:calc(100vh - 110px);overflow:auto}
.toc b{display:block;margin:0 0 6px 8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--hero2)}
.toc a{display:block;padding:5px 8px;border-left:2px solid var(--stroke2);font-size:13px;font-weight:700;color:var(--hero2);line-height:1.35}
.toc a:hover{color:var(--hero);border-color:var(--brand)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 18px}
.prose details ul{margin:0 4px 16px}
.prose .res{margin:6px 0 4px}.prose .svc{margin:6px 0 12px}
.cards .panelc,.prose .cards a{display:block;padding:14px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--stroke);text-decoration:none;color:var(--fg2);font-weight:600;font-size:14px;line-height:1.5;transition:border-color .15s,transform .15s}
.prose .cards a:hover{border-color:var(--brand);transform:translateY(-1px)}
.cards .panelc b,.prose .cards a b{display:block;margin-bottom:3px;font-size:15.5px;font-weight:900;color:var(--brand)}
.doc{padding:clamp(22px,3.5vw,40px)}
.prose{font-size:15.5px;line-height:1.7;color:var(--fg2);font-weight:600}
.prose h2{margin:34px 0 10px;font-size:23px;line-height:1.25;font-weight:900;letter-spacing:-.02em;color:var(--fg);scroll-margin-top:96px}
.prose h2:first-child,.prose .note+h2{margin-top:0}
.prose h3{margin:22px 0 6px;font-size:17px;font-weight:900;color:var(--fg);scroll-margin-top:96px}
.prose p{margin:0 0 12px}
.prose ul,.prose ol{margin:0 0 14px;padding-left:22px}
.prose li{margin:5px 0}.prose li::marker{color:var(--brand);font-weight:900}
.prose :where(a:not(.copy):not(.more)){color:var(--brand);font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--brand) 35%,transparent)}
.prose a:hover{text-decoration-color:var(--brand)}
.prose b,.prose strong{color:var(--fg);font-weight:800}
.prose code{font-size:.88em;padding:2px 6px;border-radius:7px;background:var(--panel);color:var(--fg);word-break:break-word}
.prose pre.code code{padding:0;background:none;color:inherit}
.prose .note{margin:0 0 18px}
.prose blockquote{margin:0 0 14px;padding:12px 16px;border-left:3px solid var(--brand);border-radius:0 12px 12px 0;background:var(--panel);color:var(--fg);font-style:italic}
.prose hr{border:0;border-top:1px dashed var(--stroke2);margin:26px 0}
mark.tbd{padding:1px 6px;border-radius:6px;background:var(--gold-soft);color:var(--gold);font-weight:800;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 40%,transparent)}
.tbl{width:100%;border-collapse:separate;border-spacing:0;margin:6px 0 16px;border:1px solid var(--stroke);border-radius:16px;overflow:hidden;font-size:14px}
.tbl th,.tbl td{padding:11px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--stroke)}
.tbl thead th{border-top:0;background:var(--panel);font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3)}
.tbl td{color:var(--fg2);font-weight:600}.tbl td:first-child{color:var(--fg);font-weight:800}
.tbl td b{color:var(--fg)}.tbl .ok{font-weight:900}.tbl td.bad,.tbl td.bad b{color:var(--bad)}
.tblw{overflow-x:auto}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px}
.chips a{padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);font-size:13.5px;font-weight:800;color:var(--fg2)}
.chips a:hover{color:var(--brand);border-color:var(--brand)}
.faqg{scroll-margin-top:96px}
.faqg h2{display:flex;align-items:center;gap:10px}
.faqg details p,.faqg details ul{margin:0 4px 16px}
.faqg details ul{color:var(--fg2);font-weight:600;font-size:14.5px;line-height:1.6;padding-left:22px}
.faqg details a{color:var(--brand);font-weight:800}
/* ---------- API reference: method badges, endpoint pages, samples, try it ---------- */
.mth{display:inline-grid;place-items:center;min-width:42px;padding:3px 6px;border-radius:7px;font:900 10.5px/1.2 var(--sans);letter-spacing:.04em;color:#fff;background:#6c88a4;flex:none}
.mth.get{background:#15a35a}.mth.post{background:#1a5fd6}.mth.put{background:#d97e06}.mth.patch{background:#9b5de5}.mth.delete{background:#e5484d}
.dsubm{border:0!important}
.dsubm summary{display:flex;align-items:center;padding:0;font-size:inherit;list-style:none}
.dsubm summary::-webkit-details-marker{display:none}
.dsubm summary a{flex:1}
.dsubm summary:after{content:"";width:7px;height:7px;margin:0 10px 0 6px;background:none;border-radius:0;border:solid var(--fg3);border-width:0 2px 2px 0;transform:rotate(-45deg);flex:none}
.dsubm[open] summary:after{transform:rotate(45deg)}
.dsub{margin:2px 0 8px 10px;padding-left:8px;border-left:2px solid var(--stroke)}
.dsub b{margin:9px 0 3px 6px!important;font-size:10.5px!important}
.dgrp .dsub a{display:flex;align-items:center;gap:8px;padding:5px 7px;font-size:13.5px}
.dsub a .mth{min-width:38px;padding:3px 5px;font-size:9.5px}
.eplist{display:grid;gap:6px;margin:6px 0 18px}
.prose .eplist a{display:grid;grid-template-columns:52px minmax(0,auto) 1fr;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--stroke);text-decoration:none;color:var(--fg2);font-weight:700;font-size:14px;transition:border-color .15s}
.prose .eplist a:hover{border-color:var(--brand)}
.prose .eplist code{padding:0;background:none;font-weight:800;color:var(--fg)}
.eplist a>span:last-child{text-align:right;color:var(--fg3)}
.epbar{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:10px 12px;border-radius:14px;background:#071526;border:1px solid #16304d}
.prose .epbar code{flex:1;padding:0;background:none;color:#e6f1ff;font-size:15px;font-weight:700}
.epbar .mth{min-width:52px;padding:5px 8px;font-size:12px}
.epbar .copy{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#cfe3f7}
.epgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:24px;align-items:start}
.epdoc>h2:first-of-type{margin-top:22px}
.epside{position:sticky;top:90px;display:grid;gap:12px}
.sample,.tryit{border-radius:16px;overflow:hidden;border:1px solid #16304d;background:#071526}
.sample .sh,.tryit .sh{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#8fa8cc;background:#0b1e35;border-bottom:1px solid #16304d}
.prose .sample pre.code,.prose .tryit pre.code{margin:0;border:0;border-radius:0;max-height:440px;overflow:auto;font-size:12.5px}
.tryit{padding-bottom:14px}
.tryit .sh small{font-size:11.5px;text-transform:none;letter-spacing:0;font-weight:700;color:#5f7f9f}
.tryit label{display:flex;align-items:center;gap:10px;margin:10px 14px 0}
.tryit label span{width:64px;flex:none;font:700 12.5px var(--mono);color:#cfe3f7}
.tryit input{padding:8px 10px;border-radius:10px;background:#0b1e35;border-color:#1d3a5c;color:#e6f1ff;font-size:13px}
.tryit input:focus{background:#0e2440}
.tbtn{margin:12px 14px 0;padding:9px 16px;border:0;border-radius:10px;font-weight:900;font-size:13.5px;color:#fff;background:linear-gradient(100deg,var(--brand),var(--brand2));cursor:pointer}
.tbtn:disabled{opacity:.6;cursor:wait}
.prose .tryit pre.tout{margin:12px 14px 0;border:1px solid #16304d;border-radius:12px;max-height:360px}
.sc{display:inline-grid;place-items:center;min-width:40px;padding:2px 7px;border-radius:7px;font:800 12px/1.5 var(--mono)}
.sc.ok{background:rgba(21,163,90,.16);color:var(--ok)}.sc.warn{background:rgba(217,126,6,.16);color:var(--warn)}.sc.bad{background:rgba(229,72,77,.16);color:var(--bad)}
.resp{margin:0 0 8px;border:1px solid var(--stroke)!important;border-radius:14px;overflow:hidden}
.resp summary{justify-content:flex-start;gap:10px;padding:10px 12px;font-size:14px}
.resp summary>span:nth-child(2){flex:1;font-weight:700;color:var(--fg2)}
.prose .resp>.tblw,.prose .resp>pre{margin:0 12px 12px}
.ptbl td:first-child{white-space:nowrap}
.req,.opt{margin-left:6px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.req{color:var(--bad)}.opt{color:var(--fg3)}
.ty{font:700 12px var(--mono);color:var(--brand)}
.epage .dlead{margin-bottom:16px!important}
.prose .code{font-size:13px;line-height:1.65;margin:8px 0 12px}
.steps{list-style:none;margin:0 0 14px;padding:0;counter-reset:s}
.steps li{position:relative;margin:0 0 10px;padding:12px 14px 12px 52px;border-radius:16px;background:var(--panel);counter-increment:s}
.steps li:before{content:counter(s);position:absolute;left:12px;top:11px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;font-size:14px}
.steps li b{display:block;color:var(--fg)}
.contact{display:flex;gap:14px;align-items:flex-start}
.contact h3{margin:0 0 4px!important}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0 14px}
.svc .stat .v{font-size:18px}
.lost{text-align:center;padding:40px 24px}
.lost svg,.lost img{width:180px;height:180px;filter:drop-shadow(0 12px 22px rgba(20,60,180,.25))}

@media(max-width:1180px){.stage{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:0 auto}.stage .widget{grid-column:1/-1;justify-self:center;order:-1}.dwrap{grid-template-columns:240px minmax(0,1fr)}.toc{display:none}.epgrid{grid-template-columns:minmax(0,1fr)}.epside{position:static}}
@media(max-width:900px){.faqh{grid-template-columns:minmax(0,1fr);gap:12px}.faqintro{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:14px;align-items:center}.faqintro img{width:130px;height:130px;margin:0;grid-row:span 2}.faqintro p{grid-column:2}.faqintro .more{grid-column:1/-1}.resrow,.mmgrid{grid-template-columns:minmax(0,1fr)}.resstage{max-height:220px}.resstage img{width:200px}.mmart{width:180px;margin:0 auto;grid-row:1}}
@media(max-width:700px){.vs{grid-template-columns:minmax(0,1fr)}.vsb{margin:-6px auto}.dhead.hasart{grid-template-columns:minmax(0,1fr) 92px;gap:10px}.dartimg{width:92px;height:92px}
.stage{grid-template-columns:minmax(0,1fr)}.cards,.pn{grid-template-columns:minmax(0,1fr)}.pn a.nx{text-align:left}}
@media(max-width:560px){.route{gap:2px;padding:5px}.rs{gap:6px;padding:3px 9px 3px 3px}.rs svg{width:26px;height:26px}.rs b{font-size:13.5px}.rs small{display:none}.ra{min-width:50px}.ra small{font-size:10px}.ra svg{width:40px}}
@media(max-width:1000px){.cav{display:none}.links{display:none}.menu{display:block}.flow{grid-template-columns:repeat(3,1fr)}.flow li:nth-child(4):before{display:none}.dwrap,.dwrap.notoc{grid-template-columns:minmax(0,1fr)}.dside{position:static;max-height:none}.dnav summary{display:flex;padding:8px 6px;font-size:14px;font-weight:800;color:var(--fg)}.toc{display:none}.fgrid{grid-template-columns:repeat(4,1fr)}.fbrand{grid-column:1/-1}}
@media(max-width:900px){.trio{grid-template-columns:1fr 1fr}.rates{width:440px}.res{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}
@media(max-width:760px){.ways{grid-template-columns:1fr}.way img{width:110px;height:110px}}
@media(max-width:560px){.wrap{padding:0 12px 30px}.net{display:none}.trio,.stats,.svc{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.flow li:before{display:none}.widget,.rates{border-radius:22px;padding:12px}.block{padding:20px}.foot{border-radius:22px;padding:22px 20px 14px}.fgrid{grid-template-columns:1fr 1fr}.pod.p1{bottom:4vh}.prose{font-size:15px}.tbl th,.tbl td{padding:9px 10px}.wcmp small{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.pod.p1{transform:translateX(4vw)}.pod.p2{transform:translateX(70vw)}}
/* Exchange order tile (2026-11-06): the order replaces the quote form, checkout-style */
.exview{animation:tilein .25s ease-out}
@keyframes tilein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tilehead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.tilehead .back{border:0;background:none;color:var(--brand);font:inherit;font-weight:900;font-size:14px;cursor:pointer;padding:6px 0}
.sendpanel{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:var(--panel);border-radius:16px;padding:14px;margin-bottom:12px}
.sendpanel .qr{width:172px;height:172px;background:#fff;border-radius:12px;padding:8px;box-sizing:border-box}
.sendpanel .qr svg{width:100%;height:100%;display:block}
.sendpanel .k{font-size:12px;color:var(--fg3);font-weight:700;margin:2px 0 4px}
.sendpanel .big{font-size:22px;font-weight:900;color:var(--fg);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.sendpanel .big code{font-family:var(--mono)}
.sendpanel .addr code{font-family:var(--mono);font-size:15.5px;font-weight:700;line-height:1.45;letter-spacing:.01em;word-break:break-all;color:var(--fg)}
.sendpanel .wallet{display:inline-block;margin-top:10px;font-weight:900;font-size:13px;color:var(--brand);text-decoration:none}
.countdown{margin-top:8px;font-size:13px;font-weight:800;color:var(--fg2)}
.countdown.late{color:var(--warn)}
.tileget{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;border-radius:14px;background:var(--brand-soft);margin-bottom:12px;color:var(--fg2);font-weight:800}
.tileget b{font-size:20px;font-weight:900;color:var(--fg)}
@media (max-width:540px){.sendpanel{grid-template-columns:1fr;justify-items:center;text-align:center}.sendpanel .big,.sendpanel .addr{justify-content:center}}