:root{
  --bg:#070707;--panel:#111112;--panel2:#171719;--ink:#f6f3eb;--muted:#9d9da4;
  --red:#e31837;--gold:#d6b25e;--line:#2b2b2f;--soft:#1e1e21;--green:#64d98b;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
a{color:inherit;text-decoration:none} button,input,select{font:inherit}
.container{width:min(1280px,calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,7,7,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.navin{height:72px;display:flex;align-items:center;gap:28px}
.brand{font-weight:900;letter-spacing:.12em;font-size:14px;margin-right:auto}
.brand span{color:var(--gold)}
.nav a{font-size:13px;color:#c5c5ca}.nav a:hover{color:white}
.hero{min-height:720px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:70px 0 80px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--gold);font-weight:800}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(48px,7vw,92px);line-height:.94;letter-spacing:-.04em;margin:18px 0 24px}
.lede{font-size:19px;line-height:1.6;color:#b9b9bf;max-width:720px}
.heroStats{display:flex;gap:34px;margin-top:38px;flex-wrap:wrap}
.stat b{font-size:30px;display:block}.stat span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.heroCard{position:relative;display:flex;justify-content:center}
.heroCard:before{content:"";position:absolute;inset:12% 5%;background:radial-gradient(circle,rgba(214,178,94,.22),transparent 58%);filter:blur(30px)}
.heroCard img{position:relative;max-height:620px;max-width:100%;filter:drop-shadow(0 30px 45px rgba(0,0,0,.65));transform:rotate(1.5deg)}
.ctas{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:#171719;color:white;padding:13px 18px;border-radius:999px;font-weight:750;font-size:13px;cursor:pointer}
.btn.primary{background:var(--red);border-color:var(--red)}
.btn:hover{transform:translateY(-1px)}
.section{padding:92px 0;border-top:1px solid var(--line)}
.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}
.section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4vw,58px);font-weight:500;letter-spacing:-.03em;margin:8px 0}
.sectionHead p{color:var(--muted);max-width:620px;line-height:1.55}
.funnel{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:stretch}
.funnelViz{background:linear-gradient(180deg,#151516,#0d0d0e);border:1px solid var(--line);border-radius:24px;padding:34px}
.funnelStep{margin:0 auto 12px;border:1px solid #333338;background:#1a1a1c;min-height:86px;display:flex;align-items:center;justify-content:space-between;padding:17px 22px;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}
.funnelStep:nth-child(1){width:100%}.funnelStep:nth-child(2){width:82%}.funnelStep:nth-child(3){width:63%;border-color:rgba(214,178,94,.55)}.funnelStep:nth-child(4){width:46%;border-color:rgba(227,24,55,.65)}
.funnelStep strong{font-size:28px}.funnelStep small{color:var(--muted);display:block;margin-top:4px}
.funnelStep span{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-weight:800}
.rarityTable{background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.rarityRow{display:grid;grid-template-columns:1fr 110px 130px;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line)}
.rarityRow:last-child{border:0}.rarityRow.head{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;background:#0e0e0f}
.rarityRow .zero{color:#666}.rarityRow .elite{color:var(--gold);font-weight:900}
.callout{margin-top:18px;padding:18px 20px;background:rgba(214,178,94,.08);border:1px solid rgba(214,178,94,.28);border-radius:16px;color:#d8d2c2;line-height:1.55}
.registryTools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.search{flex:1;min-width:240px;background:#111;border:1px solid var(--line);color:white;padding:12px 15px;border-radius:12px}
.select{background:#111;border:1px solid var(--line);color:white;padding:12px 14px;border-radius:12px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.chip{background:#111;border:1px solid var(--line);color:#bbb;padding:9px 12px;border-radius:999px;cursor:pointer;font-size:12px}
.chip.active,.chip:hover{color:white;border-color:#777}
.registryGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;transition:.2s;position:relative}
.card:hover{transform:translateY(-4px);border-color:#555;box-shadow:0 18px 34px rgba(0,0,0,.3)}
.card.featured{border-color:rgba(214,178,94,.8);box-shadow:0 0 0 1px rgba(214,178,94,.15) inset}
.cardImg{aspect-ratio:3/4;background:#0d0d0e;display:flex;align-items:center;justify-content:center;position:relative}
.cardImg img{width:100%;height:100%;object-fit:contain;padding:7px}
.missing{color:#59595f;text-align:center;font-weight:800;font-size:12px;letter-spacing:.12em}.missing b{display:block;font-size:26px;color:#323237;margin-bottom:6px}
.badge{position:absolute;top:9px;left:9px;border-radius:999px;background:rgba(0,0,0,.78);border:1px solid #3c3c41;padding:5px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.badge.gold{color:#f0d182;border-color:rgba(214,178,94,.6)}
.cardBody{padding:12px}.serial{font-weight:850;font-size:15px}.meta{color:var(--muted);font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.featureImg{background:radial-gradient(circle at 50% 45%,#272118 0,#121212 58%,#0a0a0a 100%);border:1px solid var(--line);border-radius:28px;padding:28px;text-align:center}
.featureImg img{max-height:700px;max-width:100%;filter:drop-shadow(0 25px 36px rgba(0,0,0,.6))}
.pill{display:inline-flex;padding:7px 10px;border:1px solid rgba(214,178,94,.45);color:var(--gold);border-radius:999px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:900}
.feature h3{font-family:Georgia,"Times New Roman",serif;font-size:52px;font-weight:500;margin:16px 0 10px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);margin-top:26px}
.spec{padding:16px 0;border-bottom:1px solid var(--line)}.spec:nth-child(odd){padding-right:18px}.spec:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}
.spec small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:5px}.spec b{font-size:15px}
.note{color:var(--muted);line-height:1.6;font-size:14px}
.footer{padding:48px 0;color:#777;border-top:1px solid var(--line);font-size:12px;line-height:1.6}
.dialog{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.76);display:none;align-items:center;justify-content:center;padding:24px}
.dialog.open{display:flex}.modal{width:min(960px,100%);max-height:92vh;overflow:auto;background:#101011;border:1px solid #39393e;border-radius:24px;position:relative}
.close{position:absolute;right:16px;top:16px;z-index:2;width:38px;height:38px;border-radius:50%;background:#111;border:1px solid #444;color:white;cursor:pointer}
.modalGrid{display:grid;grid-template-columns:1fr 1fr}.modalVisual{min-height:620px;background:#090909;display:flex;align-items:center;justify-content:center;padding:24px}
.modalVisual img{max-width:100%;max-height:680px;object-fit:contain}.modalContent{padding:44px}
.modalContent h3{font-family:Georgia,"Times New Roman",serif;font-size:40px;margin:10px 0 8px;font-weight:500}
.modalSpecs{margin-top:26px}.modalSpec{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.modalSpec span{color:var(--muted)}
.dataNote{margin-top:22px;color:#777;font-size:11px;line-height:1.5}
@media(max-width:1000px){.hero,.funnel,.feature,.modalGrid{grid-template-columns:1fr}.hero{padding-top:45px}.heroCard img{max-height:500px}.registryGrid{grid-template-columns:repeat(4,1fr)}.modalVisual{min-height:400px}}
@media(max-width:650px){.container{width:min(100% - 24px,1280px)}.nav a{display:none}.hero{min-height:auto}.registryGrid{grid-template-columns:repeat(2,1fr)}.rarityRow{grid-template-columns:1fr 70px 85px}.feature h3{font-size:40px}.specs{grid-template-columns:1fr}.spec:nth-child(even){padding-left:0;border-left:0}.funnelStep:nth-child(n){width:100%}.modalContent{padding:28px}.heroStats{gap:20px}}


.gemSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.gemSummary>div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
.gemSummary strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:500}
.gemSummary span{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:5px}
.gemNarrative{background:linear-gradient(135deg,rgba(214,178,94,.08),rgba(255,255,255,.015));border:1px solid rgba(214,178,94,.24);border-radius:20px;padding:22px 24px;margin:0 0 24px}
.gemNarrative p{color:#c8c5bd;line-height:1.65;margin:14px 0 0;max-width:1000px}
.gemShowcaseGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.gemShowcaseCard{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:.2s}
.gemShowcaseCard:hover{transform:translateY(-4px);border-color:#555;box-shadow:0 18px 34px rgba(0,0,0,.3)}
.gemShowcaseCard.curatorCard{border-color:rgba(214,178,94,.78);box-shadow:0 0 0 1px rgba(214,178,94,.14) inset}
.gemVisual{aspect-ratio:3/4;background:#0d0d0e;display:flex;align-items:center;justify-content:center;position:relative}
.gemVisual img{width:100%;height:100%;object-fit:contain;padding:8px}
.gemInfo{padding:14px}
.gemParallel{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:850}
.gemSerial{font-size:18px;font-weight:900;margin-top:3px}
.gemGrade{color:var(--muted);font-size:12px;margin-top:4px}
.gemOwner{margin-top:9px;padding-top:9px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#bda66c}
@media(max-width:1000px){.gemShowcaseGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.gemSummary{grid-template-columns:repeat(2,1fr)}.gemShowcaseGrid{grid-template-columns:repeat(2,1fr)}}


.funnel2col{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:start}
.funnelViz2{background:linear-gradient(180deg,#151516,#0d0d0e);border:1px solid var(--line);border-radius:24px;padding:30px}
.funnelTop{display:flex;flex-direction:column;align-items:center}
.funnelStep2{width:100%;border:1px solid #333338;background:#1a1a1c;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}
.funnelStep2.mid{width:74%;border-color:rgba(214,178,94,.45)}
.funnelStep2 strong{font-size:34px;display:block}
.funnelStep2 small{color:var(--muted);display:block;margin-top:4px}
.funnelStep2 span{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-weight:800;text-align:right;max-width:220px}
.funnelArrow{font-size:36px;line-height:1;margin:14px 0;color:var(--gold)}
.breakoutTitle{margin:28px 0 14px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:800}
.patchBreakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.patchCard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;min-height:160px}
.patchCard.featured{border-color:rgba(214,178,94,.75);box-shadow:0 0 0 1px rgba(214,178,94,.14) inset;background:linear-gradient(180deg,rgba(214,178,94,.08),rgba(17,17,18,.98))}
.patchCount{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1}
.patchLabel{margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--gold)}
.patchPct{margin-top:7px;font-size:12px;color:#e2e2e7;font-weight:700}
.patchDesc{margin-top:9px;font-size:12px;line-height:1.45;color:var(--muted)}
.rarityFeature{display:flex;flex-direction:column;gap:18px}
.patchFeature{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:center}
.patchImageWrap{background:radial-gradient(circle at 50% 45%,rgba(214,178,94,.12),rgba(255,255,255,.015) 55%,transparent 70%);display:flex;align-items:center;justify-content:center;border-radius:20px;padding:14px}
.patchImageWrap img{max-width:100%;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.patchCopy h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:34px;margin:0 0 10px}
.patchCopy p{margin:0;color:#c8c5bd;line-height:1.65;font-size:14px}
@media(max-width:1000px){
  .funnel2col{grid-template-columns:1fr}
  .patchFeature{grid-template-columns:1fr}
}
@media(max-width:650px){
  .patchBreakdown{grid-template-columns:repeat(2,minmax(0,1fr))}
  .funnelStep2.mid,.funnelStep2{width:100%}
  .funnelStep2{flex-direction:column;align-items:flex-start;gap:10px}
  .funnelStep2 span{text-align:left;max-width:none}
}