/* ============================================================
   GREENWAY VAULT — DESIGN SYSTEM v7 (light / premium)
   Ivory + charcoal + gold. Display: Barlow Condensed. Body: Manrope.
   Dark is reserved for the homepage hero, the footer, CTA bands,
   and the Vault Desk back office (body.theme-dark).
   ============================================================ */
:root{
  /* lifted dark: neutral near-black (logo palette: black · gold · cream) */
  --bg:#171615;
  --bg-2:#1D1C1B;
  --surface:#262524;
  --surface-2:#2E2D2B;
  --surface-3:#393735;
  --ink:#0A0A09;
  --text:#F6EFE1;
  --text-2:#DED5C3;
  --muted:#BDB4A1;
  --dim:#877E6D;
  --line:rgba(246,239,225,.13);
  --line-strong:rgba(240,175,24,.40);
  --gold:#F0AF18;
  --gold-2:#D89A0E;
  --gold-3:#A9780E;
  --gold-light:#FFD866;
  --gold-text:#F4B62A;     /* large gold display text */
  --gold-ink:#FFD866;      /* small gold text / links */
  --gold-soft:rgba(240,175,24,.12);
  --dark:#0A0A09;
  --dark-2:#141312;
  --dark-3:#1E1D1C;
  --success:#5DD39E;
  --danger:#FF7B72;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 6px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.28);
  --shadow:0 14px 40px rgba(0,0,0,.42), 0 2px 8px rgba(0,0,0,.25);
  --shadow-lg:0 30px 80px rgba(0,0,0,.55), 0 8px 24px rgba(0,0,0,.35);
  --glow:0 0 0 1px rgba(240,175,24,.38), 0 14px 40px rgba(240,175,24,.16);
  --font-display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --font-body:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --max:1200px;
  --nav-h:78px;
}
/* deep-black scopes: homepage hero, footer, CTA band, Vault Desk */
.hero.v4,.footer,.cta-band,.theme-dark,.dark{
  --bg:#0E0D0C;--bg-2:#141312;--surface:#1C1B1A;--surface-2:#242322;--surface-3:#2C2C35;
  --text:#F3EBDD;--text-2:#DAD2C2;--muted:#B9AF9C;--dim:#7E7666;
  --line:rgba(240,175,24,.16);--line-strong:rgba(240,175,24,.36);
  --gold-text:#F0AF18;--gold-ink:#FFD866;--gold-soft:rgba(240,175,24,.10);
  --shadow:0 20px 60px rgba(0,0,0,.55);--shadow-sm:0 8px 24px rgba(0,0,0,.4);--shadow-lg:0 30px 80px rgba(0,0,0,.7);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 12px)}
body{
  background:var(--bg);color:var(--text);font-family:var(--font-body);
  font-size:16.5px;line-height:1.65;overflow-x:hidden;
  background-image:radial-gradient(1200px 520px at 85% -10%,rgba(240,175,24,.10),transparent 60%),radial-gradient(900px 500px at -10% 40%,rgba(240,175,24,.05),transparent 60%);
  background-repeat:no-repeat;
}
body.theme-dark{background-image:radial-gradient(1200px 600px at 80% -10%,rgba(240,175,24,.07),transparent 60%)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font:inherit}
::selection{background:var(--gold);color:var(--ink)}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}

/* ---------- Type ---------- */
h1,h2,.display{font-family:var(--font-display);font-weight:800;line-height:.98;letter-spacing:.005em;text-transform:uppercase;color:var(--text)}
h1{font-size:clamp(42px,6vw,80px)}
h2{font-size:clamp(32px,4.2vw,52px)}
h3,h4{font-family:var(--font-body);font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--text)}
h3{font-size:clamp(20px,2vw,23px)}
h4{font-size:17px}
p{color:var(--muted);max-width:68ch}
p.lead{font-size:clamp(17px,1.5vw,19.5px);line-height:1.6;color:var(--text-2)}
strong,b{color:inherit}
p strong{color:var(--text)}
.gold{color:var(--gold-text)}
.gold-grad{
  background:linear-gradient(180deg,#FFE4A0 0%,#F0AF18 45%,#C48F10 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-display);font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  font-size:12.5px;color:var(--gold-text);
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--gold)}
.eyebrow.center{justify-content:center}
.eyebrow.center::after{content:"";width:26px;height:2px;background:var(--gold)}
.tagline{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:13px;color:var(--gold-text);font-weight:700}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.section{padding:clamp(48px,6vw,84px) 0;position:relative}
.section.tight{padding:clamp(36px,4.5vw,60px) 0}
.section-head{max-width:760px;margin-bottom:26px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head h2{margin:10px 0 10px}
.section-head p.lead{margin-top:6px}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}
/* alternating bands used inline on pages */
.section[style*="--bg-2"]{background:var(--bg-2)!important}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 24px;border-radius:12px;font-family:var(--font-display);
  font-weight:700;font-size:16.5px;letter-spacing:.06em;text-transform:uppercase;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s;
  white-space:nowrap;position:relative;overflow:hidden;line-height:1;
}
.btn:active{transform:translateY(1px)}
.btn-gold{
  background:linear-gradient(180deg,#FFC93A 0%,#F0AF18 55%,#DDA012 100%);
  color:var(--ink);box-shadow:0 8px 22px rgba(240,175,24,.30), inset 0 1px 0 rgba(255,255,255,.55);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(240,175,24,.42), inset 0 1px 0 rgba(255,255,255,.55)}
.btn-ghost{border:1.5px solid var(--line-strong);color:var(--gold-light);background:rgba(240,175,24,.05);backdrop-filter:blur(6px)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-light);background:rgba(240,175,24,.14)}
.btn-dark{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}
.btn-dark:hover{border-color:var(--line-strong)}
.btn-sm{padding:10px 16px;font-size:14px;border-radius:10px}
.btn-lg{padding:18px 32px;font-size:18px}
.btn-block{width:100%}
.btn svg{width:18px;height:18px;flex:none}

/* ---------- Nav ---------- */
.nav{
  position:sticky;top:0;z-index:60;height:var(--nav-h);
  background:rgba(var(--ov),.82);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);
  border-bottom:1px solid var(--line);
}
.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;height:100%}
.brand img{height:54px;width:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none}
.nav-links li.mobile-cta{display:none}
.nav-links a{
  padding:10px 13px;border-radius:9px;font-family:var(--font-body);font-weight:700;
  font-size:14.5px;color:var(--text-2);white-space:nowrap;
  transition:color .15s,background .15s;display:inline-flex;align-items:center;gap:8px;position:relative;
}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,.06)}
.nav-links a[aria-current="page"]{color:var(--gold);background:var(--gold-soft)}
.pill{font-family:var(--font-body);font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:999px;background:var(--gold);color:var(--ink);line-height:1;text-transform:uppercase}
.nav-cta{display:flex;align-items:center;gap:10px}
.nav-cta .btn-user{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1px solid rgba(246,239,225,.18);color:var(--text-2);font-weight:700;font-size:14px;background:rgba(255,255,255,.03)}
.nav-cta .btn-user svg{width:18px;height:18px;color:var(--gold)}
.nav-cta .btn-user:hover{border-color:var(--gold);color:var(--gold-light)}
.nav-toggle{display:none;width:44px;height:44px;border-radius:10px;border:1px solid rgba(246,239,225,.18);align-items:center;justify-content:center;background:rgba(255,255,255,.03)}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--text);position:relative}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--text);transition:.2s}
.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
.nav.open .nav-toggle span{background:transparent}
.nav.open .nav-toggle span::before{transform:rotate(45deg);top:0}
.nav.open .nav-toggle span::after{transform:rotate(-45deg);top:0}
.topbar{display:none}
@media (max-width:960px){
  .nav-links,.nav-cta .btn{display:none}
  .nav-toggle{display:inline-flex}
  .nav-cta .btn-user span{display:none}.nav-cta .btn-user{padding:9px}
  .nav.open .nav-links{
    display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:var(--nav-h);
    background:var(--bg);border-bottom:1px solid var(--line);padding:16px 24px 24px;gap:4px;box-shadow:var(--shadow);
  }
  .nav.open .nav-links a{padding:14px 12px;font-size:17px}
  .nav.open .nav-links li.mobile-cta{display:block;margin-top:12px}
  .nav.open .nav-links li.mobile-cta a{background:var(--gold);color:var(--ink);justify-content:center}
}
@media (max-width:640px){.nav .brand img{height:42px}}

/* ---------- Hero (shared) ---------- */
.hero{position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;min-height:0}
.hero-bg{position:absolute;inset:0;z-index:-2}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.hero-overlay{position:absolute;inset:0;z-index:-1}
.hero .wrap{padding-top:44px;padding-bottom:48px;width:100%}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{margin:14px 0 14px}
.hero h1 .line{display:block}
.hero p.lead{max-width:560px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.hero .wrap{padding-top:32px;padding-bottom:36px}}
@media (max-width:640px){.hero-actions .btn{flex:1 1 auto;justify-content:center}}

/* Homepage hero: dark, cinematic banner */
.hero.v4{background:#000;color:var(--text)}
.hero.v4 .hero-bg img{opacity:.8;object-position:72% center;filter:saturate(1.1) contrast(1.05)}
.hero.v4 .hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.84) 36%,rgba(0,0,0,.40) 62%,rgba(0,0,0,.20) 100%),linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 30%,rgba(0,0,0,.05) 70%,rgba(11,10,8,.95) 100%)}
.hero.v4 .wrap{padding-top:56px;padding-bottom:64px}
.hero.v4 h1{font-size:clamp(44px,5.6vw,78px);text-shadow:0 10px 40px rgba(0,0,0,.6)}
.hero.v4 p.lead{color:#E2DACB}
.hero.v4 .tagline{color:var(--gold)}

/* Inner-page hero: charcoal with a soft gold wash (banner image ghosted in) */
.hero.v3{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 100%);border-bottom:1px solid var(--line)}
.hero.v3 .hero-bg img{opacity:.42;object-position:70% center;filter:saturate(1.1)}
.hero.v3 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.94) 0%,rgba(var(--ov),.78) 45%,rgba(var(--ov),.35) 100%),radial-gradient(900px 420px at 15% 0%,rgba(240,175,24,.16),transparent 65%)}
.hero.v3 .wrap{padding-top:40px;padding-bottom:40px}
.hero.v3 h1{font-size:clamp(40px,5.2vw,68px)}

/* Hero card fan (homepage) */
.hero-fan{position:relative;height:520px}
.hero-fan .pc{position:absolute;width:230px;transition:transform .5s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 34px 44px rgba(0,0,0,.75))}
.hero-fan .f1{left:0;top:80px;transform:rotate(-12deg);z-index:1}
.hero-fan .f2{left:31%;top:6px;transform:rotate(-1deg) scale(1.1);z-index:3}
.hero-fan .f3{left:62%;top:86px;transform:rotate(11deg);z-index:2}
.hero-fan:hover .f1{transform:rotate(-16deg) translate(-16px,10px)}
.hero-fan:hover .f2{transform:rotate(0) scale(1.14) translateY(-12px)}
.hero-fan:hover .f3{transform:rotate(15deg) translate(16px,10px)}
.hero-fan .pc figcaption{display:none}
.hero-fan::before{content:"";position:absolute;left:50%;top:50%;width:540px;height:540px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(240,175,24,.32),transparent 60%);filter:blur(16px);z-index:0}
@media (max-width:960px){.hero-fan{display:none}}
.hero-mobile-fan{display:none}
@media (max-width:960px){.hero-mobile-fan{display:flex;gap:10px;justify-content:center;margin-top:26px}.hero-mobile-fan .pc{width:31%;filter:drop-shadow(0 18px 24px rgba(0,0,0,.6))}.hero-mobile-fan .pc figcaption{display:none}}

/* Hero with a single big slab (inner pages) */
.hero-slab{position:relative;height:430px;display:flex;align-items:center;justify-content:center}
.hero-slab .pc{width:250px;transform:rotate(6deg);filter:drop-shadow(0 30px 40px rgba(0,0,0,.7));transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:2}
.hero-slab:hover .pc{transform:rotate(2deg) translateY(-8px)}
.hero-slab .pc figcaption{display:none}
.hero-slab .pc.back{position:absolute;width:196px;transform:rotate(-13deg) translate(-150px,26px);z-index:1;opacity:.95;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}
.hero-slab::before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(240,175,24,.30),transparent 62%);filter:blur(14px)}
@media (max-width:960px){.hero-slab{display:none}}

.next-show{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border:1px solid rgba(240,175,24,.45);border-radius:var(--radius);background:rgba(240,175,24,.10);font-size:14.5px;color:var(--text-2);max-width:620px}
.next-show .dot{width:9px;height:9px;border-radius:50%;background:#FF3B3B;animation:pulse 1.6s infinite;flex:none}
.next-show b{color:var(--gold-light)}
.next-show a{margin-left:auto;color:var(--gold);font-weight:800}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(229,50,43,.6)}100%{box-shadow:0 0 0 10px rgba(229,50,43,0)}}

/* ---------- Stats row ---------- */
.stats5{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm)}
@media (max-width:760px){.stats5{grid-template-columns:repeat(2,1fr)}}
.stats5 div{padding:20px 14px;text-align:center;border-right:1px solid var(--line)}
.stats5 div:last-child{border-right:0}
.stats5 b{display:block;font-family:var(--font-display);font-size:32px;color:var(--gold-text);line-height:1;font-weight:800}
.stats5 span{font-size:12px;color:var(--muted);letter-spacing:.04em;font-weight:600}
@media (max-width:640px){.stats5 div:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.stats5 div:nth-child(2),.stats5 div:nth-child(4){border-right:0}.stats5 div:nth-child(-n+4){border-bottom:1px solid var(--line)}}
.section[style*="padding-top:0"] .stats5{margin-top:-34px;position:relative;z-index:2;box-shadow:var(--shadow)}

/* ---------- Action boxes ---------- */
.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:860px){.acts{grid-template-columns:1fr}}
.act{padding:26px 24px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);display:grid;gap:8px;transition:.22s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.act::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,var(--gold-3),var(--gold),var(--gold-light));opacity:0;transition:.22s}
.act:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(240,175,24,.5)}
.act:hover::after{opacity:1}
.act .icon{width:52px;height:52px;border-radius:14px}
.act h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:27px;margin:6px 0 0;font-weight:800}
.act p{font-size:15px;margin:0}
.act .go{margin-top:6px;font-weight:800;color:var(--gold-ink);font-size:14px}
.icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(240,175,24,.22),rgba(240,175,24,.08));border:1px solid rgba(240,175,24,.4);color:var(--gold-3)}
.icon svg{width:26px;height:26px}

/* ---------- How it works ---------- */
.hiw{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:860px){.hiw{grid-template-columns:repeat(2,1fr)}}
.hiw > div{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}
.hiw i{flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#FFC93A,#E1A317);color:var(--ink);font-style:normal;font-family:var(--font-display);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(240,175,24,.35)}
.hiw b{display:block;font-size:16px;color:var(--text)}
.hiw span{font-size:13.5px;color:var(--muted);line-height:1.45}

/* ---------- Icon rows ---------- */
.irow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;text-align:center}
.irow > div{padding:20px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}
.irow .ring{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--gold-2);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--gold-3);background:var(--gold-soft)}
.irow .ring svg{width:20px;height:20px}
.irow b{display:block;font-size:14.5px;color:var(--text)}
.irow span{font-size:12.5px;color:var(--muted);line-height:1.4;display:block;margin-top:3px}
@media (max-width:640px){.irow{grid-template-columns:repeat(2,1fr)}}

/* ---------- Category tiles ---------- */
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media (max-width:960px){.cats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.cats{grid-template-columns:repeat(2,1fr)}}
.ctile{display:flex;flex-direction:column;background:var(--surface);border-radius:16px;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow-sm);transition:.22s;text-align:center}
.ctile:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(240,175,24,.5)}
.ctile img{width:100%;height:auto;aspect-ratio:1/1.05;object-fit:contain;padding:12% 18% 6%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6));transition:transform .35s;background:radial-gradient(60% 50% at 50% 60%,rgba(240,175,24,.22),transparent 70%)}
.ctile img.cover{object-fit:cover;padding:0;aspect-ratio:1/1.05;filter:none}
.ctile:hover img{transform:translateY(-4px) scale(1.03)}
.ctile b{padding:6px 8px 0;font-size:15px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text)}
.ctile small{padding:0 8px 12px;font-size:11.5px;color:var(--muted)}

/* ---------- Banner ---------- */
.banner{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
@media (max-width:860px){.banner{grid-template-columns:1fr}}
.banner .media{position:relative;min-height:240px}
.banner .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banner .body{padding:32px;display:grid;gap:10px;align-content:center}
.banner h3{font-family:var(--font-display);text-transform:uppercase;font-size:30px;letter-spacing:.02em;margin:0;font-weight:800}
.banner .small{font-size:14.5px}

/* ---------- CTA band (dark) ---------- */
.cta-band{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(240,175,24,.35);
  padding:clamp(34px,5vw,60px);text-align:center;isolation:isolate;color:var(--text);
  background:linear-gradient(180deg,#1C1C22,var(--ink));box-shadow:var(--shadow-lg);
}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 320px at 50% 0%,rgba(240,175,24,.28),transparent 70%)}
.cta-band h2{margin:12px 0 10px;color:#F3EBDD}
.cta-band p{max-width:620px;margin:0 auto;color:#C9BFAA}
.cta-band .hero-actions{justify-content:center}
.cta-band .gold{color:var(--gold)}

/* ---------- Cards / grids ---------- */
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:28px;position:relative;overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;box-shadow:var(--shadow-sm);
}
a.card:hover{transform:translateY(-4px);border-color:rgba(240,175,24,.5);box-shadow:var(--shadow)}
.card h3{margin:16px 0 8px}
.card p{font-size:15.5px}
.card.highlight{border-color:var(--gold);box-shadow:var(--glow)}
.card .tag{position:absolute;top:18px;right:18px;font-family:var(--font-display);font-weight:700;letter-spacing:.12em;font-size:12px;padding:5px 10px;border-radius:999px;background:var(--gold);color:var(--ink);text-transform:uppercase}
.card ul{list-style:none;margin-top:16px;display:grid;gap:9px}
.card ul li{display:flex;gap:10px;font-size:15px;color:var(--text-2)}
.card ul li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0A07' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media (max-width:960px){.split{grid-template-columns:1fr;gap:32px}}
.split .media{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.split .media img{width:100%;height:100%;object-fit:cover}
.split .media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.8))}
.split .media .cap{position:absolute;left:22px;right:22px;bottom:18px;z-index:1;font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);font-size:14px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:960px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.steps{grid-template-columns:1fr}}
.step{padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.step .n{font-family:var(--font-display);font-weight:800;font-size:52px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--gold-2)}
.step h3{margin:12px 0 8px;font-size:20px}

/* ---------- Tabs ---------- */
.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:26px}
.tab{padding:12px 16px;font-family:var(--font-body);font-weight:700;font-size:15px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:.15s;display:inline-flex;gap:8px;align-items:center}
.tab:hover{color:var(--text)}
.tab[aria-selected="true"]{color:var(--gold-ink);border-bottom-color:var(--gold)}
.tab .count{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--surface-3);color:var(--muted)}
.tab-panel[hidden]{display:none}

/* ---------- Shop / product ---------- */
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1100px){.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.products{grid-template-columns:repeat(2,1fr)}}
@media (max-width:460px){.products{grid-template-columns:1fr}}
.product{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;box-shadow:var(--shadow-sm)}
.product:hover{transform:translateY(-4px);border-color:rgba(240,175,24,.5);box-shadow:var(--shadow)}
.product .visual{aspect-ratio:1/1.12;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(60% 50% at 50% 55%,rgba(240,175,24,.22),transparent 70%),linear-gradient(180deg,var(--surface-2),var(--bg-2));border-bottom:1px solid var(--line);padding:10%}
.product .visual .pc{width:64%;filter:drop-shadow(0 16px 22px rgba(0,0,0,.6))}
.product .visual .pc.praw{width:58%}
.product .visual .pc figcaption{display:none}
.product .visual .sealed{width:62%;aspect-ratio:1/1.35;border-radius:8px;background:linear-gradient(160deg,var(--dark-3),var(--ink));border:1px solid rgba(240,175,24,.6);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 30px rgba(21,19,15,.35);position:relative}
.product .visual .sealed::before{content:"";position:absolute;inset:8px;border:1px dashed rgba(240,175,24,.4);border-radius:4px}
.product .visual .sealed img{width:48%}
.product .body{padding:16px 18px 18px}
.product .cat{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);font-weight:800}
.product h4{margin:6px 0 4px;font-size:16px;letter-spacing:0;text-transform:none;font-family:var(--font-body);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product .meta{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product .row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px}
.product .price{font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--text)}
.product .lang{position:absolute;top:12px;left:12px;font-size:10px;font-weight:800;letter-spacing:.12em;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.6);border:1px solid var(--line-strong);color:var(--gold-light);z-index:2}
.shop-soon .product::after{content:"Coming soon";position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:4px 8px;border-radius:6px;z-index:2}
.shop-soon .product .btn{display:none}
.shop-soon .product .price{color:var(--muted);font-size:16px;font-family:var(--font-body);font-weight:700}
.shop-soon .product .price::after{content:" est."}
.soon-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--gold);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.soon-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 30px;border-radius:var(--radius-lg);border:1px solid var(--gold);background:var(--gold-soft);margin-bottom:36px}

/* ---------- Forms ---------- */
.field{display:grid;gap:7px;margin-bottom:16px}
.field label{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.field small{color:var(--dim);font-size:12px;text-transform:none;letter-spacing:0;font-weight:600}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=url],input[type=password],input[type=search],input[type=date],select,textarea{
  width:100%;background:var(--bg);border:1.5px solid rgba(246,239,225,.16);border-radius:11px;color:var(--text);
  padding:13px 14px;transition:border-color .15s,box-shadow .15s;
}
input::placeholder,textarea::placeholder{color:var(--dim)}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F0AF18' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px}
select option{background:var(--bg-deep);color:var(--text)}
textarea{min-height:130px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold-2);box-shadow:0 0 0 4px rgba(240,175,24,.18)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.form-row{grid-template-columns:1fr}}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:640px){.choice-grid{grid-template-columns:repeat(2,1fr)!important}}
.choice{position:relative}
.choice input{position:absolute;opacity:0;inset:0}
.choice > span{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 10px;border-radius:11px;border:1.5px solid rgba(246,239,225,.16);background:var(--bg);font-size:14px;font-weight:700;color:var(--text-2);transition:.15s;min-height:50px}
.choice:hover span{border-color:var(--gold-2)}
.choice input:checked + span{border-color:var(--gold);background:var(--gold-soft);color:var(--gold-light);box-shadow:inset 0 0 0 1px var(--gold)}
.choice input:focus-visible + span{outline:2px solid var(--gold-2)}
.pref{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pref label{position:relative}.pref input{position:absolute;opacity:0;inset:0}
.pref span{display:flex;align-items:center;justify-content:center;padding:11px;border-radius:10px;border:1.5px solid rgba(246,239,225,.16);background:var(--bg);font-size:14px;font-weight:700;color:var(--text-2)}
.pref input:checked + span{border-color:var(--gold);background:var(--gold-soft);color:var(--gold-light)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted)}
.check input{width:18px;height:18px;accent-color:var(--gold-2);margin-top:2px;flex:none}
.form-note{font-size:13px;color:var(--dim);margin-top:12px}
.form-status{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:14px;display:none}
.form-status.ok{display:block;background:rgba(93,211,158,.12);border:1px solid rgba(93,211,158,.4);color:#BFF3D9}
.form-status.err{display:block;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.4);color:#FFC9C9}
.sizer-prefill{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:rgba(93,211,158,.1);border:1px solid rgba(93,211,158,.35);color:#BFF3D9;font-size:13.5px;margin-bottom:14px}

/* ---------- Selling options ---------- */
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:860px){.opts{grid-template-columns:1fr}}
.opt{padding:26px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);display:grid;gap:8px;align-content:start;box-shadow:var(--shadow-sm);position:relative}
.opt.hot{border-color:var(--gold-2);box-shadow:var(--glow)}
.opt.hot::before{content:"Most popular";position:absolute;top:-11px;left:24px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:4px 10px;border-radius:999px}
.opt h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:26px;margin:0;font-weight:800}
.opt .for{font-size:12.5px;color:var(--gold-ink);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.opt ul{list-style:none;display:grid;gap:6px;font-size:14.5px;color:var(--text-2)}
.opt ul li::before{content:"◆ ";color:var(--gold-2);font-size:9px}
.opt .btn{justify-self:start}

/* ---------- Wizard ---------- */
.wizard{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.wz-steps{display:grid;grid-template-columns:repeat(5,1fr);padding:18px 22px;border-bottom:1px solid var(--line);gap:8px;background:var(--surface-2)}
.wz-steps div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:var(--dim);text-align:center;font-weight:700}
.wz-steps i{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-style:normal;font-family:var(--font-display);font-weight:800;color:var(--muted);background:var(--surface)}
.wz-steps div.on i{background:var(--gold);color:var(--ink);border-color:var(--gold);box-shadow:0 6px 14px rgba(240,175,24,.35)}
.wz-steps div.on{color:var(--gold-ink)}
.wz-steps div.done i{border-color:var(--gold-2);color:var(--gold-ink);background:var(--gold-soft)}
.wz-body{padding:26px}
.wz-body fieldset{border:0;padding:0;margin:0}
.wz-body legend{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:26px;margin-bottom:16px;font-weight:800}
.wz-nav{display:flex;justify-content:space-between;gap:10px;padding:16px 26px;border-top:1px solid var(--line);align-items:center;background:var(--surface-2)}
.wz-nav .hint{font-size:12.5px;color:var(--dim)}
.review{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;font-size:14px}
.review div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.review span:first-child{color:var(--dim)}
.review span:last-child{color:var(--text);text-align:right;font-weight:600}
.reco-box{margin-top:16px;padding:18px;border:1px solid rgba(240,175,24,.5);border-radius:var(--radius);background:var(--gold-soft)}
.reco-box b{display:block;font-family:var(--font-display);font-size:26px;color:var(--gold-text);text-transform:uppercase;margin:4px 0}
@media (max-width:640px){.wz-steps div span{display:none}.review{grid-template-columns:1fr}.wz-body{padding:18px}.wz-nav{padding:12px 18px}}

/* ---------- Examples ---------- */
.examples{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:860px){.examples{grid-template-columns:repeat(2,1fr)}}
.ex{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:16px;display:grid;gap:4px;box-shadow:var(--shadow-sm)}
.ex .pcs{display:flex;gap:8px;justify-content:center;padding:8px 0 12px}
.ex .pcs .pc{width:42%;filter:drop-shadow(0 10px 14px rgba(21,19,15,.22))}
.ex .pcs .pc figcaption{display:none}
.ex b{font-size:15px;color:var(--text)}.ex span{font-size:12.5px;color:var(--muted)}
.ex .price{font-family:var(--font-display);font-size:26px;color:var(--gold-text);font-weight:800;margin-top:4px}

/* ---------- Consign: payout + tiers ---------- */
.payout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:30px;box-shadow:var(--shadow)}
@media (max-width:860px){.payout{grid-template-columns:1fr}}
.payout input[type=range]{width:100%;accent-color:var(--gold-2);margin:10px 0}
.payout .big{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,5vw,64px);line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.payout > div:last-child{border-left:1px solid var(--line);padding-left:28px}
@media (max-width:860px){.payout > div:last-child{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:22px}}
.payout > div:last-child .big{color:var(--gold-text)}
.payout .vs{display:grid;gap:6px;margin-top:14px}
.payout .vs div{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.payout .vs div b{color:var(--text);font-variant-numeric:tabular-nums}
.payout .vs div.you b{color:var(--gold-text);font-size:18px}
.payout .note{font-size:12px;color:var(--dim);margin-top:10px}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:860px){.tiers{grid-template-columns:1fr}}
.tier{position:relative;padding:28px 22px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center;display:grid;gap:6px;box-shadow:var(--shadow-sm)}
.tier.hot{border-color:var(--gold-2);box-shadow:var(--glow);transform:scale(1.02)}
.tier .tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:4px 10px;border-radius:999px}
.tier h3{font-family:var(--font-display);text-transform:uppercase;font-size:24px;margin:0;letter-spacing:.03em;font-weight:800}
.tier .range{font-size:13px;color:var(--muted)}
.tier .keep{font-family:var(--font-display);font-size:50px;color:var(--gold-text);line-height:1;font-weight:800;margin:6px 0}
.tier .keep small{display:block;font-family:var(--font-body);font-size:11.5px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-top:6px;font-weight:700}
.tier p{font-size:13.5px;margin:0}

/* ---------- Dashboard mock ---------- */
.dash{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg)}
@media (max-width:640px){.dash{grid-template-columns:1fr}.dash aside{display:none}}
.dash aside{background:var(--dark-2);padding:14px;display:grid;gap:6px;align-content:start;border-right:1px solid var(--line)}
.dash aside img{height:34px;width:auto;margin-bottom:8px}
.dash aside span{font-size:12.5px;padding:7px 9px;border-radius:7px;color:#DAD2C2}
.dash aside span.on{background:rgba(240,175,24,.16);color:var(--gold)}
.dash main{padding:14px;background:var(--bg-2)}
.dash .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;color:var(--muted)}
.dash .hd b{font-size:15px;color:var(--text)}
.dash .r{display:grid;grid-template-columns:36px 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);margin-bottom:6px;font-size:13px}
.dash .r img{width:36px;height:50px;object-fit:cover;border-radius:3px}
.dash .r b{display:block;font-size:13px}.dash .r small{color:var(--muted)}
.dash .r .st{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted)}
.dash .r .st.paid{color:#5DD39E;border-color:rgba(93,211,158,.4);background:rgba(93,211,158,.08)}
.dash .r .amt{font-family:var(--font-display);font-size:18px;color:var(--gold-text);font-weight:800}

/* ---------- Phone mock ---------- */
.phone{width:230px;height:470px;border-radius:34px;background:#0a0a0a;border:2px solid #333;box-shadow:0 30px 60px rgba(0,0,0,.7), inset 0 0 0 6px #000;position:relative;overflow:hidden;margin:0 auto;transform:rotate(-4deg)}
.phone::before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:90px;height:22px;background:#000;border-radius:12px;z-index:2}
.phone .scr{position:absolute;inset:8px;border-radius:26px;overflow:hidden;background:#111}
.phone .scr img{width:100%;height:100%;object-fit:cover}
.phone .live{position:absolute;top:44px;left:14px;background:#E11;color:#fff;font-size:10px;font-weight:900;padding:3px 7px;border-radius:5px;letter-spacing:.08em;z-index:2}
.phone .bid{position:absolute;left:12px;right:12px;bottom:14px;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 12px;z-index:2;color:#fff;font-size:11px}
.phone .bid b{display:block;font-family:var(--font-display);font-size:20px;color:var(--gold)}
.phone .bid .btn{margin-top:6px;font-size:11px;padding:7px 10px;width:100%}
@media (max-width:960px){.phone{display:none}}

/* ---------- Live: channel cards + shows table ---------- */
.chan-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:760px){.chan-cards{grid-template-columns:1fr}}
.chan{padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;box-shadow:var(--shadow-sm)}
.chan img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow:0 8px 20px rgba(240,175,24,.3)}
.chan b{display:block;font-family:var(--font-display);font-size:26px;letter-spacing:.03em;font-weight:800}
.chan span{display:block;font-size:13.5px;color:var(--muted);line-height:1.4}
.chan .meta{display:flex;gap:14px;font-size:12.5px;color:var(--text-2);margin-top:6px;font-weight:700}
.chan .btn{grid-column:1/-1}
.shows-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm)}
.shows-wrap .scroll{max-height:380px;overflow-y:auto;scrollbar-width:thin}
.shows-wrap table{font-size:14px}
.shows-wrap thead th{position:sticky;top:0;background:var(--surface-2);z-index:1}
.shows-wrap td,.shows-wrap th{padding:12px 16px}
.shows-wrap .t{font-family:var(--font-display);font-size:18px;color:var(--text);white-space:nowrap;font-weight:800}
.shows-wrap .t small{display:block;font-family:var(--font-body);font-size:11px;color:var(--muted);font-weight:700}
.shows-wrap .ch{font-size:12.5px;color:var(--gold-ink);font-weight:800;white-space:nowrap}
.shows-wrap tr.live td{background:var(--gold-soft)}
.shows-wrap tr.live .t small{color:#FF6B6B}
.sched-empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius)}
.socials{display:flex;flex-wrap:wrap;gap:10px}
.socials a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--surface);font-size:14px;font-weight:700;color:var(--text-2);transition:.15s}
.socials a:hover{border-color:var(--gold-2);color:var(--gold-ink)}
/* legacy schedule (day groups) */
.sched{display:grid;gap:22px}
.sched .day{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}
.sched .day-h{display:flex;align-items:baseline;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.sched .day-h b{font-family:var(--font-display);font-size:22px;letter-spacing:.04em;text-transform:uppercase}
.show{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}
.show:last-child{border-bottom:0}
.show .t{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--gold-text);line-height:1}
.show .t small{display:block;font-family:var(--font-body);font-size:11px;color:var(--muted);font-weight:700;margin-top:3px}
.show .n b{display:block;font-size:16px}
.show .n .ch{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--gold-ink);font-weight:700;margin-top:4px;margin-right:10px}
.show .n .tags{font-size:12px;color:var(--muted)}
.channels{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.channel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}
.channel .ch-head{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.channel .ch-head img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.channel .ch-list{max-height:300px;overflow-y:auto}
.channel .row{display:grid;grid-template-columns:118px 1fr auto;gap:12px;align-items:center;padding:11px 18px;border-bottom:1px solid var(--line);font-size:14px}

/* ---------- Shop vault block ---------- */
.vault-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:36px;box-shadow:var(--shadow)}
@media (max-width:900px){.vault-hero{grid-template-columns:1fr}}
.vault-hero .stack{position:relative;height:320px}
.vault-hero .stack .pc{position:absolute;width:156px;filter:drop-shadow(0 22px 28px rgba(0,0,0,.65))}
.vault-hero .stack .pc figcaption{display:none}
.vault-hero .stack .s1{left:4%;top:44px;transform:rotate(-10deg)}
.vault-hero .stack .s2{left:32%;top:0;transform:rotate(-1deg) scale(1.06);z-index:2}
.vault-hero .stack .s3{left:60%;top:48px;transform:rotate(9deg)}
@media (max-width:900px){.vault-hero .stack{display:none}}

/* ---------- Chips / tables / FAQ / misc ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip{font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--text-2)}
.chip.hot{border-color:var(--gold-2);color:var(--gold-ink);background:var(--gold-soft)}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}
th{font-family:var(--font-body);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:11.5px;color:var(--muted)}
td{color:var(--text-2)}
tr:last-child td{border-bottom:0}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.faq{display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm)}
.faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:700;font-size:16.5px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--text)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;color:var(--gold-2);transition:transform .2s;flex:none;line-height:1}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details[open] summary{color:var(--gold-ink)}
.faq .a{padding:0 22px 20px;color:var(--muted);font-size:15px}
.faq .a p+p{margin-top:10px}
.page-hero{padding:clamp(40px,5vw,60px) 0 clamp(28px,3vw,40px);position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg),var(--bg))}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 400px at 15% 0%,rgba(240,175,24,.16),transparent 65%);pointer-events:none}
.page-hero h1{margin:12px 0 14px;font-size:clamp(40px,5.5vw,70px)}
.page-hero p.lead{max-width:680px}
.crumbs{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:700;margin-bottom:10px}
.crumbs a:hover{color:var(--gold-ink)}
.badge-row{display:flex;flex-wrap:wrap;gap:10px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:13px;font-weight:700;color:var(--text-2);letter-spacing:.02em}
.notice{padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);font-size:14px;color:var(--text-2)}
.notice b{color:var(--gold-ink)}
.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:36px}.mt-6{margin-top:56px}
.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}
.center{text-align:center}
.muted{color:var(--muted)}
.small{font-size:13.5px}
.flex{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.quote{padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.stars{color:var(--gold-2);letter-spacing:2px;font-size:14px;margin-bottom:12px}

/* ---------- Footer (dark) ---------- */
.footer{border-top:1px solid rgba(240,175,24,.25);background:linear-gradient(180deg,#0E0E11,#000);padding:52px 0 24px;margin-top:40px;color:var(--text)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px;align-items:start}
@media (max-width:960px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer .brand{height:auto;display:block}
.footer .brand img{height:88px;width:auto}
.footer p{font-size:14px;margin-top:16px;max-width:380px;color:#B9AF9C}
.footer h4{color:var(--gold);margin-bottom:14px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;font-size:14px}
.footer ul{list-style:none;display:grid;gap:8px}
.footer ul li{font-size:14.5px;color:#DAD2C2}
.footer ul a{color:#DAD2C2}
.footer ul a:hover{color:var(--gold)}
.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(240,175,24,.16);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#7E7666}
.footer-bottom > div:first-child{max-width:820px;line-height:1.55}
.footer-bottom a:hover{color:var(--gold)}
.social{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}
.social a{height:38px;width:38px;border-radius:999px;border:1px solid rgba(240,175,24,.3);display:flex;align-items:center;justify-content:center;color:var(--gold);transition:.15s}
.social a:hover{background:rgba(240,175,24,.14);border-color:var(--gold)}
.social svg{width:18px;height:18px}
.social a.wn{flex:0 0 100%;width:max-content;max-width:100%;height:38px;padding:0 14px 0 4px;gap:8px;font-size:13px;font-weight:700;color:#E3DBCB;white-space:nowrap;justify-content:flex-start;margin-top:2px}
.social a.wn img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid var(--gold)}
.social a.wn span{display:inline-flex;align-items:center;gap:6px}
.social a.wn i{display:inline-flex;width:18px;height:18px;border-radius:5px;background:#FFDA1F;color:#000;font-style:normal;font-weight:900;font-size:12px;align-items:center;justify-content:center;font-family:var(--font-display)}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ============================================================
   CARDS & SLABS
   .pc is a size container; every slab dimension is in cqw so a
   160px strip slab and a 260px hero slab render identically.
   ============================================================ */
.pc{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0;container-type:inline-size}
.pc .case{position:relative;aspect-ratio:2.5/3.95;display:flex;flex-direction:column;transition:transform .3s ease}
.pc:hover .case{transform:translateY(-6px)}
.pc img{display:block}
.pc figcaption{display:grid;gap:3px;align-content:start;min-height:78px}
.pc figcaption b{display:block;font-size:14.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc figcaption span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;color:var(--muted);line-height:1.35}
.pc figcaption em{justify-self:start;display:inline-block;margin-top:5px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:3px 8px;border-radius:999px}
.pc figcaption em.raw{background:var(--surface);color:var(--text-2);border:1px solid var(--line-strong)}

/* raw card in a clear toploader */
.praw .case{justify-content:center;align-items:center;padding:6%;border-radius:4cqw;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1.5px solid rgba(255,255,255,.34);box-shadow:0 16px 34px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.4)}
.praw .case::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);pointer-events:none}
.praw .case img{width:100%;height:100%;object-fit:contain;border-radius:4.5%/3.3%;box-shadow:0 2px 6px rgba(0,0,0,.5)}

/* slab holder: clear acrylic case (reads as glass on dark backgrounds), top hanger notch */
.pslab .case{
  padding:4cqw 4.6cqw 5.6cqw;border-radius:5cqw 5cqw 4cqw 4cqw;
  background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.14) 22%,rgba(255,255,255,.09) 70%,rgba(255,255,255,.18) 100%);
  border:1.5px solid rgba(255,255,255,.66);
  box-shadow:0 22px 48px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.85), inset 0 0 0 2.2cqw rgba(255,255,255,.07), inset 0 -2px 0 rgba(0,0,0,.35), inset 2px 0 0 rgba(255,255,255,.35), inset -2px 0 0 rgba(0,0,0,.2);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
}
.pslab .case::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(108deg,transparent 30%,rgba(255,255,255,.40) 42%,rgba(255,255,255,.08) 50%,transparent 62%);pointer-events:none;z-index:4}
.pslab .case .tab{position:absolute;top:0;left:50%;transform:translateX(-50%);width:28cqw;height:3cqw;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.25));border-radius:0 0 3cqw 3cqw;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}
/* card recess: dark backing plate so the card edge reads like the real thing */
.pslab .well{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;background:linear-gradient(180deg,#26262A,#151517);padding:2.4cqw;border-radius:1.6cqw;box-shadow:inset 0 2px 8px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.25)}
.pslab .well img{width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:0 1px 4px rgba(0,0,0,.6)}
/* label base */
.pslab .lbl{position:relative;z-index:2;height:25cqw;margin:1.6cqw 0 3cqw;border-radius:1.2cqw;overflow:hidden;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:3.4cqw;line-height:1.18;letter-spacing:0;box-shadow:0 1px 3px rgba(0,0,0,.4);background:#fff;color:#111}
.pslab .lbl b,.pslab .lbl small,.pslab .lbl span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.pslab .lbl small{font-weight:700}
.pslab .lbl .bar{display:block;height:2.4cqw;width:22cqw;background:repeating-linear-gradient(90deg,#111 0 1px,transparent 1px 2px,#111 2px 4px,transparent 4px 5px,#111 5px 6px,transparent 6px 8px,#111 8px 9px,transparent 9px 10px,#111 10px 12px,transparent 12px 13px)}
.pslab .lbl .num{font-weight:800;line-height:.9}

/* PSA — white label · red PSA wordmark centered on top · card info left · #, grade word, grade right · barcode bottom-left */
.pslab.g-psa .lbl{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;padding:1cqw 2.6cqw 1.5cqw 2.8cqw;border:1px solid #D6D6D6;column-gap:2cqw;text-transform:uppercase}
.pslab.g-psa .logo{grid-column:1/-1;text-align:center;color:#D7192D;font-weight:900;letter-spacing:.32em;font-size:4cqw;line-height:1;padding:.6cqw 0 .9cqw;font-family:"Arial Black",Arial,sans-serif}
.pslab.g-psa .l{display:grid;align-content:start;gap:.35cqw;min-width:0}
.pslab.g-psa .l b{font-size:3.35cqw;letter-spacing:.005em;color:#111;font-weight:700}
.pslab.g-psa .r{display:grid;align-content:start;justify-items:end;text-align:right;gap:.2cqw}
.pslab.g-psa .r small{font-size:3.1cqw;color:#111;letter-spacing:.02em}
.pslab.g-psa .r .num{font-size:9.6cqw;color:#111;margin-top:.2cqw;font-family:Arial,Helvetica,sans-serif}
.pslab.g-psa .bar{grid-column:1;align-self:end;margin-top:.6cqw}

/* CGC Cards — black insert · brushed silver label · white info panel · gold seal tab */
.pslab.g-cgc .case{background:linear-gradient(180deg,#171719,#0C0C0E 60%,#141416);border-color:rgba(255,255,255,.58);box-shadow:0 22px 48px rgba(0,0,0,.7), inset 0 0 0 2.2cqw rgba(255,255,255,.22), inset 0 0 0 2.6cqw rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.7)}
.pslab.g-cgc .case::before{opacity:.55}
.pslab.g-cgc .case .tab{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.2))}
.pslab.g-cgc .lbl{background:linear-gradient(120deg,#F4F4F4 0%,#CFD1D5 38%,#E6E7EA 62%,#BFC2C7 100%);color:#222;border:1px solid #9A9DA3;display:grid;grid-template-rows:auto 1fr;gap:.7cqw;padding:1.1cqw 2.2cqw 1.4cqw;height:26cqw;margin:1cqw 0 0}
.pslab.g-cgc .hd{display:flex;justify-content:space-between;align-items:center;padding:0 .4cqw}
.pslab.g-cgc .hd .logo{font-size:4.2cqw;font-weight:900;letter-spacing:.01em;color:#232326;display:flex;align-items:center;gap:.8cqw;font-family:"Arial Black",Arial,sans-serif}
.pslab.g-cgc .hd .logo i{font-style:normal;font-size:3.6cqw;line-height:1}
.pslab.g-cgc .hd .co{font-size:2.05cqw;letter-spacing:.05em;color:#2A2A2E;font-weight:800;text-transform:uppercase}
.pslab.g-cgc .box{background:linear-gradient(180deg,#FFFFFF,#F3F3F5);border-radius:1cqw;padding:1.1cqw 1.8cqw 1cqw;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;column-gap:1.6cqw;min-height:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.pslab.g-cgc .box .l{grid-column:1;grid-row:1;display:grid;align-content:start;gap:.25cqw;min-width:0}
.pslab.g-cgc .box .l b{font-size:3.5cqw;color:#111;font-weight:800}
.pslab.g-cgc .box .l small{font-size:2.75cqw;color:#1E1E1E;font-weight:700}
.pslab.g-cgc .box .r{grid-column:2;grid-row:1/3;border-left:1px solid #222;padding-left:1.6cqw;display:grid;align-content:center;justify-items:center;text-align:center;min-width:14cqw}
.pslab.g-cgc .box .r small{font-size:2.7cqw;font-weight:900;color:#111;letter-spacing:.02em;text-transform:uppercase}
.pslab.g-cgc .box .r .num{font-size:9.4cqw;color:#111;font-family:Arial,Helvetica,sans-serif}
.pslab.g-cgc .box .bar{grid-column:1;grid-row:2;align-self:end;margin-top:.5cqw;width:20cqw;height:2.2cqw}
.pslab.g-cgc .seal{display:flex;justify-content:center;height:4.6cqw;margin:0 0 1.8cqw;position:relative;z-index:2}
.pslab.g-cgc .seal i{width:26cqw;height:100%;border-radius:0 0 1.4cqw 1.4cqw;background:linear-gradient(90deg,#B4851F,#EFCB6A 35%,#D9AE3D 55%,#F5DB86 80%,#C2932A);box-shadow:0 1px 2px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#6B4E0C;font-size:3.2cqw;font-style:normal;line-height:1}
.pslab.g-cgc .seal i::after{content:"◈"}
.pslab.g-cgc .well{background:#050505;border-radius:2cqw;padding:2cqw;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}

/* BGS — black label, subgrade boxes; gold for 9.5+, silver below */
.pslab.g-bgs .lbl{background:linear-gradient(180deg,#1B1B1B,#000);color:#DDD;border:1px solid #3A3A3A;display:grid;grid-template-rows:auto 1fr auto;padding:1.6cqw 2.6cqw 2cqw}
.pslab.g-bgs .hd{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2cqw;padding-bottom:1cqw;border-bottom:1px solid #333}
.pslab.g-bgs .hd .logo{font-size:4.2cqw;font-weight:900;letter-spacing:.1em;color:#fff}
.pslab.g-bgs .hd .logo em{font-style:normal;display:block;font-size:1.9cqw;letter-spacing:.24em;color:#AAA;font-weight:700}
.pslab.g-bgs .hd .desc{font-size:2.4cqw;letter-spacing:.1em;color:#BBB;text-align:right}
.pslab.g-bgs .hd .num{font-size:9cqw;color:var(--bgs,#D7D7D7)}
.pslab.g-bgs .bd{display:grid;align-content:center;gap:.4cqw;padding:1.2cqw 0;min-width:0}
.pslab.g-bgs .bd b{font-size:3.3cqw;color:#fff}
.pslab.g-bgs .bd small{font-size:2.9cqw;color:#CCC}
.pslab.g-bgs .subs{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw}
.pslab.g-bgs .subs span{border:1px solid var(--bgs,#D7D7D7);border-radius:.8cqw;text-align:center;font-size:3cqw;font-weight:800;padding:.5cqw 0 .3cqw;color:var(--bgs,#D7D7D7);line-height:1.15;white-space:normal}
.pslab.g-bgs .subs span em{display:block;font-style:normal;font-size:1.9cqw;color:#999;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.pslab.g-bgs.gold{--bgs:#E6C25A}
.pslab.g-bgs.gold .lbl{border-color:#6A5A2A}

/* TAG — white/grey label, TAG monogram, big grade */
.pslab.g-tag .lbl{background:linear-gradient(180deg,#FFFFFF,#F1F1F3);color:#111;border:1px solid #CFCFD4;display:grid;grid-template-columns:1fr 30%;padding:2cqw 2.6cqw 2cqw 3cqw;gap:0 2cqw}
.pslab.g-tag .lbl::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.4cqw;background:linear-gradient(180deg,#7A4DFF,#38B6FF)}
.pslab.g-tag .l{display:grid;align-content:start;gap:.5cqw;min-width:0;padding-left:1cqw}
.pslab.g-tag .l .logo{font-size:4.4cqw;font-weight:900;letter-spacing:.22em;color:#111;display:flex;align-items:baseline;gap:1cqw}
.pslab.g-tag .l .logo em{font-style:normal;font-size:2cqw;letter-spacing:.18em;color:#7A4DFF;font-weight:800}
.pslab.g-tag .l b{font-size:3.3cqw;margin-top:.6cqw}
.pslab.g-tag .l small{font-size:2.9cqw;color:#333}
.pslab.g-tag .l .bar{margin-top:auto;width:14cqw;background:repeating-linear-gradient(90deg,#333 0 1px,transparent 1px 3px)}
.pslab.g-tag .r{display:grid;align-content:center;justify-items:end;text-align:right;border-left:1px solid #DDD;padding-left:2cqw}
.pslab.g-tag .r .num{font-size:10cqw;color:#111}
.pslab.g-tag .r small{font-size:2.3cqw;letter-spacing:.08em;color:#7A4DFF}

/* galleries */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 18px;align-items:start}
.gallery.lg{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.gallery.sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px 12px}
.strip{display:flex;gap:18px;overflow-x:auto;padding:8px 4px 18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:start;scrollbar-width:thin}
.strip::-webkit-scrollbar{height:6px}.strip::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}
.strip .pc{flex:0 0 170px;scroll-snap-align:start}
@media (max-width:640px){.strip .pc{flex-basis:140px}}

/* ============================================================
   CHATBOT — "Vault Assistant"
   ============================================================ */
.gv-chat-launch{
  position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:12px;
  padding:9px 18px 9px 9px;border-radius:999px;
  background:linear-gradient(180deg,#FFC93A,#F0AF18 55%,#DDA012);color:var(--ink);
  box-shadow:0 12px 34px rgba(240,175,24,.42), 0 2px 0 rgba(255,255,255,.45) inset;
  font-weight:800;font-size:15px;transition:transform .2s, box-shadow .2s;
}
.gv-chat-launch:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 44px rgba(240,175,24,.5)}
.gv-chat-launch .av{width:40px;height:40px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(0,0,0,.25)}
.gv-chat-launch .av img{width:70%;height:70%;object-fit:contain}
.gv-chat-launch .ping{position:absolute;top:2px;right:6px;width:12px;height:12px;border-radius:50%;background:#E5322B;border:2px solid #FFC93A;animation:pulse 1.8s infinite}
.gv-chat-launch.hide{display:none}
@media (max-width:560px){.gv-chat-launch{padding:9px;right:16px;bottom:16px}.gv-chat-launch .txt{display:none}}
.gv-chat{
  position:fixed;right:22px;bottom:22px;z-index:95;width:min(420px,calc(100vw - 32px));height:min(680px,calc(100vh - 40px));
  display:flex;flex-direction:column;border-radius:22px;overflow:hidden;
  background:var(--bg-2);border:1px solid var(--line-strong);box-shadow:0 30px 90px rgba(0,0,0,.7), 0 0 0 1px rgba(240,175,24,.25);
  transform:translateY(20px) scale(.98);opacity:0;pointer-events:none;transition:.25s cubic-bezier(.2,.8,.2,1);
}
.gv-chat.open{transform:none;opacity:1;pointer-events:auto}
@media (max-width:560px){.gv-chat{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}}
.gv-chat-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(180deg,#1C1C22,var(--ink));border-bottom:1px solid rgba(240,175,24,.3);color:#F3EBDD}
.gv-chat-head .av{width:42px;height:42px;border-radius:50%;background:#000;border:1px solid rgba(240,175,24,.4);display:flex;align-items:center;justify-content:center;overflow:hidden}
.gv-chat-head .av img{width:72%;height:72%;object-fit:contain}
.gv-chat-head b{display:block;font-family:var(--font-display);font-size:19px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.gv-chat-head span{font-size:12px;color:#B9AF9C;display:flex;align-items:center;gap:6px}
.gv-chat-head span::before{content:"";width:7px;height:7px;border-radius:50%;background:#5DD39E;box-shadow:0 0 8px #5DD39E}
.gv-chat-head .x,.gv-chat-head .reset{width:36px;height:36px;border-radius:9px;border:1px solid rgba(240,175,24,.25);display:flex;align-items:center;justify-content:center;color:#B9AF9C}
.gv-chat-head .x{margin-left:auto}
.gv-chat-head .x:hover,.gv-chat-head .reset:hover{color:#fff;border-color:var(--gold)}
.gv-chat-body{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px;background:var(--bg-2)}
.gv-chat-body::-webkit-scrollbar{width:6px}.gv-chat-body::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}
.msg{max-width:86%;padding:12px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;animation:pop .25s ease}
.msg.bot{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px;color:var(--text);box-shadow:var(--shadow-sm)}
.msg.user{align-self:flex-end;background:linear-gradient(180deg,#FFC93A,#F0AF18 55%,#DDA012);color:var(--ink);border-bottom-right-radius:6px;font-weight:600}
.msg.bot a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.msg.bot b{color:var(--gold-light)}
.msg.sys{align-self:center;background:transparent;color:var(--dim);font-size:12px;padding:4px 8px}
.msg .summary{margin-top:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface-2);font-size:13px;display:grid;gap:4px}
.msg .summary div{display:flex;justify-content:space-between;gap:12px}
.msg .summary div span:first-child{color:var(--dim)}
.msg .summary div span:last-child{color:var(--text);text-align:right;font-weight:600}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.typing{align-self:flex-start;display:flex;gap:5px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;border-bottom-left-radius:6px}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--gold-2);opacity:.4;animation:blink 1.2s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.quick{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:94%;animation:pop .3s ease}
.quick button{padding:9px 13px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:700;transition:.15s;text-align:left}
.quick button:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.gv-chat-foot{border-top:1px solid var(--line);padding:12px;background:var(--surface);display:flex;gap:8px;align-items:flex-end}
.gv-chat-foot textarea{flex:1;min-height:44px;max-height:120px;resize:none;padding:11px 13px;border-radius:12px;background:var(--bg);border:1.5px solid rgba(246,239,225,.16);color:var(--text);font-size:14px;line-height:1.4}
.gv-chat-foot button{width:44px;height:44px;border-radius:12px;flex:none;background:linear-gradient(180deg,#FFC93A,#F0AF18 55%,#DDA012);color:var(--ink);display:flex;align-items:center;justify-content:center}
.gv-chat-foot button:disabled{opacity:.5}
.gv-chat-foot svg{width:20px;height:20px}
.gv-chat-note{font-size:11px;color:var(--dim);text-align:center;padding:0 12px 10px;background:var(--surface)}
.gv-chat-note a{color:var(--gold-ink)}
.gv-teaser{position:fixed;right:22px;bottom:86px;z-index:89;background:var(--surface);border:1px solid rgba(240,175,24,.5);color:var(--text);padding:12px 16px;border-radius:14px;font-size:14px;max-width:270px;box-shadow:var(--shadow-lg);cursor:pointer;animation:pop .3s ease}
.gv-teaser b{color:var(--gold-ink)}

/* ============================================================
   Vault Desk (body.theme-dark) — deeper black back office
   ============================================================ */
.theme-dark{background:var(--bg);color:var(--text)}
.theme-dark .card,.theme-dark .panel{background:linear-gradient(180deg,var(--surface),var(--bg-2))}
.theme-dark input[type=text],.theme-dark input[type=email],.theme-dark input[type=tel],.theme-dark input[type=number],.theme-dark input[type=url],.theme-dark input[type=password],.theme-dark input[type=search],.theme-dark input[type=date],.theme-dark select,.theme-dark textarea{background:var(--bg-2);border-color:var(--line)}
.theme-dark .chip{background:var(--bg-2);color:#D8D0C0;border-color:var(--line)}
.theme-dark th{color:var(--gold)}

/* ============================================================
   v7.1 — live bar, category tile art, picture choices, team
   ============================================================ */
/* next-show reminder: full-width live bar under the hero (home) */
.live-bar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:12px 24px;background:linear-gradient(90deg,rgba(240,175,24,.05),rgba(240,175,24,.16) 50%,rgba(240,175,24,.05));border-top:1px solid rgba(240,175,24,.35);border-bottom:1px solid rgba(240,175,24,.35);font-size:15px;color:var(--text-2);text-align:center}
.live-bar .dot{width:9px;height:9px;border-radius:50%;background:#FF3B3B;animation:pulse 1.6s infinite;flex:none}
.live-bar b{color:var(--gold-light)}
.live-bar .muted{color:var(--muted)}
.live-bar a{padding:8px 16px;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:800;font-size:13px;white-space:nowrap;transition:.15s}
.live-bar a:hover{background:var(--gold-light)}
.section[style*="padding-top:0"] .stats5{margin-top:30px;box-shadow:var(--shadow-sm)}
/* in-hero variant (live page): one tidy row */
.next-show{display:grid;grid-template-columns:auto 1fr auto;align-items:center}
.next-show a{margin-left:0}
@media (max-width:640px){.next-show{grid-template-columns:auto 1fr}.next-show a{grid-column:2}}

/* category tiles with real art */
.ctile .art{position:relative;width:100%;aspect-ratio:1/1.05;display:flex;align-items:center;justify-content:center;padding:11% 14% 5%;background:radial-gradient(60% 50% at 50% 60%,rgba(240,175,24,.22),transparent 70%);overflow:hidden;transition:transform .35s}
.ctile:hover .art{transform:translateY(-4px)}
.ctile .art img{position:static;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;padding:0;background:none;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6));transition:none}
.ctile:hover .art img{transform:none}
.ctile .art .pc{width:74%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6))}
.ctile .art .pc figcaption{display:none}
.ctile .art .pc:hover .case{transform:none}
.ctile .art.fan img{position:absolute;width:54%;height:auto;left:23%;top:12%;transform-origin:50% 95%;border-radius:4.5%/3.3%;box-shadow:0 8px 18px rgba(0,0,0,.6)}
.ctile .art.fan img:nth-child(1){transform:rotate(-24deg) translateX(-22%)}
.ctile .art.fan img:nth-child(2){transform:rotate(-8deg) translateX(-8%)}
.ctile .art.fan img:nth-child(3){transform:rotate(8deg) translateX(8%)}
.ctile .art.fan img:nth-child(4){transform:rotate(24deg) translateX(22%)}
.ctile .art.box img{width:108%;height:108%;max-width:none;object-fit:contain}

/* picture choices (sell wizard step 1) — multi-select */
.choice > span{position:relative}
.choice.pic > span{flex-direction:column;gap:6px;padding:14px 10px 12px;min-height:0;align-items:center;justify-content:flex-start}
.choice.pic .art{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:104px;border:0;background:none;padding:0;margin-bottom:4px}
.choice.pic .art img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6));border-radius:4px}
.choice.pic .art .pc{width:66px}
.choice.pic .art .pc figcaption{display:none}
.choice.pic .art .pc:hover .case{transform:none}
.choice.pic .art.fan img{position:absolute;height:86%;left:50%;top:7%;transform-origin:50% 100%}
.choice.pic .art.fan img:nth-child(1){transform:translateX(-50%) rotate(-18deg) translateX(-34%)}
.choice.pic .art.fan img:nth-child(2){transform:translateX(-50%) rotate(0)}
.choice.pic .art.fan img:nth-child(3){transform:translateX(-50%) rotate(18deg) translateX(34%)}
.choice.pic .art .q{font-family:var(--font-display);font-size:56px;color:var(--gold);font-weight:800;font-style:normal;line-height:1}
.choice.pic em{display:block;font-style:normal;font-size:11.5px;color:var(--dim);font-weight:600;text-align:center;line-height:1.3}
.choice.pic input:checked + span em{color:var(--muted)}
.choice.pic input:checked + span::after{content:"✓";position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}
.wz-hint{font-size:13px;color:#FFC9C9;margin-top:10px}

/* team cards with real avatars */
.team .card{text-align:left}
.team .av{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow:0 8px 20px rgba(240,175,24,.3)}
.team .av.icon{border:1px solid rgba(240,175,24,.4);border-radius:50%;font-family:var(--font-display);font-size:28px;font-weight:800}
.team .role{font-size:13px;color:var(--gold);font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin:-4px 0 8px}
.team ul{list-style:none;display:grid;gap:6px;margin-top:12px}
.team ul li{display:flex;gap:8px;font-size:14px;color:var(--text-2)}
.team ul li::before{content:"◆";color:var(--gold);font-size:9px;margin-top:6px}

/* ---- footer socials: uniform labeled tiles in two columns ---- */
.social{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;max-width:420px}
.social a,.social a.wn{display:flex;align-items:center;gap:10px;width:auto;height:auto;max-width:none;flex:none;margin:0;padding:8px 12px 8px 8px;border-radius:12px;border:1px solid rgba(240,175,24,.25);background:rgba(255,255,255,.03);color:#F3EBDD;white-space:nowrap;justify-content:flex-start;transition:.15s}
.social a:hover{background:rgba(240,175,24,.12);border-color:var(--gold)}
.social a:last-child:nth-child(odd){grid-column:1/-1}
.social .ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(240,175,24,.14);color:var(--gold);flex:none;overflow:hidden}
.social .ic svg{width:18px;height:18px}
.social a.wn .ic{background:#FFE01B;color:#000}
.social a.wn .ic svg{width:34px;height:34px}
.social a.wn img{display:none}
.social span.tx{display:grid;gap:1px;min-width:0}
.social span.tx b{display:block;font-size:13px;color:#F3EBDD;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.social span.tx small{display:block;font-size:11px;color:#B9AF9C;font-weight:600}
@media (max-width:560px){.social{max-width:none}}

/* ---- card strip with arrows ---- */
.strip-wrap{position:relative}
.strip-wrap .strip{scrollbar-width:none;padding:8px 6px 8px}
.strip-wrap .strip::-webkit-scrollbar{display:none}
.strip-btn{position:absolute;top:34%;width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,#FFC93A,#F0AF18 55%,#DDA012);color:var(--ink);font-size:30px;line-height:1;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.5);z-index:3;transition:.15s;padding-bottom:3px}
.strip-btn:hover{transform:scale(1.06)}
.strip-btn.prev{left:-14px}
.strip-btn.next{right:-14px}
.strip-btn[disabled]{opacity:.25;cursor:default;transform:none}
@media (max-width:640px){.strip-btn{width:38px;height:38px;font-size:24px}.strip-btn.prev{left:-6px}.strip-btn.next{right:-6px}}

/* ---- how it works (timeline) + trust box, side by side ---- */
.how2{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
@media (max-width:960px){.how2{grid-template-columns:1fr;gap:32px}}
.timeline{list-style:none;display:grid;gap:0;margin-top:6px}
.timeline li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:16px;padding-bottom:22px}
.timeline li:last-child{padding-bottom:0}
.timeline li > i:first-child{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#FFC93A,#E1A317);color:var(--ink);font-style:normal;font-family:var(--font-display);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(240,175,24,.35);position:relative;z-index:1}
.timeline li .ln{position:absolute;left:21px;top:-22px;width:2px;height:22px;background:linear-gradient(180deg,rgba(240,175,24,.15),rgba(240,175,24,.6))}
.timeline li::after{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:rgba(240,175,24,.25)}
.timeline li:last-child::after{display:none}
.timeline b{display:block;font-size:18px;color:var(--text);margin-top:8px}
.timeline span{display:block;font-size:15px;color:var(--muted);line-height:1.55;margin-top:2px;max-width:46ch}
.trustbox{border:1px solid rgba(240,175,24,.35);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:26px;box-shadow:var(--glow);position:relative;overflow:hidden}
.trustbox::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 100% 0%,rgba(240,175,24,.16),transparent 70%);pointer-events:none}
.trustbox ul{list-style:none;display:grid;gap:14px;margin-top:16px;position:relative}
.trustbox li{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start}
.trustbox .ring{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--gold-2);display:flex;align-items:center;justify-content:center;color:var(--gold);background:var(--gold-soft)}
.trustbox .ring svg{width:20px;height:20px}
.trustbox b{display:block;font-size:15.5px;color:var(--text)}
.trustbox span{display:block;font-size:13.5px;color:var(--muted);line-height:1.45;margin-top:1px}
.trustbox .proof{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);position:relative}
.trustbox .proof img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);margin-right:-14px}
.trustbox .proof img + img{margin-right:6px}
.trustbox .proof span{display:inline;font-size:13px}
.trustbox .proof b{display:inline;color:var(--gold-light);font-size:13px}

/* footer: keep social tiles inside their column */
.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr}
@media (max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}
.social{max-width:100%;min-width:0}
.social a,.social a.wn{min-width:0;overflow:hidden}
.social span.tx small{overflow:hidden;text-overflow:ellipsis}
@media (max-width:1100px){.social{max-width:460px}}

/* ============================================================
   v8 — homepage rebuilt to the mockup
   ============================================================ */
/* hero: vault backdrop, slabs on a lit podium, vertical tagline */
.hero.v5 .hero-bg img{opacity:.55;object-position:60% 40%;filter:saturate(1.05) brightness(.95)}
.hero.v5 .hero-overlay{background:linear-gradient(90deg,rgba(13,13,16,.94) 0%,rgba(13,13,16,.84) 36%,rgba(13,13,16,.35) 62%,rgba(13,13,16,.25) 100%),linear-gradient(180deg,rgba(13,13,16,.45),rgba(13,13,16,0) 30%,rgba(13,13,16,.05) 70%,rgba(var(--ov),.98) 100%)}
.hero.v5 .wrap{padding-top:44px;padding-bottom:52px}
.hero.v5 h1{font-size:clamp(42px,5.2vw,72px)}
.hero.v5 .hero-grid{grid-template-columns:1fr 1fr;gap:32px}
.hero-trust{display:flex;flex-wrap:wrap;gap:22px 30px;margin-top:30px}
.hero-trust > div{display:flex;align-items:center;gap:10px;font-size:13px;color:#DAD2C2;line-height:1.3;font-weight:600}
.hero-trust b{color:var(--gold-light)}
.hero-trust i{width:34px;height:34px;border-radius:9px;border:1px solid rgba(240,175,24,.45);display:flex;align-items:center;justify-content:center;color:var(--gold);flex:none;background:rgba(240,175,24,.08)}
.hero-trust i svg{width:18px;height:18px}
.podium{position:relative;height:520px;display:flex;align-items:flex-end;justify-content:center}
.podium-fan{position:absolute;inset:0 0 64px 0}
.podium-fan .pc{position:absolute;width:212px;bottom:0;filter:drop-shadow(0 30px 40px rgba(0,0,0,.8));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.podium-fan .pc figcaption{display:none}
.podium-fan .f1{left:6%;transform:rotate(-8deg) translateY(30px);z-index:1}
.podium-fan .f2{left:50%;transform:translateX(-50%) scale(1.12) translateY(-10px);z-index:3}
.podium-fan .f3{right:6%;transform:rotate(8deg) translateY(30px);z-index:2}
.podium:hover .f1{transform:rotate(-12deg) translate(-12px,26px)}
.podium:hover .f2{transform:translateX(-50%) scale(1.15) translateY(-20px)}
.podium:hover .f3{transform:rotate(12deg) translate(12px,26px)}
.podium-base{position:relative;width:92%;height:64px;z-index:0}
.podium-base::before{content:"";position:absolute;left:0;right:0;top:0;height:48px;border-radius:50%;background:linear-gradient(180deg,#F4C75A,#B8860B 60%,#7A5A0C);box-shadow:0 20px 50px rgba(240,175,24,.35), inset 0 2px 0 rgba(255,255,255,.55)}
.podium-base::after{content:"";position:absolute;left:4%;right:4%;top:18px;height:60px;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(180deg,#6B4E0B,#1a1408);}
.podium-base i{position:absolute;left:10%;right:10%;top:-160px;height:320px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(240,175,24,.32),transparent 60%);filter:blur(18px);z-index:-1}
.hero-vert{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:26px;z-index:2}
.hero-vert span,.hero-vert small{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.34em;font-size:13px;color:rgba(243,235,221,.72);font-weight:700}
.hero-vert small{font-size:11px;color:rgba(240,175,24,.75)}
.hero-vert::before{content:"";width:1px;height:60px;background:linear-gradient(180deg,transparent,rgba(240,175,24,.6),transparent)}
@media (max-width:1240px){.hero-vert{display:none}}
@media (max-width:960px){.podium{display:none}.hero.v5 .hero-grid{grid-template-columns:1fr}}

/* live bar: segmented like the mockup */
.live-bar{gap:0;padding:0 24px;min-height:52px;font-size:14px}
.live-bar .dot{margin-right:12px}
.live-bar .k{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:var(--gold-light);margin-right:12px}
.live-bar .when{color:var(--text);font-weight:800;margin-right:12px}
.live-bar .sep{width:1px;height:20px;background:rgba(240,175,24,.35);margin:0 16px}
.live-bar .t{color:var(--text-2);font-weight:600}
.live-bar .ch{color:var(--muted);font-weight:600}
.live-bar a.rem{margin-left:22px;background:transparent;border:1.5px solid var(--gold);color:var(--gold-light);padding:7px 14px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:13px;border-radius:8px}
.live-bar a.rem:hover{background:var(--gold);color:var(--ink)}
@media (max-width:760px){.live-bar{flex-wrap:wrap;gap:6px 10px;padding:12px 16px}.live-bar .sep{display:none}.live-bar a.rem{margin-left:auto}}
.next-show{display:flex;flex-wrap:wrap;gap:8px 12px}
.next-show .k{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:12.5px;color:var(--gold-light)}
.next-show .sep{display:none}
.next-show .when{font-weight:800;color:var(--text)}
.next-show .ch{color:var(--muted)}
.next-show a.rem{margin-left:auto;color:var(--gold);font-weight:800}

/* stats with icons */
.stats5.icons > div{display:flex;align-items:center;gap:12px;text-align:left;padding:18px 18px}
.stats5.icons i{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(240,175,24,.35);flex:none}
.stats5.icons i svg{width:20px;height:20px}
.stats5.icons b{font-size:26px}
.stats5.icons span{font-size:12px}
@media (max-width:640px){.stats5.icons > div{padding:14px}}

/* section head with right-aligned tagline */
.section-head.row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.section-head.row h2{margin:0;font-size:clamp(26px,3vw,36px)}
.section-head.row .hl{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.section-head.row .sub{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--muted);font-weight:700}
.section-head.row .more{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--gold);font-weight:700;white-space:nowrap}

/* horizontal action cards with faint decoration */
.acts.v2 .act{grid-template-columns:auto 1fr;column-gap:16px;align-items:start;padding:22px 22px 20px;min-height:0;position:relative}
.acts.v2 .act .icon{width:56px;height:56px;border-radius:14px}
.acts.v2 .act h3{font-size:24px;margin:0 0 4px}
.acts.v2 .act p{font-size:14px;margin:0 0 10px;max-width:34ch}
.acts.v2 .act .go{margin:0}
.acts.v2 .act .deco{position:absolute;right:14px;bottom:10px;width:76px;height:76px;color:var(--gold);opacity:.16;pointer-events:none}

/* featured strip: each card in a tile */
.strip.tiles{gap:14px;padding:8px 6px 8px}
.strip.tiles .pc{flex-basis:186px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 12px 12px;gap:10px;box-shadow:var(--shadow-sm)}
.strip.tiles .pc figcaption{min-height:0}
.strip.tiles .pc figcaption b{font-size:14px}
.strip.tiles .pc figcaption span{font-size:12px}
.strip.tiles .pc:hover .case{transform:translateY(-4px)}
.strip.tiles .pslab .case{box-shadow:0 14px 30px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.85), inset 0 0 0 2.2cqw rgba(255,255,255,.07)}
.strip-wrap .strip-btn{top:38%}
@media (max-width:640px){.strip.tiles .pc{flex-basis:160px}}

/* how it works v2: number + icon + text */
.hiw.v2 > div{align-items:center;padding:16px 18px;gap:12px}
.hiw.v2 i{width:38px;height:38px;font-size:19px}
.hiw.v2 em{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(240,175,24,.3);flex:none}
.hiw.v2 em svg{width:22px;height:22px}
.hiw.v2 b{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:17px}
.hiw.v2 span{font-size:12.5px}

/* trust row: horizontal icon cards */
.trow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:960px){.trow{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.trow{grid-template-columns:1fr}}
.trow > div{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}
.trow .ring{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--gold-2);display:flex;align-items:center;justify-content:center;color:var(--gold);background:var(--gold-soft);flex:none}
.trow .ring svg{width:20px;height:20px}
.trow b{display:block;font-size:15px;color:var(--text)}
.trow span{display:block;font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:2px}

/* live banner with feature list */
.banner.v2{grid-template-columns:1.1fr 1.2fr .7fr}
@media (max-width:1000px){.banner.v2{grid-template-columns:1fr 1fr}.banner.v2 .feats{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);flex-direction:row;flex-wrap:wrap}}
@media (max-width:760px){.banner.v2{grid-template-columns:1fr}}
.banner.v2 .feats{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px 26px;border-left:1px solid var(--line);background:var(--surface-2)}
.banner.v2 .feats li{display:flex;align-items:center;gap:12px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--text-2);font-weight:700}
.banner.v2 .feats i{width:30px;height:30px;border-radius:8px;border:1px solid rgba(240,175,24,.4);display:flex;align-items:center;justify-content:center;color:var(--gold);flex:none}
.banner.v2 .feats i svg{width:16px;height:16px}

/* CTA band v2: banner backdrop, inline button, tagline */
.cta-band.v2{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;text-align:left;padding:clamp(26px,3.5vw,42px) clamp(24px,4vw,48px)}
.cta-band.v2 .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% center;opacity:.28;z-index:-2}
.cta-band.v2::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,10,.92),rgba(8,8,10,.6) 60%,rgba(8,8,10,.3))}
.cta-band.v2 h2{margin:0 0 6px;font-size:clamp(28px,3.6vw,46px)}
.cta-band.v2 p{margin:0}
.cta-band.v2 .tag2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;font-size:13px;color:var(--gold);line-height:1.6;text-align:right}
@media (max-width:860px){.cta-band.v2{grid-template-columns:1fr;text-align:center}.cta-band.v2 .tag2{display:none}.cta-band.v2 .btn{justify-self:center}}

/* footer with newsletter column */
.footer-grid.v2{grid-template-columns:1.5fr .8fr .8fr .9fr 1.3fr}
@media (max-width:1100px){.footer-grid.v2{grid-template-columns:1fr 1fr 1fr}.footer-grid.v2 > div:first-child{grid-column:1/-1}}
@media (max-width:640px){.footer-grid.v2{grid-template-columns:1fr}}
.footer .join p{margin-top:10px;font-size:13.5px}
.footer .join form{display:flex;gap:0;margin-top:14px;border:1.5px solid rgba(240,175,24,.4);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.footer .join input{border:0;background:transparent;border-radius:0;padding:12px 14px;font-size:14px;min-width:0;flex:1}
.footer .join input:focus{box-shadow:none}
.footer .join button{width:48px;flex:none;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;border-radius:0}
.footer .join button svg{width:18px;height:18px}
.footer .join .form-status{font-size:12.5px;padding:8px 10px;margin-top:8px}
.footer .join .motto{margin-top:16px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--gold)}
.footer-grid.v2 .social{grid-template-columns:1fr 1fr;max-width:440px}

/* v8 fixes: responsive stats, compact social list in footer */
@media (max-width:1100px){.stats5.icons{grid-template-columns:repeat(3,1fr)}.stats5.icons > div:nth-child(3){border-right:0}.stats5.icons > div:nth-child(n+4){border-top:1px solid var(--line)}.stats5.icons > div:nth-child(4){border-right:1px solid var(--line)}.stats5.icons > div:nth-child(5){grid-column:auto;border-top:1px solid var(--line)}}
@media (max-width:640px){.stats5.icons{grid-template-columns:1fr 1fr}.stats5.icons > div{border-right:0!important;border-top:1px solid var(--line)}.stats5.icons > div:nth-child(-n+2){border-top:0}.stats5.icons > div:nth-child(odd){border-right:1px solid var(--line)!important}}
.footer-grid.v2 .social,.social{grid-template-columns:1fr;max-width:320px;gap:6px}
.social a,.social a.wn{padding:6px 10px 6px 6px;border-radius:10px}
.social .ic{width:30px;height:30px;border-radius:8px}
.social a.wn .ic svg{width:30px;height:30px}
.social span.tx{min-width:0}
.social span.tx b{overflow:visible}
.social a:last-child:nth-child(odd){grid-column:auto}

/* ---- footer: "Follow the Vault" row — five wide tiles across ---- */
.social{display:none}
.follow{margin-top:34px;padding-top:28px;border-top:1px solid rgba(240,175,24,.18)}
.follow .fh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.follow .fh h4{margin:0}
.follow .fh span{font-size:13px;color:#B9AF9C}
.follow .grid-f{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media (max-width:1100px){.follow .grid-f{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.follow .grid-f{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.follow .grid-f{grid-template-columns:1fr}}
.follow a{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border-radius:14px;border:1px solid rgba(240,175,24,.22);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));color:#F3EBDD;transition:.2s;position:relative;overflow:hidden}
.follow a::before{content:"";position:absolute;inset:0;background:radial-gradient(160px 80px at 0% 0%,rgba(240,175,24,.18),transparent 70%);opacity:0;transition:.2s}
.follow a:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 14px 30px rgba(0,0,0,.5), 0 0 0 1px rgba(240,175,24,.3)}
.follow a:hover::before{opacity:1}
.follow .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(240,175,24,.14);color:var(--gold);flex:none;overflow:hidden;position:relative}
.follow .ic svg{width:22px;height:22px}
.follow a.wn .ic{background:#FFE01B;padding:0}
.follow a.wn .ic img{width:100%;height:100%;object-fit:cover;display:block}
.follow a.ig .ic{background:linear-gradient(135deg,#F58529,#DD2A7B 55%,#8134AF);color:#fff}
.follow a.tt .ic{background:#000;color:#fff;border:1px solid rgba(255,255,255,.2)}
.follow .tx{display:grid;gap:2px;min-width:0;position:relative}
.follow .tx b{display:block;font-size:14.5px;font-weight:800;color:#F3EBDD;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.follow .tx small{display:block;font-size:11.5px;color:#B9AF9C;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.follow .arr{margin-left:auto;color:var(--gold);font-weight:800;opacity:.6;transition:.2s;position:relative}
.follow a:hover .arr{opacity:1;transform:translateX(3px)}
.footer-grid.v2{grid-template-columns:1.4fr .8fr .8fr 1fr 1.3fr}

/* how-it-works: center the two columns, let the trust box fill its column */
.how2{align-items:center}
.trustbox{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:30px 30px}
.trustbox ul{gap:22px;margin-top:20px}
.trustbox li{grid-template-columns:52px 1fr;gap:16px}
.trustbox .ring{width:52px;height:52px}
.trustbox .ring svg{width:22px;height:22px}
.trustbox b{font-size:16.5px}
.trustbox span{font-size:14px}
.trustbox .proof{margin-top:26px;padding-top:20px}

/* footer grid: three columns on laptops, one on phones */
@media (max-width:1200px){.footer-grid.v2{grid-template-columns:1fr 1fr 1fr}.footer-grid.v2 > div:first-child{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}.footer-grid.v2 > div:first-child p{margin-top:0}.footer-grid.v2 .join{grid-column:1/-1;max-width:520px}}
@media (max-width:640px){.footer-grid.v2{grid-template-columns:1fr}.footer-grid.v2 > div:first-child{grid-template-columns:1fr}}

.btn.wnbtn img{width:18px;height:18px;border-radius:5px;flex:none}
.ctile .art.box{padding:6% 8% 2%}
.ctile .art.box img{width:112%;height:112%;max-width:none;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.65))}

/* ============================================================
   v8.1 — hero "vault opening" scene
   ============================================================ */
.vault-scene{position:relative;height:560px;perspective:1100px;perspective-origin:50% 45%}
.vault-scene .door-frame{position:absolute;left:50%;top:50%;width:440px;height:440px;transform:translate(-50%,-52%);border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 50% 50%,#FFFBEA 0%,#FFE28A 14%,#F2B322 30%,#8A5A08 50%,#2A1F0A 66%,#0B0A08 78%);
  box-shadow:0 0 0 12px #2A2622, 0 0 0 16px #7A6230, 0 0 0 19px #C9A24A, 0 0 0 30px #17161A, 0 0 0 32px rgba(240,175,24,.35), 0 50px 140px rgba(240,175,24,.45), inset 0 0 90px rgba(255,225,140,.75)}
.vault-scene .rays{position:absolute;inset:-45%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,240,190,0) 0 7deg,rgba(255,240,190,.32) 9deg,rgba(255,240,190,0) 15deg);animation:vaultSpin 46s linear infinite;mix-blend-mode:screen}
.vault-scene .door-light{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,225,130,.7) 18%,rgba(255,190,60,.25) 40%,transparent 60%);animation:vaultPulse 4.5s ease-in-out infinite}
.vault-scene .card-cloud{position:absolute;inset:0}
.vault-scene .card-cloud img{position:absolute;width:62px;border-radius:5px;box-shadow:0 10px 22px rgba(0,0,0,.65);filter:saturate(1.1) brightness(.95);animation:vaultDrift 10s ease-in-out infinite;transform-origin:center}
.vault-scene .door-leaf{position:absolute;left:50%;top:50%;width:236px;height:472px;margin-top:-245px;margin-left:-2px;transform-origin:left center;transform:rotateY(-64deg);border-radius:0 236px 236px 0/0 50% 50% 0;
  background:radial-gradient(circle at 36% 50%,#8A8B96 0%,#4C4D57 38%,#2A2B32 70%,#1A1A1F 100%);border:6px solid #B7913A;border-left:0;
  box-shadow:14px 0 40px rgba(0,0,0,.7), inset -10px 0 30px rgba(0,0,0,.6), inset 6px 0 0 rgba(255,255,255,.08);z-index:2}
.vault-scene .door-leaf::before{content:"";position:absolute;left:34px;top:50%;width:112px;height:112px;margin-top:-56px;border-radius:50%;border:12px solid #C9A24A;
  background:repeating-conic-gradient(from 0deg,#C9A24A 0 7deg,transparent 7deg 45deg),radial-gradient(circle,#E7C464 0 18%,transparent 19%);box-shadow:0 8px 20px rgba(0,0,0,.6), inset 0 0 0 4px #7A6230}
.vault-scene .door-leaf::after{content:"";position:absolute;inset:14px 14px 14px 10px;border-radius:0 220px 220px 0/0 50% 50% 0;border:2px dashed rgba(201,162,74,.5);
  background:radial-gradient(circle at 14px 14px,#D9B85A 4px,transparent 5px),radial-gradient(circle at calc(100% - 46px) 30%,#D9B85A 4px,transparent 5px),radial-gradient(circle at calc(100% - 46px) 70%,#D9B85A 4px,transparent 5px),radial-gradient(circle at 14px calc(100% - 14px),#D9B85A 4px,transparent 5px)}
.vault-scene .podium-fan{position:absolute;inset:0;z-index:3}
.vault-scene .podium-fan .pc{position:absolute;width:214px;top:50%;left:50%;margin:-160px 0 0 -107px;filter:drop-shadow(0 34px 44px rgba(0,0,0,.85)) drop-shadow(0 0 18px rgba(255,200,90,.35));transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:vaultFloat 6s ease-in-out infinite}
.vault-scene .podium-fan .pc figcaption{display:none}
.vault-scene .podium-fan .f1{transform:translate(-118%,14%) rotate(-16deg) rotateY(22deg) scale(.92);z-index:1;animation-delay:-2s}
.vault-scene .podium-fan .f2{transform:translate(-4%,-2%) scale(1.16);z-index:3}
.vault-scene .podium-fan .f3{transform:translate(104%,16%) rotate(16deg) rotateY(-22deg) scale(.92);z-index:2;animation-delay:-4s}
.vault-scene:hover .f1{transform:translate(-128%,10%) rotate(-20deg) rotateY(26deg) scale(.94)}
.vault-scene:hover .f2{transform:translate(-4%,-8%) scale(1.2)}
.vault-scene:hover .f3{transform:translate(114%,12%) rotate(20deg) rotateY(-26deg) scale(.94)}
.vault-scene .sparks{position:absolute;inset:-6%;pointer-events:none;z-index:4;
  background:radial-gradient(2px 2px at 18% 28%,#FFF0B8 60%,transparent 61%),radial-gradient(1.5px 1.5px at 78% 22%,#FFE79A 60%,transparent 61%),radial-gradient(2.5px 2.5px at 66% 78%,#FFF4C8 60%,transparent 61%),radial-gradient(1.5px 1.5px at 30% 82%,#FFE79A 60%,transparent 61%),radial-gradient(2px 2px at 88% 58%,#FFF0B8 60%,transparent 61%),radial-gradient(1.5px 1.5px at 12% 60%,#FFE79A 60%,transparent 61%),radial-gradient(2px 2px at 52% 8%,#FFF4C8 60%,transparent 61%),radial-gradient(1.5px 1.5px at 42% 92%,#FFE79A 60%,transparent 61%);
  animation:vaultTwinkle 3.2s ease-in-out infinite}
.vault-scene .floor{position:absolute;left:50%;bottom:-10px;width:520px;height:120px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(240,175,24,.45),rgba(240,175,24,.08) 55%,transparent 72%);filter:blur(8px)}
@keyframes vaultSpin{to{transform:rotate(360deg)}}
@keyframes vaultPulse{0%,100%{opacity:.85}50%{opacity:1}}
@keyframes vaultDrift{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes vaultFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes vaultTwinkle{0%,100%{opacity:.55}50%{opacity:1}}
.hero.v5 .hero-bg img{opacity:.6}
@media (max-width:960px){.vault-scene{display:none}}
@media (prefers-reduced-motion:reduce){.vault-scene .rays,.vault-scene .door-light,.vault-scene .card-cloud img,.vault-scene .podium-fan .pc,.vault-scene .sparks{animation:none}}

/* footer logo: never squeezed; follow tiles: 3-up until very wide screens */
.footer .brand{display:block;height:auto}
.footer .brand img{height:auto;width:min(100%,300px);max-width:300px;aspect-ratio:2100/520;object-fit:contain}
@media (max-width:1200px){.footer-grid.v2 > div:first-child{display:block}.footer-grid.v2 > div:first-child p{margin-top:14px}}
@media (max-width:1300px){.follow .grid-f{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.follow .grid-f{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.follow .grid-f{grid-template-columns:1fr}}

/* follow tiles: full handles visible */
.follow .arr{display:none}
.follow a{padding:12px 12px;gap:10px}
.follow .ic{width:40px;height:40px;border-radius:11px}
.follow .tx b{font-size:13.5px;white-space:normal;overflow:visible;line-height:1.2;word-break:break-word}
.follow .tx small{white-space:normal;overflow:visible;line-height:1.3;font-size:11px}
@media (min-width:1301px){.follow .grid-f{grid-template-columns:repeat(5,1fr)}}
/* hero: keep the flying slabs clear of the headline */
.hero.v5 .hero-grid{grid-template-columns:1.05fr .95fr;gap:24px}
.vault-scene .podium-fan .f1{transform:translate(-104%,16%) rotate(-16deg) rotateY(22deg) scale(.9)}
.vault-scene:hover .f1{transform:translate(-112%,12%) rotate(-20deg) rotateY(26deg) scale(.92)}
.dash{position:relative}
.dash::after{content:"Preview · launching with the Vault store";position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:5px 10px;border-radius:999px;z-index:2}

.banner-cta{display:grid;gap:12px;margin-top:6px;justify-items:start}
.banner-cta .btn-lg{padding:16px 28px;font-size:17px}
@media (max-width:640px){.banner-cta .btn-lg{width:100%}}

/* channel cards v2: stats row + live badge */
.chan.v2{grid-template-columns:72px 1fr;align-items:start}
.chan.v2 b{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chan.v2 .prem{font-style:normal;font-family:var(--font-body);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#FFE01B;color:#000}
.chan.v2 .livebadge{font-style:normal;font-family:var(--font-body);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#E5322B;color:#fff;animation:pulse 1.6s infinite}
.chan.v2 .kpis{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.chan.v2 .kpis div b{display:block;font-family:var(--font-display);font-size:22px;color:var(--gold-text);line-height:1;font-weight:800}
.chan.v2 .kpis div small{display:block;font-size:11px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:700;margin-top:2px}
.chan.v2.live{border-color:rgba(229,50,43,.5);box-shadow:0 0 0 1px rgba(229,50,43,.25), var(--shadow-sm)}

/* ============================================================
   v8.2 — slab case realism: bright frosted acrylic rim, dark recessed
   card well, molding gap between label and card, stronger depth
   ============================================================ */
.pslab .case{
  padding:5cqw 5cqw 6.6cqw;border-radius:6.5cqw 6.5cqw 5cqw 5cqw;
  background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(236,239,244,.52) 22%,rgba(222,226,233,.46) 72%,rgba(255,255,255,.62) 100%);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 28px 56px rgba(0,0,0,.78), 0 6px 14px rgba(0,0,0,.5), inset 0 2px 0 rgba(255,255,255,.95), inset 0 -3px 0 rgba(0,0,0,.28), inset 3px 0 0 rgba(255,255,255,.55), inset -3px 0 0 rgba(0,0,0,.2);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.pslab .case::before{background:linear-gradient(108deg,transparent 28%,rgba(255,255,255,.55) 42%,rgba(255,255,255,.12) 50%,transparent 62%);opacity:.9}
.pslab .case .tab{width:30cqw;height:3.2cqw;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(220,224,230,.9));box-shadow:inset 0 -1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.25)}
.pslab .lbl{margin:1.8cqw 0 3.6cqw;box-shadow:0 1px 0 rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.25)}
.pslab .well{background:linear-gradient(180deg,#1C1C21 0%,#0C0C0F 100%);border:0;border-radius:1.8cqw;padding:2.6cqw;box-shadow:inset 0 3px 12px rgba(0,0,0,.9), inset 0 0 0 1px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.35)}
.pslab .well img{box-shadow:0 2px 6px rgba(0,0,0,.7)}
/* CGC: light acrylic rim around a black insert */
.pslab.g-cgc .case{background:linear-gradient(180deg,#141416,#0A0A0C 60%,#111114);border-color:rgba(255,255,255,.9);
  box-shadow:0 28px 56px rgba(0,0,0,.78), 0 6px 14px rgba(0,0,0,.5), inset 0 0 0 3cqw rgba(236,239,244,.55), inset 0 0 0 3.4cqw rgba(0,0,0,.55), inset 0 2px 0 rgba(255,255,255,.95)}
.pslab.g-cgc .case::before{opacity:.5}
.pslab.g-cgc .lbl{margin:1.4cqw 0 0}
.pslab.g-cgc .seal{margin:0 0 2cqw}
.pslab.g-cgc .well{background:#050506;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), inset 0 3px 12px rgba(0,0,0,.9)}
/* crisper label text */
.pslab .lbl{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.pslab .lbl b,.pslab .lbl small,.pslab .lbl span{letter-spacing:0}

/* category tiles with descriptions */
.ctile p{font-size:12.5px;color:var(--muted);line-height:1.45;padding:6px 14px 14px;margin:0;max-width:none}
.ctile small{padding-bottom:0}
.ctile{text-align:center}

/* live hero: two phones */
.phones{position:relative;height:520px;display:flex;justify-content:center;align-items:flex-end;gap:0}
.phones .phone{margin:0;transform:none;width:224px;height:460px;position:relative}
.phones .phone.p1{transform:rotate(-7deg) translate(30px,10px);z-index:1}
.phones .phone.p2{transform:rotate(6deg) translate(-30px,34px);z-index:2}
.phones .phone .tag{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);font-family:var(--font-display);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--gold-light);background:rgba(0,0,0,.6);border:1px solid rgba(240,175,24,.4);padding:5px 12px;border-radius:999px;white-space:nowrap}
@media (max-width:960px){.phones{display:none}}

/* Premier Shop badge, Whatnot style: gold crest + white text */
.chan.v2 .prem{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;padding:4px 10px 4px 6px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}
.chan.v2 .prem img{width:20px;height:20px;display:block}

/* page headers share the vault backdrop (kept bright: low-opacity image + soft overlay) */
.page-hero{position:relative;isolation:isolate}
.page-hero .hero-bg{position:absolute;inset:0;z-index:-2}
.page-hero .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 40%;opacity:.34;filter:saturate(1.1)}
.page-hero::before{z-index:-1;background:linear-gradient(90deg,rgba(var(--ov),.94) 0%,rgba(var(--ov),.8) 45%,rgba(var(--ov),.45) 100%),radial-gradient(900px 400px at 20% 0%,rgba(240,175,24,.14),transparent 65%)}
.page-hero .wrap{position:relative;z-index:1}

/* how-it-works: more compact */
#how.section{padding:clamp(34px,4.5vw,56px) 0}
.how2{gap:36px}
.how2 h2{font-size:clamp(28px,3.4vw,40px)!important;margin:10px 0 12px!important}
.timeline li{grid-template-columns:38px 1fr;gap:12px;padding-bottom:14px}
.timeline li > i:first-child{width:38px;height:38px;font-size:18px}
.timeline li .ln{left:18px}
.timeline li::after{left:18px;top:38px}
.timeline b{font-size:16.5px;margin-top:6px}
.timeline span{font-size:14px;max-width:44ch}
.trustbox{padding:22px 24px}
.trustbox ul{gap:14px;margin-top:14px}
.trustbox li{grid-template-columns:44px 1fr;gap:12px}
.trustbox .ring{width:44px;height:44px}
.trustbox b{font-size:15px}
.trustbox span{font-size:13px}
.trustbox .proof{margin-top:16px;padding-top:14px}
.how2 .flex.mt-3{margin-top:14px}

/* crisp HTML brand lockup (icon PNG + live text) — replaces the rasterised logo-wide.png */
.brand{display:flex;align-items:center;gap:10px;height:100%}
.brand .ico{height:46px;width:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.brand .wm{display:grid;line-height:1;gap:4px}
.brand .wm b{font-family:var(--font-display);font-weight:900;font-size:27px;letter-spacing:.015em;text-transform:uppercase;color:#F3EBDD;-webkit-text-stroke:.6px #2A1F08;text-shadow:0 1.5px 0 #C9930F,0 2.5px 0 #7A5A0C,0 4px 8px rgba(0,0,0,.55);white-space:nowrap}
.brand .wm small{font-family:var(--font-body);font-size:8px;letter-spacing:.26em;color:#F0AF18;font-weight:800;text-transform:uppercase;border-top:1px solid rgba(240,175,24,.55);padding-top:3px;white-space:nowrap}
.footer .brand{display:inline-flex;gap:14px;height:auto}
.footer .brand .ico{height:78px}
.footer .brand .wm b{font-size:44px}
.footer .brand .wm small{font-size:11px;padding-top:5px}
.footer .brand img{aspect-ratio:auto;width:auto;max-width:none}
@media (max-width:640px){.brand .ico{height:38px}.brand .wm b{font-size:22px}.brand .wm small{display:none}.footer .brand .ico{height:64px}.footer .brand .wm b{font-size:36px}}

/* nav brand: keep it compact so links never collide */
.nav .brand .wm b{font-size:23px}
.nav .brand .wm small{font-size:7px;letter-spacing:.22em}
.nav .brand .ico{height:42px}
@media (max-width:1180px){.nav .brand .wm small{display:none}.nav .brand .wm b{font-size:21px}}

/* official logo lockup everywhere (keyed PNG from brand/logo-wide-official.png) */
.brand .wm{display:none}
.brand img,.nav .brand img{height:56px;width:auto;max-width:none;aspect-ratio:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}
.footer .brand img{height:96px;width:auto;max-width:100%}
@media (max-width:640px){.nav .brand img{height:44px}.footer .brand img{height:72px}}

/* sell hero: fan of raw singles */
.raw-fan{position:relative;height:460px}
.raw-fan .pc{position:absolute;width:190px;bottom:20px;left:50%;transform-origin:50% 120%;filter:drop-shadow(0 26px 36px rgba(0,0,0,.8));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.raw-fan .pc figcaption{display:none}
.raw-fan .pc:hover .case{transform:none}
.raw-fan .r1{transform:translateX(-50%) rotate(-26deg);z-index:1}
.raw-fan .r2{transform:translateX(-50%) rotate(-13deg) translateY(-14px);z-index:2}
.raw-fan .r3{transform:translateX(-50%) translateY(-24px) scale(1.06);z-index:3}
.raw-fan .r4{transform:translateX(-50%) rotate(13deg) translateY(-14px);z-index:2}
.raw-fan .r5{transform:translateX(-50%) rotate(26deg);z-index:1}
.raw-fan:hover .r1{transform:translateX(-50%) rotate(-32deg) translateY(6px)}
.raw-fan:hover .r2{transform:translateX(-50%) rotate(-16deg) translateY(-18px)}
.raw-fan:hover .r3{transform:translateX(-50%) translateY(-34px) scale(1.1)}
.raw-fan:hover .r4{transform:translateX(-50%) rotate(16deg) translateY(-18px)}
.raw-fan:hover .r5{transform:translateX(-50%) rotate(32deg) translateY(6px)}
.raw-fan::before{content:"";position:absolute;left:50%;top:55%;width:460px;height:460px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(240,175,24,.28),transparent 60%);filter:blur(14px)}
@media (max-width:960px){.raw-fan{display:none}}

/* raw fan: spread wider so every card reads */
.raw-fan{height:480px}
.raw-fan .pc{width:176px;transform-origin:50% 150%}
.raw-fan .r1{transform:translateX(-50%) rotate(-34deg) translateY(10px)}
.raw-fan .r2{transform:translateX(-50%) rotate(-17deg) translateY(-16px)}
.raw-fan .r3{transform:translateX(-50%) translateY(-28px) scale(1.06)}
.raw-fan .r4{transform:translateX(-50%) rotate(17deg) translateY(-16px)}
.raw-fan .r5{transform:translateX(-50%) rotate(34deg) translateY(10px)}
.raw-fan:hover .r1{transform:translateX(-50%) rotate(-40deg) translateY(18px)}
.raw-fan:hover .r2{transform:translateX(-50%) rotate(-20deg) translateY(-22px)}
.raw-fan:hover .r3{transform:translateX(-50%) translateY(-38px) scale(1.1)}
.raw-fan:hover .r4{transform:translateX(-50%) rotate(20deg) translateY(-22px)}
.raw-fan:hover .r5{transform:translateX(-50%) rotate(40deg) translateY(18px)}

/* raw fan: horizontal spread + gentle tilt */
.raw-fan .pc{transform-origin:50% 100%}
.raw-fan .r1{transform:translateX(calc(-50% - 160px)) rotate(-20deg) translateY(34px)}
.raw-fan .r2{transform:translateX(calc(-50% - 82px)) rotate(-10deg) translateY(6px)}
.raw-fan .r3{transform:translateX(-50%) translateY(-10px) scale(1.06)}
.raw-fan .r4{transform:translateX(calc(-50% + 82px)) rotate(10deg) translateY(6px)}
.raw-fan .r5{transform:translateX(calc(-50% + 160px)) rotate(20deg) translateY(34px)}
.raw-fan:hover .r1{transform:translateX(calc(-50% - 176px)) rotate(-24deg) translateY(40px)}
.raw-fan:hover .r2{transform:translateX(calc(-50% - 90px)) rotate(-12deg) translateY(2px)}
.raw-fan:hover .r3{transform:translateX(-50%) translateY(-20px) scale(1.1)}
.raw-fan:hover .r4{transform:translateX(calc(-50% + 90px)) rotate(12deg) translateY(2px)}
.raw-fan:hover .r5{transform:translateX(calc(-50% + 176px)) rotate(24deg) translateY(40px)}

/* consign process: roomier step cards */
#process .hiw{grid-template-columns:repeat(4,1fr);gap:16px}
#process .hiw > div{align-items:flex-start;padding:22px 20px}
#process .hiw b{font-size:17px;margin-bottom:6px}
#process .hiw span{font-size:13.5px;line-height:1.55}
@media (max-width:960px){#process .hiw{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){#process .hiw{grid-template-columns:1fr}}

/* consign: estimator + tiers side by side */
.paytier{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}
@media (max-width:1000px){.paytier{grid-template-columns:1fr}}
.paytier .payout{margin:0}
.tiers.stack{display:grid;grid-template-columns:1fr;gap:10px;align-content:start}
.tiers.stack .tier{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;text-align:left;padding:16px 18px;transform:none}
.tiers.stack .tier h3{font-size:20px}
.tiers.stack .tier .range{display:block;margin-top:2px}
.tiers.stack .tier p{margin-top:6px;font-size:13px}
.tiers.stack .tier .keep{font-size:38px;margin:0;text-align:right}
.tiers.stack .tier .keep small{font-size:10.5px;margin-top:3px}
.tiers.stack .tier .tag{left:18px;transform:none}
/* hero fans: bigger cards, fill the column */
.raw-fan{height:520px}
.raw-fan .pc{width:214px;bottom:10px}
.raw-fan .r1{transform:translateX(calc(-50% - 190px)) rotate(-20deg) translateY(36px)}
.raw-fan .r2{transform:translateX(calc(-50% - 98px)) rotate(-10deg) translateY(6px)}
.raw-fan .r3{transform:translateX(-50%) translateY(-12px) scale(1.08)}
.raw-fan .r4{transform:translateX(calc(-50% + 98px)) rotate(10deg) translateY(6px)}
.raw-fan .r5{transform:translateX(calc(-50% + 190px)) rotate(20deg) translateY(36px)}
.raw-fan:hover .r1{transform:translateX(calc(-50% - 206px)) rotate(-24deg) translateY(44px)}
.raw-fan:hover .r2{transform:translateX(calc(-50% - 108px)) rotate(-12deg) translateY(0)}
.raw-fan:hover .r3{transform:translateX(-50%) translateY(-24px) scale(1.12)}
.raw-fan:hover .r4{transform:translateX(calc(-50% + 108px)) rotate(12deg) translateY(0)}
.raw-fan:hover .r5{transform:translateX(calc(-50% + 206px)) rotate(24deg) translateY(44px)}
.hero.v3 .hero-grid{grid-template-columns:1fr 1.1fr;gap:20px}
@media (max-width:1200px){.raw-fan .pc{width:190px}.raw-fan .r1{transform:translateX(calc(-50% - 160px)) rotate(-20deg) translateY(34px)}.raw-fan .r5{transform:translateX(calc(-50% + 160px)) rotate(20deg) translateY(34px)}.raw-fan .r2{transform:translateX(calc(-50% - 82px)) rotate(-10deg) translateY(6px)}.raw-fan .r4{transform:translateX(calc(-50% + 82px)) rotate(10deg) translateY(6px)}}

/* home vault scene with raw singles: a touch larger, tighter to the light */
.vault-scene .podium-fan .pc{width:200px;margin:-150px 0 0 -100px}
.vault-scene .podium-fan .f1{transform:translate(-100%,18%) rotate(-16deg) rotateY(20deg) scale(.94)}
.vault-scene .podium-fan .f2{transform:translate(-4%,-2%) scale(1.14)}
.vault-scene .podium-fan .f3{transform:translate(98%,18%) rotate(16deg) rotateY(-20deg) scale(.94)}
.vault-scene .praw .case{box-shadow:0 26px 50px rgba(0,0,0,.8), 0 0 40px rgba(255,200,90,.25), inset 0 1px 0 rgba(255,255,255,.45)}

/* raw fan: centered vertically, nudged right, never clipped */
.hero.v3 .hero-grid{grid-template-columns:.95fr 1.05fr;gap:12px;align-items:center}
.raw-fan{height:500px;overflow:visible}
.raw-fan .pc{bottom:auto;top:50%;left:56%;margin-top:-172px;width:212px;transform-origin:50% 90%}
.raw-fan .r1{transform:translateX(calc(-50% - 186px)) rotate(-19deg) translateY(30px)}
.raw-fan .r2{transform:translateX(calc(-50% - 96px)) rotate(-9deg) translateY(4px)}
.raw-fan .r3{transform:translateX(-50%) translateY(-10px) scale(1.07)}
.raw-fan .r4{transform:translateX(calc(-50% + 96px)) rotate(9deg) translateY(4px)}
.raw-fan .r5{transform:translateX(calc(-50% + 186px)) rotate(19deg) translateY(30px)}
.raw-fan:hover .r1{transform:translateX(calc(-50% - 200px)) rotate(-23deg) translateY(36px)}
.raw-fan:hover .r2{transform:translateX(calc(-50% - 104px)) rotate(-11deg) translateY(-2px)}
.raw-fan:hover .r3{transform:translateX(-50%) translateY(-22px) scale(1.11)}
.raw-fan:hover .r4{transform:translateX(calc(-50% + 104px)) rotate(11deg) translateY(-2px)}
.raw-fan:hover .r5{transform:translateX(calc(-50% + 200px)) rotate(23deg) translateY(36px)}
.raw-fan::before{top:50%}
@media (max-width:1200px){.raw-fan .pc{width:186px;margin-top:-150px;left:58%}.raw-fan .r1{transform:translateX(calc(-50% - 150px)) rotate(-19deg) translateY(28px)}.raw-fan .r5{transform:translateX(calc(-50% + 150px)) rotate(19deg) translateY(28px)}.raw-fan .r2{transform:translateX(calc(-50% - 78px)) rotate(-9deg) translateY(4px)}.raw-fan .r4{transform:translateX(calc(-50% + 78px)) rotate(9deg) translateY(4px)}}
.hero.v3 .wrap{padding-top:36px;padding-bottom:36px}
.raw-fan.wide .pc{left:60%}

/* home hero: no photo backdrop — clean charcoal with gold light */
.hero.v5 .hero-bg img{opacity:.62;object-position:62% 45%}
.hero.v5{background:radial-gradient(900px 520px at 72% 40%,rgba(240,175,24,.22),transparent 62%),radial-gradient(700px 400px at 10% 100%,rgba(240,175,24,.08),transparent 60%),linear-gradient(180deg,#141418,var(--bg-deeper))}
.hero.v5 .hero-overlay{background:linear-gradient(180deg,rgba(13,13,16,0) 0%,rgba(13,13,16,0) 80%,rgba(var(--ov),.96) 100%)}

/* home hero: cards float on light alone — vault door removed */
.vault-scene .door-frame,.vault-scene .door-leaf{display:none}
.vault-scene .floor{bottom:40px;width:560px;height:160px;background:radial-gradient(ellipse at center,rgba(240,175,24,.5),rgba(240,175,24,.12) 50%,transparent 72%)}
.vault-scene::before{content:"";position:absolute;left:50%;top:48%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(240,175,24,.30),rgba(240,175,24,.08) 45%,transparent 65%);filter:blur(10px)}

/* ---- live phone screens (HTML, data-driven) ---- */
.phone .scr{background:#0B0B0D;color:#fff;display:flex;flex-direction:column;font-family:var(--font-body);font-size:8px;line-height:1.25;overflow:hidden}
.phone .scr > *{flex:none}
.ps-status{display:flex;justify-content:space-between;padding:10px 14px 0;font-weight:700;font-size:8.5px}
.ps-bar{display:grid;grid-template-columns:16px 1fr 16px;align-items:center;padding:8px 12px 0;font-size:9px}
.ps-bar span{font-size:14px;line-height:1}
.ps-bar b{text-align:center;font-weight:800}
.ps-head{display:flex;align-items:center;gap:10px;padding:12px 12px 0}
.ps-head img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #F0AF18}
.ps-head b{display:block;font-size:12.5px;font-weight:800}
.ps-prem{display:inline-block;margin-top:4px;background:#FFE01B;color:#000;font-style:normal;font-weight:800;font-size:6.5px;letter-spacing:.06em;padding:2px 6px;border-radius:999px}
.ps-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px 0}
.ps-stats b{display:block;font-size:10.5px;font-weight:800}
.ps-stats span{display:block;color:#9A9A9A;font-size:6.5px;margin-top:1px}
.ps-follow{display:grid;grid-template-columns:1fr 22px;gap:6px;padding:10px 12px 0}
.ps-follow b{background:#FFE01B;color:#000;border-radius:999px;text-align:center;padding:6px 0;font-size:8.5px;font-weight:800}
.ps-follow i{border:1px solid #444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:9px;color:#fff}
.ps-bio{padding:8px 12px 0;color:#CFCFCF;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-tabs{display:flex;gap:12px;padding:8px 12px 0;font-size:7.5px;color:#777;border-bottom:1px solid #222}
.ps-tabs b{color:#fff;font-weight:700;padding-bottom:4px;border-bottom:2px solid #FFE01B}
.ps-tabs span{padding-bottom:4px}
.ps-h{padding:8px 12px 4px;font-weight:800;font-size:8.5px}
.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 12px;flex:1 1 auto;min-height:0;align-content:start}
.ps-card{position:relative;aspect-ratio:1/1.42;border-radius:8px;overflow:hidden;background:#1A1A1E center/cover no-repeat;background-image:linear-gradient(160deg,#2a2412,#0f0e0b)}
.ps-card::after{content:"";position:absolute;inset:45% 0 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}
.ps-bell{position:absolute;top:5px;left:5px;width:14px;height:14px;border-radius:50%;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;font-size:7px;z-index:1}
.ps-meta{position:absolute;left:6px;right:6px;bottom:6px;z-index:1}
.ps-meta b{display:block;color:#FFE01B;font-size:6.8px;font-weight:800}
.ps-meta span{display:block;color:#fff;font-size:6.8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-empty{grid-column:1/-1;padding:14px;color:#9A9A9A;font-size:7.5px;text-align:center}
.ps-nav{margin-top:auto;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px 10px;background:#101012;border-top:1px solid #222;font-size:6.5px;color:#888;text-align:center}
.ps-nav b{color:#FFE01B;font-weight:700}
.phone .live,.phone .bid{display:none}
.phone .scr .ps-head img{width:40px;height:40px;object-fit:cover}

/* ---- vault-room backdrop (hero-vault-door.jpg) on home, sell, consign, shop ---- */
.hero.v5 .hero-bg{display:block}
.hero.v5 .hero-bg img{opacity:.78;object-position:62% 45%;filter:saturate(1.05)}
.hero.v5 .hero-overlay{background:linear-gradient(90deg,rgba(13,13,16,.94) 0%,rgba(13,13,16,.82) 34%,rgba(13,13,16,.28) 58%,rgba(13,13,16,.12) 100%),linear-gradient(180deg,rgba(13,13,16,.35),rgba(13,13,16,0) 30%,rgba(13,13,16,.05) 70%,rgba(var(--ov),.98) 100%)}
.hero.v5{background:var(--bg-deeper)}
.vault-scene::before{display:none}
.vault-scene .floor{background:radial-gradient(ellipse at center,rgba(240,175,24,.3),rgba(240,175,24,.06) 55%,transparent 72%)}
.hero.v3 .hero-bg img{opacity:.62;object-position:62% 45%}
.hero.v3 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.95) 0%,rgba(var(--ov),.86) 40%,rgba(var(--ov),.3) 66%,rgba(var(--ov),.15) 100%),linear-gradient(180deg,rgba(var(--ov),.25),rgba(var(--ov),0) 40%,rgba(var(--ov),.9) 100%)}
.page-hero .hero-bg img{opacity:.45;object-position:62% 45%}

/* home hero: same raw-single fan as the other tabs */
.raw-fan.home{height:540px}
.raw-fan.home .pc{width:224px;margin-top:-180px;left:54%}
.raw-fan.home .r1{transform:translateX(calc(-50% - 196px)) rotate(-19deg) translateY(30px)}
.raw-fan.home .r2{transform:translateX(calc(-50% - 100px)) rotate(-9deg) translateY(4px)}
.raw-fan.home .r3{transform:translateX(-50%) translateY(-12px) scale(1.08)}
.raw-fan.home .r4{transform:translateX(calc(-50% + 100px)) rotate(9deg) translateY(4px)}
.raw-fan.home .r5{transform:translateX(calc(-50% + 196px)) rotate(19deg) translateY(30px)}
.raw-fan.home::before{width:560px;height:560px;background:radial-gradient(circle,rgba(240,175,24,.34),rgba(240,175,24,.08) 45%,transparent 65%)}
.hero.v5 .hero-grid{grid-template-columns:.95fr 1.05fr;gap:16px}

/* fans nudged left so the vault-door emblem on the right stays visible */
.raw-fan .pc{left:50%}
.raw-fan.wide .pc{left:52%}
.raw-fan.home .pc{left:50%}
.raw-fan .r1{transform:translateX(calc(-50% - 176px)) rotate(-19deg) translateY(30px)}
.raw-fan .r2{transform:translateX(calc(-50% - 92px)) rotate(-9deg) translateY(4px)}
.raw-fan .r4{transform:translateX(calc(-50% + 92px)) rotate(9deg) translateY(4px)}
.raw-fan .r5{transform:translateX(calc(-50% + 176px)) rotate(19deg) translateY(30px)}
.raw-fan.home .r1{transform:translateX(calc(-50% - 184px)) rotate(-19deg) translateY(30px)}
.raw-fan.home .r5{transform:translateX(calc(-50% + 184px)) rotate(19deg) translateY(30px)}
.raw-fan.home .r2{transform:translateX(calc(-50% - 94px)) rotate(-9deg) translateY(4px)}
.raw-fan.home .r4{transform:translateX(calc(-50% + 94px)) rotate(9deg) translateY(4px)}
.hero.v3 .hero-bg img,.hero.v5 .hero-bg img{object-position:100% 45%}
.hero.v3 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.95) 0%,rgba(var(--ov),.86) 38%,rgba(var(--ov),.3) 62%,rgba(var(--ov),.08) 100%),linear-gradient(180deg,rgba(var(--ov),.25),rgba(var(--ov),0) 40%,rgba(var(--ov),.9) 100%)}

/* brighter, warmer heroes: let the vault room glow */
.hero.v5 .hero-bg img{opacity:.92;filter:saturate(1.18) brightness(1.1) contrast(1.02)}
.hero.v5 .hero-overlay{background:linear-gradient(90deg,rgba(13,13,16,.88) 0%,rgba(13,13,16,.7) 34%,rgba(13,13,16,.18) 58%,rgba(13,13,16,0) 100%),linear-gradient(180deg,rgba(13,13,16,.25),rgba(13,13,16,0) 30%,rgba(13,13,16,0) 75%,rgba(var(--ov),.96) 100%)}
.hero.v3 .hero-bg img{opacity:.86;filter:saturate(1.18) brightness(1.08)}
.hero.v3 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.9) 0%,rgba(var(--ov),.74) 38%,rgba(var(--ov),.18) 62%,rgba(var(--ov),0) 100%),linear-gradient(180deg,rgba(var(--ov),.2),rgba(var(--ov),0) 40%,rgba(var(--ov),.88) 100%)}
.page-hero .hero-bg img{opacity:.62;filter:saturate(1.15) brightness(1.06)}
.page-hero::before{background:linear-gradient(90deg,rgba(var(--ov),.9) 0%,rgba(var(--ov),.7) 45%,rgba(var(--ov),.25) 100%),radial-gradient(900px 400px at 20% 0%,rgba(240,175,24,.14),transparent 65%)}
.hero h1{text-shadow:0 4px 24px rgba(0,0,0,.65)}
.hero p.lead{text-shadow:0 2px 10px rgba(0,0,0,.6)}
.section[style*="--bg-2"]{background:var(--bg)!important}

/* backdrop scaled from the left edge so the door emblem sits past the card fan */
.hero.v5 .hero-bg img,.hero.v3 .hero-bg img{transform:scale(1.16);transform-origin:0% 50%;object-position:0% 45%}
.hero.v5 .hero-bg,.hero.v3 .hero-bg{overflow:hidden}

/* phones: sit higher/right in the hero, brighter show cards, both rows visible */
.phones{height:500px;align-items:center;justify-content:flex-end;padding-right:12px;margin-top:-24px}
.phones .phone{width:218px;height:448px}
.phones .phone.p1{transform:rotate(-6deg) translate(34px,-6px)}
.phones .phone.p2{transform:rotate(5deg) translate(-26px,16px)}
.ps-card{aspect-ratio:1/1.28;background-color:#2A2418}
.ps-card::after{inset:58% 0 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}
.ps-grid{gap:5px;padding:0 10px}
.ps-h{padding:6px 12px 4px}
.ps-bio{padding-top:6px}
.ps-tabs{padding-top:6px}
.ps-stats{padding-top:8px}
.ps-follow{padding-top:8px}
.ps-head{padding-top:10px}

/* keep fans clear of hero copy at every width */
.hero.v3 .hero-grid{grid-template-columns:1fr 1fr;gap:16px}
.hero.v3 p.lead{max-width:470px}
.raw-fan .pc{left:53%}
.raw-fan.wide .pc{left:57%}
.raw-fan.home .pc{left:52%}
@media (max-width:1300px){.raw-fan .pc{width:190px;margin-top:-152px}.raw-fan .r1{transform:translateX(calc(-50% - 150px)) rotate(-19deg) translateY(28px)}.raw-fan .r5{transform:translateX(calc(-50% + 150px)) rotate(19deg) translateY(28px)}.raw-fan .r2{transform:translateX(calc(-50% - 78px)) rotate(-9deg) translateY(4px)}.raw-fan .r4{transform:translateX(calc(-50% + 78px)) rotate(9deg) translateY(4px)}.raw-fan.home .pc{width:200px;margin-top:-160px}}
.hero.v5 p.lead{max-width:440px}
.raw-fan.home .pc{left:55%}

/* vertical tagline on the far left; home fan clears the copy */
.hero-vert{right:auto;left:26px}
@media (max-width:1400px){.hero-vert{display:none}}
.hero.v5 .hero-grid{grid-template-columns:.9fr 1.1fr;gap:12px}
.raw-fan.home .pc{left:58%}
.raw-fan.home .r1{transform:translateX(calc(-50% - 176px)) rotate(-19deg) translateY(30px)}
.raw-fan.home .r5{transform:translateX(calc(-50% + 176px)) rotate(19deg) translateY(30px)}
.raw-fan.home .r2{transform:translateX(calc(-50% - 90px)) rotate(-9deg) translateY(4px)}
.raw-fan.home .r4{transform:translateX(calc(-50% + 90px)) rotate(9deg) translateY(4px)}
.hero.v5 p.lead{max-width:430px}

/* hide the backdrop wall lettering behind the headline */
.hero.v5 .hero-bg img,.hero.v3 .hero-bg img{transform:translateX(-9%) scale(1.22);transform-origin:0% 50%}
.hero.v5 .hero-overlay{background:linear-gradient(90deg,rgba(13,13,16,.98) 0%,rgba(13,13,16,.96) 22%,rgba(13,13,16,.72) 36%,rgba(13,13,16,.18) 58%,rgba(13,13,16,0) 100%),linear-gradient(180deg,rgba(13,13,16,.25),rgba(13,13,16,0) 30%,rgba(13,13,16,0) 75%,rgba(var(--ov),.96) 100%)}
.hero.v3 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.98) 0%,rgba(var(--ov),.96) 24%,rgba(var(--ov),.74) 40%,rgba(var(--ov),.18) 62%,rgba(var(--ov),0) 100%),linear-gradient(180deg,rgba(var(--ov),.2),rgba(var(--ov),0) 40%,rgba(var(--ov),.88) 100%)}
.page-hero .hero-bg img{transform:translateX(-9%) scale(1.22);transform-origin:0% 50%}
.page-hero::before{background:linear-gradient(90deg,rgba(var(--ov),.97) 0%,rgba(var(--ov),.94) 26%,rgba(var(--ov),.6) 50%,rgba(var(--ov),.25) 100%),radial-gradient(900px 400px at 20% 0%,rgba(240,175,24,.14),transparent 65%)}

/* hero fans: no glass frame over the bright backdrop — clean floating cards */
.raw-fan .praw .case{padding:0;background:none;border:0;border-radius:4.5%/3.3%;box-shadow:none;backdrop-filter:none;aspect-ratio:auto}
.raw-fan .praw .case::after{display:none}
.raw-fan .praw .case img{width:100%;height:auto;border-radius:4.5%/3.3%;box-shadow:0 26px 48px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.18)}
.raw-fan .pc{filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}
.raw-fan .pc:hover .case{transform:none}

/* wider canvas so hero art and content share the same centered frame */
:root{--max:1400px}
.raw-fan .pc,.raw-fan.wide .pc,.raw-fan.home .pc{left:50%}
.hero.v5 .hero-grid,.hero.v3 .hero-grid{grid-template-columns:1fr 1fr;gap:24px}
.hero.v5 p.lead,.hero.v3 p.lead{max-width:520px}
.hero-vert{left:22px}
@media (max-width:1500px){.hero-vert{display:none}}
.raw-fan{overflow:visible}

/* home fan spreads on hover like the other tabs */
.raw-fan.home:hover .r1{transform:translateX(calc(-50% - 196px)) rotate(-24deg) translateY(40px)}
.raw-fan.home:hover .r2{transform:translateX(calc(-50% - 102px)) rotate(-12deg) translateY(0)}
.raw-fan.home:hover .r3{transform:translateX(-50%) translateY(-26px) scale(1.12)}
.raw-fan.home:hover .r4{transform:translateX(calc(-50% + 102px)) rotate(12deg) translateY(0)}
.raw-fan.home:hover .r5{transform:translateX(calc(-50% + 196px)) rotate(24deg) translateY(40px)}
.raw-fan.wide:hover .r1{transform:translateX(calc(-50% - 196px)) rotate(-24deg) translateY(40px)}
.raw-fan.wide:hover .r5{transform:translateX(calc(-50% + 196px)) rotate(24deg) translateY(40px)}

/* ============================================================
   v9.1 — fan anchored to the vault arch (56vw), not the grid column
   ============================================================ */
.hero.v5 .hero-bg img,.hero.v3 .hero-bg img,.page-hero .hero-bg img{transform:none;object-position:50% 45%}
.hero.v5 .hero-grid,.hero.v3 .hero-grid{grid-template-columns:1fr 1fr;gap:24px;position:static}
.hero.v5,.hero.v3{position:relative}
.hero .raw-fan{position:absolute;inset:0;height:auto;pointer-events:none;z-index:1}
.hero .raw-fan::before{left:56vw;top:50%}
.hero .raw-fan .pc{left:56vw;top:50%;margin-top:-172px;pointer-events:auto}
.hero .hero-grid > div:first-child{position:relative;z-index:2}
.raw-fan .r1,.raw-fan.home .r1{transform:translateX(calc(-50% - 184px)) rotate(-19deg) translateY(30px)}
.raw-fan .r2,.raw-fan.home .r2{transform:translateX(calc(-50% - 94px)) rotate(-9deg) translateY(4px)}
.raw-fan .r3,.raw-fan.home .r3{transform:translateX(-50%) translateY(-12px) scale(1.07)}
.raw-fan .r4,.raw-fan.home .r4{transform:translateX(calc(-50% + 94px)) rotate(9deg) translateY(4px)}
.raw-fan .r5,.raw-fan.home .r5{transform:translateX(calc(-50% + 184px)) rotate(19deg) translateY(30px)}
.raw-fan:hover .r1,.raw-fan.home:hover .r1,.raw-fan.wide:hover .r1{transform:translateX(calc(-50% - 200px)) rotate(-24deg) translateY(38px)}
.raw-fan:hover .r2,.raw-fan.home:hover .r2{transform:translateX(calc(-50% - 104px)) rotate(-12deg) translateY(-2px)}
.raw-fan:hover .r3,.raw-fan.home:hover .r3{transform:translateX(-50%) translateY(-24px) scale(1.11)}
.raw-fan:hover .r4,.raw-fan.home:hover .r4{transform:translateX(calc(-50% + 104px)) rotate(12deg) translateY(-2px)}
.raw-fan:hover .r5,.raw-fan.home:hover .r5,.raw-fan.wide:hover .r5{transform:translateX(calc(-50% + 200px)) rotate(24deg) translateY(38px)}
@media (max-width:1700px){.hero .raw-fan .pc{left:58vw}}
@media (max-width:1500px){.hero .raw-fan .pc{left:61vw;width:196px;margin-top:-156px}.raw-fan .r1,.raw-fan.home .r1{transform:translateX(calc(-50% - 156px)) rotate(-19deg) translateY(28px)}.raw-fan .r5,.raw-fan.home .r5{transform:translateX(calc(-50% + 156px)) rotate(19deg) translateY(28px)}.raw-fan .r2,.raw-fan.home .r2{transform:translateX(calc(-50% - 80px)) rotate(-9deg) translateY(4px)}.raw-fan .r4,.raw-fan.home .r4{transform:translateX(calc(-50% + 80px)) rotate(9deg) translateY(4px)}}
@media (max-width:1250px){.hero .raw-fan .pc{left:66vw;width:176px;margin-top:-140px}}

/* ============================================================
   v9.2 — backdrop locked to the content frame: the vault arch sits under
   the right column at every width, so the fan is "in the vault" and the
   door emblem stays clear. Fan returns to the grid column.
   ============================================================ */
:root{--fw:min(1400px,calc(100vw - 48px));--bgw:calc(var(--fw) * 1.357)}
.hero.v5 .hero-bg,.hero.v3 .hero-bg,.page-hero .hero-bg{left:calc(50% - var(--fw) / 2);right:auto;width:var(--bgw);overflow:hidden}
.hero.v5 .hero-bg img,.hero.v3 .hero-bg img,.page-hero .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:none}
.hero.v5 .hero-bg::after,.hero.v3 .hero-bg::after,.page-hero .hero-bg::after{content:"";position:absolute;top:0;bottom:0;right:0;width:16%;background:linear-gradient(90deg,transparent,var(--bg-deeper))}
.hero.v5,.hero.v3{background:var(--bg-deeper)}
.hero .raw-fan{position:relative;inset:auto;height:520px;pointer-events:auto;z-index:1}
.hero .raw-fan::before{left:50%;top:50%}
.hero .raw-fan .pc{left:50%;top:50%;margin-top:-172px;width:214px}
@media (max-width:1700px){.hero .raw-fan .pc{left:50%}}
@media (max-width:1500px){.hero .raw-fan .pc{left:50%;width:200px;margin-top:-160px}}
@media (max-width:1250px){.hero .raw-fan .pc{left:50%;width:176px;margin-top:-140px}}
.hero.v5 .hero-grid,.hero.v3 .hero-grid{grid-template-columns:1fr 1fr;gap:24px}
/* FAQ: two columns on wide screens */
.faq.two{grid-template-columns:1fr 1fr;align-items:start}
@media (max-width:860px){.faq.two{grid-template-columns:1fr}}

/* live hero: phones centered in the vault arch, show cards uncropped */
.phones{justify-content:center;padding-right:0;margin-top:-10px;gap:0}
.phones .phone.p1{transform:rotate(-6deg) translate(22px,-4px)}
.phones .phone.p2{transform:rotate(5deg) translate(-18px,14px)}
.ps-card{aspect-ratio:1/1.5;background-size:cover;background-position:center top}
.ps-card::after{inset:55% 0 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.ps-grid{gap:6px}

/* ---- lift the base palette one more notch (Travis: "went black again") ---- */
:root{--bg:#1D1C1B;--bg-2:#242322;--surface:#2C2B29;--surface-2:#353331;--surface-3:#403E3B;--line:rgba(246,239,225,.14);--muted:#C4BBA8;--dim:#958D7C}
.hero.v4,.footer,.cta-band,.theme-dark,.dark{--bg:#111114;--bg-2:var(--bg-deep);--surface:#1D1D24;--surface-2:#25252D;--surface-3:#2F2F39}
.footer{background:linear-gradient(180deg,var(--bg-deep),var(--bg-deeper))}
.section[style*="--bg-2"]{background:var(--bg-2)!important}
.hero.v5,.hero.v3{background:var(--bg-deep)}
.hero.v5 .hero-bg::after,.hero.v3 .hero-bg::after,.page-hero .hero-bg::after{background:linear-gradient(90deg,transparent,var(--bg-deep))}
.hero.v5 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.94) 0%,rgba(var(--ov),.86) 22%,rgba(var(--ov),.55) 38%,rgba(var(--ov),.1) 58%,rgba(var(--ov),0) 100%),linear-gradient(180deg,rgba(var(--ov),.15),rgba(var(--ov),0) 30%,rgba(var(--ov),0) 78%,rgba(var(--ov),.96) 100%)}
.hero.v3 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.94) 0%,rgba(var(--ov),.86) 24%,rgba(var(--ov),.55) 40%,rgba(var(--ov),.1) 62%,rgba(var(--ov),0) 100%),linear-gradient(180deg,rgba(var(--ov),.12),rgba(var(--ov),0) 40%,rgba(var(--ov),.9) 100%)}
.page-hero::before{background:linear-gradient(90deg,rgba(var(--ov),.94) 0%,rgba(var(--ov),.88) 26%,rgba(var(--ov),.5) 50%,rgba(var(--ov),.2) 100%),radial-gradient(900px 400px at 20% 0%,rgba(240,175,24,.14),transparent 65%)}
.page-hero{background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.live-bar{background:linear-gradient(90deg,rgba(240,175,24,.08),rgba(240,175,24,.2) 50%,rgba(240,175,24,.08))}

/* v9.3 — smaller hero headlines, tagline removed, warm-charcoal palette, bigger wizard choices */
.hero.v5 h1{font-size:clamp(36px,4vw,58px)}
.hero.v3 h1{font-size:clamp(34px,3.8vw,54px)}
.page-hero h1{font-size:clamp(32px,3.6vw,50px)}
.hero h1{margin:10px 0 12px}
.hero p.lead,.page-hero p.lead{font-size:clamp(16px,1.3vw,18px)}
.choice.pic > span{font-size:17px;gap:8px;padding:18px 12px 16px}
.choice.pic .art{height:124px}
.choice.pic .art .pc{width:78px}
.choice.pic em{font-size:14px;color:var(--muted)}
.hero-vert{display:none!important}
.hero.v5 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.97) 0%,rgba(var(--ov),.95) 24%,rgba(var(--ov),.7) 38%,rgba(var(--ov),.12) 56%,rgba(var(--ov),0) 100%),linear-gradient(180deg,rgba(var(--ov),.15),rgba(var(--ov),0) 30%,rgba(var(--ov),0) 78%,rgba(var(--ov),.96) 100%)}
.hero.v3 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.97) 0%,rgba(var(--ov),.95) 26%,rgba(var(--ov),.7) 40%,rgba(var(--ov),.12) 60%,rgba(var(--ov),0) 100%),linear-gradient(180deg,rgba(var(--ov),.12),rgba(var(--ov),0) 40%,rgba(var(--ov),.9) 100%)}
.page-hero::before{background:linear-gradient(90deg,rgba(var(--ov),.97) 0%,rgba(var(--ov),.94) 28%,rgba(var(--ov),.55) 50%,rgba(var(--ov),.2) 100%),radial-gradient(900px 400px at 20% 0%,rgba(240,175,24,.14),transparent 65%)}
/* wizard: readable labels, but capped footprint */
.choice.pic > span{padding:14px 12px 14px;gap:6px}
.choice.pic .art{height:100px;margin-bottom:2px}
.choice.pic .art .pc{width:64px}
.choice.pic .art .q{font-size:48px}
.choice.pic em{font-size:13.5px}
/* v9.4 — neutral charcoal (no blue, no brown); gold lives in hairlines + ambient glow */
:root{--line:rgba(240,190,90,.13);--line-strong:rgba(240,175,24,.42)}
body{background:radial-gradient(1400px 520px at 50% -120px,rgba(240,175,24,.07),transparent 70%),var(--bg)}
.section{position:relative}
.live-bar{border-top:1px solid rgba(240,175,24,.22);border-bottom:1px solid rgba(240,175,24,.22)}

/* ============================================================
   v9.5 — MATERIAL SYSTEM. Default = Graphite Luxury (gunmetal blacks).
   ?theme=midnight → Midnight Luxury (deep navy undertone)
   ?theme=neutral  → previous neutral charcoal (for comparison)
   Layout untouched; only color/material tokens + panel treatment.
   ============================================================ */
:root{
  --bg:#0A0C0F;--bg-2:#0F1217;--surface:#151922;--surface-2:#1B202A;--surface-3:#222835;
  --bg-deep:#090B0E;--bg-deeper:#06080A;--ink:#06080A;--dark:#06080A;--dark-2:#0F1217;--dark-3:#151922;
  --ov:10,12,15;--nav:9,11,14;
  --line:#2A303A;--line-strong:rgba(244,183,25,.28);
  --gold:#F4B719;--gold-2:#D9A012;--gold-3:#A57A0E;--gold-light:#FFC62E;--gold-text:#F4B719;--gold-ink:#FFC62E;--gold-soft:rgba(244,183,25,.10);
  --text:#F4F0E8;--text-2:#C2BFB8;--muted:#A8A7A3;--dim:#747980;
  --glow:rgba(244,183,25,.05);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
  --shadow:0 16px 44px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.35);
}
html[data-gv="midnight"]{--bg-2:#10151D;--surface:#171D27;--surface-2:#1D2430;--surface-3:#252E3C;--line:#2B3341;--bg-deep:#090C11;--bg-deeper:#060810;--dark-2:#10151D;--dark-3:#171D27;--ov:10,13,18;--nav:9,12,17}
html[data-gv="neutral"]{--bg:#1D1C1B;--bg-2:#242322;--surface:#2C2B29;--surface-2:#353331;--surface-3:#403E3B;--bg-deep:#171615;--bg-deeper:#100F0E;--ink:#0A0A09;--dark:#0A0A09;--dark-2:#141312;--dark-3:#1E1D1C;--ov:28,27,26;--nav:28,27,26;--line:rgba(240,190,90,.13);--line-strong:rgba(240,175,24,.42);--gold:#F0AF18;--gold-2:#D89A0E;--gold-3:#A9780E;--gold-light:#FFD866;--gold-text:#F4B62A;--gold-ink:#FFD866;--gold-soft:rgba(240,175,24,.12);--text:#F6EFE1;--text-2:#DED5C3;--muted:#C4BBA8;--dim:#958D7C;--glow:rgba(240,175,24,.07)}
body{background:radial-gradient(1400px 520px at 50% -120px,var(--glow),transparent 70%),var(--bg)}
.nav{background:rgba(var(--nav),.86)}
.section{isolation:isolate}
.section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 380px at 50% 0%,var(--glow),transparent 70%)}
.hero.v4 p.lead{color:#DAD6CE}
/* hero: cool black gradient, darker left for copy, vault detail kept on the right */
.hero.v5 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.96) 0%,rgba(var(--ov),.92) 22%,rgba(var(--ov),.62) 38%,rgba(var(--ov),.08) 58%,rgba(var(--ov),0) 100%),linear-gradient(180deg,rgba(var(--ov),.1),rgba(var(--ov),0) 30%,rgba(var(--ov),0) 80%,rgba(var(--ov),.96) 100%)}
.hero.v3 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.96) 0%,rgba(var(--ov),.92) 24%,rgba(var(--ov),.62) 40%,rgba(var(--ov),.08) 60%,rgba(var(--ov),0) 100%),linear-gradient(180deg,rgba(var(--ov),.1),rgba(var(--ov),0) 40%,rgba(var(--ov),.92) 100%)}
.page-hero::before{background:linear-gradient(90deg,rgba(var(--ov),.96) 0%,rgba(var(--ov),.9) 28%,rgba(var(--ov),.5) 52%,rgba(var(--ov),.15) 100%)}
.page-hero{background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.hero.v5 .hero-bg img{filter:saturate(1.08) brightness(1.06) contrast(1.02)}
.hero.v3 .hero-bg img{filter:saturate(1.08) brightness(1.04)}
.hero.v5 .hero-bg::after,.hero.v3 .hero-bg::after,.page-hero .hero-bg::after{background:linear-gradient(90deg,transparent,var(--bg))}
/* fintech panels: stats bar + action cards */
.stats5{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.04)}
.stats5 div{border-right-color:var(--line)}
.stats5 b{color:var(--gold-light)}
.stats5 span{color:var(--muted)}
.stats5.icons i{color:var(--gold-light);background:rgba(244,183,25,.08);border-color:rgba(244,183,25,.28)}
.act{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.04)}
.act:hover{border-color:rgba(244,183,25,.42);box-shadow:var(--shadow),0 0 0 1px rgba(244,183,25,.12)}
.act h3{color:var(--text)}
.act p{color:var(--muted)}
.icon,.act .icon{background:rgba(244,183,25,.08);border:1px solid rgba(244,183,25,.28);color:var(--gold-light)}
.live-bar{border-top:1px solid rgba(244,183,25,.22);border-bottom:1px solid rgba(244,183,25,.22)}
.nav-cta .btn-user{border-color:var(--line);background:rgba(255,255,255,.03)}
.faq details,.wizard,.tier,.opt,.ctile,.chan,.channel{border-color:var(--line)}
/* left band fully covers the render's wall lettering; door detail (right 55%) untouched */
.hero.v5 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.985) 0%,rgba(var(--ov),.975) 30%,rgba(var(--ov),.8) 42%,rgba(var(--ov),.25) 54%,rgba(var(--ov),0) 66%),linear-gradient(180deg,rgba(var(--ov),.1),rgba(var(--ov),0) 30%,rgba(var(--ov),0) 80%,rgba(var(--ov),.96) 100%)}
.hero.v3 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.985) 0%,rgba(var(--ov),.975) 31%,rgba(var(--ov),.8) 43%,rgba(var(--ov),.25) 55%,rgba(var(--ov),0) 67%),linear-gradient(180deg,rgba(var(--ov),.1),rgba(var(--ov),0) 40%,rgba(var(--ov),.92) 100%)}
.page-hero::before{background:linear-gradient(90deg,rgba(var(--ov),.985) 0%,rgba(var(--ov),.97) 34%,rgba(var(--ov),.7) 52%,rgba(var(--ov),.2) 100%)}
.ps-card .ps-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
/* v9.5.1 — lifted: charcoal-graphite, not black. Glow + vignette so surfaces have depth. */
:root{--bg:#14171C;--bg-2:#191D23;--surface:#1F242C;--surface-2:#262C36;--surface-3:#2F3642;--bg-deep:#111418;--bg-deeper:#0C0E12;--dark-2:#191D23;--dark-3:#1F242C;--ov:20,23,28;--nav:17,20,25;--line:#323944;--glow:rgba(244,183,25,.075)}
html[data-gv="midnight"]{--bg:#13171E;--bg-2:#181D27;--surface:#1E2431;--surface-2:#252D3B;--surface-3:#2E3747;--bg-deep:#10141B;--bg-deeper:#0B0E14;--dark-2:#181D27;--dark-3:#1E2431;--ov:19,23,30;--nav:16,20,27;--line:#313A49}
body{background:radial-gradient(1400px 520px at 50% -120px,var(--glow),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg))}
.section::before{background:radial-gradient(1000px 420px at 50% 0%,var(--glow),transparent 70%),radial-gradient(700px 300px at 100% 100%,rgba(255,255,255,.025),transparent 70%)}
.stats5,.act,.opt,.tier,.ctile,.faq details,.wizard{background-image:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%)}
.stats5,.act{background-color:var(--surface)}
/* one page-level glow only; no per-section spots */
.section::before{content:none}
body{background:radial-gradient(1600px 700px at 50% -200px,var(--glow),transparent 70%),var(--bg);background-attachment:scroll}
/* v9.6 — tone matched to Travis's mockup (graphite black, cool surfaces); action cards = icon · copy · arrow */
:root{--bg:#101317;--bg-2:#141820;--surface:#1B1F27;--surface-2:#22272F;--surface-3:#2B313B;--bg-deep:#0D1014;--bg-deeper:#090B0E;--dark-2:#141820;--dark-3:#1B1F27;--ov:16,19,23;--nav:13,16,20;--line:#2B313A;--glow:rgba(244,183,25,.06)}
html[data-gv="midnight"]{--bg:#0F131A;--bg-2:#141924;--surface:#1A2029;--surface-2:#212833;--surface-3:#2A3340;--bg-deep:#0C1016;--bg-deeper:#080B10;--dark-2:#141924;--dark-3:#1A2029;--ov:15,19,26;--nav:12,16,22;--line:#2B3441}
.acts.v2 .act{grid-template-columns:auto 1fr auto;align-items:center;padding:22px 22px}
.acts.v2 .act .deco,.acts.v2 .act .go{display:none}
.acts.v2 .act::before{content:"→";grid-column:3;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--text);font-size:18px;background:rgba(255,255,255,.03);transition:.2s;order:3}
.acts.v2 .act:hover::before{border-color:var(--gold);color:var(--gold-light);background:rgba(244,183,25,.1)}
.acts.v2 .act p{margin:0;color:var(--muted)}
.acts.v2 .act .icon{width:48px;height:48px;border-radius:12px}
.stats5.icons i{width:44px;height:44px}
.hero.v5 .hero-bg::after{background:linear-gradient(90deg,transparent,var(--bg))}
.hero.v5 .hero-overlay{background:linear-gradient(90deg,rgba(var(--ov),.985) 0%,rgba(var(--ov),.975) 30%,rgba(var(--ov),.8) 42%,rgba(var(--ov),.25) 54%,rgba(var(--ov),0) 66%),linear-gradient(180deg,rgba(var(--ov),.1),rgba(var(--ov),0) 30%,rgba(var(--ov),0) 84%,rgba(var(--ov),1) 100%)}
/* v9.6.1 — hero copy scaled up to fill the header block */
.hero.v5 h1{font-size:clamp(44px,4.9vw,74px)}
.hero.v3 h1{font-size:clamp(42px,4.7vw,70px)}
.page-hero h1{font-size:clamp(40px,4.3vw,62px)}
.hero h1{margin:12px 0 14px}
.hero p.lead,.page-hero p.lead{font-size:clamp(18px,1.45vw,21px);line-height:1.55}
.hero.v5 p.lead,.hero.v3 p.lead{max-width:560px}
.page-hero p.lead{max-width:720px}
.hero .eyebrow,.page-hero .eyebrow{font-size:13.5px}
.hero-actions{margin-top:30px}
.hero-trust{margin-top:30px}
.hero-actions .btn-lg{padding:16px 26px;font-size:17px}
.page-hero .hero-bg img{object-position:50% 72%}
.page-hero{padding:clamp(48px,5.5vw,72px) 0 clamp(36px,4vw,52px)}
/* v9.6.2 — nav: wider spacing, clear active tab, no nav CTA (offer CTAs live in-page); Sign in stays top right */
.nav-links{gap:10px}
.nav-links a{padding:11px 18px;font-size:15.5px;border-radius:10px}
.nav-links a[aria-current="page"]{color:var(--gold-light);background:rgba(244,183,25,.12);box-shadow:inset 0 0 0 1px rgba(244,183,25,.28)}
.nav-cta .btn-user{padding:10px 18px;font-size:15px;border-radius:11px}
@media (max-width:1180px){.nav-links{gap:4px}.nav-links a{padding:10px 13px;font-size:14.5px}}
/* v9.7 — lifted graphite (Travis: still too dark). Cool charcoal, same hue family as the vault render's shadows. */
:root{--bg:#1A1D23;--bg-2:#1F232A;--surface:#262B33;--surface-2:#2D333C;--surface-3:#373E49;--bg-deep:#161920;--bg-deeper:#111318;--dark-2:#1F232A;--dark-3:#262B33;--ov:26,29,35;--nav:22,25,31;--line:#39404B;--glow:rgba(244,183,25,.07)}
html[data-gv="midnight"]{--bg:#181C25;--bg-2:#1D222D;--surface:#242A36;--surface-2:#2B3240;--surface-3:#353D4D;--bg-deep:#141821;--bg-deeper:#0F1219;--dark-2:#1D222D;--dark-3:#242A36;--ov:24,28,37;--nav:20,24,33;--line:#374050}
/* page-hero: same crop as the main heroes, taller so the door ring + emblem read the same way */
.page-hero{min-height:460px;display:flex;align-items:center;padding:clamp(40px,4.5vw,56px) 0}
.page-hero .wrap{width:100%}
.page-hero .hero-bg img{object-position:50% 45%}
@media (max-width:960px){.page-hero{min-height:0}}
/* v9.7.1 — bigger artwork in the sell-wizard option tiles */
.choice.pic > span{padding:16px 12px 16px;gap:6px}
.choice.pic .art{height:150px;margin-bottom:4px}
.choice.pic .art img{height:100%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.6))}
.choice.pic .art .pc{width:96px}
.choice.pic .art.fan img{height:92%;top:4%}
.choice.pic .art.fan img:nth-child(1){transform:translateX(-50%) rotate(-20deg) translateX(-40%)}
.choice.pic .art.fan img:nth-child(3){transform:translateX(-50%) rotate(20deg) translateX(40%)}
.choice.pic .art .q{font-size:72px}
@media (max-width:640px){.choice.pic .art{height:110px}.choice.pic .art .pc{width:70px}}
.choice.pic .art.fan img{height:80%;top:2%;transform-origin:50% 90%}
.choice.pic .art.fan img:nth-child(1){transform:translateX(-50%) rotate(-16deg) translateX(-38%)}
.choice.pic .art.fan img:nth-child(3){transform:translateX(-50%) rotate(16deg) translateX(38%)}
.choice.pic .art{overflow:visible}
.choice.pic > span > b,.choice.pic > span{position:relative}
.choice.pic .art + *{position:relative;z-index:1}
/* v9.7.2 — "How it works" tightened: less section padding, trust box fills its height */
#how.section{padding:clamp(36px,4.2vw,52px) 0}
.how2{align-items:stretch;gap:40px}
.how2 h2{margin:8px 0 10px!important}
.timeline li{padding-bottom:18px}
.trustbox{display:flex;flex-direction:column;justify-content:center;padding:28px 30px}
.trustbox ul{gap:22px;margin-top:18px}
.trustbox li b{font-size:18px}
.trustbox li span{font-size:15px}
.trustbox .ring{width:50px;height:50px}
.trustbox li{grid-template-columns:50px 1fr;gap:16px;align-items:center}
/* team "GV" avatar matches the photo avatars: solid black disc, gold ring + glow, heavy lettering */
.team .av.icon{display:flex;align-items:center;justify-content:center;background:#000;color:var(--gold);border:3px solid var(--gold);box-shadow:0 8px 20px rgba(240,175,24,.3);font-size:32px;font-weight:900;letter-spacing:.02em;text-shadow:0 0 12px rgba(244,183,25,.45)}
/* CTA band sits on the same graphite surface as the cards; gold only as a hairline + faint top glow */
.cta-band{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.04)}
.cta-band::before{background:radial-gradient(700px 240px at 50% 0%,rgba(244,183,25,.09),transparent 70%)}
.cta-band::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(244,183,25,.55),transparent)}
.cta-band h2{color:var(--text)}
.cta-band p{color:var(--muted)}
/* v9.8 — mini raw-card fan in page-heros (about/contact/faq/account) so the blurred vault interior is covered */
.page-hero .raw-fan.mini{position:absolute;left:calc(50% + var(--fw) * .23);top:50%;width:0;height:0;z-index:0;pointer-events:none}
.page-hero .raw-fan.mini .pc{position:absolute;left:0;top:0;width:150px;margin-top:-112px;transform-origin:50% 100%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.6))}
.page-hero .raw-fan.mini .r1{transform:translateX(calc(-50% - 124px)) rotate(-19deg) translateY(22px)}
.page-hero .raw-fan.mini .r2{transform:translateX(calc(-50% - 64px)) rotate(-9deg) translateY(3px)}
.page-hero .raw-fan.mini .r3{transform:translateX(-50%) translateY(-8px) scale(1.07)}
.page-hero .raw-fan.mini .r4{transform:translateX(calc(-50% + 64px)) rotate(9deg) translateY(3px)}
.page-hero .raw-fan.mini .r5{transform:translateX(calc(-50% + 124px)) rotate(19deg) translateY(22px)}
.page-hero .wrap{position:relative;z-index:1;pointer-events:none}
.page-hero .wrap *{pointer-events:auto}
.page-hero p.lead{max-width:600px}
@media (max-width:1100px){.page-hero .raw-fan.mini{display:none}}
/* consign "Ready to consign?" mix grid — reuses the wizard tile look, non-interactive */
.choice-grid.mix{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.choice.pic.static > span{cursor:default}
.choice.pic.static:hover span{border-color:rgba(246,239,225,.16)}
.choice.pic.static .art img{border-radius:6px}
.choice.pic.static .art .pc{width:84px}
@media (max-width:640px){.choice-grid.mix{grid-template-columns:repeat(2,1fr)}}
/* v9.8.1 — live-page channel cards fill their width: bigger avatar, KPI panels spread across, larger button */
.chan.v2{padding:28px 30px;grid-template-columns:96px 1fr;gap:22px;align-items:center}
.chan.v2 img{width:96px;height:96px}
.chan.v2 b{font-size:30px}
.chan.v2 > div > span{font-size:15px;margin-top:2px}
.chan.v2 .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;grid-column:1/-1}
.chan.v2 .kpis div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:14px 12px;text-align:center}
.chan.v2 .kpis div b{font-size:30px;color:var(--gold-light)}
.chan.v2 .kpis div small{font-size:12px;margin-top:6px}
.chan.v2 .btn{margin-top:4px;padding:15px 22px;font-size:16px}
@media (max-width:640px){.chan.v2{grid-template-columns:72px 1fr;padding:20px}.chan.v2 img{width:72px;height:72px}.chan.v2 .kpis{grid-template-columns:repeat(3,1fr);gap:8px}.chan.v2 .kpis div b{font-size:22px}}
/* v9.8.2 — About/Contact page-heros: info panel instead of a card fan; middle band muted so the blurred interior stays quiet */
.page-hero .hero-panel{position:absolute;left:calc(50% + var(--fw) * .06);top:50%;transform:translateY(-50%);width:min(460px,calc(var(--fw) * .40));padding:24px 26px;border-radius:var(--radius-lg);background:rgba(var(--ov),.72);border:1px solid rgba(244,183,25,.28);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1}
.page-hero .hero-panel .hp-eyebrow{display:block;font-family:var(--font-display);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--gold);margin-bottom:12px}
.page-hero .hero-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.page-hero .hero-panel li{display:grid;grid-template-columns:10px 1fr;gap:12px;align-items:start}
.page-hero .hero-panel li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:8px;box-shadow:0 0 10px rgba(244,183,25,.6)}
.page-hero .hero-panel b{display:block;font-size:17px;color:var(--text);font-weight:800}
.page-hero .hero-panel b a{color:var(--gold-light);text-decoration:none}
.page-hero .hero-panel b a:hover{text-decoration:underline}
.page-hero .hero-panel span{display:block;font-size:14px;color:var(--muted);margin-top:2px;line-height:1.4}
.page-hero.has-panel::before,.page-hero:has(.hero-panel)::before{background:linear-gradient(90deg,rgba(var(--ov),.985) 0%,rgba(var(--ov),.97) 36%,rgba(var(--ov),.82) 58%,rgba(var(--ov),.45) 78%,rgba(var(--ov),.15) 100%)}
.page-hero:has(.hero-panel) .wrap{pointer-events:none}
.page-hero:has(.hero-panel) .wrap *{pointer-events:auto}
@media (max-width:1100px){.page-hero .hero-panel{display:none}}
.page-hero .hero-panel li > span{grid-column:2}
.page-hero .hero-panel li > b{grid-column:2}
.page-hero .hero-panel li::before{grid-column:1;grid-row:1}
/* v9.8.3 — nav tabs distributed evenly between logo and Sign in */
@media (min-width:961px){
  .nav .wrap{gap:40px}
  .nav-links{flex:1 1 auto;justify-content:space-evenly;gap:0;max-width:980px;margin:0 auto}
}
.page-hero .hero-panel{left:calc(50% + var(--fw) * .24);transform:translate(-50%,-50%)}
@media (min-width:961px){.nav-links{flex:0 1 auto;justify-content:center;gap:22px;max-width:none;margin:0 auto}}

/* ---- v10.0 (Sep 5 evening): signed-in nav chip + hover spread on the page-hero mini fan ---- */
.btn-user .ini{display:none}
.btn-user.on svg{display:none}
.btn-user.on .ini{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#111;font-style:normal;font-weight:900;font-size:11px;letter-spacing:.02em;flex:0 0 auto}
.btn-user.on{border-color:rgba(244,183,25,.55)}
.page-hero .raw-fan.mini .pc{pointer-events:auto}
.page-hero .raw-fan.mini:hover .r1{transform:translateX(calc(-50% - 138px)) rotate(-23deg) translateY(28px)}
.page-hero .raw-fan.mini:hover .r2{transform:translateX(calc(-50% - 72px)) rotate(-11deg) translateY(-1px)}
.page-hero .raw-fan.mini:hover .r3{transform:translateX(-50%) translateY(-18px) scale(1.11)}
.page-hero .raw-fan.mini:hover .r4{transform:translateX(calc(-50% + 72px)) rotate(11deg) translateY(-1px)}
.page-hero .raw-fan.mini:hover .r5{transform:translateX(calc(-50% + 138px)) rotate(23deg) translateY(28px)}

/* ==== v10.1 (Sep 5 evening): PSA + CGC labels redrawn from real slabs ==== */
/* --- PSA LightHouse label: white, thin red frame, plain uppercase Arial, grade stack right, red PSA mark bottom-center, cert bottom-right --- */
.pslab.g-psa .lbl{height:29cqw;margin:1.4cqw 0 2.6cqw;padding:1.6cqw 2.2cqw 1.2cqw 2.4cqw;border-radius:.9cqw;border:0;box-shadow:inset 0 0 0 .55cqw #fff, inset 0 0 0 .95cqw #D8232A, 0 1px 3px rgba(0,0,0,.45);
  background:#fff radial-gradient(120% 70% at 50% 120%,rgba(216,35,42,.10),transparent 55%);
  display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;column-gap:1.6cqw;text-transform:none;color:#111;font-family:Arial,Helvetica,sans-serif}
.pslab.g-psa .logo{grid-column:auto;text-align:left;letter-spacing:0;font-size:inherit;line-height:1;padding:0}
.pslab.g-psa .l{grid-column:1;grid-row:1;display:grid;align-content:start;gap:.55cqw;min-width:0;padding-top:.3cqw}
.pslab.g-psa .l b{font-size:3.05cqw;font-weight:400;letter-spacing:.01em;color:#111;text-transform:uppercase}
.pslab.g-psa .r{grid-column:2;grid-row:1;display:grid;align-content:start;justify-items:end;text-align:right;gap:.2cqw;padding-top:.3cqw;min-width:12cqw}
.pslab.g-psa .r small{font-size:3.05cqw;font-weight:400;color:#111;letter-spacing:.01em;text-transform:uppercase}
.pslab.g-psa .r small.no{min-height:3.4cqw}
.pslab.g-psa .r .num{font-size:9.2cqw;font-weight:700;color:#111;line-height:.92;margin-top:.1cqw}
.pslab.g-psa .ft{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;margin-top:.2cqw}
.pslab.g-psa .ft .logo{grid-column:2;display:inline-flex;align-items:center;justify-content:center;width:12cqw;height:5.2cqw;border-radius:2.6cqw 2.6cqw 2.6cqw 2.6cqw / 50% 50% 50% 50%;background:linear-gradient(180deg,#E8343B,#C81E25);color:#fff;font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-style:italic;font-size:3.4cqw;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 1px rgba(0,0,0,.25)}
.pslab.g-psa .ft .cert{grid-column:3;justify-self:end;font-size:2.35cqw;font-weight:400;color:#111;letter-spacing:.03em;white-space:nowrap}
.pslab.g-psa .bar{display:none}
/* --- CGC Cards 2023 label: black header band (foil CGC + company), white info panel, separate white grade box --- */
.pslab.g-cgc .case{background:linear-gradient(180deg,#141416,#0A0A0C 55%,#111114);border-color:rgba(255,255,255,.55)}
.pslab.g-cgc .lbl{height:31cqw;margin:.6cqw 0 1.6cqw;padding:0;background:#0B0B0D;border:0;border-radius:1.4cqw;display:grid;grid-template-rows:auto 1fr;gap:0;box-shadow:none;overflow:hidden}
.pslab.g-cgc .hd{display:flex;align-items:center;gap:1.6cqw;padding:1.1cqw 1.6cqw .9cqw;background:#0B0B0D}
.pslab.g-cgc .hd .logo{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:4.6cqw;line-height:1;letter-spacing:-.02em;color:#DDE3EA;background:linear-gradient(100deg,#8FD3FF 0%,#EAF6FF 22%,#B8F0C8 38%,#FFF1B0 52%,#FFB6D9 66%,#C6C0FF 82%,#9BE7FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;display:inline-block}
.pslab.g-cgc .hd .logo i{display:none}
.pslab.g-cgc .hd .co{font-size:1.95cqw;letter-spacing:.14em;color:#F2F2F2;font-weight:700;text-transform:uppercase;white-space:nowrap;padding-top:.3cqw}
.pslab.g-cgc .box{margin:0 1.2cqw 1.2cqw;background:none;border-radius:0;padding:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr;column-gap:1cqw;min-height:0;box-shadow:none}
.pslab.g-cgc .box .l{grid-column:1;grid-row:1;background:#fff;border-radius:1.2cqw;padding:1cqw 1.6cqw .8cqw;display:grid;align-content:start;gap:.28cqw;min-width:0;font-family:Arial,Helvetica,sans-serif}
.pslab.g-cgc .box .l b{font-size:3.3cqw;color:#111;font-weight:700}
.pslab.g-cgc .box .l small{font-size:2.55cqw;color:#1E1E1E;font-weight:400}
.pslab.g-cgc .box .l em.cert{display:block;font-style:normal;font-size:1.85cqw;color:#333;font-weight:400;letter-spacing:.12em;margin-top:.5cqw;white-space:nowrap;overflow:hidden}
.pslab.g-cgc .box .r{grid-column:2;grid-row:1;background:#fff;border-radius:1.2cqw;border:0;padding:.7cqw 1.2cqw .4cqw;display:grid;align-content:start;justify-items:center;text-align:center;min-width:15cqw;font-family:Arial,Helvetica,sans-serif}
.pslab.g-cgc .box .r small{font-size:2.5cqw;font-weight:700;color:#111;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.pslab.g-cgc .box .r .num{font-size:11cqw;color:#111;font-weight:700;line-height:.9;font-family:"Arial Black",Arial,sans-serif}
.pslab.g-cgc .box .bar,.pslab.g-cgc .seal{display:none}
.pslab.g-cgc .well{background:#050505;border-radius:1.4cqw;padding:1.6cqw;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
/* Pristine 10: CGC's gold label */
.pslab.g-cgc.perfect .box .l,.pslab.g-cgc.perfect .box .r{background:linear-gradient(135deg,#F3DC8C,#D9B24A 55%,#EFD27A)}
.pslab.g-cgc.perfect .box .l em.cert{color:#4A3A10}

/* v10.2: keep the chat launcher/panel clear of the Netlify free-plan badge (bottom-right) */
.gv-chat-launch{bottom:84px}
@media (min-width:561px){.gv-chat{bottom:84px;height:min(680px,calc(100vh - 104px))}}
@media (max-width:560px){.gv-chat-launch{bottom:76px}}

/* v10.3: picture tiles line up — equal heights, two-line subtext reserved, fans kept inside the tile */
.choice-grid{align-items:stretch}
.choice.pic{height:100%}
.choice.pic > span{height:100%;box-sizing:border-box}
.choice.pic em{min-height:2.6em;display:flex;align-items:flex-start;justify-content:center}
.choice.pic .art.fan img{height:74%;top:10%}
.choice.pic .art.fan img:nth-child(1){transform:translateX(-50%) rotate(-15deg) translateX(-34%)}
.choice.pic .art.fan img:nth-child(3){transform:translateX(-50%) rotate(15deg) translateX(34%)}

/* v10.4: Netlify badge is gone on Cloudflare — launcher back in the corner; keep the label on phones so it reads as a button */
.gv-chat-launch{bottom:22px}
@media (min-width:561px){.gv-chat{bottom:22px;height:min(680px,calc(100vh - 40px))}}
@media (max-width:560px){.gv-chat-launch{bottom:16px;right:14px;padding:7px 14px 7px 7px;font-size:14px;gap:9px}.gv-chat-launch .txt{display:inline}.gv-chat-launch .av{width:36px;height:36px}}

/* ==== v10.5 (Sep 5 late): PSA + CGC slabs are now real slab photos (assets/img/slabs/*.webp, masked) with the
   card and label text laid over them. Geometry is in cqw of the .pc width, measured from the source photos. ==== */
.pslab.photo .case{display:block;padding:0;background:none;border:0;box-shadow:0 22px 48px rgba(0,0,0,.7);aspect-ratio:auto;border-radius:4.6cqw;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}
.pslab.photo .case::before,.pslab.photo .case .tab,.pslab.photo .bar,.pslab.photo .seal,.pslab.photo .hd{display:none}
.pslab.photo .tpl{display:block;width:100%;height:auto;pointer-events:none}
.pslab.photo .well{position:absolute;padding:0;background:#0b0a09;border-radius:.6cqw;box-shadow:none;display:block;overflow:hidden}
.pslab.photo .well img{width:100%;height:100%;object-fit:cover;border-radius:.6cqw;box-shadow:none}
.pslab.photo .lbl{position:absolute;inset:0;height:auto;margin:0;padding:0;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;display:block;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#111;text-transform:none;letter-spacing:0}
.pslab.photo .lbl b,.pslab.photo .lbl small,.pslab.photo .lbl span,.pslab.photo .lbl em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal}
/* --- PSA (template 952x1600) --- */
.pslab.photo.g-psa .well{left:11.03cqw;top:44.43cqw;width:79cqw;height:109.7cqw}
.pslab.photo.g-psa .l{position:absolute;left:11cqw;top:12.4cqw;width:56cqw;display:block}
.pslab.photo.g-psa .l b{font-size:3.35cqw;line-height:3.95cqw;font-weight:400;text-transform:uppercase;color:#151515}
.pslab.photo.g-psa .r{position:absolute;right:10.9cqw;top:12.4cqw;width:24cqw;text-align:right;display:block;border:0;padding:0;min-width:0}
.pslab.photo.g-psa .r small,.pslab.photo.g-psa .r b.num{font-size:3.35cqw;line-height:3.95cqw;font-weight:400;color:#151515;text-transform:uppercase;letter-spacing:.01em;margin:0}
.pslab.photo.g-psa .r b.num{font-weight:500}
.pslab.photo.g-psa .cert{position:absolute;right:10.9cqw;top:25.4cqw;font-size:3.1cqw;line-height:3.4cqw;font-weight:400;color:#151515;letter-spacing:.02em}
/* --- CGC (template 696x1200) --- */
.pslab.photo.g-cgc .case{background:none;border:0}
.pslab.photo.g-cgc .well{left:12.07cqw;top:52.6cqw;width:72.7cqw;height:101.7cqw;background:#000}
.pslab.photo.g-cgc .l{position:absolute;left:16.2cqw;top:21.6cqw;width:48cqw;display:block}
.pslab.photo.g-cgc .l b{font-size:3.05cqw;line-height:3.45cqw;font-weight:700;color:#111}
.pslab.photo.g-cgc .l small{font-size:2.7cqw;line-height:3.4cqw;font-weight:700;color:#1a1a1a}
.pslab.photo.g-cgc .cert{position:absolute;left:49cqw;top:38.2cqw;font-size:2.2cqw;line-height:2.6cqw;font-weight:400;color:#222;letter-spacing:.04em}
.pslab.photo.g-cgc .r{position:absolute;left:67.8cqw;width:17.8cqw;top:25.3cqw;text-align:center;display:block;border:0;padding:0;min-width:0;background:none}
.pslab.photo.g-cgc .r small{font-size:2.45cqw;line-height:2.8cqw;font-weight:800;color:#111;letter-spacing:.01em;text-transform:uppercase}
.pslab.photo.g-cgc .r b.num{font-size:13.6cqw;line-height:1;font-weight:800;color:#111;font-family:"Arial Black",Arial,sans-serif;margin-top:.2cqw;letter-spacing:-.02em}
/* CGC Pristine 10 — gold label: tint the white panels by multiplying over the photo */
.pslab.photo.g-cgc.perfect .lbl::before{content:"";position:absolute;left:13.2cqw;top:18.2cqw;width:72.6cqw;height:22.8cqw;background:linear-gradient(135deg,#F1D883,#D2A93F 55%,#EBCF78);mix-blend-mode:multiply;border-radius:1cqw}
.pslab.photo .lbl > *{position:relative}
.pslab.photo .lbl .l,.pslab.photo .lbl .r,.pslab.photo .lbl .cert{position:absolute}
/* keep tiles that constrain the old fixed aspect happy */
.hero-slab .pc.pslab.photo .case,.pc.pslab.photo .case{height:auto}

/* v10.6: seven category tiles on the home page */
@media (min-width:1201px){.cats{grid-template-columns:repeat(7,1fr);gap:12px}}
@media (max-width:1200px) and (min-width:961px){.cats{grid-template-columns:repeat(4,1fr)}}

/* v10.5b: keep label above the card in the CSS-drawn (BGS/TAG) cases now that markup puts the well first */
.pslab:not(.photo) .case{display:flex;flex-direction:column}
.pslab:not(.photo) .lbl{order:1}
.pslab:not(.photo) .well{order:2}

/* ==== v10.7: "Let the reviews speak for themselves" — 5-star Whatnot reviews ==== */
.reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.reviews-head .sub{color:var(--muted);max-width:640px;margin:8px 0 0}
.reviews-head .meta{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:700}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.review{margin:0;display:flex;flex-direction:column;gap:12px;padding:20px 20px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.25);position:relative;overflow:hidden}
.review::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}
.review .stars{color:var(--gold);font-size:15px;letter-spacing:.14em}
.review blockquote{margin:0;font-size:16px;line-height:1.55;color:var(--text);flex:1}
.review blockquote::before{content:"\201C";color:var(--gold);font-family:var(--font-display);font-size:28px;line-height:0;vertical-align:-10px;margin-right:4px;opacity:.9}
.review figcaption{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.review .av{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#000;border:1px solid rgba(244,183,25,.45);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.review .av img{width:100%;height:100%;object-fit:cover}
.review .av i{font-style:normal;font-weight:900;color:var(--gold);font-size:14px}
.review .who{display:grid;gap:2px;min-width:0}
.review .who b{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.review .who small{font-size:12px;color:var(--dim)}
.reviews-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px}
@media (max-width:960px){.reviews{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.reviews{grid-template-columns:1fr}.review blockquote{font-size:15px}}

/* ==== v10.8: compact per-channel Whatnot review widget (Live page). Replaces the v10.7 card grid. ==== */
.reviews,.review,.reviews-cta{display:none}
.rv-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.rv-head-row h2{margin:6px 0 0;font-size:clamp(24px,2.6vw,34px)}
.rv-head-row .meta{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:700}
.rv-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rv-col{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px 14px;display:flex;flex-direction:column;gap:12px;min-width:0}
.rv-head{display:flex;align-items:center;gap:12px}
.rv-head .av{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#000;border:2px solid var(--gold);flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.rv-head .av img{width:100%;height:100%;object-fit:cover}
.rv-head .who{min-width:0;flex:1;display:grid;gap:2px}
.rv-head .who b{font-family:var(--font-display);font-size:20px;letter-spacing:.02em;color:var(--text)}
.rv-head .who small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-head .score{text-align:right;display:grid;gap:0;line-height:1}
.rv-head .score b{font-family:var(--font-display);font-size:30px;color:var(--gold);line-height:1}
.rv-head .score .stars{color:var(--gold);font-size:12px;letter-spacing:.1em}
.rv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rv-kpis span{display:grid;gap:2px;justify-items:center;padding:8px 6px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:700}
.rv-kpis span b{font-family:var(--font-display);font-size:18px;color:var(--gold);letter-spacing:.02em}
.rv-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rv{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);min-width:0}
.rv .av{width:28px;height:28px;border-radius:50%;overflow:hidden;background:#000;border:1px solid rgba(244,183,25,.45);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.rv .av img{width:28px;height:28px;object-fit:cover;display:block}
.rv .av i{font-style:normal;font-weight:900;color:var(--gold);font-size:12px}
.rv .body{min-width:0;flex:1}
.rv .top{display:flex;align-items:center;gap:8px;min-width:0}
.rv .top b{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.rv .top .stars{color:var(--gold);font-size:11px;letter-spacing:.08em;flex:0 0 auto}
.rv .top small{margin-left:auto;font-size:11.5px;color:var(--dim);flex:0 0 auto}
.rv p{margin:3px 0 0;font-size:13.5px;line-height:1.45;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rv.empty{font-size:13px;color:var(--dim)}
.rv-more{align-self:flex-end;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--gold);text-decoration:none}
.rv-more:hover{color:var(--gold-light)}
@media (max-width:860px){.rv-wrap{grid-template-columns:1fr}}

/* v10.9: reviews live inside the channel cards (Live page) — the separate "What buyers say" block is gone */
.rv-head-row,.rv-wrap,.rv-col{display:none}
.chan.v2 .chan-rv{grid-column:1/-1;display:grid;gap:8px;margin-top:2px}
.chan.v2 .rv-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--dim)}
.chan.v2 .rv-title a{color:var(--gold);text-decoration:none;white-space:nowrap}
.chan.v2 .rv-title a:hover{color:var(--gold-light)}
.chan.v2 .rv-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.chan.v2 .btn{grid-column:1/-1}

/* ==== v11.0: show calendar beside the upcoming-shows table (Live page) ==== */
.sched-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}
.showcal{position:sticky;top:96px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 16px 14px;box-shadow:var(--shadow-sm)}
.showcal[hidden]{display:none}
.cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.cal-head b{font-family:var(--font-display);font-size:20px;letter-spacing:.03em;color:var(--text)}
.cal-head .nav{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--gold);font-size:20px;line-height:1;cursor:pointer}
.cal-head .nav:disabled{opacity:.3;cursor:default}
.cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}
.cal-dow span{text-align:center;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:800}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-grid .d{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;aspect-ratio:1/1;border-radius:9px;border:1px solid transparent;background:none;color:var(--muted);font:inherit;padding:0}
.cal-grid .d b{font-size:13px;font-weight:600;line-height:1}
.cal-grid .d.pad{visibility:hidden}
.cal-grid .d.past{opacity:.35}
.cal-grid .d.has{background:var(--surface-2);border-color:var(--line);color:var(--text);cursor:pointer}
.cal-grid .d.has:hover{border-color:var(--gold)}
.cal-grid .d.today{box-shadow:inset 0 0 0 1px var(--gold)}
.cal-grid .d.today b{color:var(--gold)}
.cal-grid .d.sel{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.cal-grid .d.sel b{color:var(--ink)}
.cal-grid .d.sel .dot{border-color:var(--ink);background:var(--ink)}
.cal-grid .dots{display:flex;gap:3px;height:6px}
.showcal .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);border:1px solid var(--gold)}
.showcal .dot.tdawg1512{background:transparent}
.cal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:11.5px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.cal-foot .legend{display:flex;gap:10px;text-transform:none;letter-spacing:0;font-weight:600;color:var(--muted)}
.cal-foot .legend .dot{margin-right:5px;vertical-align:middle}
.cal-clear{margin-top:10px;width:100%;padding:8px 10px;border-radius:9px;border:1px solid rgba(244,183,25,.5);background:rgba(244,183,25,.1);color:var(--gold);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.shows-wrap tr.hl td{background:rgba(244,183,25,.12)}
.shows-wrap tr.hl td:first-child{box-shadow:inset 3px 0 0 var(--gold)}
.shows-wrap tr.dim{opacity:.35}
.sched-grid .shows-wrap .scroll{max-height:520px}
@media (max-width:1000px){.sched-grid{grid-template-columns:1fr}.showcal{position:static}}
/* the gap between the last section and the footer read as a stray strip — close it */
.footer{margin-top:0}

/* v11.1: photo slabs inside picture tiles — the tile img rules must not stretch the slab photo */
.ctile .art .pc.pslab.photo{width:52%}
.ctile .art .pc.pslab.photo .tpl,.choice.pic .art .pc.pslab.photo .tpl{width:100%;height:auto;filter:none;padding:0;position:static;aspect-ratio:auto}
.ctile .art .pc.pslab.photo .well img,.choice.pic .art .pc.pslab.photo .well img{width:100%;height:100%;object-fit:cover;filter:none;padding:0;border-radius:.6cqw;position:static;aspect-ratio:auto}
.choice.pic .art .pc.pslab.photo{width:82px}
@media (max-width:640px){.choice.pic .art .pc.pslab.photo{width:62px}}

/* ==== v11.2: sell wizard — guidance chips + photo dropzone ==== */
.guide-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2px 0 10px}
.guide-chips .lbl{width:100%;font-size:12.5px;color:var(--muted);margin-bottom:2px}
.guide-chips .chip{font:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text-2);cursor:pointer}
.guide-chips .chip:hover{border-color:var(--gold);color:var(--gold-light)}
.guide-chips .chip.on{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.guide-tip{display:block;margin-top:8px;font-size:12.5px;color:var(--dim);line-height:1.45}
.dropzone{border:2px dashed rgba(244,183,25,.45);border-radius:14px;background:rgba(244,183,25,.04);padding:22px 18px;text-align:center;cursor:pointer;transition:.15s;outline:none}
.dropzone:hover,.dropzone:focus-visible,.dropzone.over{border-color:var(--gold);background:rgba(244,183,25,.09)}
.dropzone .ic{width:44px;height:44px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line-strong);color:var(--gold)}
.dropzone .ic svg{width:22px;height:22px}
.dropzone b{display:block;font-size:16px;color:var(--text)}
.dropzone b .link{color:var(--gold);text-decoration:underline}
.dropzone small{display:block;margin-top:6px;font-size:12.5px;color:var(--muted);line-height:1.45}
.dz-status{font-size:12.5px;color:var(--gold);font-weight:700;min-height:18px;margin-top:8px}
.dz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:10px}
.dz-thumb{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--line-strong)}
.dz-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dz-thumb .bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold);transform-origin:left;animation:dzbar 1.2s ease-in-out infinite;display:none}
.dz-thumb.up .bar{display:block}
.dz-thumb.up img{opacity:.55}
.dz-thumb.ok{border-color:rgba(244,183,25,.6)}
.dz-thumb.ok::after{content:"✓";position:absolute;left:6px;bottom:6px;width:18px;height:18px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.dz-thumb.err{border-color:#E5322B}
.dz-thumb.err::after{content:"!";position:absolute;left:6px;bottom:6px;width:18px;height:18px;border-radius:50%;background:#E5322B;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.dz-thumb .rm{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:15px;line-height:1;cursor:pointer}
@keyframes dzbar{0%{transform:scaleX(.1)}50%{transform:scaleX(.9)}100%{transform:scaleX(.1)}}
.or-sep{display:flex;align-items:center;gap:12px;margin:14px 0 8px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:800}
.or-sep::before,.or-sep::after{content:"";flex:1;height:1px;background:var(--line)}
/* desk: photo grid on a lead */
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;margin-bottom:10px}
.photo-grid a{display:block;aspect-ratio:1/1;border-radius:8px;overflow:hidden;border:1px solid var(--line-strong);background:#000}
.photo-grid img{width:100%;height:100%;object-fit:cover;display:block}

/* ==== v11.1: review rows (5.0 score, bigger reviewer avatars), larger calendar with agenda, show list rows ==== */
.rv{gap:12px;padding:12px 14px;align-items:center}
.rv .av{width:42px;height:42px;border:2px solid var(--gold);box-shadow:0 0 0 3px rgba(244,183,25,.16),0 6px 14px rgba(0,0,0,.4);text-decoration:none;transition:transform .15s,box-shadow .15s}
.rv .av img{width:42px;height:42px}
.rv .av i{font-size:16px}
a.rv-av:hover,.rv a.av:hover{transform:scale(1.06);box-shadow:0 0 0 3px rgba(244,183,25,.35),0 8px 18px rgba(0,0,0,.45)}
.rv .top{gap:9px}
.rv .top b{font-size:14px;max-width:44%}
.rv .top .score{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:2px 8px 2px 7px;border-radius:999px;background:rgba(244,183,25,.1);border:1px solid rgba(244,183,25,.3)}
.rv .top .score em{font-style:normal;font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--gold);line-height:1;letter-spacing:.02em}
.rv .top .score i{font-style:normal;color:var(--gold);font-size:11px;letter-spacing:.08em;line-height:1}
.rv .top small{font-size:11.5px;color:var(--muted);cursor:default;white-space:nowrap}
.rv p{font-size:14px;margin-top:4px}
@media (max-width:640px){.rv .top b{max-width:38%}.rv .top .score i{display:none}}

/* calendar: larger */
.sched-grid{grid-template-columns:420px minmax(0,1fr);gap:22px}
.showcal{padding:22px 22px 18px;top:90px}
.cal-head{margin-bottom:14px}
.cal-head b{font-size:26px}
.cal-head .nav{width:38px;height:38px;border-radius:11px;font-size:22px}
.cal-head .nav:not(:disabled):hover{border-color:var(--gold)}
.cal-dow{gap:6px;margin-bottom:6px}
.cal-dow span{font-size:11.5px}
.cal-grid{gap:6px}
.cal-grid .d{border-radius:11px;gap:4px}
.cal-grid .d b{font-size:15.5px}
.cal-grid .d.has{border-color:var(--line);background:var(--surface-2)}
.cal-grid .d.has:hover{background:var(--surface-3);transform:translateY(-1px)}
.cal-grid .d.today{box-shadow:inset 0 0 0 1.5px var(--gold)}
.cal-grid .dots{height:7px;gap:4px}
.showcal .dot{width:7px;height:7px}
.cal-foot{margin-top:14px;padding-top:12px;font-size:12px}
.cal-foot .legend{gap:12px;font-size:12.5px}
.cal-clear{display:none}
/* agenda under the grid */
.cal-agenda{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:6px}
.cal-agenda .ag-h{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--dim);margin-bottom:2px}
.cal-agenda .ag-clear{border:1px solid rgba(244,183,25,.45);background:rgba(244,183,25,.1);color:var(--gold);border-radius:999px;padding:3px 10px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.cal-agenda .ag-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);text-decoration:none;color:var(--text);font-size:13px;min-width:0}
.cal-agenda .ag-row:hover{border-color:var(--gold)}
.cal-agenda .ag-row b{font-family:var(--font-display);font-size:15px;color:var(--gold-text);white-space:nowrap;letter-spacing:.02em}
.cal-agenda .ag-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}
.cal-agenda .ag-row small{font-size:11.5px;font-weight:800;color:var(--gold-ink);white-space:nowrap}
.cal-agenda .ag-empty{font-size:13px;color:var(--dim);padding:6px 2px}

/* show list rows (replaces the table) */
.sched-grid .shows-wrap .scroll{max-height:760px}
.show-list{display:grid}
.sl-head,.sl-row{display:grid;grid-template-columns:54px 150px minmax(0,1fr) 150px auto;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}
.sl-head{position:sticky;top:0;z-index:1;background:var(--surface-2);padding:11px 20px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--dim)}
.sl-head i{font-style:normal;letter-spacing:.04em;color:var(--gold);text-transform:none}
.sl-row:last-child{border-bottom:0}
.sl-row:hover{background:rgba(255,255,255,.025)}
.sl-thumb{width:54px;height:76px;border-radius:9px;overflow:hidden;background:var(--surface-3);border:1px solid var(--line);box-shadow:0 6px 14px rgba(0,0,0,.35)}
.sl-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sl-when{display:grid;gap:2px;line-height:1.15}
.sl-when b{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text);letter-spacing:.02em}
.sl-when span{font-size:12px;color:var(--muted);font-weight:700}
.sl-when em{font-style:normal;font-size:14px;font-weight:800;color:var(--gold-text);margin-top:2px}
.sl-when em small{font-size:10.5px;color:var(--dim);font-weight:700;letter-spacing:.06em}
.sl-what{min-width:0;display:grid;gap:6px}
.sl-what b{font-size:15.5px;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sl-what .tags{display:flex;gap:6px;flex-wrap:wrap}
.sl-what .tags span{font-size:11px;font-weight:700;color:var(--muted);padding:3px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);letter-spacing:.02em}
.sl-ch{display:flex;align-items:center;gap:9px;min-width:0}
.sl-ch img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex:0 0 auto}
.sl-ch span{font-size:13px;font-weight:800;color:var(--gold-ink);white-space:nowrap}
.sl-row .btn{white-space:nowrap}
.sl-row.live{background:var(--gold-soft)}
.sl-row.live .sl-when b{color:#FF6B6B}
.sl-row.hl{background:rgba(244,183,25,.12);box-shadow:inset 3px 0 0 var(--gold)}
.sl-row.dim{opacity:.35}
@media (max-width:1240px){.sl-head,.sl-row{grid-template-columns:54px 130px minmax(0,1fr) 120px auto;gap:12px;padding:12px 16px}}
@media (max-width:1000px){.sched-grid{grid-template-columns:1fr}.showcal{position:static}}
@media (max-width:720px){
  .sl-head{display:none}
  .sl-row{grid-template-columns:54px minmax(0,1fr);grid-template-areas:"thumb when" "thumb what" "ch btn";gap:8px 14px;padding:14px 16px}
  .sl-thumb{grid-area:thumb}.sl-when{grid-area:when;grid-template-columns:auto auto;align-items:baseline;gap:8px}.sl-when span{display:none}.sl-what{grid-area:what}.sl-ch{grid-area:ch}.sl-row .btn{grid-area:btn;justify-self:end}
}

/* v11.2: home category tiles are informational (no navigation) — keep the hover lift; the Slabs tile
   gives its slab the full art box (padding trimmed) so the case reads as large as the raw cards */
.cats .ctile{cursor:default;color:inherit;text-decoration:none}
.ctile .art.slab{padding:3% 8% 1%}
.ctile .art.slab .pc.pslab.photo{width:71%;filter:drop-shadow(0 16px 22px rgba(0,0,0,.65))}
.ctile .art.slab .pc.pslab.photo .case{box-shadow:0 14px 30px rgba(0,0,0,.6)}
.cal-grid .d.sel,.cal-grid .d.sel:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
/* v11.3: calendar no longer sticky; the show list is sized to the calendar height (showcal.js fit()) so the two panels stay aligned */
.showcal{position:static;top:auto}
@media (max-width:1000px){.sched-grid .shows-wrap .scroll{max-height:640px!important}}

/* v11.4: site-wide "We're live" popup (schedule.js renderLivePop) — bottom-left, clear of the chat launcher */
.gv-livepop{position:fixed;left:22px;bottom:22px;z-index:91;width:min(400px,calc(100vw - 44px));background:var(--surface);border:1px solid rgba(229,50,43,.55);border-radius:16px;box-shadow:0 0 0 1px rgba(229,50,43,.2),0 18px 48px rgba(0,0,0,.55),0 0 40px rgba(229,50,43,.18);opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s}
.gv-livepop.in{opacity:1;transform:none}
.gv-livepop.out{opacity:0;transform:translateY(16px)}
.gv-livepop .body{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px 14px 14px;text-decoration:none;color:var(--text)}
.gv-livepop .thumb{position:relative;width:56px;height:76px;border-radius:9px;overflow:hidden;background:var(--surface-3);border:1px solid var(--line)}
.gv-livepop .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gv-livepop .thumb .av{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;border-radius:50%;border:2px solid var(--gold);object-fit:cover;background:#000}
.gv-livepop .txt{display:grid;gap:3px;min-width:0}
.gv-livepop .eyebrow{display:inline-flex;align-items:center;gap:7px;font-style:normal;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#FF6B6B}
.gv-livepop .dot{width:8px;height:8px;border-radius:50%;background:#FF3B3B;animation:pulse 1.6s infinite}
.gv-livepop b{font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gv-livepop small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gv-livepop .go{padding:10px 14px;border-radius:999px;background:var(--gold);color:var(--ink);font-family:var(--font-display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:13px;white-space:nowrap;transition:.15s}
.gv-livepop .body:hover .go{background:var(--gold-light)}
.gv-livepop .x{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:16px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.gv-livepop .x:hover{color:var(--text);border-color:var(--gold)}
@media (max-width:640px){.gv-livepop{left:12px;bottom:84px;width:calc(100vw - 24px)}.gv-livepop .body{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px}.gv-livepop .thumb{width:48px;height:66px}.gv-livepop .go{grid-column:1/-1;text-align:center}}
/* v11.5: CGC label — grade block starts at the panel top and the digit fits inside the white panel (was overflowing the bottom edge) */
.pslab.photo.g-cgc .r{top:21.4cqw}
.pslab.photo.g-cgc .r small{font-size:2.5cqw;line-height:3cqw}
.pslab.photo.g-cgc .r b.num{font-size:12.6cqw;line-height:1;margin-top:.3cqw}

/* ==== v11.6: About / Contact hero panels redesigned (.hero-panel.v2) — stat tiles and contact cards on frosted glass ==== */
.page-hero .hero-panel.v2{width:min(520px,calc(var(--fw) * .43));padding:22px 22px 18px;background:linear-gradient(180deg,rgba(var(--ov),.78),rgba(var(--ov),.7));border:1px solid rgba(244,183,25,.34);border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);overflow:hidden}
.page-hero .hero-panel.v2::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold-light) 50%,var(--gold) 70%,transparent)}
.page-hero .hero-panel.v2::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(244,183,25,.16),transparent 65%);pointer-events:none}
.page-hero .hero-panel.v2 .hp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;position:relative}
.page-hero .hero-panel.v2 .hp-eyebrow{margin:0}
.page-hero .hero-panel.v2 .hp-prem{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);padding:4px 9px 4px 6px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);white-space:nowrap}
.page-hero .hero-panel.v2 .hp-prem img{width:16px;height:16px;display:block}
.page-hero .hero-panel.v2 .hp-prem .dot{width:7px;height:7px;border-radius:50%;background:#37D67A;box-shadow:0 0 8px #37D67A}
/* about: 2x2 stat tiles */
.page-hero .hero-panel.v2 .hp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}
.page-hero .hero-panel.v2 .hp-stat{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;padding:12px 12px 11px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);transition:transform .2s,border-color .2s,background .2s}
.page-hero .hero-panel.v2 .hp-stat:hover{transform:translateY(-2px);border-color:rgba(244,183,25,.45);background:rgba(244,183,25,.07)}
.page-hero .hero-panel.v2 .hp-stat i{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);background:rgba(244,183,25,.1);border:1px solid rgba(244,183,25,.4);box-shadow:0 0 14px rgba(244,183,25,.18)}
.page-hero .hero-panel.v2 .hp-stat i svg{width:17px;height:17px}
.page-hero .hero-panel.v2 .hp-stat b{display:block;font-family:var(--font-display);font-size:24px;line-height:1;font-weight:800;letter-spacing:.02em;color:var(--gold-light);margin:0}
.page-hero .hero-panel.v2 .hp-stat small{display:block;font-size:11.5px;line-height:1.35;color:var(--muted);margin:0}
.page-hero .hero-panel.v2 .hp-stat small span{color:var(--muted)}
.page-hero .hero-panel.v2 .hp-foot{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09);font-size:12.5px;color:var(--muted);position:relative}
.page-hero .hero-panel.v2 .hp-foot .avs{display:flex}
.page-hero .hero-panel.v2 .hp-foot .avs img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);background:#000}
.page-hero .hero-panel.v2 .hp-foot .avs img+img{margin-left:-9px}
.page-hero .hero-panel.v2 .hp-foot .who{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-hero .hero-panel.v2 .hp-foot a{color:var(--gold);font-weight:800;text-decoration:none;white-space:nowrap;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.page-hero .hero-panel.v2 .hp-foot a:hover{color:var(--gold-light)}
/* contact: email cards + facts + chat CTA */
.page-hero .hero-panel.v2 .hp-card{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);text-decoration:none;color:var(--text);position:relative;transition:transform .2s,border-color .2s,background .2s}
.page-hero .hero-panel.v2 .hp-card+.hp-card{margin-top:8px}
.page-hero .hero-panel.v2 .hp-card:hover{transform:translateY(-2px);border-color:rgba(244,183,25,.5);background:rgba(244,183,25,.07)}
.page-hero .hero-panel.v2 .hp-card i{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gold);background:rgba(244,183,25,.1);border:1px solid rgba(244,183,25,.4)}
.page-hero .hero-panel.v2 .hp-card i svg{width:19px;height:19px}
.page-hero .hero-panel.v2 .hp-card span{display:block;min-width:0}
.page-hero .hero-panel.v2 .hp-card b{display:block;font-size:15.5px;font-weight:800;color:var(--gold-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.page-hero .hero-panel.v2 .hp-card small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.page-hero .hero-panel.v2 .hp-card em{font-style:normal;color:var(--gold);font-size:18px;transition:transform .2s}
.page-hero .hero-panel.v2 .hp-card:hover em{transform:translateX(3px)}
.page-hero .hero-panel.v2 .hp-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:12px;position:relative}
.page-hero .hero-panel.v2 .hp-facts span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);line-height:1.3}
.page-hero .hero-panel.v2 .hp-facts svg{width:15px;height:15px;color:var(--gold);flex:0 0 auto}
.page-hero .hero-panel.v2 .hp-chat{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 16px;border-radius:999px;background:linear-gradient(180deg,#FFC93A,#F0AF18 55%,#DDA012);color:var(--ink);text-decoration:none;font-family:var(--font-display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:14px;box-shadow:0 10px 26px rgba(240,175,24,.32);position:relative;transition:transform .2s,box-shadow .2s}
.page-hero .hero-panel.v2 .hp-chat:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(240,175,24,.45)}
.page-hero .hero-panel.v2 .hp-chat em{font-style:normal;font-size:18px}
.page-hero .hero-panel.v2 .hp-chat span{color:inherit;font-size:inherit;margin:0;display:block}

/* ==== v11.7: footer brand column — fuller blurb, proof facts, location line; ghost pill; Premier Shop chip upgraded ==== */
.footer .brand-facts{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,auto);gap:8px;justify-content:start}
.footer .brand-facts li{display:grid;gap:1px;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);min-width:0}
.footer .brand-facts b{font-family:var(--font-display);font-size:18px;line-height:1;color:var(--gold);letter-spacing:.02em;font-weight:800}
.footer .brand-facts span{font-size:11px;color:var(--muted);white-space:nowrap;letter-spacing:.02em}
.footer .brand-loc{display:flex;align-items:center;gap:7px;margin:14px 0 0;font-size:13px;color:var(--muted)}
.footer .brand-loc svg{width:15px;height:15px;color:var(--gold);flex:0 0 auto}
.footer .pill.ghost{background:transparent;border:1px solid rgba(244,183,25,.5);color:var(--gold)}
@media (max-width:1200px){.footer .brand-facts{margin-top:12px}}
@media (max-width:520px){.footer .brand-facts{grid-template-columns:1fr 1fr 1fr;gap:6px}.footer .brand-facts li{padding:7px 8px}.footer .brand-facts b{font-size:16px}}
/* Premier Shop chip on the live-page channel cards: larger crest, gold shine */
.chan.v2 .prem{gap:8px;font-size:13.5px;font-weight:800;padding:5px 13px 5px 6px;border-radius:999px;background:linear-gradient(180deg,rgba(244,183,25,.22),rgba(244,183,25,.1));border:1px solid rgba(244,183,25,.55);color:var(--gold-light);box-shadow:0 0 0 1px rgba(0,0,0,.25),0 6px 16px rgba(244,183,25,.18),inset 0 1px 0 rgba(255,255,255,.12);letter-spacing:.01em}
.chan.v2 .prem img{width:26px;height:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.chan.v2 > img{border-width:3px;box-shadow:0 0 0 4px rgba(244,183,25,.14),0 10px 26px rgba(244,183,25,.32)}

/* ==== v11.8: shop preview tabs → segmented gold pills with counts (was a thin underline that was easy to miss) ==== */
#shop-root .tabs{display:inline-flex;gap:6px;flex-wrap:wrap;padding:6px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.04);margin:0 0 26px}
#shop-root .tab{padding:11px 20px;border-radius:999px;border:1px solid transparent;margin:0;font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:none;cursor:pointer;transition:.18s;gap:9px}
#shop-root .tab:hover{color:var(--text);background:rgba(255,255,255,.05);border-color:var(--line)}
#shop-root .tab[aria-selected="true"]{color:var(--ink);background:linear-gradient(180deg,#FFC93A,#F0AF18 55%,#DDA012);border-color:transparent;box-shadow:0 8px 22px rgba(240,175,24,.38),inset 0 1px 0 rgba(255,255,255,.4)}
#shop-root .tab .count{font-family:var(--font-body);font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--surface-3);color:var(--muted);letter-spacing:.02em}
#shop-root .tab[aria-selected="true"] .count{background:rgba(0,0,0,.18);color:var(--ink)}
#shop-root .tabs-label{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--dim);margin:0 0 10px}
@media (max-width:640px){#shop-root .tabs{display:flex;padding:5px}#shop-root .tab{padding:9px 13px;font-size:14px;flex:1;justify-content:center}#shop-root .tab .count{display:none}}

/* ==== v11.9: sell wizard step 1 — picture tiles retuned (even spacing, art on a gold glow, display-font labels, ringed "?" ) ==== */
.wizard .choice-grid{gap:14px;grid-auto-rows:1fr}
.choice.pic > span{padding:18px 16px 18px;gap:4px;border-radius:16px;background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.03);font-family:var(--font-display);font-size:20px;letter-spacing:.05em;text-transform:uppercase;font-weight:800;color:var(--text);transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;height:100%;box-sizing:border-box}
.choice.pic:hover > span{transform:translateY(-3px);border-color:rgba(244,183,25,.55);box-shadow:var(--shadow)}
.choice.pic .art{height:164px;margin:0 0 10px;position:relative;isolation:isolate}
.choice.pic .art::before{content:"";position:absolute;left:12%;right:12%;top:8%;bottom:4%;border-radius:50%;background:radial-gradient(55% 50% at 50% 58%,rgba(244,183,25,.2),transparent 72%);z-index:0;transition:opacity .2s}
.choice.pic .art > *{position:relative;z-index:1}
.choice.pic .art img{height:100%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.65));transition:transform .3s}
.choice.pic:hover .art img{transform:translateY(-3px)}
.choice.pic .art.fan img{position:absolute;height:90%;top:5%}
.choice.pic .art.fan img:nth-child(1){transform:translateX(-50%) rotate(-19deg) translateX(-40%)}
.choice.pic .art.fan img:nth-child(3){transform:translateX(-50%) rotate(19deg) translateX(40%)}
.choice.pic:hover .art.fan img:nth-child(1){transform:translateX(-50%) rotate(-24deg) translateX(-48%)}
.choice.pic:hover .art.fan img:nth-child(3){transform:translateX(-50%) rotate(24deg) translateX(48%)}
.choice.pic .art .pc{width:100px}
.choice.pic .art .pc.pslab.photo{width:96px}
.choice.pic .art .q{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:46px;line-height:1;color:var(--gold);border:2px solid rgba(244,183,25,.6);background:radial-gradient(circle at 50% 35%,rgba(244,183,25,.22),rgba(244,183,25,.04) 70%);box-shadow:0 0 34px rgba(244,183,25,.22),inset 0 1px 0 rgba(255,255,255,.08)}
.choice.pic em{font-family:var(--font-body);font-size:13.5px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--muted);margin-top:2px}
.choice.pic input:checked + span{background:linear-gradient(180deg,rgba(244,183,25,.14),rgba(244,183,25,.07));border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 14px 34px rgba(244,183,25,.16);color:var(--gold-light)}
.choice.pic input:checked + span .art::before{opacity:1.4}
.choice.pic input:checked + span::after{top:12px;right:12px;width:26px;height:26px;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
@media (max-width:640px){.wizard .choice-grid{gap:10px}.choice.pic > span{padding:14px 10px 14px;font-size:16px}.choice.pic .art{height:118px;margin-bottom:6px}.choice.pic .art .pc.pslab.photo{width:68px}.choice.pic .art .q{width:64px;height:64px;font-size:34px}.choice.pic em{font-size:12px}}

/* ==== v12.0: consign estimator — line-by-line "yourself vs. the Vault" comparison ==== */
.payout.v2{display:block;padding:26px 28px 22px}
.payout.v2 .pay-top{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:end;padding-bottom:20px;border-bottom:1px solid var(--line)}
.payout.v2 .pay-result{border-left:1px solid var(--line);padding-left:26px}
.payout.v2 .pay-result .big{color:var(--gold-text);font-size:clamp(38px,4.6vw,60px)}
.payout.v2 .pay-sub{font-size:14px;color:var(--muted);margin-top:6px}
.payout.v2 .pay-sub b{color:var(--gold-light);font-size:16px}
.payout.v2 .cmp-wrap{overflow-x:auto;margin-top:6px}
.payout.v2 .cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}
.payout.v2 .cmp th{text-align:left;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--dim);padding:14px 12px 10px}
.payout.v2 .cmp th:first-child{padding-left:0}
.payout.v2 .cmp th.us{color:var(--gold);background:rgba(244,183,25,.06);border-radius:12px 12px 0 0}
.payout.v2 .cmp td{padding:11px 12px;border-top:1px solid var(--line);vertical-align:top;color:var(--muted);line-height:1.4}
.payout.v2 .cmp td:first-child{padding-left:0;color:var(--text-2);font-weight:600;width:32%}
.payout.v2 .cmp td:first-child small{display:block;font-size:11.5px;color:var(--dim);font-weight:500}
.payout.v2 .cmp td.neg{color:var(--muted);font-variant-numeric:tabular-nums}
.payout.v2 .cmp td.neg small{display:block;font-size:11.5px;color:var(--dim)}
.payout.v2 .cmp td.us{background:rgba(244,183,25,.06);color:var(--text);font-weight:600}
.payout.v2 .cmp tr.total td{border-top:2px solid rgba(244,183,25,.45);padding-top:14px;padding-bottom:14px}
.payout.v2 .cmp tr.total td:first-child{font-family:var(--font-display);font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--text)}
.payout.v2 .cmp tr.total b{display:block;font-family:var(--font-display);font-size:24px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.payout.v2 .cmp tr.total td.us{border-radius:0 0 12px 12px}
.payout.v2 .cmp tr.total td.us b{color:var(--gold-text);font-size:30px}
.payout.v2 .cmp tr.total small{display:block;font-size:11.5px;color:var(--dim);margin-top:4px;font-weight:500}
.payout.v2 .pay-perks{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.payout.v2 .pay-perks li{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:12.5px;color:var(--muted);line-height:1.4}
.payout.v2 .pay-perks b{display:block;color:var(--gold-light);font-family:var(--font-display);font-size:15px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
.payout.v2 .note{margin-top:12px}
@media (max-width:1000px){.paytier{grid-template-columns:1fr}}
@media (max-width:760px){.payout.v2{padding:20px 18px}.payout.v2 .pay-top{grid-template-columns:1fr;gap:16px}.payout.v2 .pay-result{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:16px}.payout.v2 .cmp{min-width:560px}.payout.v2 .pay-perks{grid-template-columns:1fr}}
/* v12.1: footer tightened — proof chips/location removed from the brand column, less air above Follow and the legal line */
.footer{padding:44px 0 20px}
.follow{margin-top:22px;padding-top:20px}
.footer-bottom{margin-top:22px;padding-top:16px}
.footer-grid.v2{row-gap:20px}
/* v12.2: hero art loads as one — backdrop and card fan stay hidden until every hero image has decoded (main.js heroSync), then fade in together */
.hero-bg,.raw-fan,.hero-fan,.hero-slab,.phones{transition:opacity .35s ease}
.hero-sync:not(.hero-ready) .hero-bg,.hero-sync:not(.hero-ready) .raw-fan,.hero-sync:not(.hero-ready) .hero-fan,.hero-sync:not(.hero-ready) .hero-slab,.hero-sync:not(.hero-ready) .phones{opacity:0!important}
/* ==== v12.3: mobile fixes — stats strip (inner div was catching the cell rules) and Live channel cards (card wider than the phone) ==== */
.stats5.icons > div > div{padding:0!important;border:0!important;min-width:0}
.stats5.icons > div > div span{display:block;line-height:1.3}
@media (max-width:640px){
  .stats5.icons{grid-template-columns:1fr 1fr}
  .stats5.icons > div{padding:14px 12px;gap:10px;border-right:0!important;border-top:1px solid var(--line)}
  .stats5.icons > div:nth-child(-n+2){border-top:0}
  .stats5.icons > div:nth-child(odd){border-right:1px solid var(--line)!important}
  .stats5.icons > div:last-child{grid-column:1/-1;border-right:0!important;justify-content:center}
  .stats5.icons i{width:38px;height:38px}
  .stats5.icons b{font-size:22px}
  .stats5.icons span{font-size:11.5px}
}
.chan-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:760px){.chan-cards{grid-template-columns:minmax(0,1fr)}}
.chan.v2,.chan.v2 > div,.chan.v2 .chan-rv,.chan.v2 .rv-list,.chan.v2 .rv .body{min-width:0}
.chan.v2 .kpis div{min-width:0}
.chan.v2 .kpis div small{white-space:normal}
@media (max-width:640px){
  .chan.v2{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:18px 16px}
  .chan.v2 > img{width:64px;height:64px}
  .chan.v2 b{font-size:22px;gap:6px}
  .chan.v2 .prem{font-size:11.5px;padding:3px 9px 3px 4px;gap:5px}
  .chan.v2 .prem img{width:20px;height:20px}
  .chan.v2 > div > span{font-size:13.5px}
  .chan.v2 .kpis{gap:6px;margin-top:12px}
  .chan.v2 .kpis div{padding:10px 6px}
  .chan.v2 .kpis div b{font-size:20px}
  .chan.v2 .kpis div small{font-size:10px;letter-spacing:.02em}
  .chan.v2 .rv-title{flex-wrap:wrap;gap:4px 10px;font-size:11px}
  .rv{padding:10px 11px;gap:10px}
  .rv .av,.rv .av img{width:36px;height:36px}
  .rv .top{flex-wrap:wrap;gap:4px 8px}
  .rv .top b{max-width:100%;font-size:13px}
  .rv .top small{margin-left:0;width:100%;font-size:11px}
  .rv p{font-size:13px}
  .chan.v2 .btn{padding:13px 16px;font-size:14px}
}
/* v12.3b: consign estimator on phones — grid children may shrink, comparison table fits three columns */
.paytier > *{min-width:0}
@media (max-width:1000px){.paytier{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .payout.v2 .cmp{min-width:0;font-size:12px}
  .payout.v2 .cmp th{font-size:9.5px;letter-spacing:.08em;padding:10px 6px 8px}
  .payout.v2 .cmp td{padding:9px 6px;font-size:12px}
  .payout.v2 .cmp td:first-child{width:auto;font-size:12px}
  .payout.v2 .cmp td:first-child small{display:none}
  .payout.v2 .cmp td.neg small{font-size:10.5px}
  .payout.v2 .cmp tr.total td:first-child{font-size:12px}
  .payout.v2 .cmp tr.total b{font-size:18px}
  .payout.v2 .cmp tr.total td.us b{font-size:22px}
  .payout.v2 .cmp tr.total small{font-size:10.5px}
  .payout.v2 .pay-perks li{font-size:12px}
}
/* v12.4: consign estimator — perks + note live in the tier column so both columns fill the row; tiers spread evenly */
.paytier{align-items:stretch}
.tiers.stack{display:flex;flex-direction:column;gap:12px}
.tiers.stack .tier{flex:0 0 auto}
.tiers.stack .pay-perks{grid-template-columns:1fr;gap:8px;margin-top:2px}
.tiers.stack .pay-perks li{padding:12px 14px;font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline}
.tiers.stack .pay-perks b{margin:0;font-size:14px;white-space:nowrap}
.tiers.stack .note{font-size:12px;color:var(--dim);margin:auto 0 0}
.payout.v2{display:flex;flex-direction:column}
.payout.v2 .cmp-wrap{flex:1}
@media (max-width:1000px){.tiers.stack .pay-perks{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.tiers.stack .pay-perks{grid-template-columns:1fr}}
/* v12.5: consign "Ready to consign?" — tile grid and form share the same top/bottom; bulk fan stays inside its tile */
#apply .split{align-items:stretch!important}
#apply .split > div:first-child{display:flex;flex-direction:column}
#apply .choice-grid.mix{flex:1;grid-auto-rows:1fr}
#apply form.card{display:flex;flex-direction:column}
#apply form.card .field:has(textarea){flex:1;display:flex;flex-direction:column}
#apply form.card textarea{flex:1;min-height:96px}
#apply form.card > .small:last-child,#apply form.card > p:last-child{margin-top:auto}
.choice-grid.mix .art{overflow:hidden}
.choice-grid.mix .art.fan img{height:80%;top:10%}
.choice-grid.mix .art.fan img:nth-child(1){transform:translateX(-50%) rotate(-15deg) translateX(-30%)}
.choice-grid.mix .art.fan img:nth-child(3){transform:translateX(-50%) rotate(15deg) translateX(30%)}
.choice-grid.mix .choice:hover .art.fan img:nth-child(1){transform:translateX(-50%) rotate(-19deg) translateX(-36%)}
.choice-grid.mix .choice:hover .art.fan img:nth-child(3){transform:translateX(-50%) rotate(19deg) translateX(36%)}
#apply form.card .form-note{margin-top:auto;padding-top:10px}
/* v12.5b: tier column — perks read as one line each, tiers grow to fill */
.tiers.stack .tier{flex:1 1 auto}
.tiers.stack .pay-perks li{display:block;line-height:1.45}
.tiers.stack .pay-perks b{display:inline;margin-right:6px}
.tiers.stack .pay-perks li span{display:inline}
/* v12.6: link-field hint (Collectr etc.) */
.field .hint{display:block;margin-top:7px;font-size:12px;color:var(--dim);line-height:1.45}
.field .hint a{color:var(--gold);font-weight:700;text-decoration:none}
.field .hint a:hover{text-decoration:underline}
#apply .dropzone{padding:16px 14px}
#apply .dropzone b{font-size:15px}
#apply .dropzone small{font-size:12px}
/* ==== v13.1: slab labels from ~140px to ~220px keep the FULL real label, but every line respects Chrome's 6px minimum
   font size (line-height scales with the text so lines never overlap); the cert number hides where it would collide ==== */
@container (max-width: 220px) {
  .pslab.photo.g-cgc .l b{font-size:max(3.05cqw,6px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pslab.photo.g-cgc .l small{font-size:max(2.7cqw,6px);line-height:1.15}
  .pslab.photo.g-cgc .cert{display:none}
  .pslab.photo.g-cgc .r small{font-size:max(2.5cqw,6px);line-height:1.15}
  .pslab.photo.g-psa .l b{font-size:max(3.35cqw,6px);line-height:1.18}
  .pslab.photo.g-psa .r small,.pslab.photo.g-psa .r b.num{font-size:max(3.35cqw,6px);line-height:1.18}
  .pslab.photo.g-psa .cert{font-size:max(3.1cqw,6px);line-height:1.1}
}
/* ==== v12.7: thumbnail-size slabs (category tiles, wizard tiles, strips under ~170px) — only the card name and the grade stay on the
   label; the 2–3px sub-lines, cert number and descriptor are hidden so a browser minimum-font-size can't smear them into the digit ==== */
@container (max-width: 140px) {
  .pslab.photo .lbl small,.pslab.photo .lbl .cert,.pslab.photo.g-cgc .r small,.pslab.photo.g-psa .r small.gw,.pslab.photo.g-psa .r small.no{display:none}
  .pslab.photo.g-cgc .l{top:22.5cqw;width:50cqw}
  .pslab.photo.g-cgc .l b{font-size:5cqw;line-height:5.6cqw;white-space:normal;overflow:visible;text-overflow:clip}
  .pslab.photo.g-cgc .r{top:20.6cqw;left:67cqw;width:19cqw}
  .pslab.photo.g-cgc .r b.num{font-size:15cqw;margin-top:0}
  .pslab.photo.g-psa .l{top:13cqw;width:60cqw}
  .pslab.photo.g-psa .l b{font-size:4.6cqw;line-height:5.4cqw}
  .pslab.photo.g-psa .l b:nth-child(3){display:none}
  .pslab.photo.g-psa .r{top:12.6cqw}
  .pslab.photo.g-psa .r b.num{font-size:9cqw;line-height:10cqw;font-weight:700}
}
/* v12.7b: two-digit CGC grade fits at thumbnail size; chat nudge = question on line 1, gold CTA on line 2 */
@container (max-width: 140px) {
  .pslab.photo.g-cgc .r{left:64.5cqw;width:24cqw}
  .pslab.photo.g-cgc .r b.num{font-size:13.5cqw;letter-spacing:-.05em;overflow:visible;text-overflow:clip}
}
.gv-teaser{display:grid;gap:3px;line-height:1.35;max-width:300px}
.gv-teaser b{display:block;color:var(--gold);font-weight:800;white-space:nowrap}
/* v12.8: "Ready to consign?" left column — tiles keep their natural height with centered, larger art; an after-you-apply checklist fills the rest and pins to the form's bottom edge */
#apply .choice-grid.mix{flex:0 0 auto;grid-auto-rows:auto}
#apply .choice-grid.mix .choice.pic > span{justify-content:center;padding:18px 12px 16px}
#apply .choice-grid.mix .art{height:150px;margin-bottom:8px}
#apply .choice-grid.mix .art .pc.pslab.photo{width:88px}
#apply .apply-next{list-style:none;margin:auto 0 0;padding:18px 0 0;display:grid;gap:10px}
#apply .apply-next li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
#apply .apply-next i{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--ink);background:linear-gradient(180deg,#FFC93A,#F0AF18 55%,#DDA012);box-shadow:0 6px 14px rgba(240,175,24,.3)}
#apply .apply-next b{display:block;font-size:15px;color:var(--text);margin-bottom:2px}
#apply .apply-next span{display:block;font-size:13px;color:var(--muted);line-height:1.45}
@media (max-width:960px){#apply .apply-next{padding-top:14px}}
/* ==== v12.9: shop early-access — "My Vault" mock replaces the overlapped slab stack ==== */
.vault-hero .stack{height:auto}
.vault-hero .stack .pc{position:static;width:auto;filter:none;transform:none}
.vault-mock{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px;box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden}
.vault-mock::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold) 35%,var(--gold-light) 50%,var(--gold) 65%,transparent)}
.vault-mock .vm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.vault-mock .vm-title{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}
.vault-mock .vm-title img{width:22px;height:22px;border-radius:6px}
.vault-mock .vm-meta{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--muted);white-space:nowrap}
.vault-mock .vm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.vault-mock .vm-item{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px 10px 11px;text-align:center;min-width:0;transition:transform .2s,border-color .2s}
.vault-mock .vm-item:hover{transform:translateY(-3px);border-color:rgba(244,183,25,.5)}
.vault-mock .vm-art{position:relative;padding:4px 10px 8px;background:radial-gradient(60% 55% at 50% 58%,rgba(244,183,25,.16),transparent 72%)}
.vault-mock .vm-art .pc{width:100%;max-width:120px;margin:0 auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6))}
.vault-mock .vm-item b{display:block;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vault-mock .vm-item small{display:block;font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vault-mock .vm-item em{display:flex;align-items:center;justify-content:center;gap:6px;font-style:normal;margin-top:8px;font-size:11px;font-weight:800}
.vault-mock .vm-item em span{color:var(--gold-light)}
.vault-mock .vm-item em i{font-style:normal;color:#37D67A;padding:2px 6px;border-radius:999px;background:rgba(55,214,122,.12);border:1px solid rgba(55,214,122,.35);font-size:10px;letter-spacing:.04em}
.vault-mock .vm-foot{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.vault-mock .vm-foot .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(244,183,25,.7);flex:0 0 auto}
@media (max-width:1100px){.vault-mock .vm-art .pc{max-width:96px}.vault-mock .vm-meta{display:none}}
/* v12.9b: thumbnail CGC label — one-line name (browser 6px font floor made it wrap) */
@container (max-width: 140px) {
  .pslab.photo.g-cgc .l{left:13.5cqw;top:24cqw;width:50.5cqw}
  .pslab.photo.g-cgc .l b{font-size:4.6cqw;line-height:1.2;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .pslab.photo.g-cgc .r{top:19.5cqw}
}

/* ==== v13.0: home ticker — full-bleed rolling bar under the hero (replaces .live-bar) ==== */
.live-ticker{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(244,183,25,.06),rgba(244,183,25,.16) 50%,rgba(244,183,25,.06));border-top:1px solid rgba(244,183,25,.4);border-bottom:1px solid rgba(244,183,25,.4);padding:0;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.live-ticker[hidden]{display:none}
.live-ticker .tk-track{display:flex;width:max-content;animation:tk-roll 60s linear infinite;will-change:transform}
.live-ticker:hover .tk-track,.live-ticker:focus-within .tk-track{animation-play-state:paused}
.live-ticker .tk-group{display:flex;align-items:center;flex:0 0 auto}
.live-ticker .tk-item{display:inline-flex;align-items:center;gap:12px;padding:15px 22px;color:var(--text-2);text-decoration:none;font-size:14.5px;line-height:1;transition:background .15s}
.live-ticker .tk-item:hover{background:rgba(244,183,25,.08);color:var(--text)}
.live-ticker .tk-item .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(244,183,25,.7);flex:0 0 auto}
.live-ticker .tk-item.live .dot{background:#FF3B3B;box-shadow:0 0 10px rgba(255,59,59,.8);animation:pulse 1.6s infinite}
.live-ticker .tk-item b{font-family:var(--font-display);font-weight:800;letter-spacing:.14em;font-size:13px;color:var(--gold-light);text-transform:uppercase}
.live-ticker .tk-item.live b{color:#FF6B6B}
.live-ticker .tk-item span{color:var(--text)}
.live-ticker .tk-item em{font-style:normal;font-weight:800;color:var(--gold-text)}
.live-ticker .tk-item u{text-decoration:none;padding:7px 13px;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:800;font-size:12.5px;letter-spacing:.02em;white-space:nowrap;transition:background .15s}
.live-ticker .tk-item.info u{background:transparent;border:1px solid rgba(244,183,25,.5);color:var(--gold)}
.live-ticker .tk-item:hover u{background:var(--gold-light);color:var(--ink)}
.live-ticker .tk-sep{color:rgba(244,183,25,.45);font-size:9px;padding:0 4px}
@keyframes tk-roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.live-ticker .tk-track{animation:none;width:auto;flex-wrap:wrap}.live-ticker .tk-group[aria-hidden]{display:none}.live-ticker{white-space:normal;-webkit-mask-image:none;mask-image:none}}
@media (max-width:640px){.live-ticker .tk-item{padding:13px 16px;font-size:13.5px;gap:10px}.live-ticker .tk-item b{font-size:12px}.live-ticker .tk-item u{padding:6px 10px;font-size:11.5px}}
/* ==== v13.2: featured reel — the shop strip glides on its own (no arrows), pauses on hover ==== */
.strip.reel{display:block;overflow:hidden;scroll-snap-type:none;padding:10px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.strip.reel .reel-track{display:flex;width:max-content;animation:reel-roll 70s linear infinite;will-change:transform}
.strip.reel:hover .reel-track,.strip.reel:focus-within .reel-track{animation-play-state:paused}
.strip.reel .reel-group{display:flex;gap:18px;padding-right:18px;align-items:flex-start;flex:0 0 auto}
.strip.reel .pc{flex:0 0 170px;scroll-snap-align:none}
@keyframes reel-roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.strip.reel .reel-track{animation:none}.strip.reel{overflow-x:auto}}
@media (max-width:640px){.strip.reel .pc{flex-basis:140px}}
/* v13.3: ticker readability — solid dark bar, gold badge titles, larger text, slower roll (schedule.js: ~48px/s) */
.live-ticker{background:linear-gradient(180deg,#0F1115,#0B0D11);border-top:1px solid rgba(244,183,25,.55);border-bottom:1px solid rgba(244,183,25,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 30px rgba(0,0,0,.35)}
.live-ticker .tk-item{padding:14px 26px;font-size:15.5px;gap:14px;color:#E9E4D8}
.live-ticker .tk-item b{font-size:12.5px;letter-spacing:.12em;padding:6px 11px;border-radius:8px;background:linear-gradient(180deg,#FFC93A,#F0AF18 55%,#DDA012);color:#141210;box-shadow:0 4px 12px rgba(240,175,24,.3)}
.live-ticker .tk-item.live b{background:linear-gradient(180deg,#FF6B6B,#E5322B);color:#fff;box-shadow:0 4px 12px rgba(229,50,43,.4)}
.live-ticker .tk-item.next b{background:linear-gradient(180deg,#FFC93A,#F0AF18 55%,#DDA012)}
.live-ticker .tk-item span{color:#F4F0E8;font-weight:600}
.live-ticker .tk-item em{color:var(--gold-light);font-weight:800;padding-left:2px}
.live-ticker .tk-item u{font-size:13px;padding:8px 14px}
.live-ticker .tk-item.info u{color:var(--gold-light);border-color:rgba(244,183,25,.6);background:rgba(244,183,25,.08)}
.live-ticker .tk-item .dot{display:none}
.live-ticker .tk-item.live .dot{display:block}
.live-ticker .tk-sep{color:rgba(244,183,25,.6);font-size:10px;padding:0 6px}
/* ==== v13.4: shop preview = "inside the vault" — vault-room backdrop, cards displayed on lit shelves ==== */
#shop-root.vault{position:relative;overflow:hidden;background:#0F1115!important;border-top:1px solid rgba(244,183,25,.35)!important;border-bottom:1px solid rgba(244,183,25,.35)!important}
#shop-root.vault::before{content:"";position:absolute;inset:-40px;background:url("../img/hero-vault-door.jpg") center 40%/cover no-repeat;filter:blur(7px) brightness(.32) saturate(1.15);opacity:.55;pointer-events:none}
#shop-root.vault::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 0%,rgba(244,183,25,.12),transparent 60%),linear-gradient(180deg,rgba(15,17,21,.2),rgba(15,17,21,.85) 70%,#0F1115);pointer-events:none}
#shop-root.vault > .wrap{position:relative;z-index:1}
#shop-root.vault .vault-status{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:14px}
#shop-root.vault .vault-status span,#shop-root.vault .vault-status a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--text-2);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#shop-root.vault .vault-status b{color:var(--gold-light);font-family:var(--font-display);font-size:15px;letter-spacing:.03em}
#shop-root.vault .vault-status .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(244,183,25,.8)}
#shop-root.vault .vault-status a{color:var(--ink);background:var(--gold);border-color:transparent;text-decoration:none}
#shop-root.vault .vault-status a:hover{background:var(--gold-light)}
#shop-root.vault .tabs{background:rgba(20,22,27,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
/* shelves */
#shop-root.vault .products{gap:26px 18px;padding-top:6px}
#shop-root.vault .product{background:transparent;border:0;box-shadow:none;overflow:visible;border-radius:0}
#shop-root.vault .product .visual{aspect-ratio:1/1.08;border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01) 60%,rgba(0,0,0,.25));border:1px solid rgba(255,255,255,.08);border-bottom:0;overflow:visible;isolation:isolate;padding-bottom:12px}
#shop-root.vault .product .visual::before{content:"";position:absolute;left:10%;right:10%;top:0;height:78%;background:radial-gradient(50% 70% at 50% 0%,rgba(244,183,25,.28),rgba(244,183,25,.06) 55%,transparent 75%);z-index:0;transition:opacity .25s;pointer-events:none}
#shop-root.vault .product .visual::after{content:"";position:absolute;left:-6px;right:-6px;bottom:-8px;height:12px;border-radius:3px;background:linear-gradient(180deg,#5A4A22,#3A3016 45%,#241E10);box-shadow:0 10px 22px rgba(0,0,0,.6),inset 0 1px 0 rgba(244,183,25,.45);z-index:2}
#shop-root.vault .product .visual .pc,#shop-root.vault .product .visual .sealed{position:relative;z-index:1;transform:translateY(6px);transition:transform .3s}
#shop-root.vault .product:hover .visual .pc,#shop-root.vault .product:hover .visual .sealed{transform:translateY(-2px)}
#shop-root.vault .product:hover .visual::before{opacity:1.35}
#shop-root.vault .product .body{margin-top:14px;padding:14px 16px 15px;border-radius:12px;background:rgba(20,22,27,.78);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#shop-root.vault .product:hover{transform:none;box-shadow:none}
#shop-root.vault .product:hover .body{border-color:rgba(244,183,25,.45)}
#shop-root.vault .product .lang{top:10px;left:10px;z-index:3}
#shop-root.vault .product .soon,#shop-root.vault .product .badge{z-index:3}
@media (max-width:640px){#shop-root.vault .products{gap:20px 12px}#shop-root.vault .product .body{padding:11px 12px 12px}}
#shop-root.vault .product::after{z-index:3}
/* ==== v13.5: PSA keeps its full three-line label down to ~100px (only CGC needs the simplified thumbnail label); bigger slabs in the home tile + My Vault mock ==== */
@container (min-width: 101px) and (max-width: 140px) {
  .pslab.photo.g-psa .lbl small,.pslab.photo.g-psa .r small.gw,.pslab.photo.g-psa .r small.no,.pslab.photo.g-psa .cert,.pslab.photo.g-psa .l b:nth-child(3){display:block}
  .pslab.photo.g-psa .l{top:12.4cqw;width:64cqw}
  .pslab.photo.g-psa .l b{font-size:max(3.35cqw,6px);line-height:1.18;letter-spacing:-.02em;font-weight:400}
  .pslab.photo.g-psa .r{top:12.4cqw;width:24cqw}
  .pslab.photo.g-psa .r small,.pslab.photo.g-psa .r b.num{font-size:max(3.35cqw,6px);line-height:1.18}
  .pslab.photo.g-psa .r b.num{font-weight:500}
  .pslab.photo.g-psa .cert{font-size:max(3.1cqw,6px);line-height:1.1;top:25.6cqw}
}
.ctile .art.slab{padding:2% 5% 0}
.ctile .art.slab .pc.pslab.photo{width:76%}
.vault-mock .vm-grid{gap:8px}
.vault-mock .vm-item{padding:10px 6px 10px}
.vault-mock .vm-art{padding:2px 4px 6px}
.vault-mock .vm-art .pc{max-width:134px}
/* ==== v13.6: vault section cleanup — lighter, blends with the page; heading left, status + CTA right; tighter rhythm ==== */
#shop-root.vault{background:var(--bg-2)!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;padding-top:44px;padding-bottom:52px}
#shop-root.vault::before{filter:blur(8px) brightness(.55) saturate(1.1);opacity:.32;inset:-40px}
#shop-root.vault::after{background:radial-gradient(60% 50% at 70% 0%,rgba(244,183,25,.10),transparent 60%),linear-gradient(180deg,rgba(31,35,42,.35),rgba(31,35,42,.9) 60%,var(--bg-2))}
#shop-root.vault .vault-head{display:grid;grid-template-columns:minmax(0,1.1fr) auto;gap:24px 40px;align-items:end;margin-bottom:18px}
#shop-root.vault .vault-head h2{margin:10px 0 8px}
#shop-root.vault .vault-head p{max-width:560px;margin:0}
#shop-root.vault .vh-side{display:grid;gap:12px;justify-items:end}
#shop-root.vault .vh-side .vault-status{margin:0;justify-content:flex-end;max-width:520px}
#shop-root.vault .vh-side .btn{padding:14px 22px}
#shop-root.vault .tabs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
#shop-root.vault .tabs-label{margin:0}
#shop-root.vault .tabs{margin-bottom:18px}
#shop-root.vault .products{padding-top:0;gap:22px 18px}
#shop-root.vault .product .visual{aspect-ratio:1/1;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015) 60%,rgba(0,0,0,.18));border-color:rgba(255,255,255,.09)}
#shop-root.vault .product .visual .pc{width:62%}
#shop-root.vault .product .body{margin-top:12px;background:rgba(38,43,51,.82);border-color:var(--line)}
@media (max-width:960px){#shop-root.vault .vault-head{grid-template-columns:1fr;align-items:start}#shop-root.vault .vh-side{justify-items:start}#shop-root.vault .vh-side .vault-status{justify-content:flex-start}}
/* v13.7: PSA labels 101–140px — cert number dropped (it collided with the third line); wizard slab large enough for the full label */
@container (min-width: 101px) and (max-width: 140px) { .pslab.photo.g-psa .cert{display:none} }
.choice.pic .art{height:172px}
.choice.pic .art .pc.pslab.photo{width:102px}
@media (max-width:640px){.choice.pic .art{height:118px}.choice.pic .art .pc.pslab.photo{width:68px}}
/* ==== v13.8: home "How it works" — step cards with gold number badges + timing chips; trust panel to match ==== */
.timeline.v2{display:grid;gap:12px;margin:0;padding:0;list-style:none;position:relative}
.timeline.v2::before{content:"";position:absolute;left:25px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,rgba(244,183,25,.6),rgba(244,183,25,.12));z-index:0}
.timeline.v2 li{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:16px 18px 16px 0;border-radius:16px;background:none;border:0;position:relative;z-index:1;transition:transform .2s}
.timeline.v2 li > div{padding:14px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:border-color .2s,transform .2s}
.timeline.v2 li:hover > div{border-color:rgba(244,183,25,.5);transform:translateX(4px)}
.timeline.v2 li > i:first-child{position:static;width:52px;height:52px;margin:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--ink);background:linear-gradient(180deg,#FFC93A,#F0AF18 55%,#DDA012);box-shadow:0 8px 20px rgba(240,175,24,.32),0 0 0 6px var(--bg-2);line-height:1}
.timeline.v2 li .ln{display:none}
.timeline.v2 li b{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:17px;color:var(--text);margin:0}
.timeline.v2 li em{font-style:normal;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--gold);padding:3px 9px;border-radius:999px;background:rgba(244,183,25,.1);border:1px solid rgba(244,183,25,.35);white-space:nowrap}
.timeline.v2 li span{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-top:5px}
.how2 .flex.mt-3{margin-top:22px}
.trustbox{background:linear-gradient(180deg,var(--surface-2),var(--surface));border-color:var(--line);box-shadow:var(--shadow)}
.trustbox::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold-light) 50%,var(--gold) 70%,transparent)}
.trustbox .ring{border-radius:14px;border:1px solid rgba(244,183,25,.4);background:rgba(244,183,25,.1);box-shadow:0 0 16px rgba(244,183,25,.14)}
.trustbox li{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:border-color .2s}
.trustbox li:hover{border-color:rgba(244,183,25,.45)}
.trustbox ul{gap:10px}
.trustbox .proof{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(244,183,25,.07);border:1px solid rgba(244,183,25,.3)}
@media (max-width:640px){.timeline.v2 li{grid-template-columns:44px 1fr;gap:12px}.timeline.v2 li > i:first-child{width:44px;height:44px;font-size:19px}.timeline.v2::before{left:21px}}
/* v13.9: product grid columns can never grow past their share (nowrap titles were widening column 3) */
.products{grid-template-columns:repeat(4,minmax(0,1fr))}
.product{min-width:0}
@media (max-width:1100px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ==== v14.0: shop sealed tiles show real product photos; lot tiles show a three-card fan ==== */
.product .visual .sealed-photo{position:relative;z-index:1;width:78%;height:80%;display:flex;align-items:center;justify-content:center;transform:translateY(4px);transition:transform .3s}
.product .visual .sealed-photo img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.6))}
.product:hover .visual .sealed-photo{transform:translateY(-2px)}
.product .visual .lot-fan{position:relative;z-index:1;width:100%;height:82%;transform:translateY(4px);transition:transform .3s}
.product .visual .lot-fan > *{position:absolute;left:50%;top:6%;height:88%;width:auto;transform-origin:50% 100%;filter:drop-shadow(0 12px 16px rgba(0,0,0,.6))}
.product .visual .lot-fan > .pc{width:46%;height:auto;top:8%}
.product .visual .lot-fan > .pc .case{width:100%}
.product .visual .lot-fan.k-slab > .pc{width:40%;top:6%}
.product .visual .lot-fan > img.sp{height:80%;top:10%}
.product .visual .lot-fan > :nth-child(1){transform:translateX(-50%) rotate(-16deg) translateX(-34%);z-index:1}
.product .visual .lot-fan > :nth-child(2){transform:translateX(-50%) rotate(0);z-index:2}
.product .visual .lot-fan > :nth-child(3){transform:translateX(-50%) rotate(16deg) translateX(34%);z-index:1}
.product:hover .visual .lot-fan{transform:translateY(-2px)}
.product:hover .visual .lot-fan > :nth-child(1){transform:translateX(-50%) rotate(-21deg) translateX(-42%)}
.product:hover .visual .lot-fan > :nth-child(3){transform:translateX(-50%) rotate(21deg) translateX(42%)}
.product .visual .lot-fan .pc figcaption{display:none}
#shop-root.vault .product .visual .lot-fan > .pc{transform-origin:50% 100%}
/* v14.0b: lot fan card sizing must beat the vault visual's .pc width rule; cards sit on the shelf */
#shop-root.vault .product .visual .lot-fan > .pc,.product .visual .lot-fan > .pc{width:42%;height:auto;top:auto;bottom:6%}
#shop-root.vault .product .visual .lot-fan.k-slab > .pc,.product .visual .lot-fan.k-slab > .pc{width:36%;bottom:4%}
.product .visual .lot-fan > img.sp{height:76%;top:auto;bottom:8%}
.product .visual .lot-fan{height:86%;overflow:visible}
/* v14.0c: inside the vault section the fan cards must stay absolute + rotated (the section's .pc rule set position:relative) */
#shop-root.vault .product .visual .lot-fan > .pc,#shop-root.vault .product .visual .lot-fan > img.sp{position:absolute;left:50%;top:auto;transform-origin:50% 100%}
#shop-root.vault .product .visual .lot-fan > :nth-child(1){transform:translateX(-50%) rotate(-16deg) translateX(-34%);z-index:1}
#shop-root.vault .product .visual .lot-fan > :nth-child(2){transform:translateX(-50%);z-index:2}
#shop-root.vault .product .visual .lot-fan > :nth-child(3){transform:translateX(-50%) rotate(16deg) translateX(34%);z-index:1}
#shop-root.vault .product:hover .visual .lot-fan > :nth-child(1){transform:translateX(-50%) rotate(-21deg) translateX(-42%)}
#shop-root.vault .product:hover .visual .lot-fan > :nth-child(2){transform:translateX(-50%) translateY(-4px)}
#shop-root.vault .product:hover .visual .lot-fan > :nth-child(3){transform:translateX(-50%) rotate(21deg) translateX(42%)}
/* v14.1: how-it-works spacing — trust rows fill the panel top to bottom; step cards sit tighter on the rail */
.timeline.v2{gap:14px}
.timeline.v2 li{padding:0}
.timeline.v2::before{top:26px;bottom:26px}
.timeline.v2 li > div{padding:14px 18px 15px}
.how2 .flex.mt-3{margin-top:20px}
.trustbox{justify-content:flex-start;padding:26px 28px}
.trustbox ul{flex:1;display:grid;grid-auto-rows:1fr;align-content:stretch;gap:12px;margin-top:16px}
.trustbox li{align-items:center;padding:14px 16px}
.trustbox .proof{margin-top:14px}
@media (max-width:960px){.trustbox ul{grid-auto-rows:auto}}
/* v14.2: lot fans use bare card images (no toploader frame) */
.product .visual .lot-fan > img.lot-card,#shop-root.vault .product .visual .lot-fan > img.lot-card{position:absolute;left:50%;top:auto;bottom:6%;width:44%;height:auto;border-radius:4.5%/3.3%;box-shadow:0 10px 22px rgba(0,0,0,.6);filter:none;transform-origin:50% 100%}
.product .visual .lot-fan > img.lot-card,#shop-root.vault .product .visual .lot-fan > img.lot-card{width:50%}
/* ==== v14.3: .slab-mini — a 260px slab scaled down (main.js GV_fitMiniSlabs); width comes from the spot ==== */
.slab-mini{position:relative;display:block;overflow:visible;flex:0 0 auto}
.slab-mini .pc{position:absolute;left:0;top:0;margin:0;transform-origin:0 0;width:260px;max-width:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.6))}
.slab-mini .pc figcaption{display:none}
.ctile .art.slab .slab-mini{width:60%}
.ctile .art.slab .pc.pslab.photo{width:260px}
.choice.pic .art .slab-mini{width:100px}
.choice.pic .art .pc.pslab.photo{width:260px}
.choice.pic.static .art .slab-mini{width:96px}
.vault-mock .vm-art .slab-mini{width:130px;margin:0 auto}
.vault-mock .vm-art .pc{max-width:none}
@media (max-width:640px){.choice.pic .art .slab-mini{width:66px}}
.ctile .art.slab .slab-mini{width:78%}
.choice.pic.static .art .slab-mini{width:104px}
/* ==== v14.4: shop raw singles = bare card (no toploader), bigger lot fans ==== */
.product .visual img.raw-card,#shop-root.vault .product .visual img.raw-card{position:relative;z-index:1;width:64%;height:auto;border-radius:4.5%/3.3%;box-shadow:0 18px 30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.12);background:none;border:0;padding:0;transform:translateY(4px);transition:transform .3s}
#shop-root.vault .product:hover .visual img.raw-card{transform:translateY(-2px)}
.product .visual img.lot-card,#shop-root.vault .product .visual img.lot-card{width:58%;background:none;border:0;padding:0;box-shadow:0 14px 26px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.12)}
#shop-root.vault .product .visual .lot-fan{height:90%}
/* v14.5: home Slabs tile — slab fills the art box height without clipping */
.ctile .art.slab{padding:2% 4% 0;align-items:flex-start}
.ctile .art.slab .slab-mini{width:63%;margin-top:1%}
/* v14.6: slab lots — each slab is a scaled 260px render (.slab-mini) sized like the card fans */
.product .visual .lot-fan > .slab-mini,#shop-root.vault .product .visual .lot-fan > .slab-mini{position:absolute;left:50%;top:auto;bottom:5%;width:48%;height:auto;transform-origin:50% 100%;filter:none}
.product .visual .lot-fan > .slab-mini .pc{filter:drop-shadow(0 14px 22px rgba(0,0,0,.65))}
/* v14.7: home Slabs tile — CGC 9.5 Jolteon (big grade digit reads at tile size), slab a touch larger */
.ctile .art.slab .slab-mini{width:66%}
/* v14.7b: CGC half-point grades ("9.5", "8.5") fit the grade panel; home tile slab 64% so it never clips */
.pslab.photo.g-cgc .r.long{left:65.5cqw;width:22cqw}
.pslab.photo.g-cgc .r.long b.num{font-size:10.6cqw;letter-spacing:-.06em;margin-top:1.2cqw}
.ctile .art.slab .slab-mini{width:64%}
.vault-mock .vm-art .slab-mini{width:140px}
.vault-mock .vm-item{padding:10px 4px 10px}
/* v14.8: wizard tiles — no radial glow behind the art (it only showed behind narrow art like slabs and the ? ring) */
.choice.pic .art::before{display:none}
.choice.pic input:checked + span .art::before{display:none}

/* ============================================================
   v15 — phone pass (Sep 7, 2026): every hero keeps its card art on phones,
   backdrop goes full-bleed, Live's phone mock shrinks instead of vanishing,
   About's glance panel stacks under the copy.
   ============================================================ */
@media (max-width:960px){
  .hero.v5 .hero-grid,.hero.v3 .hero-grid{grid-template-columns:1fr;gap:0} /* the v9.1 1fr 1fr rule had been winning on phones — copy sat in half the screen */
  .hero.v5 .hero-bg,.hero.v3 .hero-bg,.page-hero .hero-bg{left:0;right:0;width:auto}
  .hero.v5 .hero-bg::after,.hero.v3 .hero-bg::after,.page-hero .hero-bg::after{display:none}
  .hero-mobile-fan{display:flex;gap:10px;justify-content:center;align-items:flex-end;margin-top:28px;padding:0 6px}
  .hero-mobile-fan .pc{width:30%;max-width:132px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.6));transform-origin:50% 100%;position:static;margin:0}
  .hero-mobile-fan .pc:nth-child(1){transform:rotate(-9deg) translateY(10px)}
  .hero-mobile-fan .pc:nth-child(3){transform:rotate(9deg) translateY(10px)}
  .hero-mobile-fan .pc figcaption{display:none}
  .hero-mobile-fan .praw .case{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;aspect-ratio:auto}
  .hero-mobile-fan .praw .case::after{display:none}
  .hero-mobile-fan .praw .case img{width:100%;height:auto;border-radius:4.5%/3.3%;box-shadow:0 14px 28px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.15)}
  .page-hero .hero-mobile-fan{margin-top:22px}
  .phones{display:flex;height:330px;justify-content:center;align-items:flex-start;padding:0;margin:10px 0 0}
  .phones .phone{display:block;width:218px;height:448px;transform-origin:50% 0}
  .phones .phone.p1{transform:scale(.62) rotate(-6deg) translate(70px,0)}
  .phones .phone.p2{transform:scale(.62) rotate(5deg) translate(-70px,24px)}
  .phones .phone .tag{font-size:15px}
}
@media (max-width:1100px){
  .page-hero.has-panel,.page-hero:has(.hero-panel){display:flex;flex-direction:column}
  .page-hero .hero-panel,.page-hero .hero-panel.v2{display:block;position:static;transform:none;width:auto;max-width:none;align-self:stretch;order:2;margin:20px 24px 0}
  .page-hero:has(.hero-panel) .wrap{order:1;pointer-events:auto}
}
@media (max-width:640px){
  .page-hero .hero-panel.v2 .hp-grid{grid-template-columns:1fr}
  .page-hero .hero-panel.v2 .hp-stat{grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px}
  .page-hero .hero-panel.v2 .hp-stat b{grid-column:2;grid-row:1;font-size:22px;white-space:nowrap;line-height:1.1}
  .page-hero .hero-panel.v2 .hp-stat span{grid-column:2;grid-row:2;text-align:left;max-width:none;font-size:13px;line-height:1.35;margin:0}
  .page-hero .hero-panel.v2 .hp-stat i{grid-column:1;grid-row:1/3;width:44px;height:44px}
}

/* ============================================================
   v15.1 — a mobile website, not a website on mobile (Sep 7, 2026): no sideways scroll,
   tighter vertical rhythm, the 7th category tile fills its row, wizard nav built for thumbs,
   chat bubble out of the way of buttons, footer columns collapse.
   ============================================================ */
html,body{overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}
.hero,.page-hero,.section,.footer{overflow-x:clip}
@media (max-width:640px){
  .section{padding:34px 0}
  .section.tight{padding:26px 0}
  h1{font-size:clamp(34px,10vw,44px)}
  .hero.v5 h1,.hero.v3 h1{font-size:clamp(34px,10.5vw,44px)}
  h2{font-size:clamp(26px,7.6vw,32px)}
  .hero.v5 .wrap,.hero.v3 .wrap{padding-top:22px;padding-bottom:26px}
  .hero p.lead,.page-hero p.lead{font-size:16px;line-height:1.5}
  .hero-actions{gap:8px}
  .hero-actions .btn{padding:13px 18px}
  .hero-trust{gap:8px 14px}
  .hero-mobile-fan{margin-top:18px}
  .hero-mobile-fan .pc{max-width:112px}
  .section-head{margin-bottom:14px}
  .lead{font-size:15.5px}
  .ctile .art{aspect-ratio:1/.9;padding:9% 12% 4%}
  .ctile p{font-size:13px}
  .cats{gap:10px}
  .footer{padding:30px 0 16px;margin-top:20px}
  .footer .brand img{width:min(100%,220px)}
  .footer-grid{gap:12px}
  .footer .fcol h4{cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 0;border-bottom:1px solid rgba(240,175,24,.16)}
  .footer .fcol h4::after{content:"▾";font-size:14px;transition:.15s}
  .footer .fcol.open h4::after{transform:rotate(180deg)}
  .footer .fcol ul{display:none;padding:10px 0 6px}
  .footer .fcol.open ul{display:grid}
  .footer-grid.v2 > div:first-child p{font-size:13px;line-height:1.5}
  .footer .join{padding-top:6px}
  .footer .join .motto{margin-top:10px}
  .footer .follow .grid-f{grid-template-columns:1fr 1fr;gap:8px}
  .footer-bottom{margin-top:18px;font-size:11.5px}
}
@media (max-width:520px){
  .cats .ctile:nth-child(7):last-child{grid-column:1/-1;display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto auto 1fr;column-gap:12px;align-items:center;text-align:left;padding-right:14px}
  .cats .ctile:nth-child(7):last-child .art{grid-column:1;grid-row:1/-1;aspect-ratio:1/1;padding:8% 10% 4%}
  .cats .ctile:nth-child(7):last-child > b{grid-column:2;margin-top:12px}
  .cats .ctile:nth-child(7):last-child > small,.cats .ctile:nth-child(7):last-child > p{grid-column:2}
  .cats .ctile:nth-child(7):last-child > p{margin-bottom:12px}
}
@media (max-width:640px){
  .wz-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))}
  .wz-nav #wz-next,.wz-nav #wz-submit{grid-column:1/-1;order:-1;width:100%;padding:15px 18px}
  .wz-nav #wz-back{order:1}
  .wz-nav .hint{order:2;text-align:right;font-size:12.5px}
  .wz-steps{padding:12px 14px}
  .wz-body{padding:16px}
}
@media (max-width:560px){.gv-chat-launch{bottom:14px;right:12px}}
@media (max-width:640px){
  .footer-grid.v2 > div:first-child p,.footer .join > p,.footer .follow .fh span{display:none}
  .footer .follow{margin-top:14px}
  .footer .follow .fh{margin-bottom:8px}
  .footer .join h4{margin-top:6px}
}

/* ============================================================
   v15.2 — mobile, second pass (Sep 7, 2026): the honeypot input was 25px wider than the phone (the sideways
   drift on EVERY page), FAQs leave phones, tile grids become compact rows, stats 2×2, wizard help line
   centered, less air everywhere.
   ============================================================ */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;left:0!important;top:0!important}
.faq-link{display:none}
@media (max-width:640px){
  .section.tight{padding:22px 0}
  .section{padding:28px 0}
  .section-head{margin-bottom:12px!important}
  .section-head .sub{display:none}
  .faq-section .section-head,.faq-section .faq{display:none}
  .faq-section{padding:14px 0!important}
  .faq-link{display:block;text-align:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--gold);font-weight:700;background:var(--surface)}
  .stats5:not(.icons){grid-template-columns:1fr 1fr}
  .stats5:not(.icons) div{padding:14px 8px;min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .stats5:not(.icons) div:nth-child(2n){border-right:0}
  .stats5:not(.icons) div:last-child{grid-column:auto;border-top:0}
  .stats5:not(.icons) div:nth-last-child(-n+2){border-bottom:0}
  .stats5:not(.icons) b{font-size:24px}
  .stats5:not(.icons) span{font-size:11px;display:block;line-height:1.3;overflow-wrap:anywhere}
  .stats5.icons > div{padding:12px 14px}
  .irow{grid-template-columns:1fr!important;gap:8px;text-align:left}
  .irow > div{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center;padding:10px 12px}
  .irow .ring{width:40px;height:40px;margin:0;grid-row:1/3}
  .irow .ring svg{width:18px;height:18px}
  .irow b{grid-column:2;font-size:14px}
  .irow span{grid-column:2;margin-top:1px;font-size:12.5px}
  .dash{grid-template-columns:1fr}
  .dash aside{display:none}
  .dash main{padding:12px}
  .dash .hd{flex-wrap:wrap;gap:6px}
  .wz-nav .hint{grid-column:1/-1;text-align:center}
  .wz-nav #wz-back:not([hidden]) ~ .hint{grid-column:2;text-align:right}
  .wizard{margin-bottom:0}
  .hero-actions{margin-bottom:0}
}
/* v15.2 — Live page on phones: quick views, quick follows */
.sl-more{display:none}
@media (max-width:640px){
  .showcal{display:none!important}
  .sched-grid{grid-template-columns:1fr}
  .sched-grid .shows-wrap .scroll{max-height:none!important}
  .show-list .sl-head{display:none}
  .show-list:not(.all) .sl-row:nth-child(n+7){display:none}
  .sl-more{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--gold);font-weight:800;font-family:var(--font-body)}
  .chan{padding:16px;gap:12px;grid-template-columns:56px 1fr}
  .chan img{width:56px;height:56px}
  .chan .meta{flex-wrap:wrap;gap:8px 12px}
  .chan .btn{padding:13px 16px;text-align:center}
  .chan .chan-rv .rv-list,.chan-rv .rv-list{display:none!important}
  .chan .chan-rv.open .rv-list,.chan-rv.open .rv-list{display:grid!important}
  .chan-rv .rv-title{cursor:pointer;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
  .chan-rv .rv-title span::after{content:" ▾";color:var(--gold)}
  .chan-rv.open .rv-title span::after{content:" ▴"}
  .phones{height:268px;margin-top:4px}
  .phones .phone.p1{transform:scale(.52) rotate(-6deg) translate(70px,0)}
  .phones .phone.p2{transform:scale(.52) rotate(5deg) translate(-70px,24px)}
  .next-show{margin-top:12px!important}
}
/* v15.2 — density: the hero grid track must not grow to its content's min width (Live's phone mock was pushing it to 460px) */
.hero.v5 .hero-grid > *,.hero.v3 .hero-grid > *{min-width:0}
@media (max-width:960px){.hero.v5 .hero-grid,.hero.v3 .hero-grid{grid-template-columns:minmax(0,1fr)}.phones{max-width:100%;overflow:hidden}}
@media (max-width:640px){
  .page-hero{padding:26px 0 22px}
  .page-hero .hero-panel,.page-hero .hero-panel.v2{margin:14px 16px 0;padding:14px 14px 12px}
  .page-hero .hero-panel .hp-card{padding:10px 12px}
  .payout.v2{padding:16px 14px 14px}
  .payout.v2 .pay-top{gap:12px;padding-bottom:12px}
  .payout.v2 .cmp-wrap{display:none}
  .payout.v2 .pay-perks{gap:8px}
  .timeline.v2 li{padding:8px 0}
  .timeline.v2 li > i:first-child{width:40px;height:40px;font-size:16px}
  .split{gap:14px!important}
  .grid{gap:10px!important}
  .card{padding:16px!important}
  .form-row{gap:10px!important}
  .field{margin-bottom:10px!important}
  .follow .grid-f a{padding:10px 12px;gap:10px}
  .follow .grid-f a .ic{width:32px;height:32px}
  .footer .join form{margin-top:6px}
}
/* v15.3 — consign "Ready to consign?" on phones: heading → form, nothing in between (Travis, Sep 7 5:39 AM) */
@media (max-width:640px){
  #apply .choice-grid.mix,#apply .apply-next{display:none}
  #apply .split > div:first-child{margin-bottom:6px}
  #apply .split > div:first-child .lead{margin-bottom:8px}
}
/* v15.3 — icon cards (About "Four commitments", Contact cards) become compact icon-left rows on phones */
@media (max-width:640px){
  .grid .card:has(> .icon){display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;padding:14px!important}
  .grid .card:has(> .icon) > .icon{width:44px;height:44px;border-radius:12px;grid-column:1;grid-row:1/3}
  .grid .card:has(> .icon) > .icon svg{width:20px;height:20px}
  .grid .card:has(> .icon) > h3{grid-column:2;margin:0;font-size:17px}
  .grid .card:has(> .icon) > p{grid-column:2;margin:0;font-size:13.5px;line-height:1.45}
  .grid .card:has(> .icon) > .go,.grid .card:has(> .icon) > a{grid-column:2}
}
/* v15.3 — About team cards on phones: avatar beside name + role, bio kept, bullet lists dropped */
@media (max-width:640px){
  .team .card{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;row-gap:0;align-items:center;padding:14px!important}
  .team .card .av{width:56px;height:56px;grid-column:1;grid-row:1/3;font-size:20px!important;border-width:2px}
  .team .card h3{grid-column:2;grid-row:1;margin:0;font-size:18px}
  .team .card .role{grid-column:2;grid-row:2;margin:0;font-size:11.5px}
  .team .card p:not(.role){grid-column:1/-1;margin:10px 0 0;font-size:13.5px;line-height:1.45}
  .team .card ul{display:none}
  .about-story .lead,.split .lead{font-size:15px}
}
/* v15.3 — footer on phones: no wrapped handles, less air */
@media (max-width:640px){
  .footer{padding:22px 0 14px}
  .footer .brand{margin-bottom:4px}
  .footer .brand img{width:min(100%,180px)}
  .footer-grid{gap:8px}
  .footer .fcol h4{padding:9px 0;font-size:13px}
  .footer .join h4{margin-top:2px;font-size:13px}
  .footer .join form{margin-top:4px}
  .footer .join .motto{margin-top:8px;font-size:11px}
  .footer .follow{margin-top:10px;padding-top:10px}
  .footer .follow .fh{margin-bottom:6px}
  .footer .follow .fh h4{font-size:13px}
  .footer .follow .grid-f{gap:6px}
  .footer .follow .grid-f a{padding:9px 10px;gap:8px;min-width:0}
  .footer .follow .grid-f a .ic{width:30px;height:30px;flex:none}
  .footer .follow .grid-f a .tx{min-width:0;flex:1 1 auto}
  .footer .follow .grid-f a .tx b,.footer .follow .grid-f a .tx small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .footer .follow .grid-f a .tx b{font-size:13px}
  .footer .follow .grid-f a .tx small{font-size:11px}
  .footer .follow .grid-f a .arr{display:none}
  .footer .follow .grid-f a:nth-child(5):last-child{grid-column:1/-1}
  .footer-bottom{margin-top:12px;padding-top:10px;font-size:11px;gap:6px}
  .footer-bottom > div:first-child{line-height:1.45}
}
/* v15.3 — home "Why collectors trust us" panel leaves phones (Travis, Sep 7 5:44 AM) */
@media (max-width:640px){.trustbox{display:none!important}#how .how-grid,#how .split{grid-template-columns:1fr}}
/* v15.3 — Sell "Choose your selling option" cards compact on phones */
@media (max-width:640px){
  .opts{gap:10px}
  .opt{padding:14px 14px 12px!important;gap:3px}
  .opt.hot{transform:none}
  .opt.hot::before{top:-9px;left:14px}
  .opt h3{font-size:20px}
  .opt .for{font-size:11px}
  .opt ul{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:13px;margin-top:4px}
  .opt .btn{justify-self:stretch;text-align:center;margin-top:8px!important;padding:11px 14px}
}
/* v15.3 — consign process steps compact on phones (body capped at 3 lines; desktop keeps the full text) */
@media (max-width:640px){
  .timeline.v2{gap:8px}
  .timeline.v2 li{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px 12px;align-items:start}
  .timeline.v2 li > i:first-child{width:32px;height:32px;font-size:14px;margin-top:1px}
  .timeline.v2 li b{font-size:15.5px}
  .timeline.v2 li p,.timeline.v2 li span,.timeline.v2 li div > p{font-size:13px;line-height:1.4;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}
/* v15.3 — "How it works" step cards (.hiw: consign process, home steps) compact on phones; body capped at 3 lines */
@media (max-width:640px){
  .hiw{gap:8px!important;grid-template-columns:1fr!important}
  .hiw > div{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;align-items:start;padding:10px 12px!important}
  .hiw > div > i{width:32px;height:32px;font-size:14px;margin:0}
  .hiw > div > div > b{font-size:15.5px;display:block;margin:4px 0 2px}
  .hiw > div > div > span{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}
/* v15.3 — contact page on phones: the hero panel already lists every way to reach us → the duplicate cards go, straight to the form */
@media (max-width:640px){
  .page-hero:has(.hero-panel.reach) + .section .split > .grid{display:none}
  .page-hero:has(.hero-panel.reach) + .section{padding-top:16px}
  .page-hero:has(.hero-panel.reach) .hero-panel .hp-card{padding:10px 12px}
  .page-hero:has(.hero-panel.reach) .hero-panel .hp-card b{font-size:15px}
}
@media (max-width:640px){.hiw > div.open > div > span{-webkit-line-clamp:unset;display:block}.hiw > div{cursor:pointer}}
/* v15.4 — phone footer order (Travis, Sep 7 5:49 AM): logo → Follow the Vault → Sell / Watch & Shop / Company → Join → legal */
@media (max-width:640px){
  .footer .wrap{display:flex;flex-direction:column}
  .footer-grid.v2{display:contents}
  .footer-grid.v2 > div:first-child{order:1;margin-bottom:6px}
  .footer .follow{order:2;margin:0 0 10px;padding-top:0;border-top:0}
  .footer .follow .fh{margin-bottom:8px}
  .footer-grid.v2 > .fcol{order:3}
  .footer-grid.v2 > .join{order:4;margin-top:10px}
  .footer-bottom{order:5}
}
/* v15.5 — phone footer logo fills the column (1964px source, sharp at 3x); About glance sub-line stays one block (the old .hp-stat span rule was gridding the inner 10K+ span onto its own row) */
@media (max-width:640px){
  .footer .brand img{width:100%;max-width:none;aspect-ratio:1964/539;object-fit:contain;image-rendering:auto}
  .hp-stat small{grid-column:2;grid-row:2;text-align:left;font-size:13px;line-height:1.35;margin:0}
  .hp-stat small span{grid-column:auto;grid-row:auto;display:inline;font-size:inherit}
}
@media (max-width:640px){
  .hp-stat small span{display:inline!important}
  /* Live hero phone mock: clear the next-show card, keep both phones + tags inside the clip box */
  .phones{height:300px;margin-top:18px;align-items:flex-start}
  .phones .phone.p1{transform:scale(.56) rotate(-6deg) translate(64px,14px)}
  .phones .phone.p2{transform:scale(.56) rotate(5deg) translate(-64px,40px)}
}
@media (max-width:640px){
  .footer .brand img{width:100%!important;height:auto!important;max-width:none}
  .page-hero .hero-panel.v2 .hp-head > :first-child{font-size:10px;letter-spacing:.12em}
  .page-hero .hero-panel.v2 .hp-foot .who{white-space:normal;line-height:1.25}
}
/* v15.6 — FAQ page: category chips jump to each group; the phone "collapse to one link" rule never applies here (clean URL is /faq) */
.faq-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.faq-cats a{padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;font-size:13px;font-weight:700;color:var(--gold);background:var(--surface);text-decoration:none}
.faq-cats a:hover{border-color:var(--gold)}
@media (max-width:640px){
  .faq-cats{position:static;padding:0;margin:0 0 14px;gap:6px}
  .faq-cats a{flex:1 1 calc(50% - 6px);text-align:center;padding:9px 8px;font-size:12.5px}
  .faq-section h3.gold{scroll-margin-top:calc(var(--nav-h) + 96px)}
  h3[id^="f-"]{scroll-margin-top:calc(var(--nav-h) + 12px);font-size:22px;margin-top:22px!important}
  .faq details summary{font-size:15px;padding:12px 40px 12px 14px}
}
/* v15.7 — FAQ hand-offs: sell/consign pages link to the FAQ; each FAQ category links back to the page that walks them through it */
.faq-cta{padding:10px 0 34px}
.faq-cta-card{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.faq-cta-card b{display:block;font-size:17px;margin-bottom:3px}
.faq-cta-card span{font-size:14px;color:var(--muted)}
.faq-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.faq-go{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;margin:14px 0 6px;padding:16px 20px;border:1px solid rgba(240,175,24,.35);border-radius:14px;background:linear-gradient(135deg,rgba(240,175,24,.10),rgba(240,175,24,.03));text-decoration:none;color:var(--text)}
.faq-go b{font-size:16px}
.faq-go span{grid-column:1;font-size:13.5px;color:var(--muted)}
.faq-go i{grid-column:2;grid-row:1/3;font-style:normal;font-weight:800;color:var(--gold);white-space:nowrap}
.faq-go:hover{border-color:var(--gold)}
@media (max-width:640px){.faq-cta{padding:6px 0 26px}.faq-cta-card{padding:16px}.faq-cta-btns{width:100%}.faq-cta-btns .btn{flex:1;text-align:center}.faq-go{grid-template-columns:1fr}.faq-go i{grid-column:1;grid-row:auto}}
/* v15.7 — Live page: "What to expect" sits with the channel cards (one info block, fewer scrolls) */
.expect-inline{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.expect-inline .section-head{margin-bottom:12px!important}
.expect-inline h2{font-size:26px}
@media (max-width:640px){.expect-inline{margin-top:16px;padding-top:16px}.expect-inline h2{font-size:22px}}
/* v15.8 — About: what-we-do list; chatbot resume card */
.what-we-do{display:grid;gap:10px}
.what-we-do > div{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.what-we-do b{color:var(--gold);font-size:15px}
.what-we-do span{font-size:14px;color:var(--text-2);line-height:1.5}
@media (max-width:640px){.what-we-do > div{grid-template-columns:1fr;gap:4px;padding:11px 12px}}
.gv-chat .msg.resume{border:1px solid rgba(240,175,24,.45);background:rgba(240,175,24,.08)}
.gv-chat .msg.resume .opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.gv-chat .msg.resume .opts button{padding:9px 13px;border-radius:999px;border:1px solid var(--gold);background:var(--gold);color:#1a1300;font-weight:800;font-size:13px}
.gv-chat .msg.resume .opts button.ghost{background:transparent;color:var(--gold-light);border-color:rgba(240,175,24,.5)}
/* v15.10 — Live page: channel cards left, "What to expect" as a slim vertical rail on the right; reviews trimmed to two compact rows */
.chan-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.chan-row .chan-cards{grid-template-columns:1fr 1fr}
.chan-row .expect-inline{margin:0;padding:16px 16px 6px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.chan-row .expect-inline h2{font-size:20px}
.chan-row .expect-inline .section-head{margin-bottom:8px!important}
.chan-row .expect-inline .irow{grid-template-columns:1fr;gap:6px}
.chan-row .expect-inline .irow > div{display:grid;grid-template-columns:36px 1fr;gap:4px 10px;align-items:center;text-align:left;padding:8px 0;border-top:1px solid var(--line)}
.chan-row .expect-inline .irow > div:first-child{border-top:0}
.chan-row .expect-inline .irow .ring{width:36px;height:36px;grid-row:1/3;margin:0}
.chan-row .expect-inline .irow .ring svg{width:18px;height:18px}
.chan-row .expect-inline .irow b{font-size:14px;margin:0}
.chan-row .expect-inline .irow span{font-size:12.5px;line-height:1.35}
.chan-rv .rv-list{gap:6px}
.chan-rv .rv{padding:8px 10px;font-size:13px}
.chan-rv .rv .body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1100px){.chan-row{grid-template-columns:minmax(0,1fr) 260px}}
@media (max-width:960px){.chan-row{grid-template-columns:1fr}.chan-row .chan-cards{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.chan-row .chan-cards{grid-template-columns:1fr}.chan-row .expect-inline{padding:14px 14px 4px}}
/* v15.10 — About story: tighter copy, four badges on one row */
.about-story .badge-row{flex-wrap:nowrap;gap:8px}
.about-story .badge-row .badge{padding:7px 11px;font-size:12px;white-space:nowrap}
.about-story .what-we-do > div{padding:10px 12px;grid-template-columns:120px 1fr}
.about-story .what-we-do span{font-size:13.5px;line-height:1.45}
@media (max-width:640px){.about-story .badge-row{flex-wrap:wrap}}
/* v15.11 — sell hero badges: two and two, never an orphan */
.hero .badge-row{display:grid;grid-template-columns:repeat(2,max-content);gap:8px 10px}
@media (max-width:640px){.hero .badge-row{grid-template-columns:1fr 1fr}.hero .badge-row .badge{justify-content:center;white-space:normal;text-align:center}}
/* v15.11.1 — sell page: big scroll cue instead of a button between the explainer and the wizard */
.scroll-cue{display:grid;justify-items:center;text-align:center;gap:6px;margin:30px auto 0;padding:22px 20px 18px;max-width:640px;border:1px dashed rgba(240,175,24,.5);border-radius:18px;background:linear-gradient(180deg,rgba(240,175,24,.08),rgba(240,175,24,.02))}
.scroll-cue .arrow{font-size:34px;line-height:1;color:var(--gold);animation:cue-bounce 1.6s ease-in-out infinite}
.scroll-cue b{font-family:var(--font-display);font-size:clamp(24px,3vw,34px);letter-spacing:.02em;color:var(--text);line-height:1.1}
.scroll-cue .sub{font-size:14px;color:var(--muted)}
@keyframes cue-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.scroll-cue .arrow{animation:none}}
@media (max-width:640px){.scroll-cue{margin-top:20px;padding:16px 14px 14px}.scroll-cue .arrow{font-size:28px}}
/* v15.11.2 — Live: the expect rail matches the channel cards' height; items spread evenly and read larger */
.chan-row{align-items:stretch}
.chan-row .expect-inline{display:flex;flex-direction:column;padding:22px 20px 18px}
.chan-row .expect-inline h2{font-size:22px}
.chan-row .expect-inline .irow{flex:1;display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:10px}
.chan-row .expect-inline .irow > div{grid-template-columns:44px 1fr;gap:4px 12px;padding:12px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);align-content:center}
.chan-row .expect-inline .irow > div:first-child{border-top:1px solid var(--line)}
.chan-row .expect-inline .irow .ring{width:44px;height:44px}
.chan-row .expect-inline .irow .ring svg{width:22px;height:22px}
.chan-row .expect-inline .irow b{font-size:16px}
.chan-row .expect-inline .irow span{font-size:13.5px}
.chan-rv .rv .body{-webkit-line-clamp:3}
@media (max-width:960px){.chan-row{align-items:start}.chan-row .expect-inline .irow{grid-auto-rows:auto}}
/* v15.11.3 — About team cards: checklists start on the same line in all three tiles */
.team .card{display:flex;flex-direction:column}
.team .card > p{flex:1 0 auto;margin-bottom:14px}
.team .card > ul{margin-top:auto}
.team .card ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:960px){.team .card > p{flex:0 0 auto}.team .card ul li{white-space:normal}}
/* v15.12 — FAQ page on desktop: sticky category rail on the left, questions on the right, a rule between categories, compact hand-off rows */
@media (min-width:1000px){
  .faq-page .wrap{max-width:1180px!important;display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:40px;align-items:start}
  .faq-page .faq-cats{grid-column:1;grid-row:1 / span 40;position:sticky;top:calc(var(--nav-h) + 24px);flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
  .faq-page .faq-cats::before{content:"Jump to";display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:800;margin:0 0 6px 4px}
  .faq-page .faq-cats a{text-align:left;padding:10px 12px;border-radius:10px;border-color:transparent;background:transparent}
  .faq-page .faq-cats a:hover{background:rgba(240,175,24,.08);border-color:rgba(240,175,24,.35)}
  .faq-page .wrap > :not(.faq-cats){grid-column:2}
  .faq-page h3[id^="f-"]{margin-top:0;padding-top:0;font-size:26px}
  .faq-page h3[id^="f-"]:not(#f-selling){border-top:1px solid var(--line);padding-top:30px;margin-top:22px}
  .faq-page .faq-go{grid-template-columns:auto 1fr auto;padding:12px 16px;margin:12px 0 0;align-items:center}
  .faq-page .faq-go b{grid-column:1;font-size:15px;white-space:nowrap}
  .faq-page .faq-go span{grid-column:2;grid-row:1;font-size:13px}
  .faq-page .faq-go i{grid-column:3;grid-row:1}
  .faq-page .faq details summary{padding:12px 44px 12px 16px;font-size:15.5px}
  .faq-page .faq details .a{font-size:14.5px}
  .faq-page .faq{gap:8px}
}
/* v15.14.2 — scroll cue: no dashed box; a gold rule, a gold arrow badge, one line of copy */
.scroll-cue{border:0;background:none;max-width:none;margin:34px 0 0;padding:30px 0 0;position:relative;gap:8px}
.scroll-cue::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(240,175,24,.7),transparent)}
.scroll-cue .arrow{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#1a1300;background:var(--gold);box-shadow:0 10px 26px rgba(240,175,24,.35)}
.scroll-cue b{font-size:clamp(22px,2.6vw,30px)}
.scroll-cue .sub{font-size:14px}
@media (max-width:640px){.scroll-cue{margin-top:22px;padding-top:22px}.scroll-cue .arrow{width:44px;height:44px;font-size:22px}}
/* v15.16 — Vault Store hero carries the early-access signup (no separate section, no slab mock) */
.hero .hero-signup{max-width:560px;padding:18px 18px 14px;border:1px solid rgba(240,175,24,.35);border-radius:16px;background:rgba(17,19,23,.72);backdrop-filter:blur(8px)}
.hero .hero-signup .form-row{gap:12px}
.hero .hero-signup .field{margin-bottom:12px}
.hero .hero-signup .field label{font-size:11.5px}
.hero .hero-signup input[type=email],.hero .hero-signup input[type=tel]{min-height:46px}
.hero .hero-signup .pref span{padding:9px}
.hero .hero-signup .form-status{margin-top:8px}
.hero.v3 .hero-grid{align-items:center}
@media (max-width:640px){.hero .hero-signup{padding:14px 14px 10px;max-width:none}.hero .hero-signup .form-row{grid-template-columns:1fr}}
/* v15.16 — contact hero panel: smaller, three cards only */
.page-hero .hero-panel.v2.reach{width:min(440px,42vw);padding:16px 16px 14px}
.page-hero .hero-panel.v2.reach .hp-card{padding:11px 12px;gap:10px}
.page-hero .hero-panel.v2.reach .hp-card i{width:34px;height:34px}
.page-hero .hero-panel.v2.reach .hp-card b{font-size:15px}
.page-hero .hero-panel.v2.reach .hp-card small{font-size:12px}
.page-hero .hero-panel.v2.reach .hp-card + .hp-card{margin-top:8px}
/* v15.17 — Vault Store: simple hero again + early-access signup section (copy left, form card right, no slab mock); home page centered heads */
.early-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center}
.early-form{padding:22px 22px 18px}
.early-form .field{margin-bottom:12px}
.early-form .pref span{padding:10px}
@media (max-width:900px){.early-grid{grid-template-columns:1fr;gap:18px}}
.section-head.center{display:grid;justify-items:center;text-align:center;gap:6px;margin-bottom:22px}
.section-head.center .hl{display:grid;justify-items:center;gap:6px}
.section-head.center .sub{margin:0}
.section-head.center .more{margin-top:6px}
.stats5.icons > div{justify-content:center;text-align:center}
/* v15.18 — consign "How it works" step cards with icons; home timeline text uses the full card width */
.hiw.icons > div{grid-template-columns:64px 1fr;gap:14px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%),var(--surface)}
.hiw.icons .ic{position:relative;width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(240,175,24,.1);border:1px solid rgba(240,175,24,.4);color:var(--gold)}
.hiw.icons .ic svg{width:30px;height:30px}
.hiw.icons .ic i{position:absolute;right:-8px;top:-8px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#1a1300;font-style:normal;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.hiw.icons > div > div b{font-size:17px;display:block;margin-bottom:6px}
.hiw.icons > div > div span{font-size:14px;line-height:1.55;color:var(--text-2)}
.hiw.icons > div:hover{border-color:rgba(240,175,24,.5)}
@media (max-width:640px){.hiw.icons > div{grid-template-columns:52px 1fr;padding:14px}.hiw.icons .ic{width:52px;height:52px;border-radius:14px}.hiw.icons .ic svg{width:24px;height:24px}}
.timeline.v2 li > div > span{max-width:none;display:block}
/* v15.18 — sell page: lane cards with icons + equal heights; the five offer factors as one strip */
#assess .opts{align-items:stretch}
#assess .opt{display:flex;flex-direction:column;position:relative;padding:24px 22px 22px}
#assess .opt .opt-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(240,175,24,.1);border:1px solid rgba(240,175,24,.4);color:var(--gold);margin-bottom:14px}
#assess .opt .opt-ic svg{width:24px;height:24px}
#assess .opt.hot .opt-ic{background:var(--gold);color:#1a1300;border-color:var(--gold)}
#assess .opt ul{flex:1}
#assess .opt .btn{margin-top:18px!important;width:100%;text-align:center;justify-content:center}
#assess .opt.hot{background:linear-gradient(180deg,rgba(240,175,24,.10),rgba(240,175,24,.02)),var(--surface)}
.irow.strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.irow.strip > div{display:grid;grid-template-columns:40px 1fr;gap:2px 12px;align-items:center;text-align:left;padding:16px 16px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.irow.strip > div:first-child{border-left:0}
.irow.strip .ring{width:40px;height:40px;grid-row:1/3;margin:0}
.irow.strip .ring svg{width:20px;height:20px}
.irow.strip b{font-size:14.5px;margin:0}
.irow.strip span{font-size:12.5px;line-height:1.4;color:var(--muted)}
@media (max-width:960px){.irow.strip{grid-template-columns:1fr 1fr}.irow.strip > div{border-left:0;border-top:1px solid var(--line)}.irow.strip > div:nth-child(-n+2){border-top:0}.irow.strip > div:nth-child(2n){border-left:1px solid var(--line)}}
@media (max-width:640px){.irow.strip{grid-template-columns:1fr}.irow.strip > div{border-left:0!important;border-top:1px solid var(--line)}.irow.strip > div:first-child{border-top:0}}
/* v15.19 — My Vault hero: shorter, perks list fills the column */
.acct-hero.v3 .wrap{padding-top:40px;padding-bottom:40px}
.acct-hero .raw-fan{height:420px}
.hero-perks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.hero-perks li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-2)}
.hero-perks li i{font-style:normal;width:22px;height:22px;border-radius:50%;background:rgba(240,175,24,.15);border:1px solid rgba(240,175,24,.5);color:var(--gold);font-size:12px;display:flex;align-items:center;justify-content:center;flex:none}
@media (max-width:960px){.acct-hero .raw-fan{height:auto}}
/* v15.19.1 — wizard step 1 tiles: six across on desktop, much smaller art, so the step fits one screen */
@media (min-width:1000px){
  .wizard .choice-grid{grid-template-columns:repeat(6,1fr);gap:10px}
  .wizard .choice.pic .art{height:112px;margin-bottom:4px}
  .wizard .choice.pic .art .pc,.wizard .choice.pic .art .pc.pslab.photo{width:64px}
  .wizard .choice.pic .art .slab-mini{width:60px}
  .wizard .choice.pic .art .q{width:56px;height:56px;font-size:28px}
  .wizard .choice.pic > span{padding:10px 8px 12px;font-size:13.5px}
  .wizard .choice.pic em{font-size:11.5px}
}
/* v15.19.1 — footer pills never split mid-word */
.footer .pill{white-space:nowrap;display:inline-block;vertical-align:middle}
.footer .fcol li a:has(> .pill),.footer-grid li a:has(> .pill){white-space:nowrap}
/* v15.20 — Vault Store hero: compact inline signup (one row + one options line), no badges, no separate section */
.hero .hero-signup.compact{max-width:600px;padding:0;border:0;background:none;backdrop-filter:none}
.hs-row{display:grid;grid-template-columns:1.3fr 1fr auto;gap:8px}
.hs-row input{min-height:48px;height:48px;padding:0 14px}
.hs-row .btn{white-space:nowrap;padding-left:18px;padding-right:18px}
.hs-opts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;font-size:12.5px;color:var(--muted)}
.hs-opts .hs-lbl{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:11px;color:var(--text-2)}
.hs-opts label{position:relative;display:inline-flex}
.hs-opts label > input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.hs-opts label > span{padding:5px 11px;border-radius:999px;border:1px solid var(--line-strong);background:rgba(17,19,23,.6);color:var(--text-2);font-weight:700;font-size:12px}
.hs-opts label > input:checked + span{border-color:var(--gold);background:var(--gold-soft);color:var(--gold-light)}
.hs-opts .hs-consent > span{border-style:dashed;font-weight:600}
.hs-opts .hs-consent > input:checked + span{border-style:solid}
.hs-opts .hs-acct{margin-left:auto;color:var(--gold);font-weight:700;text-decoration:none;font-size:12.5px}
.hero .hero-signup.compact .form-status{margin-top:6px}
@media (max-width:640px){.hs-row{grid-template-columns:1fr}.hs-opts .hs-acct{margin-left:0;width:100%}}
/* v15.20.2 — Vault Store hero signup: the labeled card layout, tightened */
.hero .hero-signup.card2{max-width:560px;padding:14px 16px 12px;border:1px solid rgba(240,175,24,.35);border-radius:14px;background:rgba(17,19,23,.72);backdrop-filter:blur(8px)}
.hero .hero-signup.card2 .form-row{gap:10px}
.hero .hero-signup.card2 .field{margin-bottom:8px;gap:4px}
.hero .hero-signup.card2 .field label{font-size:11px}
.hero .hero-signup.card2 input[type=email],.hero .hero-signup.card2 input[type=tel]{min-height:42px;height:42px;padding:0 12px}
.hero .hero-signup.card2 .pref{gap:6px}
.hero .hero-signup.card2 .pref span{padding:7px;font-size:13px}
.hero .hero-signup.card2 .btn{padding-top:11px;padding-bottom:11px}
.hero .hero-signup.card2 .form-status{margin-top:6px}
.hero.v3 .hero-grid{align-items:center}
@media (max-width:640px){.hero .hero-signup.card2{padding:12px;max-width:none}.hero .hero-signup.card2 .form-row{grid-template-columns:1fr}}
/* v15.21 — wizard tiles: still six across, but larger art */
@media (min-width:1000px){
  .wizard .choice-grid{gap:12px}
  .wizard .choice.pic .art{height:150px;margin-bottom:6px}
  .wizard .choice.pic .art .pc,.wizard .choice.pic .art .pc.pslab.photo{width:86px}
  .wizard .choice.pic .art .slab-mini{width:82px}
  .wizard .choice.pic .art .q{width:68px;height:68px;font-size:34px}
  .wizard .choice.pic > span{padding:12px 10px 14px;font-size:14.5px}
  .wizard .choice.pic em{font-size:12.5px}
}
/* v15.22 — consign: dashboard teaser lives inside "Ready to consign?" (left column), no separate section */
.dash-teaser{margin-top:22px;padding:16px 16px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.dash-teaser .dt-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.dash-teaser .dt-head .eyebrow{margin:0}
.dash-teaser > p{margin:0 0 12px;line-height:1.5}
.dash-teaser .dash{transform:none;max-width:none}
@media (max-width:640px){#apply .dash-teaser{display:block}#apply .dash-teaser .dash{display:none}}
/* v15.23 — Vault Store hero: box leads, two equal CTAs, SMS consent enforced */
.hero .hero-signup.card2{margin-top:18px!important}
.hs-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hs-cta .btn{justify-content:center;text-align:center;padding:13px 10px;font-size:14px}
.hs-cta .btn-ghost{border-color:var(--gold);color:var(--gold-light)}
.hs-fine{margin:10px 0 0;font-size:11.5px;color:var(--dim);line-height:1.4}
.hero .hero-signup.card2 .check.needs{color:#FFB3A6}
.hero .hero-signup.card2 .check.needs input{outline:2px solid #FF8A8A;outline-offset:1px;border-radius:4px}
@media (max-width:640px){.hs-cta{grid-template-columns:1fr}}
/* v15.23 — Live: What to expect sits between the two channel cards on desktop */
@media (min-width:961px){
  .chan-row{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr)}
  .chan-row .chan-cards{display:contents}
  .chan-row .chan-cards .chan:nth-child(1){order:1}
  .chan-row .expect-inline{order:2}
  .chan-row .chan-cards .chan:nth-child(2){order:3}
}
@media (max-width:1100px) and (min-width:961px){.chan-row{grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr)}}
/* v15.24 — wizard address block + typeahead dropdown (shared look with the Vault profile); consign apply trust list; wizard fan tiles stay inside their box */
.wz-addr{margin-top:6px;padding:16px 16px 6px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.wz-addr-head{display:grid;gap:2px;margin-bottom:12px}
.wz-addr-head b{font-size:15px}
.wz-addr .form-row.street{grid-template-columns:2fr 1fr}
.wz-addr .form-row.csz{grid-template-columns:1.4fr .7fr .9fr}
.wz-addr .field{margin-bottom:12px}
.wz-addr .addr-field{position:relative}
.wz-addr .hint{display:block;margin-top:6px;font-size:12px;color:var(--dim)}
.wz-acct-note{margin:2px 0 8px;line-height:1.45}
.addr-sug{position:absolute;left:0;right:0;top:100%;z-index:30;margin-top:6px;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.6);overflow:hidden}
.addr-sug button{display:grid;gap:2px;width:100%;text-align:left;padding:10px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}
.addr-sug button b{font-size:14.5px}
.addr-sug button span{font-size:12.5px;color:var(--muted)}
.addr-sug button:hover,.addr-sug button:focus{background:rgba(240,175,24,.1);outline:none}
.addr-sug .addr-src{padding:7px 14px;font-size:11px;color:var(--dim)}
@media (max-width:640px){.wz-addr .form-row.street{grid-template-columns:1fr}.wz-addr .form-row.csz{grid-template-columns:1fr 1fr}.wz-addr .form-row.csz .field:first-child{grid-column:1/-1}}
.apply-trust{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.apply-trust li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-2);line-height:1.4}
.apply-trust li i{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;background:rgba(240,175,24,.15);border:1px solid rgba(240,175,24,.5);color:var(--gold);font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.wizard .choice.pic{overflow:hidden}
.wizard .choice.pic .art.fan img{height:80%}
.wizard .choice.pic .art.fan img:nth-child(1){transform:translateX(-50%) rotate(-14deg) translateX(-26%)}
.wizard .choice.pic .art.fan img:nth-child(3){transform:translateX(-50%) rotate(14deg) translateX(26%)}
/* v15.24.1 — wizard contact + address: every control the same height, notes span the row, nothing drifts */
.wizard fieldset[data-step="4"] .form-row{align-items:start}
.wizard fieldset[data-step="4"] .field{display:grid;grid-template-columns:1fr;gap:7px;align-content:start;margin-bottom:12px}
.wizard fieldset[data-step="4"] .field input,.wizard fieldset[data-step="4"] .field select,.wz-addr .field input,.wz-addr .field select{height:52px;min-height:52px;width:100%;box-sizing:border-box;padding:0 14px;line-height:normal}
.wizard fieldset[data-step="4"] .choice-grid .choice > span{min-height:52px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.wz-addr{display:grid;gap:0;padding:16px 16px 10px}
.wz-addr .form-row{display:grid;align-items:start}
.wz-addr .field{margin-bottom:12px}
.wz-addr .field .hint{margin-top:0}
.wz-acct-note{grid-column:1/-1;margin:2px 0 6px;font-size:12.5px}
.wz-acct-note{max-width:none;width:100%}
/* v15.25 — consign two-step application; Vault Store signup card a touch bigger */
.cwz .cwz-steps{list-style:none;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cwz .cwz-steps li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--dim)}
.cwz .cwz-steps li i{font-style:normal;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--muted);flex:none}
.cwz .cwz-steps li.on{color:var(--gold-light)}
.cwz .cwz-steps li.on i{background:var(--gold);border-color:var(--gold);color:#1a1300;box-shadow:0 0 0 4px rgba(240,175,24,.18)}
.cwz .cwz-steps li.done{color:var(--text-2);cursor:pointer}
.cwz .cwz-steps li.done i{border-color:var(--gold);color:var(--gold)}
.cwz fieldset{border:0;padding:0;margin:0;min-width:0}
.cwz .field{display:grid;grid-template-columns:1fr;gap:7px;align-content:start;margin-bottom:12px}
.cwz .field input:not([type=file]),.cwz .field select{height:52px;min-height:52px;width:100%;box-sizing:border-box;padding:0 14px}
.cwz .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.cwz .wz-addr .form-row.street{grid-template-columns:2fr 1fr}
.cwz .wz-addr .form-row.csz{grid-template-columns:1.4fr .7fr .9fr}
.cwz .cwz-nav{display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}
.cwz .cwz-nav #cwz-next,.cwz .cwz-nav #cwz-submit{margin-left:auto}
.cwz .cwz-nav #cwz-submit{flex:1}
.cwz .hint{display:block;margin-top:8px;font-size:12px;color:var(--dim)}
@media (max-width:640px){.cwz .form-row,.cwz .wz-addr .form-row.street{grid-template-columns:1fr}.cwz .wz-addr .form-row.csz{grid-template-columns:1fr 1fr}.cwz .wz-addr .form-row.csz .field:first-child{grid-column:1/-1}.cwz .cwz-steps li span{font-size:12px}}
.hero .hero-signup.card2{max-width:640px;padding:18px 18px 14px}
.hero .hero-signup.card2 input[type=email],.hero .hero-signup.card2 input[type=tel]{min-height:48px;height:48px;font-size:15px}
.hero .hero-signup.card2 .pref span{padding:9px;font-size:14px}
.hero .hero-signup.card2 .hs-cta .btn{padding:14px 10px;font-size:15px}
/* v15.25 — contact page: the four cards share the form's height, equal rows */
.split:has(> form[data-lead="General Inquiry"]){align-items:stretch!important}
.split:has(> form[data-lead="General Inquiry"]) > .grid{grid-auto-rows:1fr;align-content:stretch;height:100%}
.split:has(> form[data-lead="General Inquiry"]) > .grid > .card{display:flex;flex-direction:column;justify-content:center;margin:0}
@media (max-width:860px){.split:has(> form[data-lead="General Inquiry"]) > .grid{height:auto;grid-auto-rows:auto}}
/* v15.25.2 — Vault Store hero: two-line lead, tighter card, hero back near the other tabs */
.hero .hero-signup.card2{margin-top:14px!important;padding:14px 16px 12px}
.hero .hero-signup.card2 .field{margin-bottom:8px}
.hero .hero-signup.card2 .hs-fine{margin-top:8px;font-size:11px}
.hero .hero-signup.card2 .check{margin:0 0 8px!important}