*{box-sizing:border-box}
:root{
  --bg:#f6f2e9; --panel:#fffdfa; --panel-2:#ece6d9;
  --fg:#111315; --mut:#5f5a51; --dim:#716a5f; --line:#d6cebf;
  --rule:#b9ae9b;
  --acc:#24486f; --acc-fg:#ffffff; --acc-soft:#e4ebf1; --acc-line:#aebdca;
  --deep:#17304b; --deep-fg:#eef2f6; --deep-mut:#a9bccd; --deep-line:#3a5470;
  --up:#227044; --down:#9b3328; --warn:#765200;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,"Cascadia Mono",Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:"Source Serif 4",ui-serif,Georgia,"Iowan Old Style","Times New Roman",serif;
  --r:8px; --r-lg:12px;
  --shadow:0 1px 1px rgba(20,19,17,.03),0 6px 20px -8px rgba(20,19,17,.10);
  --measure:none;
}
:root{color-scheme:light}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:clip;max-width:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);
  font-size:16px;line-height:1.58;-webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums}
.w{max-width:1080px;margin:0 auto;padding:0 1.6rem 5rem}
.w>p,.w>ul,.w>ol,.w>blockquote,.w>.dek{max-width:68ch}
nav.site-nav{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:.5rem;
  margin:0;padding:.36rem;
  border:1px solid color-mix(in srgb,var(--rule) 70%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--panel) 88%,transparent);
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,
             0 14px 34px -22px rgba(20,19,17,.55);
  backdrop-filter:saturate(1.2) blur(14px)}
nav.site-nav .brand{display:inline-flex;align-items:center;gap:.5rem;
  margin:0;padding:.3rem .8rem .3rem .38rem;color:var(--fg);
  font-family:var(--serif);font-size:1.02rem;font-weight:600;
  letter-spacing:.005em;white-space:nowrap;border-radius:999px;
  text-decoration:none;background:transparent}
nav.site-nav .brand::before{content:"PD";display:grid;place-items:center;
  width:1.85rem;height:1.85rem;border-radius:50%;
  background:var(--acc);color:var(--acc-fg);
  font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.04em}
.nav-links{min-width:0;display:flex;align-items:center;gap:.1rem;
  overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.nav-links::-webkit-scrollbar{display:none}
@supports (animation-timeline: scroll()){
  .nav-links{animation-name:navfade;animation-duration:auto;
    animation-timing-function:linear;animation-fill-mode:both;
    animation-timeline:scroll(self inline)}
  @keyframes navfade{
    0%{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);
       mask-image:linear-gradient(90deg,#000 88%,transparent)}
    6%,94%{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent);
       mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent)}
    100%{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%);
       mask-image:linear-gradient(90deg,transparent,#000 12%)}}}
nav.site-nav .nav-links a{flex:0 0 auto;padding:.42rem .7rem .4rem;
  border-radius:999px;color:var(--mut);text-decoration:none;
  font-size:.82rem;font-weight:600;line-height:1;background:transparent;
  transition:background .15s ease,color .15s ease}
nav.site-nav .nav-links a::after{display:none}
nav.site-nav .nav-links a:hover{color:var(--fg);
  background:color-mix(in srgb,var(--acc-soft) 70%,transparent)}
nav.site-nav .nav-links a[aria-current=page]{color:var(--acc-fg);
  background:var(--acc);box-shadow:0 1px 2px rgba(0,0,0,.14)}
.nav-tools{display:flex;align-items:center;gap:.1rem;
  padding-left:.35rem;border-left:1px solid var(--line)}
nav.site-nav .icon{width:28px;height:28px;border-radius:999px}
nav.site-nav .icon:hover{background:var(--acc-soft);box-shadow:none;
  color:var(--acc)}
nav.site-nav details.picker summary{width:28px;height:28px;border-radius:999px}
nav.site-nav details.picker summary:hover,
nav.site-nav details.picker[open] summary{background:var(--acc-soft);
  box-shadow:none;color:var(--acc)}
@media(max-width:640px){
  nav.site-nav{grid-template-columns:auto minmax(0,1fr);
    row-gap:.3rem;padding:.32rem;border-radius:1.4rem}
  .nav-tools{grid-column:2;justify-self:end;border-left:none;padding-left:0}
  .nav-links{grid-column:1 / -1;order:3;padding:.1rem 0 .15rem}
  nav.site-nav .brand{font-size:.96rem}
}
.asof{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .45rem;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;
  text-transform:uppercase;color:var(--dim);margin:0 0 .1rem}
.asof::before{content:"";width:5px;height:5px;border-radius:50%;
  background:var(--up);flex:0 0 auto}
.asof time{color:var(--mut);font-weight:600}
section.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:2.5rem;align-items:center;margin:1.4rem 0 2.2rem;min-height:22rem}
@media(max-width:820px){section.hero{grid-template-columns:1fr;gap:2rem;min-height:0}}
.hero-copy{min-width:0}
section.hero .lede{color:var(--mut);font-size:1.02rem;margin:0 0 .5rem;max-width:34ch}
section.hero .lede b{color:var(--fg);font-weight:640}
section.hero .huge{font-family:var(--mono);font-size:clamp(3.1rem,8.5vw,5.2rem);
  line-height:.94;font-weight:600;letter-spacing:-.045em;color:var(--fg);
  margin:0 0 .9rem;display:flex;flex-direction:column;gap:.35rem;
  font-variant-numeric:tabular-nums}
section.hero .huge small{font-family:var(--sans);font-size:.9rem;font-weight:500;
  letter-spacing:.01em;color:var(--dim)}
section.hero .lede2{color:var(--mut);font-size:.97rem;line-height:1.55;max-width:44ch;
  margin:0 0 1.4rem}
.hero-go{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}
.go-btn,.go-alt{display:inline-flex;align-items:center;gap:.45rem;
  padding:.72rem 1.15rem;font-size:.94rem;font-weight:600;text-decoration:none;
  border-radius:999px;transition:transform .2s cubic-bezier(.2,.7,.3,1),
    box-shadow .2s ease,background .16s ease,border-color .16s ease}
.go-btn{background:var(--acc);color:var(--acc-fg);border:1px solid var(--acc);
  box-shadow:0 1px 2px rgba(0,0,0,.10),0 12px 26px -14px rgba(20,19,17,.55)}
.go-btn::after,.go-alt::after{content:"→";
  transition:transform .2s cubic-bezier(.2,.7,.3,1)}
.go-btn:hover{transform:translateY(-2px);
  box-shadow:0 2px 4px rgba(0,0,0,.12),0 18px 36px -16px rgba(20,19,17,.6)}
.go-btn:hover::after,.go-alt:hover::after{transform:translateX(4px)}
.go-alt{background:var(--panel);color:var(--fg);border:1px solid var(--rule)}
.go-alt:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-2px)}
.hero-stack{display:flex;flex-direction:column;align-items:flex-start;
  perspective:1200px}
.vcard:first-child{margin-top:0}
.vcard:last-child{padding-bottom:1.05rem}
.vcard{position:relative;width:min(19rem,80%);
  margin:-2.4rem 0 0 calc(var(--i) * 1.5rem);
  padding:.85rem 1.1rem 3.5rem;background:var(--panel);
  border:1px solid var(--line);border-radius:12px;
  transform:rotate(calc(var(--i) * -.7deg + 1.4deg));
  box-shadow:0 1px 1px rgba(0,0,0,.05),
             calc(var(--i) * -2px + 4px) calc(var(--i) * 5px + 10px)
             calc(var(--i) * 9px + 22px) -12px rgba(20,19,17,.40);
  z-index:calc(var(--i) + 1);
  animation:deal .62s cubic-bezier(.2,.75,.3,1) both;
  animation-delay:calc(var(--i) * 90ms + 120ms)}
.vcard .vn{display:block;font-size:.72rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--dim);font-weight:600}
.vcard .vr{display:block;font-family:var(--mono);font-size:1.62rem;
  font-weight:600;letter-spacing:-.03em;margin:.3rem 0 .1rem;
  font-variant-numeric:tabular-nums}
.vcard .vu{display:block;font-size:.76rem;color:var(--mut)}
@media(max-width:820px){
  .hero-stack .deck{display:grid;grid-template-columns:1fr 1fr;
    align-items:start;gap:.5rem .7rem}
  .hero-stack .deck[hidden]{display:none}
  .vcard{width:auto;margin:0;
    transform:rotate(calc(var(--i) * -.5deg + .8deg))}
  .vcard:first-child,.vcard:last-child{margin:0}
}
.vcard:last-child{border-color:var(--acc-line);
  box-shadow:0 2px 4px rgba(0,0,0,.06),8px 24px 46px -18px rgba(20,19,17,.5)}
.vcard:last-child .vr{color:var(--acc)}
.vcard .best{position:absolute;top:.8rem;right:1.1rem;z-index:2;
  font-family:var(--mono);font-size:.6rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--acc);
  padding:.16rem .42rem;border-radius:999px;
  background:color-mix(in srgb,var(--acc) 9%,transparent)}
@keyframes deal{
  from{opacity:0;transform:translateY(26px) rotate(-4deg) scale(.96)}
  to{opacity:1}}
.ticker{position:relative;overflow:hidden;margin:0 0 2.4rem;padding:.55rem 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.tk-run{display:flex;width:max-content;animation:run 46s linear infinite}
.ticker:hover .tk-run{animation-play-state:paused}
.tk{display:inline-flex;align-items:baseline;gap:.5rem;padding:0 1.15rem;
  font-family:var(--mono);font-size:.8rem;color:var(--mut);white-space:nowrap;
  font-variant-numeric:tabular-nums}
.tk i{font-style:normal;font-weight:600;color:var(--fg);letter-spacing:.02em}
@keyframes run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .vcard{animation:none;opacity:1}
  .tk-run{animation:none}
}
h1{font-family:var(--serif);font-size:2.05rem;line-height:1.16;
  letter-spacing:-.012em;font-weight:600;margin:.4rem 0 .55rem;
  text-wrap:balance;max-width:28ch}
h2{font-family:var(--serif);font-size:1.72rem;line-height:1.2;
  letter-spacing:-.01em;font-weight:600;margin:3.4rem 0 .9rem;
  padding-top:1.3rem;position:relative;text-wrap:balance;border-top:none}
h2::before{content:"";position:absolute;top:0;left:0;width:2.6rem;height:3px;
  background:var(--acc);border-radius:2px}
section:first-of-type>h2:first-child{border-top:none;padding-top:0}
h3{font-family:var(--serif);font-size:1.16rem;font-weight:600;
  margin:2rem 0 .5rem;letter-spacing:-.005em}
p{margin:0 0 1.1rem}
.dek{color:var(--mut);font-size:1.04rem;line-height:1.55;margin:0 0 1.1rem;
  max-width:60ch}
a{color:var(--acc);text-underline-offset:3px;text-decoration-thickness:1px;
  text-decoration-color:var(--acc-line);transition:text-decoration-color .15s}
a:hover{text-decoration-color:var(--acc)}
code{font-family:var(--mono);font-size:.85em;background:var(--panel-2);
  padding:.12em .38em;border-radius:4px}
blockquote{margin:1.5rem 0;padding:.15rem 0 .15rem 1.15rem;
  border-left:2px solid var(--acc-line);color:var(--mut)}
ul,ol{margin:0 0 1.1rem;padding-left:1.25rem}
li{margin:.32rem 0}
.muted{color:var(--mut);font-size:.9rem}
table{width:100%;border-collapse:separate;border-spacing:0;margin:1.6rem 0;
  font-size:.93rem;background:transparent;border:none;border-radius:0}
thead th{background:transparent;
  font-family:var(--sans);font-size:.7rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--dim);font-weight:600;text-align:left;
  padding:0 .9rem .5rem;white-space:nowrap;
  border-bottom:1.5px solid var(--rule)}
td{padding:.58rem .9rem;border-top:1px solid var(--line)}
tbody tr:first-child td{border-top:none}
td:not(:first-child),th:not(:first-child){text-align:right;
  font-family:var(--mono);font-size:.9em;font-variant-numeric:tabular-nums}
thead th:not(:first-child){font-family:var(--sans)}
tbody tr:first-child td{font-weight:600}
tbody tr:hover td{background:var(--acc-soft)}
td.mag{position:relative;isolation:isolate}
td.mag::before{content:"";position:absolute;z-index:-1;
  top:.3rem;bottom:.3rem;right:.45rem;left:.45rem;
  transform-origin:right center;transform:scaleX(var(--mag,0));
  background:color-mix(in srgb,var(--acc) 13%,transparent);
  border-right:1.5px solid color-mix(in srgb,var(--acc) 45%,transparent)}
@supports (animation-timeline: view()){
  td.mag::before{animation:grow .55s cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:view();animation-range:entry 0% entry 45%}
}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(var(--mag,0))}}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.answer{background:var(--deep);color:var(--deep-fg);border-radius:14px;
  padding:1.5rem 1.6rem;margin:1.6rem 0 2.2rem}
.answer .lab{font-family:var(--sans);font-size:.68rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--deep-mut);margin:0 0 .55rem}
.answer .a{font-size:1.22rem;line-height:1.45;font-weight:600;margin:0}
.answer p+p.s{margin:.75rem 0 0;color:var(--deep-mut);font-size:.98rem;
  line-height:1.6}
.answer .s+.s{margin-top:.4rem}
@media(max-width:640px){
  .answer{padding:1.2rem 1.15rem;border-radius:12px}
  .answer .a{font-size:1.08rem}
}
.aside{margin:1.6rem 0;padding:.1rem 0 .1rem 1.15rem;
  border-left:2px solid var(--acc-line)}
.aside .lab{font-family:var(--sans);font-size:.68rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--dim);margin:0 0 .3rem;font-weight:600}
.aside p{margin:0;color:var(--mut);line-height:1.65}
.aside.warn{border-left-color:color-mix(in srgb,var(--warn) 55%,transparent)}
.aside.warn .lab{color:var(--warn)}
.aside.do{border-left-color:color-mix(in srgb,var(--up) 45%,transparent)}
.aside.do .lab{color:var(--up)}
.faq{margin:2.2rem 0 1.4rem;border-top:1.5px solid var(--rule)}
.faq details{border-bottom:1px solid var(--line)}
.faq details:not([open]) .fa{content-visibility:hidden}
.faq summary{cursor:pointer;list-style:none;padding:.85rem .2rem;
  font-weight:600;line-height:1.5;display:flex;gap:.7rem;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";font-family:var(--mono);color:var(--dim);
  font-weight:400;flex:none}
.faq details[open] summary::before{content:"‘2"}
.faq summary:hover{color:var(--acc)}
.faq .fa{margin:0 0 .95rem 1.4rem;color:var(--mut);line-height:1.7;
  max-width:62ch}
.grid{display:grid;gap:1rem;margin:1.7rem 0 2.6rem;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
@media(min-width:760px){
  .grid>*:first-child{grid-column:span 2}
  body:has(.topgap) .grid>*:first-child{grid-column:auto}
  .grid>*:first-child b{font-size:1.18rem}
  .grid>*:first-child span{font-size:.9rem}
}
.tile{display:flex;flex-direction:column;justify-content:flex-start;
  min-height:8.4rem;padding:1.35rem 1.4rem;background:var(--panel);
  border:1px solid var(--line);border-radius:14px;text-decoration:none;
  color:var(--fg);position:relative;overflow:hidden;
  box-shadow:0 1px 1px rgba(20,19,17,.03),
             0 10px 22px -16px rgba(20,19,17,.35);
  transition:transform .22s cubic-bezier(.2,.7,.3,1),
             box-shadow .22s ease,border-color .18s ease}
.tile::after{content:"";position:absolute;inset:auto 0 0 0;height:100%;
  background:linear-gradient(to top,var(--acc-soft),transparent 62%);
  opacity:0;transition:opacity .24s ease;pointer-events:none}
.tile:hover{border-color:var(--acc-line);transform:translateY(-3px);
  box-shadow:0 2px 3px rgba(20,19,17,.05),
             0 20px 40px -22px rgba(20,19,17,.5)}
.tile:hover::after{opacity:1}
.tile b,.tile span{position:relative}
.tile b{display:block;font-size:1.06rem;font-weight:640;letter-spacing:-.008em;
  padding-right:1.6rem}
.tile span{display:block;color:var(--mut);font-size:.87rem;margin-top:.35rem;
  line-height:1.5}
.tile::before{content:"→";position:absolute;top:1.15rem;right:1.15rem;
  color:var(--acc);font-size:1rem;opacity:.35;
  transition:opacity .2s ease,transform .22s cubic-bezier(.2,.7,.3,1);
  z-index:1}
.tile:hover::before{opacity:1;transform:translateX(4px)}
.tool-lead{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:2rem;align-items:start;margin:1.6rem 0 2.6rem}
.tsw{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.tpanel{display:none;min-width:0}
#pick-liquidation-calculator:checked~.tool-main .tpanel[data-for=liquidation-calculator],
#pick-fee-calculator:checked~.tool-main .tpanel[data-for=fee-calculator],
#pick-funding-calculator:checked~.tool-main .tpanel[data-for=funding-calculator],
#pick-position-size-calculator:checked~.tool-main .tpanel[data-for=position-size-calculator]
  {display:block;animation:swap .3s cubic-bezier(.2,.7,.3,1) both}
#pick-liquidation-calculator:checked~.tool-side label[for=pick-liquidation-calculator],
#pick-fee-calculator:checked~.tool-side label[for=pick-fee-calculator],
#pick-funding-calculator:checked~.tool-side label[for=pick-funding-calculator],
#pick-position-size-calculator:checked~.tool-side label[for=pick-position-size-calculator]
  {border-color:var(--acc);background:var(--acc-soft);transform:none}
#pick-liquidation-calculator:checked~.tool-side label[for=pick-liquidation-calculator]::after,
#pick-fee-calculator:checked~.tool-side label[for=pick-fee-calculator]::after,
#pick-funding-calculator:checked~.tool-side label[for=pick-funding-calculator]::after,
#pick-position-size-calculator:checked~.tool-side label[for=pick-position-size-calculator]::after
  {opacity:1;transform:translateX(0)}
.tsw:focus-visible~.tool-side label[for]{outline:2px solid var(--acc);
  outline-offset:2px}
@keyframes swap{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.tpanel{animation:none!important}}
.tool-alt{cursor:pointer}
@media(max-width:860px){.tool-lead{grid-template-columns:1fr;gap:1.4rem}}
.tool-main{min-width:0}
.tool-main .card{margin-top:.5rem}
.eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--dim);margin:0 0 .35rem;font-weight:600}
.tool-side{display:flex;flex-direction:column;gap:.5rem;
  position:sticky;top:6.6rem}
@media(max-width:860px){.tool-side{position:static}}
.tool-alt{display:block;padding:.85rem 1rem;background:var(--panel);
  border:1px solid var(--line);border-radius:11px;text-decoration:none;
  color:var(--fg);position:relative;
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,
             border-color .16s ease}
.tool-alt::after{content:"→";position:absolute;right:1rem;top:.9rem;
  color:var(--acc);opacity:0;transform:translateX(-4px);
  transition:opacity .18s ease,transform .18s cubic-bezier(.2,.7,.3,1)}
.tool-alt:hover{border-color:var(--acc-line);transform:translateX(3px);
  box-shadow:0 12px 26px -20px rgba(20,19,17,.5)}
.tool-alt:hover::after{opacity:1;transform:translateX(0)}
.tool-alt b{display:block;font-size:.95rem;font-weight:640;padding-right:1.4rem}
.tool-alt span{display:block;color:var(--mut);font-size:.83rem;
  margin-top:.2rem;line-height:1.45}
.deskbar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;
  margin:1.8rem 0 -.4rem;padding:.5rem .85rem;
  border:1px solid var(--line);border-radius:999px;width:max-content;
  max-width:100%;background:var(--panel);
  font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;
  text-transform:uppercase;color:var(--dim)}
.deskbar .dot{width:7px;height:7px;border-radius:50%;background:var(--up);
  flex:0 0 auto;position:relative}
.deskbar .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1px solid var(--up);opacity:0;
  animation:ring 4s cubic-bezier(.2,.7,.3,1) infinite}
@keyframes ring{0%{transform:scale(.55);opacity:.85}70%,100%{transform:scale(1.5);opacity:0}}
.deskbar .dc{color:var(--acc);font-weight:600}
.deskbar .dl{color:var(--mut)}
@supports (animation-timeline: view()){
  tbody tr{animation:rowin .45s cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:view();animation-range:entry 0% entry 40%}
  tbody tr:nth-child(2){animation-delay:.04s}
  tbody tr:nth-child(3){animation-delay:.08s}
  tbody tr:nth-child(4){animation-delay:.12s}
  tbody tr:nth-child(5){animation-delay:.16s}
  tbody tr:nth-child(6){animation-delay:.2s}
}
@keyframes rowin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .deskbar .dot::after{animation:none;opacity:0}
  tbody tr{animation:none;opacity:1;transform:none}
}
.routes{margin:1.8rem 0 2.6rem}
.vpicks{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;
  margin:0 0 1.6rem}
.vpicks .eyebrow{margin:0 .5rem 0 0}
.vpick{cursor:pointer;padding:.5rem .95rem;border-radius:999px;
  border:1px solid var(--rule);background:var(--panel);color:var(--mut);
  font-size:.88rem;font-weight:600;
  transition:background .16s ease,color .16s ease,border-color .16s ease,
             transform .18s cubic-bezier(.2,.7,.3,1)}
.vpick:hover{color:var(--fg);border-color:var(--acc-line);transform:translateY(-1px)}
.route{display:none}
.track{position:relative;padding-left:2.6rem}
.track::before{content:"";position:absolute;left:1.02rem;top:1.4rem;bottom:1.4rem;
  width:2px;background:linear-gradient(to bottom,var(--acc),var(--acc-line) 70%,transparent)}
.step{display:grid;grid-template-columns:1fr auto;align-items:start;
  gap:.4rem 1rem;position:relative;padding:1.05rem 1.2rem;margin:0 0 .6rem;
  background:var(--panel);border:1px solid var(--line);border-radius:13px;
  text-decoration:none;color:var(--fg);
  box-shadow:0 1px 1px rgba(20,19,17,.03),0 10px 22px -18px rgba(20,19,17,.4);
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,
             border-color .16s ease}
.step:hover{transform:translateX(4px);border-color:var(--acc-line);
  box-shadow:0 2px 3px rgba(20,19,17,.05),0 18px 34px -22px rgba(20,19,17,.5)}
.step .sn{position:absolute;left:-2.6rem;top:1.05rem;
  display:grid;place-items:center;width:2.05rem;height:2.05rem;
  border-radius:50%;background:var(--bg);color:var(--acc);
  border:2px solid var(--acc-line);
  font:700 .82rem/1 var(--mono);z-index:1;
  transition:background .18s ease,color .18s ease,border-color .18s ease}
.step:hover .sn{background:var(--acc);color:var(--acc-fg);border-color:var(--acc)}
.step .sb{min-width:0}
.step b{display:block;font-size:1.02rem;font-weight:640;letter-spacing:-.008em}
.step small{display:block;color:var(--mut);font-size:.86rem;line-height:1.5;
  margin-top:.25rem}
.step .sg{font-family:var(--mono);font-size:.66rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--acc);white-space:nowrap;
  padding:.28rem .55rem;border:1px solid var(--acc-line);border-radius:999px;
  background:var(--acc-soft)}
@media(max-width:560px){
  .track{padding-left:2.1rem}
  .track::before{left:.78rem}
  .step{grid-template-columns:1fr;padding:.95rem 1rem}
  .step .sn{left:-2.1rem;width:1.6rem;height:1.6rem;font-size:.72rem}
  .step .sg{justify-self:start}
}
#pick-bitget:checked~.route[data-for=bitget],
#pick-bybit:checked~.route[data-for=bybit],
#pick-mexc:checked~.route[data-for=mexc],
#pick-okx:checked~.route[data-for=okx]{display:block;
  animation:swap .32s cubic-bezier(.2,.7,.3,1) both}
#pick-bitget:checked~.vpicks label[for=pick-bitget],
#pick-bybit:checked~.vpicks label[for=pick-bybit],
#pick-mexc:checked~.vpicks label[for=pick-mexc],
#pick-okx:checked~.vpicks label[for=pick-okx]{
  background:var(--acc);color:var(--acc-fg);border-color:var(--acc);
  transform:none}
@media(prefers-reduced-motion:reduce){.route{animation:none!important}}
.panel{margin-inline:calc(50% - 50vw);width:100vw;
  padding:5.5rem max(1.6rem,calc(50vw - 33rem)) 6.4rem;
  position:relative;overflow:hidden}
@media(max-width:720px){.panel{padding:3.4rem 1.15rem}}
.panel.lit{background:var(--panel)}
.panel.deep{background:var(--deep);color:var(--deep-fg)}
.panel.deep .kicker{color:var(--deep-mut)}
.panel.deep .big{color:#fff}
.panel.deep .sub{color:var(--deep-mut)}
.panel.deep a:not(.vid):not(.tile):not(.slab):not(.pill){color:#cfe0f5}
.panel .mid{text-align:center;max-width:52rem;margin-inline:auto}
.panel .mid.lede{text-align:left;margin-inline:0;max-width:37rem}
.panel .mid.lede .sub{margin-inline:0}
.panel .mid.lede .acts{justify-content:flex-start}
.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim);margin:0 0 1rem;font-weight:600}
.big{font-family:var(--serif);font-size:clamp(2.6rem,6.2vw,4.4rem);
  line-height:1.02;letter-spacing:-.022em;font-weight:600;margin:0 0 1rem;
  text-wrap:balance;color:var(--fg)}
.sub{font-size:clamp(1.05rem,1.8vw,1.32rem);line-height:1.45;color:var(--mut);
  margin:0 auto 2rem;max-width:40ch}
.acts{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:0}
.pill{display:inline-flex;align-items:center;gap:.45rem;
  padding:.82rem 1.5rem;border-radius:999px;font-size:1rem;font-weight:600;
  text-decoration:none;border:1.5px solid transparent;
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,
             background .16s ease,color .16s ease,border-color .16s ease}
.pill.solid{background:var(--acc);color:var(--acc-fg);
  box-shadow:0 2px 4px rgba(20,19,17,.10),0 16px 32px -16px rgba(20,19,17,.55)}
.pill.solid:hover{transform:translateY(-2px);
  box-shadow:0 3px 6px rgba(20,19,17,.13),0 24px 44px -18px rgba(20,19,17,.6)}
.pill.hollow{background:transparent;color:var(--acc);border-color:var(--acc)}
.pill.hollow:hover{background:var(--acc-soft);transform:translateY(-2px)}
.panel.deep .pill.solid{background:var(--bg);color:var(--deep);border-color:var(--bg)}
.panel.deep .pill.hollow{color:#cfe0f5;border-color:var(--deep-line)}
.panel.deep .pill.hollow:hover{background:#1e3c5d}
.mega{font-family:var(--mono);font-size:clamp(4rem,13vw,9rem);line-height:.86;
  font-weight:600;letter-spacing:-.05em;margin:.4rem 0 .6rem;
  font-variant-numeric:tabular-nums;color:var(--fg)}
.panel.deep .mega{color:#fff}
.megasub{font-size:.95rem;color:var(--dim);margin:0 0 2.2rem}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin:0}
@media(max-width:760px){.duo{grid-template-columns:1fr}}
.slab{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:3.2rem 2rem;border-radius:20px;background:var(--panel);
  border:1px solid var(--line);text-decoration:none;color:var(--fg);
  min-height:19rem;justify-content:center;
  box-shadow:0 1px 1px rgba(20,19,17,.03),0 16px 34px -24px rgba(20,19,17,.45);
  transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s ease}
.slab:hover{transform:translateY(-4px);
  box-shadow:0 3px 6px rgba(20,19,17,.07),0 30px 56px -26px rgba(20,19,17,.55)}
.slab b{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.3rem);
  font-weight:600;letter-spacing:-.015em;line-height:1.08;display:block;
  margin:0 0 .55rem}
.slab span{color:var(--mut);font-size:1rem;line-height:1.5;max-width:30ch;
  display:block;margin:0 0 1.5rem}
.slab em{font-style:normal;color:var(--acc);font-weight:640;font-size:.95rem;
  display:inline-flex;align-items:center;gap:.4rem}
.slab em::after{content:"→";transition:transform .22s cubic-bezier(.2,.7,.3,1)}
.slab:hover em::after{transform:translateX(5px)}
@supports (animation-timeline: view()){
  .panel .mid>*,.duo>*{animation:rise .55s cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:view();animation-range:entry 0% entry 45%}
  .duo>*:nth-child(2){animation-delay:.07s}
}
@media(prefers-reduced-motion:reduce){
  .panel .mid>*,.duo>*{animation:none!important}
}
@media(min-width:60rem){
  .panel.split{display:grid;grid-template-columns:minmax(0,21rem) minmax(0,1fr);
    gap:clamp(2.5rem,5vw,5.5rem);align-items:start}
  .panel.split .mid{position:sticky;top:7.8rem;max-width:none}
  .panel.split .duo{grid-template-columns:1fr;gap:1.1rem}
  .panel.split .slab{align-items:flex-start;text-align:left;padding:2.4rem 2.2rem}
  .panel.split .slab span{margin-bottom:1.1rem}
  .panel.split .slab b{font-size:clamp(1.45rem,2.2vw,1.9rem)}
}
.panel.tint{background:var(--panel-2)}
.panel.tint .kicker{color:var(--mut)}
.panel.art,.panel.lit.art{position:relative;min-height:26rem;
  display:flex;align-items:center}
.panel.art::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:var(--art) right 6% center/min(38%,26rem) auto no-repeat}
.panel.art>*{position:relative;z-index:1}
.panel.art .mid{text-align:left;margin-inline:0;max-width:31rem}
.panel.art .sub{margin-inline:0}
.panel.art .acts{justify-content:flex-start}
.panel.deep.art::after{filter:invert(1) brightness(1.15);opacity:.85}
@media(max-width:900px){
  .panel.art::after{background-size:min(68%,18rem) auto;
    background-position:center bottom}
  .panel.art{
    padding-bottom:13rem;min-height:0;display:block}
  .panel.art .mid{max-width:none}
}
.fold{margin:-1.4rem 0 2.6rem}
.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;
  justify-content:center;gap:.5rem;width:max-content;margin:0 auto;
  padding:.72rem 1.4rem;border-radius:999px;background:var(--panel);
  border:1px solid var(--rule);color:var(--fg);font-size:.94rem;font-weight:600;
  box-shadow:0 1px 1px rgba(20,19,17,.03),0 10px 22px -18px rgba(20,19,17,.4);
  transition:transform .2s cubic-bezier(.2,.7,.3,1),border-color .16s ease,
             box-shadow .2s ease}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary::after{content:"";width:.5rem;height:.5rem;
  border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);
  transform:rotate(45deg) translate(-2px,-2px);
  transition:transform .24s cubic-bezier(.2,.7,.3,1)}
.fold>summary:hover{border-color:var(--acc);transform:translateY(-2px);
  box-shadow:0 2px 3px rgba(20,19,17,.05),0 18px 34px -20px rgba(20,19,17,.5)}
.fold[open]>summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.fold>summary .open,.fold[open]>summary .shut{display:none}
.fold[open]>summary .open{display:inline}
.fold .grid{margin-top:1rem}
.vfold{margin:.2rem 0 0}
.vfold .vids{margin-top:1rem}
.panel.deep .fold>summary{background:var(--panel);color:var(--fg);
  border-color:var(--deep-line)}
.fold[open] .grid>*{animation:rise .4s cubic-bezier(.2,.7,.3,1) both}
.fold[open] .grid>*:nth-child(2){animation-delay:.03s}
.fold[open] .grid>*:nth-child(3){animation-delay:.06s}
.fold[open] .grid>*:nth-child(4){animation-delay:.09s}
.fold[open] .grid>*:nth-child(n+5){animation-delay:.12s}
@media(prefers-reduced-motion:reduce){.fold[open] .grid>*{animation:none}}
.pagehero{margin:.4rem 0 2.6rem;padding:0;border-radius:16px;overflow:hidden;
  border:1px solid var(--line);background:var(--panel-2);
  box-shadow:0 1px 1px rgba(20,19,17,.03),0 22px 44px -34px rgba(20,19,17,.5)}
.pagehero img{display:block;width:100%;height:clamp(9rem,22vw,15rem);
  object-fit:cover;object-position:center 52%}
@media(prefers-reduced-motion:no-preference){
  .pagehero img{animation:heroin .7s cubic-bezier(.2,.7,.3,1) both}}
@keyframes heroin{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
.hero-deck{position:relative;display:flex;flex-direction:column;
  justify-content:center;gap:1.4rem}
.hero-deck::before{content:"";position:absolute;inset:-2.5rem -2rem -1rem;
  background:url(/img/deck-bed.webp) center/cover no-repeat;
  border-radius:26px;opacity:.85;
  -webkit-mask-image:radial-gradient(120% 100% at 60% 45%,#000 42%,transparent 78%);
  mask-image:radial-gradient(120% 100% at 60% 45%,#000 42%,transparent 78%);
  pointer-events:none}
.hero-stack{position:relative}
.deck{display:flex;flex-direction:column;align-items:flex-start}
.deck[hidden]{display:none}
.vcard{background:var(--panel) url(/img/card-stock.webp) center/180% auto}
.vcard::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:var(--flow-mark) right -2.4rem bottom -1rem/auto 116% no-repeat;
  opacity:.13;border-radius:inherit}
.vcard>*{position:relative;z-index:1}
.vcard{border-top:2px solid color-mix(in srgb,var(--acc) 22%,transparent)}
.vcard::after{content:"";position:absolute;left:0;bottom:0;height:3px;
  width:calc(var(--mag,0) * 100%);
  background:linear-gradient(90deg,var(--acc-line),var(--acc));
  opacity:.5;border-radius:0 3px 0 12px;
  transform-origin:left;animation:barin .7s .35s cubic-bezier(.2,.7,.3,1) both}
@keyframes barin{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.vcard[data-flow="out"]{--flow-mark:url(/img/mark-cost-cut.webp)}
.vcard[data-flow="in"]{--flow-mark:url(/img/mark-pay-cut.webp)}
.vcard[data-flow="flat"]::before{display:none}
.vcard:last-child::before{opacity:.15}
.vcard:last-child::after{opacity:.9;height:4px}
.dots{display:flex;flex-wrap:wrap;gap:.4rem;position:relative;
  margin-left:calc(3 * 1.5rem)}
.dot-b{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;
  border:1px solid transparent;background:none;border-radius:999px;
  padding:.3rem .6rem;font:600 .72rem/1 var(--mono);letter-spacing:.08em;
  color:var(--dim);transition:color .18s ease,border-color .18s ease,
  background .18s ease}
.dot-b i{width:.42rem;height:.42rem;border-radius:50%;background:var(--rule);
  transition:background .2s ease,transform .2s ease}
.dot-b:hover{color:var(--fg);border-color:var(--line)}
.dot-b.on{color:var(--acc);border-color:var(--acc-line);
  background:var(--acc-soft)}
.dot-b.on i{background:var(--acc);transform:scale(1.35)}
#wf{display:inline-block}
#wf.in{animation:figin .45s cubic-bezier(.2,.7,.3,1) both}
@keyframes figin{
  from{opacity:0;transform:translateY(.18em) scale(.985)}
  to{opacity:1;transform:none}}
.deck.in .vcard{animation:deal .62s cubic-bezier(.2,.75,.3,1) both;
  animation-delay:calc(var(--i) * 70ms)}
@media(prefers-reduced-motion:reduce){
  .deck.in .vcard,#wf.in,.vcard::after{animation:none}
  .vcard::after{transform:none}}
@media(max-width:820px){
  .hero-deck::before{inset:-1.2rem -1rem}
  .dots{margin-left:0}}
.tile,.slab,.vpick,.vid,.fold>summary,.step,.tool-alt,.cta,.deskbar{
  background:var(--panel) url(/img/card-stock.webp) center/190% auto;
  border-top-width:2px;
  border-top-color:color-mix(in srgb,var(--acc) 20%,var(--line))}
.panel.deep .vid{background-color:#20395a;
  background-blend-mode:luminosity;
  border-color:var(--deep-line);
  border-top-color:color-mix(in srgb,var(--acc-line) 55%,transparent)}
.panel.deep .vid{color:var(--deep-fg)}
.panel.deep .vid .vk,.panel.deep .vid em{color:var(--deep-mut)}
.panel.deep .vid:hover{border-color:var(--acc-line)}
@media(min-width:60rem){
  .panel.split .duo{align-content:start}
  .panel.split .slab{padding:2.2rem 2.2rem 2rem}
}
.slab{position:relative;overflow:hidden}
.step{position:relative}
.step::before,.slab::before{content:"";position:absolute;right:-1.6rem;bottom:-1.4rem;
  width:9rem;height:9rem;pointer-events:none;
  background:var(--card-mark) center/contain no-repeat;
  opacity:.15;
  transition:opacity .3s ease,transform .4s cubic-bezier(.2,.7,.3,1)}
.slab:hover::before,.step:hover::before{opacity:.2;
  transform:translate(-.3rem,-.3rem) rotate(-2deg)}
.step::before{inset:1px;width:auto;height:auto;border-radius:inherit;
  background:var(--card-mark) right -.9rem bottom -1.1rem/5.6rem auto no-repeat;
  opacity:.14}
.slab:not([style*="--card-mark"])::before,
.step:not([style*="--card-mark"])::before{display:none}
.slab>*,.step>*{position:relative;z-index:1}
.cm{display:inline-block;vertical-align:-.16em;width:1.15em;height:1.15em;
  margin-right:.42em;flex:none;
  transition:transform .3s cubic-bezier(.2,.7,.3,1)}
img.cm{opacity:.9}
.cm-i{background:var(--m) center/contain no-repeat;opacity:.8}
.tile:hover .cm,.topgap:hover .cm{transform:translateY(-1px) scale(1.08)}
.topgap .gb .cm{width:.92em;height:.92em;vertical-align:-.06em;margin-right:.3em}
.topgap{position:relative;display:block;text-decoration:none;color:inherit;
  margin:1.7rem 0 1.2rem;padding:1.6rem 1.7rem 1.5rem;border-radius:18px;
  background:var(--panel) url(/img/card-stock.webp) center/170% auto;
  border:1px solid var(--line);
  border-top:2px solid color-mix(in srgb,var(--acc) 34%,var(--line));
  box-shadow:0 1px 1px rgba(20,19,17,.03),0 26px 50px -34px rgba(20,19,17,.55);
  transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s ease,
             border-color .18s ease}
.topgap:hover{transform:translateY(-3px);border-color:var(--acc-line);
  box-shadow:0 3px 5px rgba(20,19,17,.05),0 34px 62px -32px rgba(20,19,17,.6)}
.topgap .gb{font-family:var(--serif);font-size:clamp(2rem,5vw,3.1rem);
  font-weight:600;letter-spacing:-.02em;line-height:1;margin:.15rem 0 .35rem}
.topgap .gd{color:var(--mut);font-size:.98rem;margin:0 0 1.25rem}
.topgap .gd b{color:var(--fg);font-family:var(--mono);font-weight:600;
  font-variant-numeric:tabular-nums}
.gsides{display:grid;gap:.7rem}
@media(min-width:44rem){.gsides{grid-template-columns:1fr 1fr;gap:1.1rem}}
.gs{position:relative;padding:.7rem .2rem .95rem;border-top:1px solid var(--line)}
.gs::after{content:"";position:absolute;left:0;bottom:0;height:3px;
  width:calc(var(--mag,0) * 100%);border-radius:2px;
  transform-origin:left;animation:barin .8s .25s cubic-bezier(.2,.7,.3,1) both}
.gs.hi::after{background:linear-gradient(90deg,var(--acc-line),var(--down))}
.gs.lo::after{background:linear-gradient(90deg,var(--acc-line),var(--up))}
.gs .gv{display:block;font-family:var(--mono);font-size:.68rem;
  letter-spacing:.11em;text-transform:uppercase;color:var(--dim)}
.gs .gf{display:block;font-family:var(--mono);font-size:1.5rem;font-weight:600;
  letter-spacing:-.02em;margin:.2rem 0 .1rem;font-variant-numeric:tabular-nums}
.gs.lo .gf{color:var(--acc)}
.gs .gw{display:block;font-size:.78rem;color:var(--mut)}
@media(prefers-reduced-motion:reduce){.gs::after{animation:none}}
.card{position:relative;
  background:var(--panel) url(/img/sheet-ruled.webp) center/7.5rem auto;
  border-top:2px solid color-mix(in srgb,var(--acc) 26%,var(--line))}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;
  background:var(--panel);opacity:.9;pointer-events:none}
.card>*{position:relative;z-index:1}
.card .row{padding:.3rem 0}
.card input[type=number],.card input[type=text],.card select{
  background:transparent;border:0;border-bottom:1.5px solid var(--rule);
  border-radius:0;padding:.4rem .1rem .3rem;
  transition:border-color .18s ease,background .18s ease}
.card input:hover,.card select:hover{
  border-bottom-color:var(--acc-line);
  background:color-mix(in srgb,var(--acc) 4%,transparent)}
.card input:focus-visible,.card select:focus-visible{
  outline:none;border-bottom:1.5px solid var(--acc);
  background:color-mix(in srgb,var(--acc) 7%,transparent);
  box-shadow:0 1px 0 0 var(--acc)}
.card .out{border-top:1.5px solid var(--rule);margin-top:1.4rem;
  padding-top:1.1rem}
.card .o.hero{background:color-mix(in srgb,var(--acc) 7%,transparent);
  border-left:0;border-top:1.5px solid var(--acc);border-radius:0;
  padding:.85rem .2rem .8rem}
.card::after{content:"";position:absolute;right:.9rem;bottom:.7rem;
  width:12rem;height:4.4rem;pointer-events:none;
  background:url(/img/plate-instrument.webp) right bottom/contain no-repeat;
  mix-blend-mode:multiply;opacity:.18}
@media(max-width:52rem){.card::after{display:none}}
.panel.offer{background-color:var(--acc-soft)}
.panel.offer .kicker{color:var(--acc)}
.panel.offer::after{opacity:.5}
.ofig{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;
  margin:1.4rem 0 1.6rem;padding-top:1.2rem;
  border-top:1.5px solid color-mix(in srgb,var(--acc) 30%,transparent)}
.ofig b{font-family:var(--mono);font-size:clamp(2.4rem,6vw,3.6rem);
  font-weight:600;letter-spacing:-.035em;line-height:1;color:var(--acc);
  font-variant-numeric:tabular-nums}
.ofig span{color:var(--mut);font-size:.92rem;line-height:1.5;max-width:30rem}
.fine{color:var(--dim);font-size:.78rem;line-height:1.55;max-width:44rem;
  margin:1.3rem 0 0}
@media(max-width:640px){
  h1{font-size:clamp(2.05rem,7.6vw,2.9rem);line-height:1.08}
  .dek{font-size:1rem;line-height:1.5}
  .big{font-size:clamp(1.75rem,7vw,2.4rem);line-height:1.12}
  .huge{font-size:clamp(3rem,15vw,4.4rem)}
  .sub{font-size:.95rem}
  .panel{padding:3.4rem max(1.1rem,4vw) 3.8rem}
  .pagehero{margin:.3rem 0 1.7rem}
  .pagehero img{height:clamp(7rem,30vw,10rem)}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;
    margin:1.1rem 0 1.7rem}
  .grid>*:first-child{grid-column:auto}
  .tile{min-height:0;padding:.85rem .9rem 1rem}
  .tile b{font-size:.92rem;padding-right:0}
  .tile span{font-size:.78rem;margin-top:.25rem}
  .tile::before{display:none}
  .cm{width:1em;height:1em;margin-right:.32em}
  .step{padding:.8rem .9rem}
  .step .sn{left:-2.1rem;width:1.7rem;height:1.7rem;font-size:.78rem}
  .step b{font-size:.93rem}
  .step small{font-size:.8rem}
  .slab{padding:1.3rem 1.1rem 1.2rem}
  .slab b{font-size:clamp(1.25rem,5.5vw,1.6rem)}
  .slab span{font-size:.88rem;max-width:none;margin-bottom:1rem}
  .slab::before{width:6rem;height:6rem;right:-1rem;bottom:-.9rem}
  .slab b,.slab span,.slab em{overflow-wrap:anywhere}
  .hero-go,.acts{display:flex;flex-wrap:wrap;gap:.5rem}
  .hero-go>*,.acts>*{flex:1 1 auto;min-width:0;
    padding-left:1rem;padding-right:1rem;font-size:.88rem;white-space:nowrap}
  .card{padding:1.1rem 1rem}
  .row{grid-template-columns:1fr 7.5rem;gap:.35rem .7rem}
  .o{padding:.34rem 0}
  .fold{margin:-.9rem 0 1.9rem}
  .fold>summary{padding:.6rem 1.1rem;font-size:.88rem}
  .ofig b{font-size:clamp(2rem,11vw,2.8rem)}
  .ofig span{font-size:.84rem}
  .topgap{padding:1.1rem 1.1rem 1.2rem;border-radius:14px}
  .topgap .gb{font-size:clamp(1.6rem,8vw,2.2rem);margin:.1rem 0 .25rem}
  .topgap .gd{margin-bottom:.8rem;font-size:.9rem}
  .gsides{grid-template-columns:1fr 1fr;gap:.8rem}
  .gs{padding:.55rem .1rem .8rem}
  .gs .gf{font-size:1.12rem}
  .gs .gw{font-size:.72rem}
  h1{margin-bottom:.5rem}
  .asof{font-size:.68rem}
  .vcard{padding:.7rem .8rem 1rem}
  .vcard .vr{font-size:1.32rem;margin:.15rem 0 .05rem}
  .vcard .vn{font-size:.62rem}
  .vcard .vu{font-size:.66rem;line-height:1.3}
  .vcard::before{background-size:auto 90%;opacity:.09}
  .vcard .best{top:.5rem;right:.6rem;font-size:.52rem;padding:.12rem .34rem}
  .dots{margin-left:0;justify-content:center}
  .panel .vids,.vids{grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.6rem;margin:1rem 0}
  .vids>*:nth-child(n+5){display:none}
  .vids .vid img{height:8.5rem}
  .vids .vid b{font-size:.86rem;line-height:1.25}
  .vids .vid em,.vids .vid .vk{font-size:.68rem}
  .duo{grid-template-columns:1fr;gap:.7rem}
  .fold~.grid>*:nth-child(n+5),.panel>.grid>*:nth-child(n+5){display:none}
  .panel{padding:2.9rem max(1.05rem,4vw) 3.2rem}
  .hero{padding-top:.5rem}
  .huge{font-size:clamp(2.6rem,13vw,3.6rem);line-height:.95}
  .lede,.lede2{font-size:.92rem;line-height:1.5}
  .ticker{margin:1.2rem 0}
  footer{font-size:.8rem}
}
@media(max-width:379px){
  .grid,.vids{grid-template-columns:1fr}
}
.go-btn:active,.go-alt:active,.tile:active,.tool-alt:active,.vpick:active,
.pill:active,.slab:active,.vid:active,.ghost:active,.fold>summary:active,
.series a:active,.step:active{
  transform:translateY(1px) scale(.994);
  transition-duration:.06s}
@media(prefers-reduced-motion:reduce){
  .go-btn:active,.go-alt:active,.tile:active,.tool-alt:active,.vpick:active,
  .pill:active,.slab:active,.vid:active,.ghost:active,.fold>summary:active,
  .series a:active,.step:active{transform:none;filter:brightness(.96)}}
nav.toc{margin:1.4rem 0 2rem;padding:.9rem 1.1rem;border:1px solid var(--line);
  border-radius:8px;background:var(--acc-soft)}
nav.toc ol{margin:0;padding-left:1.2rem;columns:2;column-gap:1.6rem}
nav.toc li{margin:.2rem 0;font-size:.93rem;break-inside:avoid}
nav.toc a{color:var(--fg);text-decoration:none;border-bottom:1px solid transparent}
nav.toc a:hover{border-bottom-color:var(--acc)}
@media(max-width:640px){nav.toc ol{columns:1}}
.ctas{display:grid;gap:.9rem;margin:2.6rem 0}
.ctas>a.cta{margin:0}
a.cta.alt{background:transparent}
a.cta.start{border-left-color:var(--acc)}
a.cta.alt>b{font-size:1.02rem}
a.cta{display:block;margin:2.6rem 0;padding:1.35rem 1.4rem;
  background:var(--panel);
  border:1px solid var(--acc-line);border-left:3px solid var(--acc);
  border-radius:0 var(--r) var(--r) 0;text-decoration:none;color:var(--fg);
  position:relative;overflow:hidden;
  transition:border-color .18s ease,box-shadow .22s ease,background .18s ease}
a.cta::before{content:"";position:absolute;inset:0;background:var(--acc-soft);
  transform:translateX(-100%);transition:transform .32s cubic-bezier(.2,.7,.3,1)}
a.cta>*{position:relative}
a.cta:hover{border-color:var(--acc);box-shadow:var(--shadow)}
a.cta:hover::before{transform:translateX(0)}
a.cta>b::before{content:attr(data-tag);display:block;font-family:var(--mono);
  font-size:.62rem;letter-spacing:.13em;color:var(--dim);font-weight:600;
  margin-bottom:.5rem}
a.cta b{display:block;font-family:var(--serif);font-size:1.2rem;font-weight:600;
  color:var(--fg);letter-spacing:-.008em;margin-bottom:.4rem}
a.cta span{display:block;color:var(--mut);font-size:.9rem;line-height:1.55}
a.cta .go{margin-top:.85rem;color:var(--acc);font-weight:640;font-size:.92rem;
  display:inline-flex;align-items:center;gap:.4rem}
a.cta .go::after{content:"\2192";transition:transform .22s cubic-bezier(.2,.7,.3,1)}
a.cta:hover .go::after{transform:translateX(4px)}
a.cta .fine{margin-top:.45rem;font-size:.78rem;color:var(--dim)}
.cta.tg{border-left-color:var(--line)}
.cta.tg b{color:var(--fg)}
.draft{margin:0 0 1.6rem;padding:.8rem 1rem;border-radius:var(--r);
  background:color-mix(in srgb,var(--warn) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--warn) 34%,transparent);
  color:var(--fg);font-size:.9rem}
.series{display:flex;flex-direction:column;gap:0;margin:1.6rem 0;
  border-top:1px solid var(--line)}
.series a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;
  gap:.9rem;padding:.85rem .3rem;background:transparent;
  border:none;border-bottom:1px solid var(--line);border-radius:0;
  text-decoration:none;color:var(--fg);transition:background .16s ease}
.series a:hover{background:var(--acc-soft)}
.series a[aria-current=page]{background:var(--acc-soft)}
.series .n{display:grid;place-items:center;width:27px;height:27px;
  border-radius:50%;background:transparent;color:var(--mut);
  font:600 .78rem/1 var(--mono);border:1px solid var(--rule)}
.series a[aria-current=page] .n{background:var(--acc);color:var(--acc-fg);
  border-color:var(--acc)}
.series b{display:block;font-weight:620;font-size:.96rem;letter-spacing:-.008em}
.series small{display:block;color:var(--mut);font-size:.84rem;line-height:1.5;
  margin-top:.15rem}
.series .cnt{color:var(--dim);font-size:.76rem;font-family:var(--mono);
  white-space:nowrap}
@media(max-width:520px){
  .series a{grid-template-columns:auto 1fr;row-gap:.15rem}
  .series .cnt{grid-column:2;text-align:left}
}
figure.ui{margin:0 0 2rem;padding:0}
figure.ui svg{display:block;border:1px solid var(--line);border-radius:var(--r);
  background:var(--panel)}
nav .icon{display:inline-grid;place-items:center;width:30px;height:30px;
  color:var(--mut);border-radius:0;padding:0;
  transition:color .15s ease,box-shadow .15s ease}
nav .icon:hover{color:var(--acc);background:transparent;
  box-shadow:inset 0 -1.5px 0 var(--acc)}
details.picker{position:relative;display:inline-block}
details.picker summary{list-style:none;cursor:pointer;display:inline-grid;
  place-items:center;width:30px;height:30px;color:var(--mut);border-radius:0}
details.picker summary::-webkit-details-marker{display:none}
details.picker summary:hover,details.picker[open] summary{color:var(--acc);
  background:transparent;box-shadow:inset 0 -1.5px 0 var(--acc)}
details.picker .menu{position:absolute;right:0;top:36px;z-index:40;
  display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:.1rem;
  padding:.4rem;background:var(--panel);border:1px solid var(--rule);
  border-radius:var(--r);box-shadow:var(--shadow);min-width:236px}
details.picker .menu a{padding:.35rem .5rem;border-radius:5px;font-size:.85rem;
  color:var(--fg);text-decoration:none;white-space:nowrap}
details.picker .menu a:hover{background:var(--acc-soft)}
details.picker .menu a[aria-current]{background:var(--acc-soft);font-weight:640}
@media(max-width:560px){details.picker .menu{right:-8px;min-width:212px}}
nav sup.en{font-size:.62em;margin-left:.15em;color:var(--dim);font-weight:600;
  letter-spacing:.03em;vertical-align:super}
nav.langs{display:flex;flex-wrap:wrap;gap:.3rem .5rem;margin:0 0 1.2rem;
  padding-bottom:.9rem;border-bottom:1px solid var(--line)}
nav.langs a{color:var(--mut);text-decoration:none;font-size:.82rem;
  padding:.15rem .3rem;border-radius:0;
  transition:color .15s ease,box-shadow .15s ease}
nav.langs a:hover{color:var(--fg);background:transparent;
  box-shadow:inset 0 -1.5px 0 var(--acc-line)}
nav.langs a[aria-current]{color:var(--acc);background:transparent;font-weight:600;
  box-shadow:inset 0 -1.5px 0 var(--acc)}
.stat{display:flex;flex-wrap:wrap;gap:0;margin:1.8rem 0;
  border-top:1.5px solid var(--rule);border-bottom:1px solid var(--line)}
.stat div{flex:1 1 150px;padding:.9rem 1rem .95rem;background:transparent;
  border:none;border-left:1px solid var(--line)}
.stat div:first-child{border-left:none;padding-left:0}
.stat .k{display:block;font-size:.7rem;text-transform:uppercase;
  letter-spacing:.09em;color:var(--dim);font-weight:600}
.stat .v{display:block;font-family:var(--mono);font-size:1.42rem;
  font-weight:600;margin-top:.3rem;letter-spacing:-.02em;line-height:1.1}
.stat div:first-child .v{font-size:1.72rem;color:var(--acc)}
.up{color:var(--up)} .down{color:var(--down)}
footer{margin-top:4rem;padding-top:1.5rem;border-top:1.5px solid var(--rule);
  color:var(--mut);font-size:.84rem;line-height:1.6}
footer p{margin:0 0 .5rem}
footer .legal{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
footer .legal p{margin:0 0 .35rem}
.upd{font-family:var(--mono);font-size:.76rem;letter-spacing:.01em;
  color:var(--mut)}
@media(max-width:720px){
  .w{max-width:none}
}
@media(max-width:560px){
  body{font-size:16px} h1{font-size:1.85rem} h2{font-size:1.28rem}
  .w{padding:0 1.05rem 4rem}
  nav{gap:0} nav a{padding:.32rem .42rem;font-size:.8rem}
  .stat div{flex:1 1 100%;border-left:none;padding-left:0;
    border-top:1px solid var(--line)}
  .stat div:first-child{border-top:none}
}
.tw,table{display:block;max-width:100%;overflow-x:auto;
  -webkit-overflow-scrolling:touch}
table{margin:1.6rem 0}
.tw{margin:1.6rem 0}
.tw table{margin:0}
table>thead,table>tbody{display:table;width:100%;min-width:max-content}
.todo{border-left:3px solid var(--warn);background:var(--panel);
  padding:.8rem .95rem;border-radius:0 var(--r) var(--r) 0;margin:1.2rem 0;
  color:var(--mut);font-size:.92rem}
.todo b{display:block;font-family:var(--mono);font-size:.68rem;
  letter-spacing:.11em;color:var(--warn);margin-bottom:.25rem}
.vids{display:grid;gap:.9rem;margin:1.8rem 0;
  grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.vids.one{grid-template-columns:minmax(0,26rem)}
.vid.wide{max-width:30rem}
.vid{display:block;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--fg);
  transition:border-color .18s ease,transform .22s cubic-bezier(.2,.7,.3,1),
    box-shadow .22s ease}
.vid:hover{border-color:var(--acc-line);transform:translateY(-2px);
  box-shadow:var(--shadow)}
.vid img{display:block;width:100%;height:auto;aspect-ratio:3/4;
  object-fit:cover;object-position:center;background:var(--panel-2)}
.vids{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}
.vids.one{grid-template-columns:minmax(0,17rem)}
.vid.wide{max-width:19rem}
}
.vid .vk{display:block;padding:.75rem .9rem 0;font-family:var(--mono);
  font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;color:var(--dim)}
.vid b{display:block;padding:.28rem .9rem 0;font-size:.96rem;font-weight:620;
  line-height:1.35;letter-spacing:-.008em}
.vid em{display:block;padding:.4rem .9rem .9rem;font-style:normal;
  font-family:var(--mono);font-size:.72rem;color:var(--dim)}
.card{background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);padding:1.3rem 1.35rem;margin:1.8rem 0;
  box-shadow:var(--shadow)}
.f{display:grid;gap:.65rem}
.row{display:grid;grid-template-columns:1fr 11rem;gap:.5rem 1rem;
  align-items:center}
.row label{color:var(--mut);font-size:.92rem;line-height:1.35}
input[type=number],input[type=text],select{
  width:100%;padding:.52rem .65rem;font:inherit;font-family:var(--mono);
  font-size:.94rem;text-align:right;font-variant-numeric:tabular-nums;
  color:var(--fg);background:var(--bg);
  border:1px solid var(--rule);border-radius:6px;
  color-scheme:light dark;
  transition:border-color .15s,box-shadow .15s}
input:focus-visible,select:focus-visible{outline:none;border-color:var(--acc);
  box-shadow:0 0 0 3px var(--acc-soft)}
a:focus-visible,summary:focus-visible,button:focus-visible,.ghost:focus-visible,
input:focus-visible,select:focus-visible{
  outline:2px solid var(--acc);outline-offset:3px;border-radius:0;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--acc) 16%,transparent)}
.out{display:grid;gap:.15rem;margin-top:1.25rem;padding-top:1.1rem;
  border-top:1px solid var(--line)}
.o{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;
  align-items:baseline;padding:.44rem 0}
.o span{color:var(--mut);font-size:.92rem}
.o b{font-family:var(--mono);font-size:1.02rem;font-weight:620;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.o.hero{padding:.8rem .95rem;margin:.2rem 0 .4rem;border-radius:var(--r);
  background:var(--acc-soft);border-left:3px solid var(--acc)}
.o.hero b{font-size:1.45rem;color:var(--acc)}
.o.hero span{color:var(--fg)}
.o.warn b{color:var(--warn)}
.note{color:var(--mut);font-size:.85rem;margin:1rem 0 0;line-height:1.5}
.ghost{display:inline-block;margin-top:.95rem;padding:.45rem .85rem;
  font-size:.86rem;font-family:var(--sans);color:var(--mut);
  background:transparent;border:1px solid var(--rule);border-radius:6px;
  cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.ghost:hover{border-color:var(--acc);color:var(--acc);background:var(--acc-soft)}
@media(max-width:520px){
  .row{grid-template-columns:1fr;gap:.25rem}
  .row input{max-width:none}
}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes draw{from{stroke-dashoffset:var(--len,1000)}to{stroke-dashoffset:0}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
@keyframes underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.upd{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .4rem}
.upd::before{content:"";width:5px;height:5px;border-radius:50%;
  background:var(--up);flex:0 0 auto}
.stat .v{position:relative}
.stat div:first-child .v::after{content:"";position:absolute;left:0;right:0;
  bottom:-4px;height:2px;background:var(--acc);transform-origin:left;
  transform:scaleX(0)}
tbody tr{transition:background .14s ease}
svg .anim{stroke-dasharray:var(--len,1000);stroke-dashoffset:var(--len,1000)}
@supports (animation-timeline: view()){
  .grid>*,.stat div,section>h2,figure{
    animation:rise .5s cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:view();animation-range:entry 0% entry 55%}
  .grid>*:nth-child(2n){animation-delay:.04s}
  .grid>*:nth-child(3n){animation-delay:.08s}
  .stat div:first-child .v::after{
    animation:underline .6s cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:view();animation-range:entry 10% entry 70%}
  svg .anim{animation:draw 1.1s ease-out both;
    animation-timeline:view();animation-range:entry 0% entry 60%}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  .stat div:first-child .v::after{transform:scaleX(1)}
  td.mag::before{transform:scaleX(var(--mag,0))}
  svg .anim{stroke-dashoffset:0}
  a.cta::before{display:none}
}
figure.inline{margin:1.6rem 0}figure.inline img{display:block;width:100%;height:auto;border-radius:6px}
.subscribe{margin:1.6rem 0 1rem;padding:1rem 1.1rem;border:1px solid var(--rule,#d8d4cc);border-radius:6px}
.subscribe p{margin:0 0 .5rem}.subscribe div{display:flex;gap:.5rem;flex-wrap:wrap}
.subscribe input[type=email]{flex:1 1 220px;padding:.55rem .7rem;font:inherit;border:1px solid var(--rule,#bbb);border-radius:4px}
.subscribe button{padding:.55rem 1rem;font:inherit;font-weight:600;border:0;border-radius:4px;background:var(--fg,#1b1f23);color:var(--bg,#fff);cursor:pointer}
.subscribe small{display:block;margin-top:.4rem;color:var(--mut,#777)}
.site-top{position:sticky;top:0;z-index:30;margin:0 0 2.2rem;padding:.45rem 0 0;background:var(--bg)}
.livebar{display:flex;gap:.9rem;align-items:center;justify-content:center;flex-wrap:wrap;margin:.45rem 0 0;padding:.45rem .9rem;border-radius:.7rem;background:#0d1117;color:#f2f5f4;font-size:.86rem;line-height:1.3}
.livebar b{color:#2ec89b;font-variant-numeric:tabular-nums}
.livebar .lb-timer{white-space:nowrap}
.livebar .lb-cta{padding:.32rem .8rem;border-radius:999px;background:#2ec89b;color:#0d1117;font-weight:700;text-decoration:none;white-space:nowrap}
.livebar .lb-cta:hover{background:#4fdcb0}
@media(max-width:640px){.livebar{font-size:.8rem;gap:.5rem;padding:.4rem .6rem}.livebar .lb-gap{flex-basis:100%;text-align:center}}
.chart{display:block;width:100%;height:auto;margin:1.1rem 0;overflow:visible}
.chart text{font-family:var(--mono);fill:var(--mut)}
.ps-axis{stroke:var(--line);stroke-width:2}
.ps-band{fill:var(--acc);opacity:.20}
.ps-band.risk{fill:var(--down);opacity:.24}
.ps-tick{stroke:var(--line);stroke-width:1.5}
.ps-dot{fill:var(--fg)}
.ps-dot.liq{fill:var(--down)}.ps-dot.stop{fill:var(--acc)}
.ps-lab{font-size:10px;letter-spacing:.04em}
.ps-lab.liq{fill:var(--down)}
.ps-val{font-size:11.5px;font-weight:600;fill:var(--fg)}
.ps-val.liq{fill:var(--down)}
.sp-line{fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.sp-area{fill:var(--acc);opacity:.10}
.sp-zero{stroke:var(--line);stroke-width:1;stroke-dasharray:2 3}
.sp-last{fill:var(--acc)} .spark.down .sp-line,.spark.down .sp-last{stroke:var(--down);fill:var(--down)}
.spark.down .sp-area{fill:var(--down)}
.bars{overflow:visible}
.bar{fill:var(--acc)} .bar.pos{fill:var(--acc)} .bar.neg{fill:var(--down)}
.bar-lab{font-size:11.5px}
.bar-val{font-size:11.5px;fill:var(--fg);font-variant-numeric:tabular-nums}
.bar-axis{stroke:var(--line);stroke-width:1}
.sh{fill:var(--acc)}
.sh.s1{opacity:.72}.sh.s2{opacity:.54}.sh.s3{opacity:.40}.sh.s4{opacity:.30}.sh.s5{opacity:.22}
.sh-lab{font-size:10.5px}