html{color-scheme:dark}
  body{margin:0;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
  img{max-width:100%}
  [hidden]{display:none!important}


  :root{
    --ink:#0A0A09;
    --panel:#141310;
    --panel-2:#1C1A15;
    --line:#2C2921;
    --paper:#EDE6D8;
    --muted:#8B8375;
    --kraft:#C8A575;
    --lime:#CCFF00;
    --lime-hi:#E8FF4A;
    --zec:#F4B728;
    --zec-hi:#FFD56A;
    --scroll:0;

    --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
    --f-body:"Archivo","Helvetica Neue",Arial,sans-serif;
    --f-mono:"Martian Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;

    --gut:clamp(18px,4vw,56px);
    --max:1060px;
    color-scheme:dark;
  }

  *{box-sizing:border-box}

  body{
    background:var(--ink);
    color:var(--paper);
    font-family:var(--f-body);
    font-size:16px;
    line-height:1.62;
    -webkit-font-smoothing:antialiased;
  }

  .wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
  img{max-width:100%;display:block}

  .display{
    font-family:var(--f-display);
    font-weight:900;
    font-stretch:125%;
    line-height:.92;
    letter-spacing:-.01em;
    text-transform:uppercase;
    text-wrap:balance;
    margin:0;
  }
  h1.display{font-size:clamp(2.5rem,8.4vw,5.6rem)}
  h2.display{font-size:clamp(1.55rem,3.8vw,2.5rem)}

  .eyebrow{
    font-family:var(--f-mono);font-size:.64rem;font-weight:500;
    letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0;
  }
  .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
  p{margin:0}
  .lede{font-size:clamp(1rem,1.5vw,1.12rem);max-width:60ch;color:#F3EBDB}
  .fine{font-size:.85rem;color:#C2B9A8;max-width:62ch}
  .head .display,.head .lede,#intro-lede .lede,.roy .lede,.lk,.creed,.fine,.eyebrow{
    text-shadow:0 1px 16px rgba(10,10,9,.95), 0 0 32px rgba(10,10,9,.7);
  }

  .topbar{
    border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;
    background:rgba(10,10,9,.9);backdrop-filter:blur(8px);
  }
  .topbar .wrap{
    display:flex;align-items:center;justify-content:space-between;
    gap:14px;padding-block:12px;flex-wrap:wrap;
  }
  .topbar::after{
    content:"";
    position:absolute;left:0;bottom:-1px;height:2px;
    width:calc(var(--scroll) * 100%);
    background:var(--lime);
    pointer-events:none;
    z-index:2;
  }
  .brandmark{
    font-family:var(--f-display);font-weight:900;font-stretch:125%;
    text-transform:uppercase;letter-spacing:.02em;font-size:1rem;
  }
  .brandmark span{color:var(--lime-hi)}
  .status-pill{
    font-family:var(--f-mono);font-size:.6rem;letter-spacing:.16em;
    text-transform:uppercase;color:var(--ink);background:var(--lime);padding:4px 9px;
  }
  .site-nav{display:flex;align-items:center;gap:22px}
  .site-nav a{
    font-family:var(--f-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
    color:var(--muted);text-decoration:none;
  }
  .site-nav a:hover,.site-nav a:focus-visible{color:var(--paper)}
  .bar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .handle{
    font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;
    color:var(--lime-hi);text-decoration:none;
    border-bottom:1px solid rgba(204,255,0,.4);padding-bottom:2px;
  }
  .handle:hover{border-bottom-color:var(--lime-hi)}
  .handle:focus-visible,.cta:focus-visible{outline:2px solid var(--lime-hi);outline-offset:3px}

  section{padding-block:clamp(52px,7.5vw,96px);position:relative;z-index:1}
  section + section{border-top:1px solid var(--line)}
  .head{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(26px,4vw,40px)}

  /* hero */
  .creed{
    font-family:var(--f-mono);font-size:.8rem;line-height:2;letter-spacing:.04em;
    border-left:2px solid var(--lime);padding-left:14px;
  }
  .creed span{display:block}
  .facts{
    display:flex;flex-wrap:wrap;gap:0;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  }
  .fact{flex:1 1 130px;padding:14px 16px 14px 0;display:flex;flex-direction:column;gap:4px}
  .fact b{
    font-family:var(--f-display);font-weight:900;font-stretch:110%;
    font-size:1.42rem;line-height:1;font-variant-numeric:tabular-nums;
  }
  .fact .u{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}


  /* ---- mining hero ---- */
  .mine-hero{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;
    justify-content:center;overflow:hidden;
    padding-block:clamp(28px,5vw,56px) clamp(56px,8vw,96px)}
  #zwRain{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none}
  .mine-hero > .wrap{position:relative;z-index:1;width:100%}
  .mh-grid{display:grid;gap:clamp(26px,4vw,48px);
    grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:center}
  .mh-copy{display:flex;flex-direction:column;gap:22px}
  .mine-hero h1 .lime{color:var(--lime-hi)}
  .mine-hero h1 .zec{color:var(--zec-hi)}
  .gold{color:var(--zec-hi)}
  .mh-art{display:flex;flex-direction:column;gap:16px}
  .mh-canvas{position:relative;display:grid;place-items:center}
  .mh-canvas::before{content:"";position:absolute;left:50%;top:52%;translate:-50% -50%;
    width:80%;aspect-ratio:1;border-radius:50%;pointer-events:none;
    background:radial-gradient(circle,rgba(204,255,0,.16),transparent 70%);opacity:0;
    transition:opacity 1s ease}
  .mh-canvas.lit::before{opacity:1}
  #zwCat{width:100%;max-width:340px;height:auto;display:block}
  #zwCat.lit{filter:drop-shadow(0 0 26px rgba(204,255,0,.42))}
  .mh-nft{
    position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
    opacity:0;pointer-events:none;z-index:0;
  }
  #zwCat{position:relative;z-index:1}

  .mh-read{display:flex;flex-direction:column;gap:9px}
  .mh-bar{height:2px;background:rgba(237,230,216,.15);position:relative;overflow:hidden}
  .mh-bar i{position:absolute;inset:0 100% 0 0;background:var(--lime);transition:right .45s ease}
  .mh-feed{font-family:var(--f-mono);font-size:.55rem;line-height:1.9;letter-spacing:.02em;
    color:var(--muted);height:3.8em;overflow:hidden}
  .mh-feed div{opacity:.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mh-feed div.hit{color:var(--lime-hi);opacity:1;font-weight:500}
  .mh-stat{font-family:var(--f-mono);font-size:.55rem;letter-spacing:.16em;
    text-transform:uppercase;color:var(--muted)}
  .mh-stat b{color:var(--paper);font-weight:500;font-variant-numeric:tabular-nums}

  .mh-facts{margin-top:clamp(26px,4vw,44px)}
  .mh-scroll{position:absolute;left:50%;translate:-50% 0;bottom:22px;z-index:1;
    font-family:var(--f-mono);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;
    color:var(--muted);text-decoration:none;display:flex;flex-direction:column;
    align-items:center;gap:6px}
  .mh-scroll:hover{color:var(--paper)}
  .mh-scroll:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
  .mh-scroll i{display:block;width:1px;height:26px;background:linear-gradient(var(--muted),transparent);
    animation:mh-dip 1.7s ease-in-out infinite}
  @keyframes mh-dip{
    0%,100%{transform:translateY(0);opacity:1}
    50%{transform:translateY(7px);opacity:.35}
  }
  @media (max-width:820px){
    .mh-grid{grid-template-columns:minmax(0,1fr)}
    .mh-art{order:-1;max-width:300px;margin-inline:auto}
    .mh-scroll{display:none}
    .topbar .site-nav{display:none}
  }
  @media (prefers-reduced-motion:reduce){
    #zwRain{display:none}
  }

  #intro-lede{padding-block:clamp(44px,6vw,76px) 0}
  #intro-lede .lede{max-width:66ch}


  /* flow of the mint price */
  .flow{margin-top:clamp(26px,4vw,40px);border:1px solid var(--line);background:var(--panel);
    padding:clamp(16px,2.6vw,28px);overflow-x:auto}
  .flow svg{display:block;width:100%;min-width:620px;height:auto}
  .flow .n-name{font-family:var(--f-display);font-weight:900;font-stretch:110%;
    font-size:15px;text-transform:uppercase}
  .flow .n-sub{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;
    text-transform:uppercase}
  .flow .n-pct{font-family:var(--f-display);font-weight:900;font-stretch:110%;
    font-size:19px;font-variant-numeric:tabular-nums}
  .flow .n-swap{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em}
  .flow-cap{font-family:var(--f-mono);font-size:.55rem;letter-spacing:.16em;
    text-transform:uppercase;color:var(--muted);margin:14px 0 0}


  /* redacted ticker — the name is not the point yet */
  .rd{
    font-family:var(--f-mono);letter-spacing:.14em;color:var(--lime-hi);
    background:rgba(204,255,0,.08);border:1px solid rgba(204,255,0,.28);
    padding:1px 7px;white-space:nowrap;
  }
  .rd::before{content:"$"}
  .flow .rd-svg{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em}
  .s-zwork{background:#6E8FA8}

  .roy{margin-top:clamp(30px,4vw,46px);border-top:1px solid var(--line);padding-top:clamp(20px,3vw,30px)}
  .roy h3{font-family:var(--f-display);font-weight:800;font-stretch:80%;text-transform:uppercase;
    font-size:clamp(1rem,2.2vw,1.35rem);margin:0 0 14px;color:var(--paper);letter-spacing:.01em}



  /* mechanic */
  .pipe{
    display:grid;gap:1px;background:var(--line);
    grid-template-columns:repeat(auto-fit,minmax(196px,1fr));
    border:1px solid var(--line);
  }
  .step{background:var(--panel);padding:22px 20px;display:flex;flex-direction:column;gap:10px}
  .step .n{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.18em;color:var(--lime-hi)}
  .step h3{
    font-family:var(--f-display);font-weight:900;font-stretch:110%;
    text-transform:uppercase;font-size:1rem;margin:0;letter-spacing:.01em;
  }
  .step p{font-size:.88rem;color:#C6BDAC}
  .formula{margin-top:22px;border:1px solid var(--line);background:var(--panel-2);padding:16px 18px;overflow-x:auto}
  .formula code{font-family:var(--f-mono);font-size:.76rem;color:var(--kraft);white-space:pre}

  /* two columns of plain text */
  .split{display:grid;gap:clamp(22px,4vw,42px);grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}
  .card{border:1px solid var(--line);background:var(--panel);padding:20px}
  .card h3{
    font-family:var(--f-display);font-weight:900;font-stretch:110%;
    text-transform:uppercase;font-size:.98rem;margin:0 0 12px;letter-spacing:.02em;
  }
  .ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:.88rem;color:#C6BDAC}
  .ticks li{display:grid;grid-template-columns:16px 1fr;gap:10px}
  .ticks li::before{content:"+";font-family:var(--f-mono);color:var(--lime-hi);font-size:.78rem}
  .ticks.no li::before{content:"\2212";color:#9A5F4F}

  .quiet{
    border:1px solid var(--lime);background:var(--lime);color:#101200;
    padding:clamp(24px,3.4vw,38px);display:flex;flex-direction:column;gap:14px;
  }
  .quiet .display,.quiet .pairline{color:#101200}
  .quiet .eyebrow{color:rgba(16,18,0,.6)}
  .quiet .lede{color:#161A02;max-width:56ch}
  .quiet .fine{color:rgba(16,18,0,.72)}
  .quiet .cta{background:var(--ink);color:var(--lime-hi);border-color:var(--ink)}
  .quiet .cta:hover{background:#000;border-color:#000}
  .quiet .cta:focus-visible{outline-color:var(--ink)}
  .partner{
    margin-top:18px;border:1px solid var(--line);background:var(--panel);
    padding:clamp(20px,3vw,28px);
    display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  }
  .partner .lede{max-width:62ch}

  /* split bar */
  .splitbar{display:flex;width:100%;height:34px;border:1px solid var(--line);overflow:hidden}
  .seg{display:block;height:100%}
  .s-rent{background:var(--zec)}
  .s-zcat{background:var(--kraft)}
  .s-tacz{background:#7E6A45}
  .s-burn{background:#8C3B2E}
  .s-proj{background:#2F2C25}
  .dot{width:11px;height:11px;flex:0 0 11px;display:inline-block;margin-top:5px}
  .legend{
    display:grid;gap:2px;margin-top:18px;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  }
  .leg{
    display:grid;grid-template-columns:11px 3.6rem minmax(0,1fr);gap:12px;align-items:start;
    padding:11px 0;border-bottom:1px solid var(--line);
  }
  .leg b{
    font-family:var(--f-display);font-weight:900;font-stretch:110%;
    font-size:1.05rem;line-height:1.1;font-variant-numeric:tabular-nums;
  }
  .leg.is-zec b{color:var(--zec-hi)}
  .lk{font-size:.88rem;color:#C6BDAC;line-height:1.45}

  .tk{
    color:var(--lime-hi);text-decoration:none;
    border-bottom:1px solid rgba(204,255,0,.4);
  }
  .tk:hover{border-bottom-color:var(--lime-hi)}
  .tk:focus-visible{outline:2px solid var(--lime-hi);outline-offset:2px}

  .cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
  .cta{
    margin-top:8px;align-self:flex-start;display:inline-flex;align-items:baseline;gap:12px;
    text-decoration:none;background:var(--lime);color:#101200;padding:13px 18px;
    border:1px solid var(--lime);
  }
  .cta.ghost{
    background:transparent;color:var(--paper);border-color:var(--line);
  }
  .cta.ghost:hover{background:var(--panel);border-color:var(--muted)}
  .cta.ghost .cta-k,.cta.ghost .cta-h{color:var(--paper)}
  .cta:hover{background:var(--lime-hi);border-color:var(--lime-hi)}
  .cta-k{
    font-family:var(--f-mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;
  }
  .cta-h{
    font-family:var(--f-display);font-weight:900;font-stretch:112%;
    text-transform:uppercase;font-size:1rem;letter-spacing:.01em;
  }

  footer{border-top:1px solid var(--line);padding-block:34px 58px;position:relative;z-index:1}
  .foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:flex-end}
  .foot-right{display:flex;flex-direction:column;gap:8px;align-items:flex-start}

  html{scroll-behavior:smooth}
  html.lenis,html.lenis body{scroll-behavior:auto!important}
  section[id],header[id]{scroll-margin-top:24px}

  .jump{
    position:fixed;right:clamp(22px,3vw,36px);top:50%;translate:0 -50%;z-index:50;
    display:flex;flex-direction:column;gap:12px;align-items:center;
    opacity:0;pointer-events:none;transition:opacity .8s ease;
  }
  .jump.on{opacity:1;pointer-events:auto}
  .jump a{
    width:7px;height:7px;border-radius:50%;background:var(--line);
    border:1px solid transparent;transition:background .45s ease,transform .45s cubic-bezier(.2,1.1,.3,1);
  }
  .jump a:hover{background:var(--muted);transform:scale(1.35)}
  .jump a[aria-current="true"]{background:var(--lime);transform:scale(1.35)}
  .jump a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
  .jump::before{
    content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;
    background:var(--line);translate:-50% 0;z-index:-1;
  }
  .jump::after{
    content:"";position:absolute;left:50%;top:0;width:1px;
    height:calc(var(--scroll) * 100%);
    background:var(--lime);translate:-50% 0;z-index:-1;
  }
  @media (max-width:820px){.jump{display:none}}

  html.lenis,html.lenis body{scrollbar-width:none}
  html.lenis::-webkit-scrollbar{display:none}
  .zw-lenis{position:contents}
  .zw-sb{
    position:fixed;top:0;right:0;bottom:0;width:14px;z-index:40;
    cursor:pointer;
  }
  .zw-sb::before{
    content:"";position:absolute;top:0;bottom:0;left:6px;width:1px;background:var(--line);
  }
  .zw-sb i{
    position:absolute;left:5px;top:0;width:3px;min-height:48px;
    background:var(--lime);pointer-events:none;will-change:transform;
  }
  .zw-prog{
    position:fixed;right:18px;bottom:16px;z-index:40;
    font-family:var(--f-mono);font-size:.58rem;letter-spacing:.16em;
    color:var(--muted);pointer-events:none;font-variant-numeric:tabular-nums;
  }
  @media (max-width:820px){
    .zw-sb,.zw-prog{display:none}
  }

  #zwLiquid{
    position:fixed;inset:0;z-index:0;pointer-events:none;
    width:100%;height:100%;display:block;
    image-rendering:pixelated;
    image-rendering:crisp-edges;
    opacity:.82;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 100%);
  }
  .zw-bg{
    position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
    opacity:0;
  }
  .zw-bg::before{
    content:"";position:absolute;left:50%;top:50%;
    width:70%;aspect-ratio:1;translate:-50% -50%;
    background:radial-gradient(circle,rgba(204,255,0,.16),transparent 70%);
    opacity:calc(var(--mine, 0) * .85);pointer-events:none;
  }
  .zw-bg-cat{position:absolute;width:0;height:0;opacity:0;overflow:hidden}
  .zw-bg canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
  .zw-close{
    min-height:100svh;display:flex;align-items:flex-end;justify-content:center;
    padding-block:48px 72px;background:transparent;border-top:none!important;
    position:relative;z-index:1;
  }
  .zw-close-k{
    font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;line-height:1.8;
    color:var(--paper);text-align:center;max-width:42ch;
    text-shadow:0 1px 18px rgba(10,10,9,.9);
  }

  .js-scroll .head[data-in]::after{
    content:"";display:block;width:0;height:2px;background:var(--lime);
    margin-top:2px;
    transition:width .75s cubic-bezier(.16,1,.3,1) .12s;
  }
  .js-scroll .head[data-in].in::after{width:52px}
  .js-scroll .pipe .step .n{transition:color .45s ease}
  .js-scroll .pipe.in .step .n{color:var(--lime-hi)}

  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *{transition:none!important;animation:none!important}
    .js-scroll .head[data-in]::after{width:52px}
    .mh-art{transform:none}
    .zw-bg,#zwLiquid{display:none}
  }