/* ============================================================
   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}