/* ============================================================
   Quarter v2 — design tokens
   Doto (pixel display) for headlines and the dial; IBM Plex Sans
   for reading; IBM Plex Mono only where precision matters: numbers,
   hashes, the ledger. Frames (corner ticks) appear on exactly three
   things: the pilot total, the ledger, the final call to action.
   ============================================================ */
:root{
  --q-canvas:#0B0A08; --q-surface:#14120D; --q-surface-2:#1B1811;
  --q-amber:#E88925; --q-amber-hi:#F6B453; --q-amber-ink:#140C04;
  --q-ink:#ECE6D6; --q-ink-2:#C8BFA9; --q-ink-3:#9A9080;
  --q-teal:#8FC9A2; --q-red:#E2776E; --q-cold:#91A9B8; --q-cold-dim:#6F8592;
  --q-rule:rgba(232,137,37,.32); --q-rule-soft:rgba(200,191,169,.14);
  --q-display:"Doto","Silkscreen",ui-monospace,monospace;
  --q-sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --q-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
  --q-s1:8px;--q-s2:16px;--q-s3:24px;--q-s4:40px;--q-s5:64px;--q-s6:104px;
  --q-w:1180px;
}
html{scroll-behavior:smooth}
body{font-family:var(--q-sans);color:var(--q-ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.q-num{font-family:var(--q-mono);font-variant-numeric:tabular-nums}
.q-wrap{width:100%;max-width:var(--q-w);margin:0 auto;padding-left:20px;padding-right:20px}
@media(min-width:768px){.q-wrap{padding-left:32px;padding-right:32px}}
:focus-visible{outline:2px solid var(--q-amber-hi);outline-offset:3px}
.q-skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--q-amber);color:var(--q-amber-ink);padding:8px 12px}
.q-skip:focus{left:12px}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}

/* ---- mark ---- */
.q-mark{display:inline-block;width:22px;height:22px;background:url(/logo.svg) center/contain no-repeat;flex:none}
.q-mark--lg{width:26px;height:26px}.q-mark--xl{width:56px;height:56px;margin:0 auto var(--q-s3);display:block}

/* ---- buttons: one shape, two weights ---- */
.q-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;font:600 14px/1 var(--q-sans);color:var(--q-ink);border:1px solid var(--q-rule);background:transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.q-btn--lg{height:48px;padding:0 24px;font-size:15px}
.q-btn--primary{background:var(--q-amber);border-color:var(--q-amber-hi);color:var(--q-amber-ink)}
.q-btn--primary:hover{background:var(--q-amber-hi)}
.q-btn--ghost:hover{border-color:var(--q-amber-hi);color:var(--q-amber-hi)}
.q-link{background:none;border:0;padding:0;font:500 14px var(--q-sans);color:var(--q-amber-hi);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ---- header ---- */
.q-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--q-rule);background:rgba(11,10,8,.72);backdrop-filter:blur(3px)}
.q-header__row{position:relative;z-index:2;display:flex;align-items:center;gap:var(--q-s3);height:60px}
.q-brand{display:flex;align-items:center;gap:10px;font:700 15px var(--q-display);letter-spacing:.14em;text-transform:uppercase;color:var(--q-ink);text-decoration:none}
.q-nav{display:none;gap:var(--q-s3);margin-left:auto}
.q-nav a{font:500 14px var(--q-sans);color:var(--q-ink-2);text-decoration:none}
.q-nav a:hover{color:var(--q-ink)}
.q-header__actions{display:none;gap:10px}
.q-burger{margin-left:auto;display:grid;place-items:center;width:40px;height:40px;background:none;border:0;color:var(--q-amber)}
@media(min-width:900px){.q-nav,.q-header__actions{display:flex}.q-burger{display:none}}
.q-mobile{position:absolute;inset-inline:0;top:100%;z-index:2;border-bottom:1px solid var(--q-rule);background:rgba(11,10,8,.96);transition:opacity .2s,transform .2s;transform-origin:top}
.q-mobile nav{display:flex;flex-direction:column}
.q-mobile nav a{padding:16px 0;border-bottom:1px solid var(--q-rule-soft);font:500 16px var(--q-sans);color:var(--q-ink);text-decoration:none}
.q-mobile__actions{display:flex;gap:10px;padding:16px 0}
@media(min-width:900px){.q-mobile{display:none}}

/* ---- hero ---- */
.q-hero{min-height:auto!important;height:auto!important;display:flex;align-items:center}
@media(min-width:900px){.q-hero{min-height:calc(100svh - 60px)!important}}
.q-hero__grid{position:relative;z-index:1;display:grid;gap:var(--q-s4);padding-top:var(--q-s5);padding-bottom:var(--q-s5);align-items:center}
@media(min-width:900px){.q-hero__grid{grid-template-columns:7fr 5fr;gap:var(--q-s5)}}
.q-h1{margin:0;font:900 clamp(2.5rem,5.2vw,4.25rem)/1 var(--q-display);letter-spacing:.02em;color:var(--q-ink);-webkit-text-stroke:.35px currentColor}
.q-lede{margin:var(--q-s3) 0 0;max-width:46ch;font-size:17px;line-height:1.6;color:var(--q-ink-2)}
.q-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--q-s4)}
.q-actions--center{justify-content:center}
.q-proof{display:flex;flex-wrap:wrap;gap:var(--q-s3) var(--q-s4);margin:var(--q-s4) 0 0;padding-top:var(--q-s3);border-top:1px solid var(--q-rule)}
.q-proof dd{margin:0;font:900 28px/1 var(--q-display);letter-spacing:.04em;color:var(--q-ink)}
.q-proof dt{margin-top:6px;font-size:13px;color:var(--q-ink-3)}

/* the one bold element */
.q-dial{position:relative;display:grid;place-items:center;padding-bottom:40px}
.q-dial svg{width:100%;max-width:360px;height:auto;filter:drop-shadow(0 0 18px rgba(232,137,37,.35))}
.q-dial__readout{position:absolute;top:50%;left:50%;transform:translate(-50%,-38%);text-align:center;background:rgba(11,10,8,.88);padding:10px 20px;border:1px solid var(--q-rule)}
.q-dial__readout span{display:block;font-size:12px;color:var(--q-ink-3)}
.q-dial__readout b{display:block;font:900 44px/1.1 var(--q-display);letter-spacing:.06em;color:var(--q-amber-hi)}
.q-dial__last{position:absolute;bottom:0;left:0;right:0;margin:0;text-align:center;font-size:13px;color:var(--q-ink-3)}
.q-dial__last b{color:var(--q-ink);font-weight:600}
[data-dial-ring]{transition:stroke-dasharray 1s linear}
.q-dial.is-intro [data-dial-ring],.q-dial.is-intro [data-dial-fill]{transition:none}
@media(max-width:899px){.q-dial{order:-1}.q-dial svg{max-width:250px}.q-dial__readout b{font-size:34px}}

/* ---- sections ---- */
.q-section{padding:var(--q-s5) 0}
@media(min-width:900px){.q-section{padding:var(--q-s6) 0}}
.q-section--last{padding-top:var(--q-s5)}
.q-sh{display:grid;gap:8px;margin-bottom:var(--q-s4);max-width:64ch}
.q-sh h2{margin:0;font:900 clamp(1.5rem,2.6vw,2rem)/1.1 var(--q-display);letter-spacing:.03em;color:var(--q-ink)}
.q-sh p{margin:0;font-size:15px;color:var(--q-ink-2)}
.q-label{margin:0;font-size:13px;color:var(--q-ink-3)}
.q-note{margin:var(--q-s2) 0 0;max-width:56ch;font-size:14px;line-height:1.6;color:var(--q-ink-2)}
.q-huge{margin:var(--q-s2) 0 0;font:900 clamp(2.8rem,7vw,5rem)/1 var(--q-display);letter-spacing:.03em;color:var(--q-ink)}

/* frames: only where they mean "this is the proof" */
.q-frame{position:relative;background:rgba(20,18,13,.75);border:1px solid var(--q-rule);padding:var(--q-s3)}
@media(min-width:768px){.q-frame{padding:var(--q-s4)}}
.q-frame::before,.q-frame::after{content:"";position:absolute;width:14px;height:14px;border-color:var(--q-amber-hi);border-style:solid;pointer-events:none}
.q-frame::before{top:-1px;left:-1px;border-width:2px 0 0 2px}
.q-frame::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
.q-frame--table{padding:0;overflow-x:auto}

/* how it pays: a timeline, not four boxes */
.q-timeline{list-style:none;margin:0;padding:0;display:grid;gap:var(--q-s3);position:relative}
@media(min-width:768px){.q-timeline{grid-template-columns:repeat(4,1fr);gap:var(--q-s3)}}
.q-timeline li{position:relative;padding-top:var(--q-s3)}
@media(max-width:767px){.q-timeline li{padding-left:56px;padding-top:0}}
.q-timeline__n{position:absolute;top:0;left:0;display:grid;place-items:center;width:40px;height:40px;background:var(--q-canvas);border:1px solid var(--q-amber);color:var(--q-amber-hi);font:700 15px var(--q-mono)}
@media(min-width:768px){.q-timeline li{padding-top:60px}}
.q-timeline h3{margin:0 0 8px;font:600 16px var(--q-sans);color:var(--q-ink)}
.q-timeline p{margin:0;font-size:14px;line-height:1.6;color:var(--q-ink-2)}
.q-why{margin-top:var(--q-s5);display:grid;gap:var(--q-s2);padding-top:var(--q-s3);border-top:1px solid var(--q-rule-soft)}
@media(min-width:768px){.q-why{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--q-s4)}}
.q-why h3{margin:0;font:700 18px/1.2 var(--q-display);letter-spacing:.02em;color:var(--q-ink)}
.q-why ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.q-why li{font-size:15px;line-height:1.6;color:var(--q-ink-2)}
.q-why li b{color:var(--q-ink);font-weight:600}

/* payouts */
.q-payouts{display:grid;gap:var(--q-s3)}
@media(min-width:900px){.q-payouts{grid-template-columns:7fr 5fr;gap:var(--q-s4);align-items:start}}
.q-market{margin:var(--q-s3) 0 0;padding-top:var(--q-s2);border-top:1px solid var(--q-rule-soft);font-size:13px;line-height:1.7;color:var(--q-ink-3)}
.q-market b{color:var(--q-ink);font-weight:600}
.q-market__src{color:var(--q-ink-3)}
.q-facts{margin:0;display:grid}
.q-facts>div{padding:var(--q-s2) 0;border-bottom:1px solid var(--q-rule-soft)}
.q-facts>div:first-child{padding-top:0}
.q-facts dt{font-size:13px;color:var(--q-ink-3)}
.q-facts dd{margin:4px 0 0;font:600 26px/1.2 var(--q-mono);color:var(--q-ink)}
.q-facts dd.q-num--hi{color:var(--q-amber-hi)}
.q-facts p{margin:4px 0 0;font-size:13px;color:var(--q-ink-2)}

/* basket */
.q-basket{display:grid;gap:0;border-top:1px solid var(--q-rule)}
@media(min-width:640px){.q-basket{grid-template-columns:repeat(3,1fr)}}
.q-pos{display:grid;gap:12px;padding:var(--q-s3) 0;border-bottom:1px solid var(--q-rule-soft)}
@media(min-width:640px){.q-pos{padding:var(--q-s3) var(--q-s3) var(--q-s3) 0}.q-pos+.q-pos{padding-left:var(--q-s3);border-left:1px solid var(--q-rule-soft)}}
.q-pos__head{display:flex;align-items:center;gap:12px}
.q-pos__head img{width:40px;height:40px;flex:none}
.q-pos__head b{display:block;font:700 18px/1.2 var(--q-display);letter-spacing:.04em;color:var(--q-ink)}
.q-pos__head span{display:block;font-size:13px;color:var(--q-ink-3)}
.q-pos__price{display:flex;align-items:baseline;gap:10px;font:600 15px var(--q-mono);color:var(--q-ink)}
.q-pos__price .up{color:var(--q-teal)}.q-pos__price .down{color:var(--q-red)}
.q-pos__weight{font-size:13px;color:var(--q-ink-3)}
.q-pos__spark{display:block;width:100%;height:32px}

/* calculator */
.q-calc{display:grid;gap:var(--q-s4);border-top:1px solid var(--q-rule);padding-top:var(--q-s4)}
@media(min-width:900px){.q-calc{grid-template-columns:1fr 1fr;gap:var(--q-s5)}}
.q-calc__amount{margin:var(--q-s1) 0 0;font:600 clamp(1.5rem,3vw,2rem)/1.2 var(--q-mono);color:var(--q-ink)}
.q-calc .range-amber{margin-top:var(--q-s3)}
.q-presets{display:flex;justify-content:space-between;margin-top:8px}
.q-presets button{background:none;border:0;padding:4px 0;font:500 13px var(--q-mono);color:var(--q-ink-3);cursor:pointer}
.q-presets button.is-on,.q-presets button:hover{color:var(--q-amber-hi)}
.q-calc__side{margin:var(--q-s3) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--q-s2)}
.q-calc__side dt{font-size:13px;color:var(--q-ink-3)}
.q-calc__side dd{margin:4px 0 0;font:600 20px var(--q-mono);color:var(--q-ink)}
.q-split{margin-top:var(--q-s3);border-top:1px solid var(--q-rule-soft)}
.q-split__row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--q-rule-soft)}
.q-split__row img{width:28px;height:28px}
.q-split__who{display:flex;align-items:center;gap:10px;min-width:0}
.q-split__who b{display:block;font:600 14px var(--q-mono);color:var(--q-ink)}
.q-split__who span{display:block;font-size:12px;color:var(--q-ink-3)}
.q-split__amt{text-align:right;font:600 14px var(--q-mono);color:var(--q-ink)}
.q-split__amt span{display:block;font-weight:400;font-size:12px;color:var(--q-ink-3)}

/* ledger */
.q-table{width:100%;min-width:640px;border-collapse:collapse;text-align:left}
.q-table th{padding:14px 20px;font:500 12px var(--q-sans);color:var(--q-ink-3);border-bottom:1px solid var(--q-rule);white-space:nowrap}
.q-table th button{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.q-table th button svg{width:8px;height:8px;transition:transform .15s}
.q-table th button:hover{color:var(--q-ink)}
.q-table td{padding:14px 20px;vertical-align:top;border-bottom:1px solid var(--q-rule-soft);font:400 14px var(--q-mono);color:var(--q-ink-2)}
.q-table tr:last-child td{border-bottom:0}
.q-table tbody tr:hover td{background:rgba(232,137,37,.05)}
.q-table .q-right{text-align:right}
.q-table .q-epoch{color:var(--q-amber-hi)}
.q-table .q-paid{color:var(--q-ink);font-weight:600}
.q-table .q-tx{display:grid;gap:4px}
.q-table .q-tx a{color:var(--q-teal);text-decoration:none}
.q-table .q-tx a:hover{text-decoration:underline;text-underline-offset:3px}
.q-table .q-tx i{font-style:normal;color:var(--q-ink-3);margin-right:6px}
.q-ledger__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:var(--q-s2);font-size:14px;color:var(--q-ink-2)}
.q-ledger__foot b{color:var(--q-ink)}
.q-table--docs{min-width:0}
.q-table--docs td{font-family:var(--q-sans);color:var(--q-ink)}
.q-table--docs td.q-num{font-family:var(--q-mono);color:var(--q-amber-hi)}
.q-table--docs td:last-child{color:var(--q-ink-2)}

/* final */
.q-final{text-align:center;max-width:720px;margin:0 auto;padding:var(--q-s4) var(--q-s3)}
@media(min-width:768px){.q-final{padding:var(--q-s5)}}
.q-final h2{margin:0;font:900 clamp(1.5rem,3.4vw,2.4rem)/1.2 var(--q-display);letter-spacing:.02em;color:var(--q-ink)}
.q-final h2 span{color:var(--q-amber-hi)}
.q-final p{margin:var(--q-s2) auto 0;max-width:46ch;font-size:15px;color:var(--q-ink-2)}

/* footer */
.q-footer{position:relative;z-index:2;border-top:1px solid var(--q-rule);background:var(--q-canvas);padding:var(--q-s5) 0 var(--q-s4)}
.q-footer__grid{display:grid;gap:var(--q-s4)}
@media(min-width:640px){.q-footer__grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.q-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.q-footer h2{margin:0 0 12px;font:500 13px var(--q-sans);color:var(--q-ink-3)}
.q-footer__grid a:not(.q-brand){display:block;padding:4px 0;font-size:14px;color:var(--q-ink-2);text-decoration:none}
.q-footer__grid a:not(.q-brand):hover{color:var(--q-ink)}
.q-footer__tag{margin:var(--q-s2) 0 0;max-width:34ch;font-size:14px;line-height:1.6;color:var(--q-ink-2)}
.q-footer__contract{margin:var(--q-s2) 0 0;font-size:13px;color:var(--q-ink-3)}
.q-social{display:flex;gap:16px;color:var(--q-ink-2)}
.q-social a{padding:0!important}
.q-social a:hover{color:var(--q-amber-hi)!important}
.q-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:var(--q-s4);padding-top:var(--q-s3);border-top:1px solid var(--q-rule-soft);font-size:13px;color:var(--q-ink-3)}
.q-footer__bottom p{margin:0}

/* docs */
.q-docs{padding-top:var(--q-s4);padding-bottom:var(--q-s5)}
.q-docs__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--q-s2);margin-bottom:var(--q-s3)}
.q-docs__head h1{margin:0;font:900 2rem/1.1 var(--q-display);letter-spacing:.03em}
.q-docs__head p{margin:8px 0 0;max-width:56ch;font-size:15px;color:var(--q-ink-2)}
.q-toc{display:flex;flex-wrap:wrap;gap:4px 20px;padding:var(--q-s2) 0;border-top:1px solid var(--q-rule);border-bottom:1px solid var(--q-rule-soft);font-size:14px}
.q-toc a{color:var(--q-ink-3);text-decoration:none}.q-toc a:hover{color:var(--q-amber-hi)}
.q-doc{padding:var(--q-s4) 0;border-bottom:1px solid var(--q-rule-soft);scroll-margin-top:80px;max-width:72ch}
.q-doc h2{margin:0 0 var(--q-s2);font:900 1.4rem/1.2 var(--q-display);letter-spacing:.03em}
.q-doc p{margin:0 0 var(--q-s2);font-size:16px;line-height:1.65;color:var(--q-ink-2)}
.q-doc p:last-child{margin-bottom:0}
.q-doc__steps{margin:0 0 var(--q-s2);padding-left:1.4em;color:var(--q-ink-2);line-height:1.7}
.q-doc__basket{list-style:none;margin:0;padding:0;display:grid}
.q-doc__basket li{display:grid;grid-template-columns:auto 8rem 1fr;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--q-rule-soft);font-size:15px}
.q-doc__basket b{font-family:var(--q-mono);font-weight:600;color:var(--q-ink)}.q-doc__basket span{color:var(--q-ink-2)}
.q-doc__formula{color:var(--q-amber-hi)!important}
.q-kv{margin:0;display:grid;gap:10px}
.q-kv div{display:grid;grid-template-columns:9rem 1fr;gap:12px;font-size:15px;line-height:1.5}
.q-kv dt{color:var(--q-ink-3)}.q-kv dd{margin:0;color:var(--q-ink);word-break:break-all}
.q-kv a{color:var(--q-amber-hi)}
.q-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;background:var(--q-surface);border:1px solid var(--q-rule);padding:12px 18px;font-size:14px;color:var(--q-ink);opacity:0;pointer-events:none;transition:opacity .2s}
.q-toast.is-on{opacity:1}

/* narrow screens */
.q-payouts,.q-facts,.q-frame{min-width:0}
.q-payouts{grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.q-payouts{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.q-huge{overflow-wrap:anywhere}
.q-mobile__actions{flex-wrap:wrap}
@media(max-width:480px){.q-actions .q-btn{flex:1 1 auto}}
@media(max-width:400px){.q-btn{padding-left:12px;padding-right:12px;font-size:13px}.q-btn--lg{padding-left:14px;padding-right:14px;font-size:14px}.q-huge{font-size:2.4rem}}

/* ---- live layer ---- */
.q-chart{margin-top:var(--q-s3);padding-top:var(--q-s2);border-top:1px solid var(--q-rule-soft)}
.q-chart svg{display:block;width:100%;height:64px}
.q-chart p{margin:6px 0 0;font-size:13px;color:var(--q-ink-3)}
.q-live{display:grid;gap:var(--q-s4);border-top:1px solid var(--q-rule);padding-top:var(--q-s4)}
@media(min-width:900px){.q-live{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--q-s5)}}
.q-live__big{margin:6px 0 0;font:900 2.4rem/1 var(--q-display);letter-spacing:.04em}
.q-live__state{font:500 13px var(--q-sans);color:var(--q-teal);vertical-align:middle;margin-left:8px}
.q-live__state.is-closing{color:var(--q-amber-hi)}
.q-live__kv{margin:var(--q-s3) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--q-s2) var(--q-s3)}
.q-live__kv--top{padding-top:var(--q-s3);border-top:1px solid var(--q-rule-soft);grid-template-columns:1fr 1fr 1fr}
.q-live__kv dt{font-size:13px;color:var(--q-ink-3)}
.q-live__kv dd{margin:4px 0 0;font:600 20px var(--q-mono);color:var(--q-ink)}
.q-live__kv dd.q-num--hi{color:var(--q-amber-hi)}
.q-live__kv p{margin:4px 0 0;font-size:12px;color:var(--q-ink-2)}
.q-live__kv a{color:var(--q-amber-hi);text-decoration:none}
.q-badge{display:inline-block;padding:3px 8px;border:1px solid var(--q-teal);color:var(--q-teal);font:500 13px var(--q-sans);text-decoration:none}
.q-badge--warn{border-color:var(--q-red);color:var(--q-red)}
.q-trades{list-style:none;margin:var(--q-s2) 0 0;padding:0;border-top:1px solid var(--q-rule)}
.q-trades__row{display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:6px 14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--q-rule-soft);font-size:13px}
@media(max-width:640px){.q-trades__row{grid-template-columns:auto 1fr auto}.q-trades__row a{display:none}}
.q-trades__side{font-weight:600;min-width:52px}
.q-trades__row--buy .q-trades__side{color:var(--q-teal)}.q-trades__row--sell .q-trades__side{color:var(--q-red)}
.q-trades__row b{color:var(--q-ink);font-weight:600}
.q-trades__usd{color:var(--q-ink-2)}
.q-trades__row a{color:var(--q-ink-3);text-decoration:none}.q-trades__row a:hover{color:var(--q-amber-hi)}
.q-trades__ago{color:var(--q-ink-3);font-size:12px;white-space:nowrap}
.q-trades__empty{padding:14px 0;font-size:14px;color:var(--q-ink-3)}
.q-holders{margin-top:var(--q-s4)}
.q-holders summary{cursor:pointer;font:500 14px var(--q-sans);color:var(--q-ink-2)}
.q-holders ol{list-style:none;margin:var(--q-s2) 0 0;padding:0}
.q-holders li{position:relative;display:grid;grid-template-columns:1.5rem 8rem 1fr 4.5rem;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--q-rule-soft);font-size:13px}
.q-holders li span{color:var(--q-ink-3)}.q-holders li a{color:var(--q-ink);text-decoration:none}.q-holders li em{font-style:normal;color:var(--q-amber-hi);font-size:12px}
.q-holders li b{text-align:right;color:var(--q-ink)}
.q-holders li i{position:absolute;left:0;bottom:-1px;height:1px;background:var(--q-amber);opacity:.6}
.q-wallet{margin-top:var(--q-s3);padding-top:var(--q-s3);border-top:1px solid var(--q-rule)}
.q-datalog{margin:var(--q-s2) 0 0;font-size:11px;color:var(--q-ink-3)}


/* ============ v2.1: tone for live data, bigger section heads, fact grids, brand ============ */
.q-brand em{font:600 13px var(--q-mono);color:var(--q-ink-3);letter-spacing:0;margin-left:4px}
.q-sh{grid-template-columns:1fr;gap:12px;max-width:none;align-items:end}
@media(min-width:900px){.q-sh{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--q-s4)}}
.q-sh h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:.02em;line-height:.95}
.q-sh p{font-size:16px;max-width:60ch}
@media(min-width:900px){.q-sh p{padding-bottom:6px}}
.q-huge--sm{font-size:clamp(2.2rem,4.6vw,3.4rem)}
.q-payouts__side{padding-top:var(--q-s2)}
@media(min-width:900px){.q-payouts__side{padding-top:var(--q-s3)}}
.q-grid4{margin:var(--q-s4) 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--q-rule);border-bottom:1px solid var(--q-rule)}
@media(min-width:900px){.q-grid4{grid-template-columns:repeat(4,1fr)}}
.q-grid4>div{padding:var(--q-s2) var(--q-s2) var(--q-s2) 0;border-right:1px solid var(--q-rule-soft);min-width:0}
.q-grid4>div:nth-child(2n){padding-left:var(--q-s2);border-right:0}
@media(min-width:900px){.q-grid4>div{padding-left:var(--q-s2)}.q-grid4>div:first-child{padding-left:0}.q-grid4>div:nth-child(2n){border-right:1px solid var(--q-rule-soft)}.q-grid4>div:last-child{border-right:0}}
.q-grid4 dt{font-size:12px;color:var(--q-ink-3);text-transform:uppercase;letter-spacing:.04em;font-weight:500}
.q-grid4 dd{margin:6px 0 0;font:600 22px/1.2 var(--q-mono);color:var(--q-ink)}
.q-grid4 p{margin:4px 0 0;font-size:12px;color:var(--q-ink-2)}

/* live data reads in the cold tone: it comes from the chain, not from us */
.q-section--live .q-live__big,.q-section--live .q-live__kv dd,.q-trades__row b,.q-trades__usd{color:var(--q-cold)}
.q-section--live .q-live__kv dd.q-num--hi{color:var(--q-amber-hi)}
.q-trades__row a{color:var(--q-cold-dim)}
.q-live__state{color:var(--q-teal)}
.q-datalog{color:var(--q-cold-dim)}
.q-dial__last{color:var(--q-ink-3)}
.q-badge{border-color:var(--q-teal);color:var(--q-teal)}
.q-live{border-top-color:rgba(145,169,184,.35)}
.q-trades{border-top-color:rgba(145,169,184,.35)}
.q-chart [data-chart-line]{stroke:var(--q-cold)}
.q-chart [data-chart-area]{fill:rgba(145,169,184,.14)}

/* clean theme: no background imagery, just the frame and scanlines */
.q-clean .hero-stage,.q-clean .body-stage{background-image:none;background-color:var(--q-canvas)}
.q-clean .crt-scanlines{opacity:.22}
.q-clean .q-section+.q-section{border-top:1px solid var(--q-rule-soft)}
.q-clean .q-section--last{border-top:0!important}

/* grid theme uses the WebP backgrounds */
body:not(.q-clean) .hero-stage{background-image:url(/bg-hero.webp)}
body:not(.q-clean) .body-stage{background-image:url(/bg-body.webp)}


/* epoch close: the ring flashes, a line reports it */
@keyframes q-flash{0%{filter:drop-shadow(0 0 18px rgba(232,137,37,.35))}30%{filter:drop-shadow(0 0 42px rgba(246,180,83,.95))}100%{filter:drop-shadow(0 0 18px rgba(232,137,37,.35))}}
.q-dial.is-closed svg{animation:q-flash 1.4s ease-out}
.q-dial__event{position:absolute;bottom:-22px;left:0;right:0;margin:0;text-align:center;font-size:13px;color:var(--q-amber-hi);opacity:0;transition:opacity .4s}
.q-dial__event.is-on{opacity:1}

/* sticky buy bar on phones */
.q-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(11,10,8,.94);border-top:1px solid var(--q-rule);backdrop-filter:blur(6px);transform:translateY(100%);transition:transform .25s}
.q-sticky.is-on{transform:none}
.q-sticky span{font:900 22px var(--q-display);color:var(--q-amber-hi);letter-spacing:.04em}
.q-sticky .q-btn{flex:1}
@media(min-width:900px){.q-sticky{display:none}}

/* ledger becomes cards on narrow screens */
@media(max-width:640px){
  .q-frame--table{overflow:visible}
  .q-table{min-width:0;display:block}
  .q-table thead{display:none}
  .q-table tbody,.q-table tr,.q-table td{display:block}
  .q-table tr{padding:14px 16px;border-bottom:1px solid var(--q-rule-soft)}
  .q-table td{padding:2px 0;border:0}
  .q-table td.q-epoch::before{content:"Epoch ";color:var(--q-ink-3)}
  .q-table td.q-paid{text-align:left;padding-top:8px}
  .q-table td.q-paid::before{content:"Paid ";font-weight:400;color:var(--q-ink-3)}
  .q-table .q-tx{padding-top:6px}
  .q-table--docs{display:table}.q-table--docs thead{display:table-header-group}.q-table--docs tbody{display:table-row-group}.q-table--docs tr{display:table-row;padding:0}.q-table--docs td{display:table-cell;padding:12px 16px}
  .q-trades__row{cursor:pointer}
}
.q-live__note{margin:8px 0 0;font-size:13px;color:var(--q-red)}

.q-faq{margin:0;display:grid;gap:var(--q-s2)}
.q-faq dt{font-weight:600;color:var(--q-ink)}
.q-faq dd{margin:6px 0 0;font-size:15px;line-height:1.6;color:var(--q-ink-2)}
.q-footer__bottom a{color:var(--q-ink-2)}


/* scroll-drawn journey line through the four steps */
.q-timeline-wrap{position:relative}
.q-journey{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.q-journey__track{fill:none;stroke:var(--q-rule-soft);stroke-width:1.5}
.q-journey__path{fill:none;stroke:var(--q-amber-hi);stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(246,180,83,.45))}
.q-journey__dot{fill:var(--q-amber-hi)}
.q-timeline{position:relative;z-index:1}
.q-timeline__n{z-index:2}
.q-timeline__n{transition:color .3s,border-color .3s,background .3s}
.q-timeline__n.is-lit{background:var(--q-amber);color:var(--q-amber-ink);border-color:var(--q-amber-hi)}

/* ============ scroll choreography: pinned stages ============ */
.q-pin{position:relative}
.q-pin__stage{position:relative}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  .q-pin[data-pin="hero"]{height:190vh!important;min-height:0!important;display:block}
  .q-pin[data-pin="hero"] .q-pin__stage{position:sticky;top:60px;height:calc(100vh - 60px);display:flex;align-items:center;overflow:hidden}
  .q-pin[data-pin="how"]{padding:0}
  .q-pin[data-pin="how"] .q-pin__stage{position:sticky;top:60px;height:calc(100vh - 60px);display:flex;align-items:center;overflow:hidden}
  .q-pin[data-pin="how"]{--stage-h:260vh}
  .q-pin[data-pin="how"]::before{content:"";display:block;height:0}
  .q-pin--how .q-pin__spacer{height:calc(var(--stage-h) - 100vh)}
  .q-why-wrap{padding:var(--q-s5) 20px}
}
.q-hero__copy{transform-origin:left center;transform:scale(calc(1 - var(--hero-p,0)*0.35)) translateY(calc(var(--hero-p,0)*-24px));opacity:calc(1 - var(--hero-p,0)*1.6);will-change:transform,opacity}
.q-wipe{position:absolute;left:0;margin:0;font:900 clamp(2.2rem,4.6vw,3.6rem)/1.05 var(--q-display);letter-spacing:.02em;pointer-events:none;opacity:calc(var(--hero-p,0)*2 - .4)}
@media (max-width:899px){.q-wipe{display:none}}
.q-hero__grid{position:relative}
.q-wipe{top:50%;transform:translateY(-50%);width:58%;padding-left:0}
.q-wipe__ghost{color:rgba(236,230,214,.14)}
.q-wipe__fill{position:absolute;inset:0;color:var(--q-ink);clip-path:inset(0 calc(100% - var(--wipe-p,0)*100%) 0 0)}
.q-wipe__fill b{color:var(--q-amber-hi)}

/* typing */
[data-type] .q-ch{visibility:hidden}
[data-type] .q-ch.is-on{visibility:visible}
[data-type] .q-caret{display:inline-block;width:.45em;height:.9em;background:var(--q-amber-hi);vertical-align:-.08em;margin-left:.08em;opacity:0}
[data-type].is-typing .q-caret{opacity:1}
[data-type].is-blink .q-caret{animation:q-blink .5s steps(1) 3}
@keyframes q-blink{50%{opacity:0}}

/* how-it-pays stage */
.q-stage{display:grid;gap:var(--q-s4);align-items:start}
@media(min-width:900px){.q-stage{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--q-s5)}}
.q-clock__time{margin:8px 0 0;font:900 clamp(3.4rem,8vw,6.4rem)/1 var(--q-display);letter-spacing:.04em;color:var(--q-ink)}
.q-clock__time em{font-style:normal;color:var(--q-amber-hi)}
.q-clock__status{margin:var(--q-s2) 0 0;font:500 15px var(--q-sans);color:var(--q-amber-hi);min-height:1.5em}
.q-clock__kv{margin:var(--q-s3) 0 0;display:grid;gap:var(--q-s2);border-top:1px solid var(--q-rule-soft);padding-top:var(--q-s2)}
.q-clock__kv dt{font-size:13px;color:var(--q-ink-3)}
.q-clock__kv dd{margin:4px 0 0;font:600 22px var(--q-mono);color:var(--q-ink)}
.q-timeline--stage{grid-template-columns:1fr!important;gap:var(--q-s2)!important}
.q-timeline--stage li{padding:12px 0 12px 64px!important;border-bottom:1px solid var(--q-rule-soft);opacity:.35;transform:translateX(0);transition:opacity .35s,transform .35s}
.q-timeline--stage li.is-on{opacity:1;transform:translateX(12px)}
.q-timeline--stage li:last-child{border-bottom:0}
.q-timeline--stage .q-timeline__n{top:12px}
.q-timeline--stage h3{margin:0 0 4px}
.q-timeline--stage p{font-size:13px}
.q-meter{position:relative;height:3px;margin-top:var(--q-s4);background:var(--q-rule-soft)}
.q-meter i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--how-p,0)*100%);background:var(--q-amber);box-shadow:0 0 10px rgba(232,137,37,.6)}
.q-pin--how .q-sh{margin-bottom:var(--q-s3)}
@media(max-height:820px) and (min-width:900px){.q-timeline--stage p{display:none}.q-clock__time{font-size:4rem}}

/* corner tags */
.q-tag{position:absolute;top:18px;z-index:3;font:500 11px var(--q-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--q-ink-3)}
.q-tag--l{left:20px}.q-tag--r{right:20px}
.q-tag b{color:var(--q-amber-hi);font-weight:600;margin-right:6px}
@media(min-width:768px){.q-tag--l{left:32px}.q-tag--r{right:32px}}
.q-section{position:relative}
.q-pin[data-pin="hero"],.q-pin[data-pin="how"]{overflow:visible!important}
.q-hero__copy{opacity:calc(1 - var(--hero-p,0)*2.4)}
.q-wipe{left:var(--wrap-pad,32px);opacity:calc((var(--hero-p,0) - .38)*4)}

.q-section--why{padding-top:0}
.q-clock__kv p{margin:2px 0 0;font-size:12px;color:var(--q-ink-3)}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){.q-section--why{padding-top:var(--q-s5)}}