/* Stockback additions on top of the donor stylesheet */
.lnav-links{display:flex}
@media (max-width:760px){.lnav-links{display:none}}
.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:-.035em;color:var(--ink);text-decoration:none}
.lhead em{font-family:var(--font-serif),Georgia,serif;font-style:italic;font-weight:400}
.lwork-tabs{display:inline-flex;gap:.35rem;margin:.6rem 0 0}
.lwork-tab{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:rgba(255,255,255,.75);font-size:.74rem;font-weight:500;padding:.32rem .7rem;border-radius:100px;cursor:pointer}
.lwork-tab.is-on{background:#fff;color:#14141c;font-weight:600}
.lwork-pick{display:flex;flex-wrap:wrap;gap:.35rem;margin:.9rem 0 .2rem}
.lwork-pick button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);font-size:.74rem;padding:.3rem .62rem;border-radius:100px;cursor:pointer;font-family:var(--font-mono),ui-monospace,monospace}
.lwork-pick button.is-on{background:#fff;color:#14141c;font-weight:600}
.lgem-art{background-image:url(/gem.jpg)}
/* shelf */
.trow{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.95fr)}
.trow>:nth-child(3),.trow>:nth-child(5){display:flex}
@media (max-width:760px){.trow{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}.trow>:nth-child(3),.trow>:nth-child(4){display:none}}
.tlogo{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none;box-shadow:inset 0 0 0 1px rgba(20,20,28,.1),0 1px 2px rgba(20,20,28,.06);background:#fff}
.proof{display:inline-flex;gap:.3rem}
.proof i{font-style:normal;font-family:var(--font-mono),ui-monospace,monospace;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:.16rem .45rem;border-radius:100px;border:1px solid var(--line-strong);color:var(--ink-dim);background:var(--surface-raised)}
.trow.is-soon{opacity:.62}
.trow.is-soon .tage b{color:var(--ink-faint);font-weight:400}
/* scan page */
.scan{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.4rem;align-items:start}
@media (max-width:860px){.scan{grid-template-columns:minmax(0,1fr)}}
.drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-height:340px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;padding:2rem;cursor:pointer;transition:border-color .15s,background .15s}
.drop:hover,.drop.is-over{border-color:var(--ink);background:#fff}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop img{max-width:100%;max-height:420px;border-radius:12px;box-shadow:var(--shadow-float)}
.drop-title{font-weight:600;font-size:1rem;letter-spacing:-.01em}
.drop-sub{font-size:.84rem;color:var(--ink-dim);max-width:34ch;line-height:1.55}
.steps{display:flex;flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none}
.steps li{display:flex;align-items:center;gap:.7rem;font-size:.88rem;color:var(--ink-dim)}
.steps li i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-strong);display:grid;place-items:center;font-size:.6rem;font-style:normal;flex:none}
.steps li.is-on{color:var(--ink)}
.steps li.is-on i{border-color:var(--ink);animation:pulse 1s infinite}
.steps li.is-done{color:var(--ink)}
.steps li.is-done i{background:var(--ink);border-color:var(--ink);color:#fff}
.steps li.is-bad i{background:var(--alarm);border-color:var(--alarm);color:#fff}
@keyframes pulse{50%{box-shadow:0 0 0 4px rgba(20,20,28,.08)}}
.receipt{font-family:var(--font-mono),ui-monospace,monospace;font-size:.78rem;line-height:1.6;background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;color:var(--ink-dim);max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.receipt mark{background:color-mix(in srgb,var(--up) 22%,#fff);color:var(--ink);border-radius:3px;padding:0 .12em}
.result{display:grid;gap:.55rem;margin-top:.9rem}
.result .prow span:last-child{font-weight:600}
.reward{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:.5rem;padding:1rem 1.1rem;border-radius:12px;background:var(--ink);color:#fff}
.reward b{font-size:1.5rem;letter-spacing:-.04em;font-weight:700}
.reward span{font-size:.78rem;color:rgba(255,255,255,.6)}
.reward small{display:block;font-size:.74rem;color:rgba(255,255,255,.55);margin-top:.15rem}
.mailbox{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1rem;border:1px solid var(--line-strong);border-radius:12px;background:#fff;font-family:var(--font-mono),ui-monospace,monospace;font-size:.86rem}
.mailbox button{border:0;background:var(--ink);color:#fff;font-size:.76rem;font-weight:600;padding:.4rem .8rem;border-radius:100px;cursor:pointer;font-family:var(--font-body),system-ui,sans-serif}
.claims{margin-top:1.4rem}
.claims .trow{cursor:default}
.claims .trow:hover{background:transparent}
.tick{color:var(--up)}
.mono{font-family:var(--font-mono),ui-monospace,monospace}
.eyebrow{font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 .5rem}
.token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.4rem 0}
.token-card{background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius-lg);padding:1.3rem 1.4rem;box-shadow:var(--shadow-card)}
.token-card h3{margin:0 0 .5rem;font-size:1.02rem;letter-spacing:-.015em}
.token-card p{margin:0;font-size:.88rem;line-height:1.6;color:var(--ink-dim)}
.token-card .big{font-size:2rem;font-weight:700;letter-spacing:-.04em;display:block;margin:.2rem 0 .6rem}
.ca{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.9rem 1.1rem;border:1px solid var(--line-strong);border-radius:12px;background:#fff;font-family:var(--font-mono),ui-monospace,monospace;font-size:.84rem;margin:1rem 0}
.ca span{color:var(--ink-faint)}
.hidden{display:none!important}

/* ===== Stockback landing sections (own structure, not the donor's) ===== */
.lmarquee{position:relative;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);background:linear-gradient(180deg,#fff,#fbfbfd);overflow:hidden;padding:.85rem 0}
.lmarquee-track{display:flex;gap:2.4rem;width:max-content;animation:marq 48s linear infinite;font-family:var(--font-mono),ui-monospace,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}
.lmarquee-track span b{color:var(--ink);font-weight:600}
.lmarquee-track span i{font-style:normal;color:var(--up);font-weight:600}
.lmarquee:hover .lmarquee-track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lmarquee-track{animation:none}}
.lex{padding:clamp(3.5rem,8vw,6rem) 0 0}
.lex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1.6rem}
.lex-card{background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius-lg);padding:1.15rem 1.25rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.6rem}
.lex-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.8rem;color:var(--ink-dim)}
.lex-top b{color:var(--ink);font-weight:600}
.lex-mid{display:flex;align-items:center;gap:.6rem;font-size:.95rem}
.lex-mid .tlogo{width:28px;height:28px}
.lex-arrow{color:var(--ink-faint)}
.lex-out{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding-top:.7rem;margin-top:.1rem}
.lex-out b{font-size:1.35rem;letter-spacing:-.035em;font-weight:700}
.lex-out span{font-size:.76rem;color:var(--ink-faint);font-family:var(--font-mono),ui-monospace,monospace}
.lroutes{padding:clamp(3.5rem,8vw,6rem) 0 0}
.lroutes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;margin-top:1.6rem}
.lroute{position:relative;background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius-xl);padding:1.6rem 1.7rem 1.7rem;box-shadow:var(--shadow-card);overflow:hidden}
.lroute:before{content:"";position:absolute;inset:0;background:var(--route-art,none) right -40px bottom -40px/300px no-repeat;opacity:.9;pointer-events:none}
.lroute>*{position:relative}
.lroute h4{margin:.4rem 0 .5rem;font-size:1.3rem;letter-spacing:-.03em;font-weight:700}
.lroute p{margin:0 0 1rem;color:var(--ink-dim);font-size:.94rem;line-height:1.6;max-width:44ch}
.lroute ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem;font-size:.86rem}
.lroute li{display:flex;gap:.55rem;align-items:flex-start}
.lroute li:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ink);margin-top:.5rem}
.lroute .who{margin-top:1.1rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.ltoken{margin-top:clamp(3.5rem,8vw,6rem)}
.ltoken-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;align-items:center;background:var(--ink-face);color:#fff;border-radius:var(--radius-xl);padding:clamp(1.8rem,4vw,3rem);box-shadow:var(--shadow-float)}
@media (max-width:820px){.ltoken-in{grid-template-columns:minmax(0,1fr)}}
.ltoken h3{margin:.3rem 0 .6rem;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.04em;line-height:1.05}
.ltoken p{margin:0;color:rgba(255,255,255,.66);font-size:.95rem;line-height:1.6;max-width:50ch}
.ltoken .eyebrow{color:rgba(255,255,255,.5)}
.ltoken-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ltoken-facts div{border-left:1px solid rgba(255,255,255,.14);padding-left:1rem}
.ltoken-facts b{display:block;font-size:1.6rem;letter-spacing:-.04em;font-weight:700;line-height:1}
.ltoken-facts span{display:block;margin-top:.4rem;font-size:.76rem;color:rgba(255,255,255,.55)}
.ltoken .wbtn{margin-top:1.3rem;background:#fff;color:var(--ink)}
.lfinal{text-align:center;padding:clamp(4rem,9vw,7rem) 0 0}
.lfinal h3{font-size:clamp(2rem,4.5vw,3.2rem);letter-spacing:-.045em;line-height:1.02;margin:0 0 .8rem}
.lfinal h3 em{font-family:var(--font-serif),Georgia,serif;font-style:italic;font-weight:400}
.lfinal p{margin:0 auto 1.4rem;max-width:52ch;color:var(--ink-dim);font-size:1rem;line-height:1.6}
.lart{display:flex;justify-content:center;margin:-.5rem 0 1.5rem}
.lart img{width:clamp(220px,26vw,360px);height:auto}
.lhero-art{display:flex;justify-content:center;margin:clamp(-1rem,-1vw,0rem) 0 clamp(1rem,2vw,2rem)}
.lhero-art img{width:clamp(280px,34vw,460px);height:auto;filter:drop-shadow(0 30px 40px rgba(20,20,28,.14));animation:gembob 5.5s cubic-bezier(.45,0,.55,1) infinite alternate}