.stack-nav.forg-nav nav>a[aria-current=page]{color:#fff}
.forg-subpage .frame{width:min(100%,1200px);max-width:none}
.forg-workbench{background:radial-gradient(ellipse at 83% 10%,#123e47,transparent 58%),#061b17}
.forg-workbench .stack-workspace{gap:16px}
.forg-workbench .stack-workspace form,.forg-nft-summary{padding:clamp(16px,3vw,28px);border:1px solid #4a9aaa59;border-radius:14px;background:#0d2d2e}
.forg-workbench .stack-workspace textarea,.forg-workbench .stack-workspace input,.forg-workbench .stack-workspace select{background:#071f20;color:#fff;border:1px solid #488f986b;border-radius:8px}
.forg-workbench .stack-log{border-color:#488f986b;border-radius:12px}
.forg-workbench .stack-hint,.forg-nft .stack-hint{color:#aac9ca;line-height:1.6}
.forg-demo{padding:70px 0 0;background:#082421}
.forg-demo>.frame{padding:0 var(--edge);margin-bottom:28px}
.forg-nft{background:radial-gradient(ellipse at 12% 5%,#173e42,transparent 48%),#081d1c}
.forg-nft-heading{margin-bottom:clamp(24px,4vw,42px)}
.forg-nft-heading .t-body{margin-top:14px;color:#c7dad7}
.forg-nft-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(16px,3vw,36px);align-items:stretch}
.forg-trader-feature,.forg-nft-mint{margin:0;padding:clamp(16px,3vw,30px);border:1px solid #bedcd237;border-radius:14px;background:#102827}
.forg-trader-feature{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.forg-trader-feature img{display:block;width:100%;max-width:288px;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;border-radius:8px}
.forg-trader-feature figcaption{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline}
.forg-trader-feature figcaption strong{grid-column:1;grid-row:1;font-size:24px;font-weight:500}
#trader-feature-number{grid-column:2;grid-row:1;color:#b0cccb;font:12px var(--font-mono)}
#trader-feature-role{color:#b9d2cf}
.forg-nft-mint{align-content:center}
.forg-nft-mint>p{color:#bed2d0}
.forg-nft-summary{margin:18px 0;padding:12px 14px;background:#091e1c;font:14px/1.5 var(--font-sans)}
.forg-nft-actions{display:flex;flex-wrap:wrap;gap:8px}
#nft-status:empty{display:none}
.forg-gallery-title{margin:clamp(36px,6vw,72px) 0 20px}
.forg-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,2vw,20px)}
.forg-gallery button{min-width:0;display:flex;flex-direction:column;padding:8px;background:#102827;border:1px solid #bedcd22b;border-radius:10px;text-align:left}
.forg-gallery button:hover{border-color:#bedcd289}
.forg-gallery button[aria-pressed=true]{border-color:#a5ddda;box-shadow:0 0 0 1px #a5ddda}
.forg-gallery img{width:100%;aspect-ratio:1;display:block;image-rendering:pixelated;border-radius:5px}
.forg-gallery button>span{display:grid;gap:4px;padding:9px 4px 4px}
.forg-gallery strong{font-size:14px;font-weight:600}
.forg-gallery small{font-size:12px;line-height:1.3;color:#adc6c4}
@media(max-width:750px){.forg-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.forg-nft-feature{grid-template-columns:1fr}.forg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.forg-demo{--bg:#082421;--surface:#0c3031;--surface-2:#123a40;--surface-3:#174a53;--ink:#061b17;--text:#fff;--muted:#b9d6d4;--faint:#9dbebd;--line:#43889155;--line-strong:#438891;--accent:#4bbad1;--accent-soft:#4bbad126;--accent-ink:#061b17;--mono:var(--font-mono);--edge:24px;--ease-out:cubic-bezier(.22,1,.36,1)}
.forg-demo .mono{font-family:var(--mono)}.forg-demo .faint{color:var(--faint)}.forg-demo .accent{color:var(--accent)}

.forg-demo .pin{height:var(--pin-h,300svh);position:relative}
.forg-demo .pin-stage{height:calc(100svh - 64px);position:sticky;top:64px;overflow:hidden}
.forg-demo .chapter>.pin{z-index:1;position:relative}
.forg-demo .orbit .pin-stage{align-items:center;display:flex}
.forg-demo .journey{--q:clamp(0, calc((var(--p) - .05) / .85), 1);--x:calc(var(--q) * 5);margin-top:clamp(64px,8vw,120px)}
.forg-demo .journey .pin-stage{flex-direction:column;justify-content:center;gap:clamp(22px,4vh,44px);display:flex}
.forg-demo .journey-head{color:var(--accent);justify-content:space-between;align-items:baseline;gap:16px;font-size:12.5px;display:flex}
.forg-demo .journey-count{color:var(--text);align-items:baseline;font-size:15px;display:inline-flex}
.forg-demo .journey-nums{width:2.4ch;height:1.25em;display:inline-block;position:relative;overflow:hidden}
.forg-demo .journey-nums span{--cur:clamp(0, 1 - max(var(--x) - var(--k), var(--k) - var(--x)) * 2, 1);opacity:var(--cur);transform:translateY(calc((var(--k) - var(--x)) * 70%));position:absolute;top:0;left:0}
.forg-demo .journey-track{width:max-content;padding-inline:var(--edge);transform:translate3d(calc(var(--q) * var(--dist,0px) * -1), 0, 0);will-change:transform;gap:16px;display:flex}
.forg-demo .j-node{--on:clamp(0, (var(--x) - var(--k)) * 2 + 1.2, 1);--cur:clamp(0, 1 - max(var(--x) - var(--k), var(--k) - var(--x)) * 1.1, 1);background:var(--surface);width:clamp(280px,27vw,390px);height:clamp(380px,56svh,480px);transform:translateY(calc((1 - var(--cur)) * 26px)) scale(calc(.93 + var(--cur) * .07));box-shadow:inset 0 0 0 calc(var(--cur) * 1.5px) var(--accent), 0 30px 60px -40px rgba(75, 186, 209, calc(var(--cur) * .8));border-radius:22px;flex-direction:column;flex:none;gap:6px;padding:24px;display:flex;position:relative}
.forg-demo .j-node.j-hot{background:var(--accent);color:var(--accent-ink);box-shadow:0 30px 70px -36px #4bbad1e6}
.forg-demo .j-top{justify-content:space-between;align-items:flex-start;display:flex}
.forg-demo .j-mark{width:32px;height:32px;color:#c7dcda;display:grid;place-items:center}
.forg-demo .j-hot .j-mark{color:var(--accent-ink)}
.forg-demo .j-ico{fill:none;width:26px;height:26px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.forg-demo .j-ico>*{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--on))}
.forg-demo .j-n{color:var(--faint);font-size:12px}
.forg-demo .j-node>b{letter-spacing:-.04em;font-size:clamp(1.6rem,2.3vw,2.3rem);font-weight:500;line-height:1.05}
.forg-demo .j-sub{color:var(--muted);font-size:16px}
.forg-demo .j-hot .j-n,.forg-demo .j-hot .j-sub{color:#051915b3}
.forg-demo .j-screen{background:var(--ink);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;flex-direction:column;gap:9px;margin:auto 0 14px;padding:14px;font-size:12.5px;display:flex}
.forg-demo .j-hot .j-screen{box-shadow:none;background:#051915eb}
.forg-demo .j-screen>*{--l:clamp(0, (var(--on) - .2 - var(--i) * .16) * 4, 1);opacity:calc(.16 + var(--l) * .84);transform:translateY(calc((1 - var(--l)) * 8px))}
.forg-demo .js-l{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}
.forg-demo .js-big{font-size:14px;line-height:1.4}
.forg-demo .js-row{align-items:center;gap:9px;display:flex}
.forg-demo .js-row b{margin-left:auto;font-weight:500}
.forg-demo .js-chain{border-top:1px dashed var(--line);color:var(--faint);padding-top:8px;font-size:11.5px}
.forg-demo .js-chain .brand{color:var(--text)}
.forg-demo .js-sign{width:100%;height:38px;overflow:visible}
.forg-demo .js-sign path{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--l))}
.forg-demo .js-bar{background:var(--surface-3);border-radius:3px;height:6px;display:block;overflow:hidden}
.forg-demo .js-bar i{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(var(--l));display:block}
.forg-demo .js-band{height:18px;display:block;position:relative}
.forg-demo .js-band:before{content:"";background:#7fc79a24;border-radius:6px;height:12px;position:absolute;top:3px;left:22%;right:22%;box-shadow:inset 0 0 0 1px #7fc79a73}
.forg-demo .js-band i{background:var(--line-strong);height:2px;position:absolute;top:8px;left:0;right:0}
.forg-demo .js-band b{top:0;left:calc(28% + var(--l) * 20%);background:var(--text);border-radius:2px;width:3px;height:18px;position:absolute}
.forg-demo .journey-rail{background:var(--line);border-radius:2px;height:2px;position:relative}
.forg-demo .journey-rail:before{content:"";border-radius:inherit;background:var(--accent);transform-origin:0;transform:scaleX(var(--q));position:absolute;inset:0}
.forg-demo .journey-packet{top:50%;left:calc(var(--q) * 100%);background:#c6f5f7;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 18px 4px #4bbad1bf}
@media (max-width:900px){.forg-demo .orbit .pin-stage{align-items:flex-start;padding-top:18px}
.forg-demo .journey .pin-stage{gap:22px}
.forg-demo .journey-track{gap:12px}
.forg-demo .j-node{width:78vw;height:min(62svh,440px);padding:20px}}
@media (max-width:900px){.forg-demo .pin{height:auto}
.forg-demo .pin-stage{height:auto;position:static;overflow:visible}
.forg-demo .orbit .pin-stage{padding-top:0}
.forg-demo .journey{--q:1;--x:5;margin-top:40px}
.forg-demo .journey .pin-stage{gap:14px}
.forg-demo .journey-head,.forg-demo .journey-rail{display:none}
.forg-demo .journey-track{will-change:auto;flex-direction:column;gap:10px;width:auto;padding-inline:0;transform:none}
.forg-demo .j-node{box-shadow:none;transform:none}
.forg-demo .j-node.j-hot{box-shadow:0 24px 50px -36px #4bbad1e6}
.forg-demo .j-screen{margin:4px 0 0;font-size:13px}
.forg-demo .j-screen>*{opacity:1;transform:none}
.forg-demo .js-chain,.forg-demo .j-n{font-size:12.5px}
.forg-demo .js-l,.forg-demo .journey-count{font-size:12px}}
.forg-demo .j-mark>.j-ico{grid-area:1/1}
.forg-demo .j-mark>.j-ico-base{opacity:.58}
.forg-demo .j-ico-base>*{stroke-dasharray:none;stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.forg-demo .j-ico>*{stroke-dasharray:none;stroke-dashoffset:0}}
