/* /token page. Lives outside public/assets (sync-kit.sh wipes that). Everything scoped .n .tk-*, never a bare .tk. */
.n .wrap.page.tk-page{gap:clamp(56px,7vw,96px)}
.n .tk-page section[id]{scroll-margin-top:96px}
.n .tk-link{color:var(--vio2);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(169,139,255,.4);transition:text-decoration-color .12s}
.n .tk-link:hover{text-decoration-color:var(--vio2)}
.n .tk-note{color:var(--mu);font-size:13px;line-height:1.5;max-width:72ch}

/* Proposed tag: sentence case, not the uppercase verdict chip */
.n .tk-prop{display:inline-block;font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--yel);background:rgba(255,210,63,.08);border:1px solid rgba(255,210,63,.45);border-radius:4px;padding:3px 7px;margin-left:8px;white-space:nowrap;vertical-align:.15em}
.n .tk-chiprow .tk-prop,.n .tk-slot .tk-prop{margin-left:0}
.n .tk-tba{display:inline-block;font:500 14px/1.3 'JetBrains Mono',ui-monospace,monospace;color:var(--mu);border:1px dashed var(--ln);border-radius:6px;padding:6px 10px}
.n .tk-tba.is-set{color:var(--fg);border-style:solid;overflow-wrap:anywhere;word-break:break-all}

/* hero */
.n .tk-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:end;position:relative}
.n .tk-hero-copy{display:grid;gap:18px;justify-items:start}
.n .tk-chiprow{margin:0}
.n .tk-hero h1{font:700 clamp(34px,3.9vw,50px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-.035em;max-width:16ch}
.n .tk-sub{color:var(--tx);font-size:17px;line-height:1.55;max-width:54ch}
.n .tk-cta{display:flex;gap:12px;flex-wrap:wrap}
.n .tk-receipt{background:var(--pn);border:1px solid var(--ln);border-radius:14px;padding:24px 28px;display:grid;gap:0}
.n .tk-rtop{display:flex;align-items:center;font-size:13px;color:var(--tx)}
.n .tk-rtop .mono{font-size:15px;color:var(--fg)}
.n .tk-rail{position:relative;height:2px;margin:30px 44px 16px;container-type:inline-size}
.n .tk-seg1{position:absolute;left:0;width:50%;top:0;height:2px;background:var(--lime)}
.n .tk-seg2{position:absolute;left:50%;width:28%;top:0;height:0;border-top:2px dashed var(--red)}
.n .tk-stop{position:absolute;top:1px;width:8px;height:8px;border-radius:50%;background:var(--lime);transform:translate(-50%,-50%)}
.n .tk-stop.s0{left:0}.n .tk-stop.s1{left:50%}
.n .tk-stop.s2{left:100%;background:var(--pn);box-sizing:border-box;border:2px solid var(--fg)}
/* the one moving thing on the page: the dot travels the rail once and stops at the cut. Transform only. */
.n .tk-rail i{position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--pn);transform:translateX(78cqw);animation:tk-travel 1.6s cubic-bezier(.23,1,.32,1) .4s both}
@keyframes tk-travel{from{transform:translateX(0)}to{transform:translateX(78cqw)}}
@media (prefers-reduced-motion:reduce){.n .tk-rail i{animation:none}}
.n .tk-stops{position:relative;display:block;height:26px;margin:0 44px;font:500 12px 'JetBrains Mono',monospace;color:var(--mu)}
.n .tk-stops span{position:absolute;top:0;transform:translateX(-50%)}
.n .tk-stops span:nth-child(1){left:0}.n .tk-stops span:nth-child(2){left:50%}.n .tk-stops span:nth-child(3){left:100%}
.n .tk-stops span:not(.chip){top:5px}

/* flywheel */
.n .tk-fly{margin:0;background:var(--pn);border:1px solid var(--ln);border-radius:16px;padding:24px;display:grid;gap:16px}
.n .tk-svg{width:100%;height:auto;max-width:1000px;margin:0 auto;display:block}
.n .tk-arc{fill:none;stroke:var(--lime);stroke-width:2}
.n .tk-node{fill:var(--bg);stroke:var(--vio);stroke-width:1.5}
.n .tk-nl{font:700 15px 'Space Grotesk',sans-serif;fill:var(--fg)}
.n .tk-branch{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:6 6}
.n .tk-stampbox{fill:rgba(255,59,107,.1);stroke:var(--red);stroke-width:1.5}
.n .tk-stampt{font:700 16px 'Space Grotesk',sans-serif;fill:var(--red);letter-spacing:.01em}
.n .tk-fly-mid{display:grid;gap:14px;justify-items:center;align-content:center;height:160px}
.n .tk-fly-name{font:700 26px 'Space Grotesk',sans-serif;letter-spacing:-.03em;color:var(--vio2)}
.n .tk-slot{display:inline-flex;align-items:center;gap:0;font:500 14px/1.3 'JetBrains Mono',monospace;color:var(--mu);border:1px dashed var(--ln);border-radius:6px;padding:7px 10px;flex-wrap:wrap;justify-content:center;row-gap:6px}
.n .tk-slot .tk-prop{margin-left:8px}
.n .tk-loopwrap{display:none}
.n .tk-cap{display:flex;gap:10px;align-items:baseline;color:var(--tx);font-size:14px;line-height:1.5;max-width:72ch}
.n .tk-cap .tk-prop{margin-left:0;flex:none}
@media (max-width:900px){
  .n .tk-svgwrap{display:none}
  .n .tk-loopwrap{display:grid;gap:16px}
  .n .tk-fly-top{margin:0}
  .n .tk-loop{list-style:none;margin:0;padding:0 0 0 36px;display:grid;gap:14px;position:relative}
  .n .tk-loop::before{content:'';position:absolute;left:11px;top:22px;bottom:22px;width:2px;background:var(--lime)}
  .n .tk-loop::after{content:'';position:absolute;left:5px;top:12px;border:7px solid transparent;border-bottom:10px solid var(--lime);border-top:0}
  .n .tk-loop li{position:relative;background:var(--bg);border:1.5px solid var(--vio);border-radius:999px;padding:12px 18px;font:700 16px/1.2 'Space Grotesk',sans-serif;color:var(--fg)}
  .n .tk-loop li::before{content:'';position:absolute;left:-25px;top:50%;width:25px;height:2px;background:var(--lime)}
  .n .tk-loop li.tk-cutitem{background:none;border:0;border-radius:0;padding:0;margin-left:32px;display:flex;align-items:center;gap:14px}
  .n .tk-loop li.tk-cutitem::before{display:none}
  .n .tk-cutv{display:block;height:28px;border-left:2px dashed var(--red)}
}

/* ledger */
.n .tk-ledger{width:100%;border-collapse:collapse;text-align:left}
.n .tk-ledger thead th{font:500 11px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mu);padding:0 16px 10px 0}
.n .tk-ledger tbody th,.n .tk-ledger td{padding:14px 16px 14px 0;border-top:1px solid var(--ln);vertical-align:top;text-align:left}
.n .tk-ledger tbody th{font:400 15px/1.4 Inter,sans-serif;color:var(--fg);width:22%}
.n .tk-ledger td:nth-child(2){font:500 16px/1.4 'JetBrains Mono',monospace;color:var(--lime);font-variant-numeric:tabular-nums;width:46%}
.n .tk-ledger td:nth-child(3){font:400 12px/1.5 'JetBrains Mono',monospace;color:var(--mu)}
@media (max-width:760px){
  .n .tk-ledger thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .n .tk-ledger,.n .tk-ledger tbody,.n .tk-ledger tr,.n .tk-ledger tbody th,.n .tk-ledger td{display:block;width:auto}
  .n .tk-ledger tr{padding:14px 0;border-top:1px solid var(--ln);display:grid;gap:4px}
  .n .tk-ledger tbody th,.n .tk-ledger td{border:0;padding:0}
  .n .tk-ledger td:nth-child(2){width:auto}
}

/* tiers */
.n .tk-tiers{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.n .tk-tier{background:var(--pn);border:1px solid var(--ln);border-radius:14px;padding:24px;display:grid;gap:14px;align-content:start;justify-items:start}
.n .tk-tier h3,.n .tk-pro h3{font:700 22px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.02em}
.n .tk-price{color:var(--fg);font-weight:600;font-size:15px;line-height:1.7}
.n .tk-tier ul,.n .tk-pro ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;color:var(--tx);font-size:14.5px;line-height:1.55}
.n .tk-tier li,.n .tk-pro li{padding-left:16px;position:relative}
.n .tk-tier li::before,.n .tk-pro li::before{content:'';position:absolute;left:0;top:.7em;width:6px;height:2px;background:var(--mu)}
.n .tk-fine{color:var(--mu);font-size:13px;line-height:1.5}
.n .tk-status{font:500 13px/1.5 'JetBrains Mono',monospace;color:var(--mu);border:1px dashed var(--ln);border-radius:6px;padding:7px 10px}
.n .tk-pro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px 32px;margin-top:14px;padding:20px 24px;border:1px dashed var(--ln);border-radius:14px}
.n .tk-pro>div{display:grid;gap:12px;align-content:start;justify-items:start}
.n .tk-pro h3{font:700 22px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.02em}
.n .tk-nw{white-space:nowrap}
@media (max-width:900px){.n .tk-tiers,.n .tk-pro{grid-template-columns:minmax(0,1fr)}}

/* where the money goes */
.n .tk-flows{list-style:none;margin:0;padding:0;display:grid}
.n .tk-flow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(48px,.6fr) minmax(0,170px);gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--ln)}
.n .tk-flow:last-child{border-bottom:1px solid var(--ln)}
.n .tk-flow p{color:var(--tx);font-size:15px;line-height:1.55;max-width:56ch}
.n .tk-flow b{color:var(--fg);font-weight:600}
.n .tk-rl{position:relative;display:block;height:2px;background:var(--lime)}
.n .tk-rl::after{content:'';position:absolute;right:-1px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--lime)}
.n .tk-rl.mu{background:var(--mu)}.n .tk-rl.mu::after{background:var(--mu)}
.n .tk-rl.dash{background:none;border-top:2px dashed var(--mu);height:0}
.n .tk-rl.dash::after{top:-5px}
.n .tk-dest{font:700 18px 'Space Grotesk',sans-serif;color:var(--fg)}
@media (max-width:760px){
  .n .tk-flow{grid-template-columns:minmax(0,1fr);gap:10px}
  .n .tk-rl{width:2px;height:24px;margin-left:3px}
  .n .tk-rl.dash{height:24px}
  .n .tk-rl::after{right:auto;left:-3px;top:auto;bottom:-1px}
  .n .tk-rl.dash{border-top:0;border-left:2px dashed var(--mu);width:0}
  .n .tk-rl.dash::after{top:auto;left:-5px}
}

/* integrity */
.n .tk-integ{background:var(--pn);border-left:4px solid var(--red);border-radius:4px 16px 16px 4px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:48px}
.n .tk-integ-main{display:grid;gap:28px;align-content:start}
.n .tk-rules{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.n .tk-rule-h{font:500 clamp(19px,2vw,24px)/1.25 'Space Grotesk',sans-serif;color:var(--fg);letter-spacing:-.01em}
.n .tk-integ .rule{font:400 14px/1.55 Inter,sans-serif;color:var(--tx);margin-top:6px;max-width:60ch}
.n .tk-integ-side{display:grid;gap:20px;align-content:start;justify-items:center}
.n .tk-mascot{width:132px;height:auto}
.n .tk-cut{display:flex;gap:16px;width:100%}
.n .tk-cut span{flex:1;height:0;border-top:2px dashed var(--red)}
.n .stamp.tk-nfs{border-color:var(--red);color:var(--red);background:rgba(255,59,107,.1);box-shadow:none}
@media (max-width:900px){
  .n .tk-integ{grid-template-columns:minmax(0,1fr);gap:28px}
  .n .tk-integ-side{order:-1;grid-auto-flow:column;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}
  .n .tk-mascot{width:72px}
  .n .tk-integ-side .stamp{font-size:15px;padding:9px 13px}
}

/* facts */
.n .tk-facts{margin:0;display:grid}
.n .tk-fact{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--ln);align-items:start}
.n .tk-fact:last-child{border-bottom:1px solid var(--ln)}
.n .tk-fact dt{font:600 14px Inter,sans-serif;color:var(--tx);padding-top:8px}
.n .tk-fact dd{margin:0;display:grid;gap:10px}
.n .tk-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
@media (max-width:760px){.n .tk-fact{grid-template-columns:minmax(0,1fr);gap:8px}.n .tk-fact dt{padding-top:0}}

.n .tk-ledger tbody tr:nth-child(n+5) td:nth-child(2){color:var(--fg)}
.n .tk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* legal */
.n .tk-legal{font:400 13px/1.5 Inter,sans-serif;color:var(--mu);max-width:70ch}

/* hero stack and small screens */
@media (max-width:900px){.n .tk-hero{grid-template-columns:minmax(0,1fr);gap:32px}.n .tk-hero h1{max-width:20ch}}
@media (max-width:560px){.n .tk-cta .btn{width:100%}.n .tk-fly{padding:16px}.n .tk-tier{padding:20px}.n .tk-receipt{padding:18px}}
/* repeat tag in an already tagged block: quiet, last so it wins */
.n .tk-prop.rep{background:none;border-color:transparent;padding:3px 0;margin-left:6px}
