/* ============================================================
   Mentionova — Carousel base (1080×1350 LinkedIn slides)
   Shared slide scaffolding + chart helpers. Pair with lib.css
   (nav/footer/theme) and carousel.js (scaling + fullscreen).
   ============================================================ */
.deck-hd { max-width:60ch; margin-top:26px; }
.deck-hd h1 { font-size:clamp(30px,4.4vw,46px); margin:16px 0 0; }

.slides-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:22px; margin-top:34px; }
.slide-wrap { display:flex; flex-direction:column; gap:9px; }
.slide-thumb { display:block; width:100%; position:relative; overflow:hidden; border:1px solid var(--border); border-radius:var(--r-md); box-shadow:var(--shadow-sm); background:var(--bg); }
.slide-cap { display:flex; justify-content:space-between; font-family:var(--font-mono); font-size:11px; color:var(--text-subtle); }
.slide-cap .a { color:var(--accent-deep); }

.slide { width:1080px; height:1350px; position:relative; transform-origin:top left; background:var(--bg);
  padding:92px 84px; display:flex; flex-direction:column; color:var(--text); overflow:hidden; }
.slide .s-glow { position:absolute; inset:0; background:radial-gradient(60% 46% at 50% 16%, oklch(0.82 0.15 84 / 0.16), transparent 70%); pointer-events:none; }
.s-hd { display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; }
.s-eb { font-family:var(--font-mono); font-size:21px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-deep); display:inline-flex; align-items:center; gap:14px; }
.s-eb .live-dot { width:14px; height:14px; }
.s-ix { font-family:var(--font-mono); font-size:22px; color:var(--text-faint); }
.s-ix .a { color:var(--signal); }
.s-h1 { font-family:var(--font-display); font-weight:500; font-size:94px; line-height:1.0; letter-spacing:-.03em; margin:0; text-wrap:balance; }
.s-h1 em { font-style:italic; font-weight:400; color:var(--signal); }
.s-h2 { font-family:var(--font-display); font-weight:500; font-size:62px; line-height:1.04; letter-spacing:-.02em; margin:0; }
.s-h2 em { font-style:italic; font-weight:400; color:var(--signal); }
.s-lede { font-size:34px; line-height:1.45; color:var(--text-muted); margin:0; max-width:24ch; }
.s-lede strong { color:var(--text); font-weight:600; }
.s-ft { margin-top:auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; padding-top:28px; }
.s-brand { display:inline-flex; align-items:center; gap:14px; font-family:var(--font-display); font-size:30px; color:var(--text); }
.s-brand .nova { width:34px; height:34px; }
.s-page { font-family:var(--font-mono); font-size:22px; color:var(--text-faint); }
.chart-cap { font-family:var(--font-mono); font-size:22px; color:var(--text-subtle); line-height:1.4; }

.cover-stats { display:flex; gap:56px; margin-top:56px; position:relative; z-index:1; flex-wrap:wrap; }
.cover-stat .v { font-family:var(--font-display); font-size:74px; line-height:1; color:var(--text); }
.cover-stat .v .a { color:var(--signal); }
.cover-stat .l { font-family:var(--font-mono); font-size:20px; color:var(--text-subtle); margin-top:8px; }

/* bars */
.c-bars { display:flex; flex-direction:column; gap:34px; }
.c-bar .top { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:14px; }
.c-bar .lab { font-size:32px; color:var(--text-muted); }
.c-bar .num { font-family:var(--font-mono); font-size:38px; font-weight:600; color:var(--text); }
.c-bar .num.up { color:var(--positive); } .c-bar .num.down { color:var(--negative); }
.c-track { height:40px; background:var(--surface-2); border-radius:999px; overflow:hidden; }
.c-fill { height:100%; border-radius:999px; background:var(--signal); }
.c-fill.dim { background:var(--border-strong); }
.c-fill.neg { background:color-mix(in oklab,var(--negative) 72%,transparent); }

/* ranked rows (engine/sov) */
.c-rows { display:flex; flex-direction:column; gap:30px; }
.c-row { display:grid; grid-template-columns:300px 1fr 120px; gap:26px; align-items:center; }
.c-row .nm { font-family:var(--font-mono); font-size:30px; display:flex; align-items:center; gap:18px; color:var(--text); }
.c-row .nm.you { color:var(--text); font-weight:600; }
.c-row .nm .d { width:24px; height:24px; border-radius:50%; }
.c-row .nm .y { font-family:var(--font-mono); font-size:20px; color:var(--accent-deep); margin-left:12px; }
.c-row .tr { height:36px; background:var(--surface-2); border-radius:999px; overflow:hidden; }
.c-row .tr > span { display:block; height:100%; border-radius:999px; }
.c-row .pc { font-family:var(--font-mono); font-size:34px; font-weight:600; text-align:right; color:var(--text); }

/* steps */
.c-steps { display:flex; flex-direction:column; gap:36px; }
.c-step { display:flex; gap:34px; align-items:flex-start; }
.c-step .n { font-family:var(--font-mono); font-size:38px; font-weight:600; color:var(--signal-deep); flex:none; padding-top:6px; }
.c-step h3 { font-family:var(--font-display); font-size:44px; font-weight:500; margin:0 0 10px; color:var(--text); }
.c-step p { font-size:29px; line-height:1.4; color:var(--text-muted); margin:0; }

/* metric trio cards */
.c-cards { display:grid; grid-template-columns:1fr 1fr 1fr; gap:28px; }
.c-card { border:1px solid var(--border); border-radius:24px; padding:36px; background:var(--surface); }
.c-card .v { font-family:var(--font-display); font-size:64px; line-height:1; color:var(--text); }
.c-card .v.sig { color:var(--signal); }
.c-card .l { font-family:var(--font-mono); font-size:21px; color:var(--text-subtle); margin-top:14px; line-height:1.3; }

/* quote */
.c-quote { font-family:var(--font-display); font-style:italic; font-size:58px; line-height:1.32; color:var(--text); margin:0; }
.c-quote em { color:var(--signal); font-style:italic; }

/* panel (answer / chart container) */
.c-panel { background:var(--surface); border:1px solid var(--border); border-radius:28px; padding:48px; }
.c-panel.lg { box-shadow:var(--shadow-lg); }

/* accent closing slide */
.slide--accent { background:var(--signal); }
.slide--accent .s-glow { display:none; }
.slide--accent .s-eb, .slide--accent .s-page, .slide--accent .s-ix, .slide--accent .s-lede { color:oklch(0.34 0.085 70); }
.slide--accent .s-h1, .slide--accent .s-brand { color:var(--signal-ink); }
.slide--accent .s-h1 em { color:oklch(0.30 0.08 70); }
.s-cta { display:inline-flex; align-items:center; gap:24px; font-family:var(--font-display); font-size:46px; color:var(--signal-ink); font-style:italic; }

.slide-stage { position:fixed; inset:0; background:#000; display:flex; align-items:center; justify-content:center; z-index:100; }