/* ================= home ================= */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s-7);align-items:center;padding-block:var(--s-7) var(--s-8)}
.hero__title{font-size:var(--fs-hero);font-weight:900;line-height:.86;text-transform:uppercase;letter-spacing:0;display:grid}
.hero__title span:nth-child(3){display:inline}
.hero__lede{font-size:var(--fs-xl);line-height:1.45;color:var(--ink-2);max-width:34ch;margin:var(--s-5) 0}
.hero__cta{margin-bottom:var(--s-5)}
.hero__live{margin:0;font-size:var(--fs-sm);color:var(--ink-2)}
.hero__live strong{color:var(--ink)}
.sep{display:inline-block;width:1px;height:1em;background:var(--line-strong);margin:0 var(--s-3);vertical-align:-2px}
.hero__sandbox{margin-top:var(--s-3);font-size:var(--fs-sm);color:var(--warn)}
.hero__slab{display:grid;gap:var(--s-5);justify-items:center}
.hero__slabwrap{display:block;width:min(100%,330px);position:relative}
.hero__board{display:grid;gap:10px;justify-items:center;text-align:center}
.hero__board-label{font-weight:700;font-size:var(--fs-sm)}
.hero__board-sub{display:grid;gap:2px;font-size:var(--fs-sm);color:var(--ink-2)}
.hero__empty{display:grid;gap:6px;text-align:center;max-width:36ch}
.sticker--lg{position:absolute;bottom:-12px;right:-18px;font-size:1.9rem;z-index:3}
.slab--empty .slab__case{background:transparent;box-shadow:none;border:2px dashed var(--line-strong)}
.slab--empty .slab__inner{background:transparent;border-color:transparent}
.tile-grid--4{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
@media (max-width:900px){.hero{grid-template-columns:1fr;padding-block:var(--s-5) var(--s-7)}.hero__slab{order:-1}.hero__slabwrap{width:min(78%,300px)}.hero__title{font-size:clamp(3.2rem,16vw,5.5rem)}}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);counter-reset:s}
.steps li{display:grid;grid-template-columns:auto 1fr;gap:var(--s-4);align-items:start;padding-top:var(--s-4);border-top:2px solid var(--ink)}
.steps__n{font-family:var(--display);font-weight:900;font-size:4rem;line-height:.8;color:var(--ink)}
.steps h3{margin-bottom:var(--s-2)}
.steps p{margin:0;color:var(--ink-2)}
.steps__note{margin-top:var(--s-5);font-size:var(--fs-sm)}
@media (max-width:900px){.steps{grid-template-columns:1fr;gap:var(--s-5)}}
.figures{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5);margin:0}
.figures div{border-top:1px solid rgba(255,255,255,.25);padding-top:var(--s-3)}
.figures dt{font-size:var(--fs-sm);color:#a6b0d0}
.figures dd{margin:4px 0 0;font-family:var(--display);font-weight:800;font-size:clamp(2rem,1.4rem + 2.2vw,3.2rem);line-height:1}

/* ================= wall / explore ================= */
.toolbar{display:flex;gap:var(--s-4);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:var(--s-4)}
.toolbar__select{width:auto;min-width:200px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}
.pill--ok .dot{animation:pulse 2s infinite}
@media (prefers-reduced-motion:reduce){.pill--ok .dot{animation:none}}
@keyframes pulse{50%{opacity:.35}}

/* popover notifications */
.note{display:grid!important;gap:2px;border-radius:var(--r-sm)}
.note--unread{background:var(--blue-wash)}
.note small{font-size:var(--fs-xs)}
.note-empty{padding:var(--s-3);margin:0;font-size:var(--fs-sm)}
.wallet-opt img{border-radius:6px}
.wallet-opt{justify-content:flex-start}

/* ================= explore ================= */
.explore{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--s-7);align-items:start}
.explore__filters-inner{position:sticky;top:84px}
.explore__filter-btn{display:none}
.badge--inline{position:static;display:inline-grid;margin-left:4px}.badge--inline:empty{display:none}
.row--center{justify-content:center}
@media (max-width:900px){.explore{grid-template-columns:1fr}.explore__filters{display:none}.explore__filter-btn{display:inline-flex}}

/* ================= card detail ================= */
.card-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:var(--s-8);align-items:start}
.card-grid__slab{position:sticky;top:84px;display:grid;gap:var(--s-4);justify-items:center}
.card-grid__slabwrap{width:min(100%,380px)}
.card-grid__tools{justify-content:center}
.card-grid__info>*+*{margin-top:var(--s-5)}
.card-grid__sub{font-size:var(--fs-lg);margin:var(--s-2) 0 0}
.card-grid__sections{display:grid;gap:var(--s-7);margin-top:var(--s-7)}
.card-grid__sections h2{font-size:var(--fs-2xl);margin-bottom:var(--s-4)}
.price-panel{display:grid;gap:var(--s-5)}
.price-panel__board{display:grid;gap:var(--s-3);justify-items:start}
.price-panel__amt{font-family:var(--display);font-weight:900;font-size:var(--fs-3xl);line-height:1}
.price-panel__plain{display:grid;gap:4px}
.price-panel .sticker{font-size:1.4rem}
.bd .receipt__row>:first-child{color:var(--ink)}
.bd{max-width:520px}
.receipt__total{max-width:520px}
@media (max-width:900px){.card-grid{grid-template-columns:1fr;gap:var(--s-6)}.card-grid__slab{position:static}.card-grid__slabwrap{width:min(78%,320px)}}
.plain{margin:8px 0 0;padding-left:20px;display:grid;gap:6px}

/* ================= checkout ================= */
.reserve{gap:var(--s-5);align-items:center}
.progress-steps{list-style:none;display:grid;gap:var(--s-4);margin:var(--s-3) 0 0;padding:0}
.progress-steps li{display:grid;grid-template-columns:32px 1fr;gap:var(--s-3);align-items:start}
.progress-steps__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--line-strong);font-weight:700;font-size:var(--fs-sm);color:var(--ink-3)}
.progress-steps__done .progress-steps__mark{background:var(--ok);border-color:var(--ok);color:#fff}
.progress-steps__now .progress-steps__mark{border-color:var(--ink);color:var(--ink);background:var(--tag)}
.progress-steps__todo{color:var(--ink-3)}
@media (prefers-reduced-motion:no-preference){.progress-steps__now .progress-steps__mark{animation:pulse 1.4s infinite}}

/* ================= shared page bits ================= */
.stats-line{display:flex;gap:var(--s-7);flex-wrap:wrap;padding-block:var(--s-4);border-block:1px solid var(--line-strong)}
.stats-line>div{display:grid;gap:2px}
.stats-line .label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}
.stats-line strong{font-family:var(--display);font-weight:800;font-size:2.2rem;line-height:1}
.split--top{align-items:start}
.updates{list-style:none;display:grid;gap:var(--s-3)}
.mb-section{margin-bottom:var(--s-7)}
.kv--tight{gap:var(--s-2) var(--s-5);margin:var(--s-3) 0}

/* ================= hunt ================= */
.hunt__list{list-style:none;display:grid;border-top:2px solid var(--ink)}
.hunt__item{display:grid;grid-template-columns:40px 56px minmax(0,1fr) auto;gap:var(--s-4);align-items:center;padding:var(--s-4) 0;border-bottom:1px solid var(--line)}
.hunt__rank{font-family:var(--display);font-weight:900;font-size:2rem;color:var(--ink-3)}
.hunt__img{border-radius:6px;object-fit:cover;box-shadow:0 1px 3px rgba(11,18,48,.4)}
.hunt__name{font-weight:700;color:var(--ink);text-decoration:none;display:block}
.hunt__name:hover{text-decoration:underline;color:var(--ink)}
.hunt__vote{display:grid;justify-items:end;gap:2px}
.hunt__vote strong{font-family:var(--display);font-weight:800;font-size:1.8rem;line-height:1}
.hunt__results{list-style:none;display:grid;gap:var(--s-3);margin-top:var(--s-4)}
.hunt__results li{display:grid;grid-template-columns:44px 1fr auto;gap:var(--s-4);align-items:center;padding:var(--s-3);background:var(--sleeve);border:1px solid var(--line);border-radius:var(--r-md)}
.hunt__results img{border-radius:5px}
@media (max-width:560px){.hunt__item{grid-template-columns:28px 44px minmax(0,1fr)}.hunt__vote{grid-column:1/-1;grid-template-columns:auto auto auto;justify-content:start;align-items:center;gap:var(--s-3)}}

/* ================= collection ================= */
.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s-6)}
.coll{display:grid;grid-template-columns:120px 1fr;gap:var(--s-4);align-items:start}
.coll__info{display:grid;gap:var(--s-2);justify-items:start}
@media (max-width:420px){.coll{grid-template-columns:96px 1fr}}
.drop{display:grid;gap:var(--s-3)}
.drop__you{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap}

/* ================= order timeline ================= */
.timeline{list-style:none;display:grid;gap:0;border-left:2px solid var(--line-strong);margin-left:10px}
.timeline li{position:relative;display:grid;gap:2px;padding:0 0 var(--s-6) var(--s-5)}
.timeline li::before{content:"";position:absolute;left:-8px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--stock);border:2px solid var(--line-strong)}
.timeline__done::before{background:var(--ok);border-color:var(--ok)}
.timeline__todo{color:var(--ink-3)}
.receipt--flat{box-shadow:none;border:1px solid var(--line);-webkit-mask:none;mask:none;padding:var(--s-5)}
.receipt--flat::before,.receipt--flat::after{display:none}

/* ================= receipt ================= */
.receipt-wrap{max-width:620px;margin-inline:auto}
.receipt__title{font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);line-height:1}
.receipt__slab{width:150px;margin:0 0 var(--s-5)}
.vf-steps{margin-top:var(--s-4)}

/* ================= token / transparency ================= */
.mint{font-size:var(--fs-lg);margin:var(--s-3) 0}
.split-bar{display:flex;height:18px;border-radius:9px;overflow:hidden;background:var(--line);margin:var(--s-4) 0 var(--s-3)}
.split-bar span{display:block;height:100%}
.split-bar__a{background:var(--ink-band)}.split-bar__b{background:var(--tag)}.split-bar__c{background:var(--blue)}
.legend{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);font-size:var(--fs-sm)}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.lg-a{background:var(--ink-band)}.lg-b{background:var(--tag)}.lg-c{background:var(--blue)}
.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--ink)}
.stage{display:grid;grid-template-columns:auto 1fr;gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-4) 0;border-right:1px solid var(--line)}
.stage:last-child{border-right:0}
.stage:nth-child(n+2){padding-left:var(--s-4)}
.stage__n{font-family:var(--display);font-weight:900;font-size:2.6rem;line-height:.8;color:var(--ink-3)}
.stage:last-child .stage__n{color:var(--ink)}
.stage .label{display:block;font-weight:700;font-size:var(--fs-sm)}
.stage strong{display:block;font-family:var(--display);font-weight:800;font-size:1.9rem;line-height:1.05;margin:2px 0 6px}
.stage p{font-size:var(--fs-sm);color:var(--ink-2);margin:0}
@media (max-width:900px){.stages{grid-template-columns:1fr 1fr}.stage{border-bottom:1px solid var(--line)}}
@media (max-width:560px){.stages{grid-template-columns:1fr}.stage{border-right:0;padding-left:0}}
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s-5)}
.figs>div{border-top:2px solid var(--ink);padding-top:var(--s-3);display:grid;gap:2px}
.figs .label{font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}
.figs strong{font-family:var(--display);font-weight:800;font-size:2.4rem;line-height:1}

/* ================= faq, legal, support ================= */
.faq{display:grid;gap:var(--s-7);max-width:820px}
.faq__sec h2{margin-bottom:var(--s-3)}
details{border-bottom:1px solid var(--line-strong)}
details:first-of-type{border-top:2px solid var(--ink)}
summary{cursor:pointer;padding:var(--s-4) 28px var(--s-4) 0;font-weight:700;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:var(--ink-2)}
details[open] summary::after{content:"−"}
details p{padding-bottom:var(--s-4);color:var(--ink-2)}
.prose{max-width:74ch}
.prose h1{margin-bottom:var(--s-3)}
.prose .lede{font-size:var(--fs-lg);color:var(--ink-2)}
.prose section{margin-top:var(--s-6)}
.prose h2{font-size:var(--fs-xl);margin-bottom:var(--s-3)}
.prose p{line-height:1.65}
.cases{list-style:none;display:grid;border-top:2px solid var(--ink)}
.cases li{padding:var(--s-4) 0;border-bottom:1px solid var(--line);display:grid;gap:6px}
.cases a{display:grid;gap:2px;color:var(--ink);text-decoration:none}
.cases a:hover strong{text-decoration:underline}
.cases__meta{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;font-size:var(--fs-sm)}
.thread{list-style:none;display:grid;gap:var(--s-4);max-width:720px}
.msg{padding:var(--s-4);border-radius:var(--r-md);background:var(--sleeve);border:1px solid var(--line)}
.msg--operator{background:var(--blue-wash);border-color:#b3bbff}
.msg__who{font-size:var(--fs-sm);font-weight:700;margin-bottom:6px;display:flex;gap:var(--s-3);flex-wrap:wrap}
.msg p{margin:0;max-width:none}
.reserve__rows{margin-bottom:var(--s-4)}
.hero__name{font-family:var(--display);font-weight:800;font-size:1.6rem;line-height:1;color:var(--ink);text-decoration:none}.hero__name:hover{text-decoration:underline;color:var(--ink)}