body{--acc:var(--success)}
  .join text{font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;fill:var(--muted)}
  .join .mark{opacity:0;transform-origin:430px 200px;transform:scale(1.2);transition:all .3s var(--ease) 1.3s}
  .join.in .mark{opacity:1;transform:none}
  .ep{display:grid;gap:18px}
  .ep-row{display:grid;grid-template-columns:1fr repeat(3,70px) 90px;gap:10px;align-items:center;font-size:14px;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line)}
  .ep-row.h{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
  .ep-row .t{color:var(--text)}
  .cbar{height:4px;background:var(--line);border-radius:2px;overflow:hidden}
  .cbar i{display:block;height:100%;width:var(--w);background:var(--success);transform-origin:left;transform:scaleX(0);transition:transform .8s var(--ease) var(--d)}
  .in .cbar i{transform:none}
  @media(max-width:600px){.ep-row{grid-template-columns:1fr repeat(3,48px) 60px;font-size:12px}}
  .odo{display:flex;align-items:center;gap:0;margin:20px 0 10px}
  .odo .vn{font:600 var(--fs-d-xs)/1 var(--display);color:var(--dim);flex:1;text-align:center;position:relative;padding-top:26px;transition:color .4s}
  .odo .vn::before{content:"";position:absolute;top:0;left:50%;width:9px;height:9px;margin-left:-4px;border-radius:50%;border:1px solid var(--line-2);background:var(--ink-2);transition:all .4s}
  .odo .vn.on{color:var(--text)}
  .odo .vn.on::before{background:var(--success);border-color:var(--success);box-shadow:0 0 12px var(--success)}
  .odo-line{height:1px;background:var(--line-2);position:relative;margin:0 10%;top:25px}
  .odo-line i{position:absolute;left:0;top:0;height:1px;width:var(--p,0%);background:var(--success);transition:width .3s linear}
  .log{list-style:none;margin:0;padding:0}
  .log li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);opacity:0;transition:opacity .6s var(--ease) var(--d)}
  .in .log li{opacity:1}
  .log time{color:var(--dim);font-variant-numeric:tabular-nums}
  .log b{color:var(--text);font-weight:500}
  .band{padding:var(--section) 0;background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .band p{font:500 var(--fs-d-lg)/1.1 var(--display);letter-spacing:-.025em;margin:0;max-width:26ch}
  .hero > .glow{width:520px;height:520px;right:-80px;top:40px;background:var(--success)}
  .join{--dur:1.2s;width:100%}
  .join .mark text{fill:var(--success)}