@font-face{font-family:"Baloo 2";src:url("/fonts/baloo2-800-latin.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:"Figtree";src:url("/fonts/figtree-latin.woff2") format("woff2-variations");font-weight:300 900;font-style:normal;font-display:swap;}
:root{
  --ink:#160414;--ink2:#1e0818;--ink3:#2a0c22;
  --apple:#ff2a3a;--amber:#ffb020;--gold:#ffd24a;
  --pink:#ff3da8;--cyan:#2eefff;--lime:#c8ff2a;--ivory:#fff4e8;
  --disp:"Baloo 2",system-ui,sans-serif;
  --sans:"Figtree",system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-weight:500;}
body{min-height:100%;background:
  radial-gradient(1200px 500px at 20% 0%,#3a1030 0%,transparent 55%),
  radial-gradient(800px 400px at 90% 10%,#2a0a40 0%,transparent 50%),
  var(--ink);}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--cyan)}
.cj-skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#160414;padding:6px 12px;z-index:20;border-radius:8px}
.cj-skip:focus{left:8px}

/* ===== HEADER ===== */
.cj-top{height:80px;display:flex;align-items:center;gap:12px;padding:6px 16px 0;background:linear-gradient(180deg,#2a0a22 0%,#160414 100%);border-bottom:2px solid #ff3da8;position:relative;z-index:8;}
.cj-top::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(90deg,#ff3da8 0 18px,#ffd24a 18px 28px,#2eefff 28px 40px,#c8ff2a 40px 52px,#ff2a3a 52px 70px);opacity:.95}
.cj-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto;text-decoration:none;margin-top:4px}
.cj-mark{width:72px;height:72px;object-fit:contain;flex:0 0 72px;filter:drop-shadow(0 2px 6px #000)}
.cj-word{position:relative;display:inline-block;height:60px;line-height:60px;font-family:var(--disp);font-weight:800;font-size:60px;letter-spacing:-.03em}
.cj-word .cj-ghost{position:absolute;left:0;top:0;color:transparent;-webkit-text-stroke:7px #12010e;text-shadow:0 0 0 #12010e;pointer-events:none}
.cj-word .cj-face{position:relative;background:linear-gradient(90deg,#ff2d8a,#ffd000 55%,#ffe56a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ffd000}
.cj-nav{display:flex;align-items:center;gap:8px;margin-left:6px;flex:1 1 auto}
.cj-nav a{display:inline-flex;align-items:center;gap:7px;height:48px;padding:0 16px;border-radius:999px;background:#2a0c22;border:2px solid #ffb020;color:var(--ivory);font-family:var(--disp);font-weight:800;font-size:20px;line-height:1;white-space:nowrap;box-shadow:0 0 10px #ff3da855}
.cj-nav a svg{width:22px;height:22px;flex:0 0 22px}
.cj-nav a.is-on,.cj-nav a:hover{border-color:var(--gold);background:#3a102c;color:var(--gold)}
.cj-burger{display:none;width:44px;height:44px;border:0;border-radius:10px;background:#3a102c;color:var(--gold);font-size:22px}
.cj-go{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,#ff4a58,#c41020);color:#fff;font-family:var(--disp);font-weight:800;border-radius:999px;border:0;text-decoration:none;box-shadow:0 4px 0 #6a0810,0 0 18px #ff2a3a88;letter-spacing:.02em;white-space:nowrap}
.cj-go:hover{color:#fff;filter:brightness(1.08)}
.cj-go-top{height:48px;padding:0 18px;font-size:18px;flex:0 0 auto}
.cj-go-hero{height:56px;padding:0 32px;font-size:26px;position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3}
.cj-go-rec{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#ffd24a,#e09010);color:#160414;font-family:var(--disp);font-weight:800;border-radius:999px;padding:12px 18px;font-size:16px;box-shadow:0 3px 0 #8a5010}
.cj-go-rec:hover{color:#160414}
.cj-arr{width:14px;height:14px}
.cj-disc{margin:.4rem 0 0;font-size:13px;color:#c8b8b0}
.cj-cta-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:22px 0}

/* ticker */
.cj-tick{height:28px;overflow:hidden;background:#0e030c;border-bottom:1px solid #ff3da855;color:var(--gold);font-family:var(--disp);font-size:14px;line-height:28px;white-space:nowrap}
.cj-tick-track{display:inline-flex;gap:48px;padding-left:16px;animation:cjmar 28s linear infinite}
.cj-tick-track span{display:inline-block}
@keyframes cjmar{to{transform:translateX(-50%)}}

/* ===== L-SHAPED FOLD ===== */
.cj-stage{display:grid;grid-template-columns:1fr;grid-template-rows:318px minmax(0,1fr);gap:10px;height:680px;padding:6px 14px 0;max-width:1280px;margin:0 auto}
.cj-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0}
.cj-seals{position:absolute;left:14px;top:148px;bottom:14px;width:168px;display:flex;flex-direction:column;gap:10px;z-index:3}
.cj-seal{position:relative;flex:1 1 0;min-height:0;border-radius:14px;overflow:hidden;border:2px solid #ffd24a;box-shadow:0 0 14px #ff3da866}
.cj-seal img{width:100%;height:100%;object-fit:cover}
.cj-seal h2{position:absolute;left:0;right:0;bottom:0;margin:0;padding:10px 6px 12px;font-family:var(--disp);font-weight:800;font-size:28px;line-height:1.05;text-align:center;color:#fff;background:rgba(10,2,12,.92);text-shadow:0 2px 0 #12010e,0 0 8px #000}
.cj-pit{position:relative;min-height:0;border-radius:18px;overflow:hidden;border:2px solid #ffb020;box-shadow:0 0 24px #ff3da855, inset 0 0 40px #0008}
.cj-pit::before{content:"";position:absolute;left:0;right:0;top:0;height:200px;background:linear-gradient(180deg,rgba(8,1,10,.86) 0%,rgba(8,1,10,.45) 60%,transparent 100%);z-index:1;pointer-events:none}
.cj-geode{position:absolute;inset:0}
.cj-geode img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.cj-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cj-h1{position:absolute;left:8px;right:8px;top:0;z-index:2;margin:0;text-align:center}
.cj-h1 .cj-line{position:relative;display:block;padding:0}
.cj-h1 .cj-title{display:block;margin:0 auto;width:min(741px,96%);height:auto}
.cj-h1 .cj-kicker{display:block;font-family:var(--disp);font-weight:800;font-size:32px;line-height:1.05;margin-top:-6px;color:#ffd000;letter-spacing:.06em;-webkit-text-fill-color:#ffd000;background:none;text-shadow:0 0 12px #ff3da8,0 3px 0 #12010e,-2px -2px 0 #12010e,2px 2px 0 #12010e,0 0 0 3px #12010e}
.cj-col{grid-column:5;grid-row:1;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;min-height:0}
.cj-row{grid-column:2 / 6;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0}
.cj-tile{position:relative;display:block;min-height:0;border-radius:12px;overflow:hidden;border:2px solid #e8b020;box-shadow:0 0 10px #ff3da855;background:#1a0814}
.cj-tile img{width:100%;height:100%;object-fit:cover}
.cj-plaque{position:absolute;left:0;right:0;bottom:0;margin:0;padding:7px 8px 8px;font-family:var(--disp);font-weight:800;font-size:17px;line-height:1.15;color:#fff8e8;background:#12010ecc;text-align:center;text-shadow:0 1px 0 #000;letter-spacing:.01em}
.cj-badge{position:absolute;top:6px;right:6px;z-index:2;font-family:var(--disp);font-weight:800;font-size:11px;letter-spacing:.06em;padding:3px 7px;border-radius:999px;color:#160414;line-height:1}
.cj-badge-hot{background:var(--apple);color:#fff}
.cj-badge-novo{background:var(--cyan);color:#160414}

/* below fold */
.cj-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.cj-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px auto 8px;max-width:1120px;padding:0 20px}
.cj-fact{background:#220816;border:1px solid #5a2048;border-radius:12px;padding:12px 14px;text-align:center}
.cj-fact b{display:block;font-family:var(--disp);font-weight:800;font-size:22px;color:var(--gold);line-height:1.1}
.cj-fact span{display:block;font-size:13px;color:#d8c8c0;margin-top:4px}
.cj-band{padding:28px 0 48px}
.cj-band h2{font-family:var(--disp);font-weight:800;font-size:34px;color:var(--gold);margin:0 0 10px}
.cj-lead{font-size:17px;line-height:1.55;max-width:70ch}
.cj-foot{background:#0c020a;border-top:2px solid #5a2048;padding:28px 0 40px;font-size:14px;color:#c8b8b0}
.cj-foot nav{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:12px}
.cj-foot .cj-18{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--apple);color:#fff;font-family:var(--disp);font-weight:800;margin-right:8px;vertical-align:middle}
.cj-crumb{font-size:14px;color:#c8b8b0;margin:0 0 14px}
.cj-article{background:#1a0814;border:1px solid #5a2048;border-radius:16px;padding:28px 28px 36px}
.cj-article h1{font-family:var(--disp);font-weight:800;font-size:42px;line-height:1.05;color:var(--gold);margin:0 0 16px}
.cj-article h2{font-family:var(--disp);font-weight:800;font-size:26px;color:var(--amber);margin:1.4em 0 .4em}
.cj-article p,.cj-article li{font-size:17px;line-height:1.6}
.cj-fig{margin:0 0 18px;border-radius:14px;overflow:hidden;border:1px solid #5a2048}
.cj-fig figcaption{padding:8px 12px;font-size:13px;color:#c8b8b0;background:#12080e}
.cj-dl{display:grid;grid-template-columns:160px 1fr;gap:8px 16px;margin:16px 0}
.cj-dl dt{font-family:var(--disp);font-weight:800;color:var(--gold)}
.cj-dl dd{margin:0}
.cj-note{background:#2a0c22;border-left:4px solid var(--cyan);padding:12px 14px;border-radius:0 10px 10px 0}

/* reviews hub */
.cj-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}
.cj-tools input[type=search]{flex:1 1 240px;height:44px;border-radius:10px;border:2px solid #5a2048;background:#12080e;color:var(--ivory);padding:0 12px;font:inherit}
.cj-kettles{display:flex;flex-wrap:wrap;gap:8px}
.cj-kettles button{height:40px;padding:0 14px;border-radius:999px;border:2px solid #5a2048;background:#2a0c22;color:var(--ivory);font-family:var(--disp);font-weight:800;cursor:pointer}
.cj-kettles button.is-on{border-color:var(--gold);color:var(--gold)}
.cj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.cj-card{background:#1a0814;border:1px solid #5a2048;border-radius:14px;padding:14px}
.cj-card h3{margin:0 0 6px;font-family:var(--disp);font-weight:800;font-size:20px;color:var(--gold)}
.cj-card p{margin:0 0 8px;font-size:14px;color:#d8c8c0}
.cj-mono{display:inline-flex;width:36px;height:36px;border-radius:9px;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;background:#3a102c;color:var(--gold);margin-bottom:8px}
.cj-more{display:block;margin:18px auto;height:44px;padding:0 22px;border-radius:999px;border:2px solid var(--gold);background:transparent;color:var(--gold);font-family:var(--disp);font-weight:800;cursor:pointer}
.cj-hidden{display:none}

@media (max-width:900px){
  .cj-nav,.cj-go-top{display:none}
  .cj-top.is-open .cj-nav{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:#160414;padding:12px;z-index:12;border-bottom:2px solid var(--pink)}
  .cj-burger{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
  .cj-word{font-size:42px;height:42px;line-height:42px}
  .cj-mark{width:52px;height:52px;flex-basis:52px}
  .cj-top{height:64px}
  .cj-stage{display:flex;flex-direction:column;height:auto;padding:8px;grid-template-rows:none}
  .cj-pit{height:300px;order:1}
  .cj-seals{position:absolute;left:8px;top:90px;bottom:70px;width:84px;height:auto;flex-direction:column}
  .cj-seal{flex:1}
  .cj-seal h2{font-size:16px;padding:5px 4px 6px}
  .cj-h1{top:0}
  .cj-h1 .cj-title{width:min(741px,98%)}
  .cj-h1 .cj-kicker{font-size:22px;margin-top:-4px}
  .cj-go-hero{position:absolute;transform:translateX(-50%);height:52px;font-size:20px}
  .cj-seals{width:96px;top:86px;bottom:64px}
  .cj-wall{order:3;grid-template-columns:1fr 1fr;grid-template-rows:none;height:auto}
  .cj-tile{height:168px}
  .cj-facts{grid-template-columns:1fr 1fr}
  .cj-article{padding:18px}
  .cj-article h1{font-size:32px}
  .cj-dl{grid-template-columns:1fr}
}