:root {
  --red: #EF4444;
  --red-dark: #DC2626;
  --dark: #111827;
  --mid: #6B7280;
  --light: #9CA3AF;
  --border: #E5E7EB;
  --bg: #FFFFFF;
  --bg-alt: #F9FAFB;
  --gold: #F59E0B;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Arial', sans-serif;
  background: var(--bg);
  color: var(--dark);
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { text-decoration: none; }

/* ── TICKER ── */
.ticker {
  background: var(--dark);
  color: rgba(255,255,255,0.85);
  font-family: 'Arial', sans-serif;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 7px 0;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 2px solid var(--red);
}
.ticker-inner {
  display: inline-flex;
  gap: 48px;
  animation: tickscroll 28s linear infinite;
}
.ticker-inner:hover { animation-play-state: paused; }
@keyframes tickscroll { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.ticker-item { display: inline-flex; align-items: center; gap: 10px; }
.ticker-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--red); flex-shrink: 0; animation: blink 1.2s ease infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }
.ticker-kef { color: var(--gold); font-weight: 700; }

/* ── CATFISH ── */
.catfish {
  position: fixed; bottom: 0; left: 0; right: 0;
  background: var(--dark); color: #fff;
  z-index: 999;
  display: flex; align-items: center; justify-content: center;
  gap: 14px; padding: 10px 20px;
  border-top: 2px solid var(--red);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase;
  animation: slideUp .5s ease 1.5s both;
}
@keyframes slideUp { from{transform:translateY(100%)} to{transform:translateY(0)} }
.catfish .live-dot { width:8px; height:8px; border-radius:50%; background:var(--red); animation:blink 1.2s ease infinite; flex-shrink:0; }
.catfish .live-label { color: var(--red); font-weight: 700; }
.catfish .cat-kef { color: var(--gold); font-weight: 700; font-size: 16px; }
.catfish .cat-btn { background:var(--red); color:#fff; padding:7px 20px; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transition:background .2s; white-space:nowrap; }
.catfish .cat-btn:hover { background:var(--red-dark); }
.catfish .cat-close { margin-left:auto; cursor:pointer; opacity:.4; font-size:18px; }
.catfish .cat-close:hover { opacity:1; }

/* ── NAV ── */
nav { background:var(--bg); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:100; }
.nav-inner { max-width:1200px; margin:0 auto; padding:0 24px; height:58px; display:flex; align-items:center; gap:32px; }
.logo { font-family:'Barlow Condensed',sans-serif; font-size:22px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--dark); display:flex; align-items:center; gap:2px; }
.logo em { color:var(--red); font-style:normal; }
.nav-links { display:flex; gap:24px; list-style:none; margin-left:24px; }
.nav-links a { font-family:'Barlow Condensed',sans-serif; font-size:14px; letter-spacing:.08em; text-transform:uppercase; color:var(--mid); transition:color .15s; }
.nav-links a:hover,.nav-links a.active { color:var(--dark); }
.nav-links a.active { border-bottom:2px solid var(--red); padding-bottom:2px; }
.nav-cta { margin-left:auto; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:9px 22px; transition:background .2s; }
.nav-cta:hover { background:var(--red-dark); }

/* ── HERO ── */
.hero { border-bottom:1px solid var(--border); padding:52px 24px 48px; }
.hero-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 400px; gap:60px; align-items:center; }
.hero-eyebrow { font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--red); margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.hero-eyebrow::before { content:''; width:28px; height:2px; background:var(--red); }
.hero h1 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(44px,6vw,72px); font-weight:700; line-height:.95; letter-spacing:-.01em; text-transform:uppercase; margin-bottom:20px; }
.hero h1 .hl { color:var(--red); }
.hero-sub { font-size:16px; color:var(--mid); line-height:1.7; max-width:440px; margin-bottom:28px; }
.hero-meta { display:flex; align-items:center; gap:20px; margin-bottom:32px; flex-wrap:wrap; }
.hero-meta-item { display:flex; flex-direction:column; gap:2px; }
.hero-meta-label { font-family:'Barlow Condensed',sans-serif; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--light); }
.hero-meta-val { font-family:'Barlow Condensed',sans-serif; font-size:17px; font-weight:700; color:var(--dark); letter-spacing:.02em; }
.hero-meta-sep { width:1px; height:32px; background:var(--border); }
.hero-cta-row { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.btn-primary { display:inline-flex; align-items:center; gap:8px; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:14px 28px; transition:background .2s; }
.btn-primary:hover { background:var(--red-dark); }
.btn-ghost { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--border); color:var(--dark); font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; padding:13px 20px; transition:border-color .2s; }
.btn-ghost:hover { border-color:var(--dark); }

/* hero panel */
.hero-panel { border:1px solid var(--border); }
.hero-panel-head { background:var(--dark); color:#fff; padding:14px 20px; font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.2em; text-transform:uppercase; display:flex; align-items:center; justify-content:space-between; }
.hero-panel-head span { color:var(--red); }
.matchup { padding:20px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--border); }
.fighter-col { flex:1; text-align:center; }
.fighter-col img { width:56px; height:56px; border-radius:50%; margin:0 auto 8px; object-fit:cover; border:2px solid var(--border); }
.fighter-col .fname { font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; line-height:1.2; }
.fighter-col .frecord { font-size:11px; color:var(--mid); margin-top:2px; }
.vs-col { text-align:center; flex-shrink:0; }
.vs-col .vs { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:700; color:var(--red); }
.vs-col .vdate { font-size:10px; color:var(--light); letter-spacing:.06em; text-transform:uppercase; margin-top:2px; }
.odds-display { padding:16px 20px; display:flex; justify-content:space-between; gap:8px; border-bottom:1px solid var(--border); }
.odds-col { flex:1; text-align:center; }
.odds-col .odds-label { font-size:10px; color:var(--light); font-family:'Barlow Condensed',sans-serif; letter-spacing:.12em; text-transform:uppercase; margin-bottom:4px; }
.odds-col .odds-num { font-family:'Barlow Condensed',sans-serif; font-size:32px; font-weight:700; line-height:1; color:var(--dark); }
.odds-col .odds-num.best { color:var(--red); }
.odds-col .odds-bookie { font-size:10px; color:var(--light); margin-top:3px; text-transform:uppercase; font-family:'Barlow Condensed',sans-serif; letter-spacing:.06em; }
.panel-cta { padding:16px 20px; display:flex; flex-direction:column; gap:8px; }
.panel-cta a.main-bet { display:block; text-align:center; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:13px; transition:background .2s; }
.panel-cta a.main-bet:hover { background:var(--red-dark); }
.panel-loc { font-size:11px; color:var(--light); text-align:center; font-family:'Barlow Condensed',sans-serif; letter-spacing:.06em; text-transform:uppercase; }

/* ── SECTION BASE ── */
.wrap { max-width:1200px; margin:0 auto; padding:56px 24px; }
.wrap-sm { max-width:1200px; margin:0 auto; padding:48px 24px; }
.sec-label { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--red); margin-bottom:6px; display:flex; align-items:center; gap:8px; }
.sec-label::before { content:''; width:20px; height:2px; background:var(--red); flex-shrink:0; }
.sec-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(26px,3vw,36px); font-weight:700; text-transform:uppercase; letter-spacing:.01em; line-height:1.1; margin-bottom:8px; }
.sec-sub { font-size:15px; color:var(--mid); max-width:540px; line-height:1.65; margin-bottom:36px; }
.bg-alt { background:var(--bg-alt); }
.border-t { border-top:1px solid var(--border); }

/* ── ODDS TABLE ── */
.odds-table { width:100%; border-collapse:collapse; }
.odds-table thead th { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--mid); padding:10px 16px; border-bottom:1px solid var(--border); text-align:left; font-weight:600; }
.odds-table thead th:not(:first-child) { text-align:center; }
.odds-table tbody tr { border-bottom:1px solid var(--border); transition:background .12s; }
.odds-table tbody tr:last-child { border-bottom:none; }
.odds-table tbody tr:hover { background:var(--bg-alt); }
.odds-table td { padding:14px 16px; }
.odds-table td.bookie-cell { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:700; letter-spacing:.04em; }
.odds-table td.odds-cell { text-align:center; }
.odds-table td.odds-cell a { display:inline-block; font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:700; color:var(--dark); background:var(--bg-alt); border:1px solid var(--border); padding:8px 18px; min-width:76px; transition:all .15s; letter-spacing:.02em; }
.odds-table td.odds-cell a:hover,
.odds-table td.odds-cell a.pick { background:var(--red); border-color:var(--red); color:#fff; }
.odds-table td.odds-cell a.draw-a { background:transparent; border-color:transparent; color:var(--mid); font-size:16px; }
.odds-table td.odds-cell a.draw-a:hover { background:var(--bg-alt); border-color:var(--border); color:var(--dark); }
.best-tag { display:inline-block; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:2px 7px; margin-left:6px; vertical-align:middle; }

/* ── ANALYSIS ── */
.analysis-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); margin-top:8px; }
.acard { background:var(--bg); padding:28px; }
.acard-num { font-family:'Barlow Condensed',sans-serif; font-size:64px; font-weight:700; line-height:1; color:var(--bg-alt); margin-bottom:-16px; }
.acard h3 { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--border); }
.acard h3 .red { color:var(--red); }
.stat-line { display:flex; justify-content:space-between; align-items:baseline; padding:7px 0; border-bottom:1px solid var(--bg-alt); }
.stat-line:last-of-type { border-bottom:none; }
.sl-key { font-size:12px; color:var(--mid); text-transform:uppercase; font-family:'Barlow Condensed',sans-serif; letter-spacing:.08em; }
.sl-val { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:700; }
.sl-val.accent { color:var(--red); }
.acard-desc { font-size:14px; color:var(--mid); line-height:1.7; margin-top:14px; }

/* ── SCORE CARD ── */
.scorecard { margin-top:32px; border:1px solid var(--border); }
.scorecard-head { display:grid; grid-template-columns:1fr 180px 1fr; gap:8px; align-items:center; background:var(--dark); color:#fff; padding:14px 20px; }
.sc-fighter { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.sc-fighter.l { text-align:left; color:var(--gold); }
.sc-fighter.r { text-align:right; color:rgba(255,255,255,.65); }
.sc-center-label { text-align:center; font-family:'Barlow Condensed',sans-serif; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.35); }
.sc-row { display:grid; grid-template-columns:1fr 180px 1fr; gap:8px; align-items:center; padding:12px 20px; border-bottom:1px solid var(--border); }
.sc-row:last-child { border-bottom:none; }
.sc-row:nth-child(odd) { background:var(--bg-alt); }
.sc-bar-wrap { display:flex; align-items:center; gap:10px; }
.sc-bar-wrap.l { flex-direction:row-reverse; }
.sc-score { font-family:'Barlow Condensed',sans-serif; font-size:24px; font-weight:700; flex-shrink:0; min-width:42px; color:var(--dark); }
.sc-bar-wrap.l .sc-score { text-align:left; }
.sc-bar-wrap.r .sc-score { text-align:right; color:var(--mid); }
.sc-bar-wrap.l.win .sc-score { color:var(--red); }
.sc-track { flex:1; height:5px; background:var(--border); }
.sc-fill { height:100%; }
.sc-bar-wrap.l .sc-fill { background:var(--gold); float:right; }
.sc-bar-wrap.r .sc-fill { background:#D1D5DB; }
.sc-bar-wrap.l.win .sc-fill { background:var(--red); }
.sc-cat { text-align:center; font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--mid); line-height:1.3; }
.sc-win-badge { display:inline-block; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700; letter-spacing:.1em; padding:2px 6px; margin-left:4px; vertical-align:middle; }
.sc-footer { background:var(--bg-alt); border-top:1px solid var(--border); padding:14px 20px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.sc-verdict { font-family:'Barlow Condensed',sans-serif; font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:var(--mid); }
.sc-verdict strong { color:var(--red); font-size:15px; }

/* prediction strip */
.pred-strip { background:var(--dark); color:#fff; padding:32px 40px; margin-top:32px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.pred-strip-label { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--red); margin-bottom:6px; }
.pred-strip-text { font-family:'Barlow Condensed',sans-serif; font-size:28px; font-weight:700; text-transform:uppercase; letter-spacing:.02em; line-height:1.1; }
.pred-strip-sub { font-size:14px; color:rgba(255,255,255,.5); margin-top:8px; line-height:1.65; max-width:480px; }
.pred-strip-cta { flex-shrink:0; text-align:center; }
.pred-strip-cta a { display:block; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:14px 28px; margin-bottom:6px; transition:background .2s; }
.pred-strip-cta a:hover { background:var(--red-dark); }
.pred-strip-kef { font-family:'Barlow Condensed',sans-serif; font-size:38px; font-weight:700; color:var(--gold); line-height:1; display:block; margin-bottom:2px; }
.pred-strip-kef-label { font-size:10px; color:rgba(255,255,255,.3); letter-spacing:.1em; text-transform:uppercase; font-family:'Barlow Condensed',sans-serif; }

/* ── BONUSES ── */
.bonus-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); margin-top:8px; }
.bonus-card { background:var(--bg); padding:24px 20px; position:relative; }
.bonus-card.top-pick { border-top:3px solid var(--red); }
.bonus-pick-tag { position:absolute; top:-1px; right:16px; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:3px 10px; }
.bonus-bookie { font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid var(--border); }
.bonus-amount { font-family:'Barlow Condensed',sans-serif; font-size:32px; font-weight:700; color:var(--red); line-height:1; margin-bottom:4px; }
.bonus-type { font-size:12px; color:var(--mid); margin-bottom:14px; text-transform:uppercase; letter-spacing:.06em; font-family:'Barlow Condensed',sans-serif; }
.bonus-features { list-style:none; display:flex; flex-direction:column; gap:6px; margin-bottom:18px; }
.bonus-features li { font-size:13px; color:var(--mid); display:flex; align-items:flex-start; gap:6px; line-height:1.4; }
.bonus-features li::before { content:'✓'; color:var(--red); font-weight:700; flex-shrink:0; font-size:12px; margin-top:1px; }
.bonus-card a.bonus-btn { display:block; text-align:center; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:10px; transition:background .2s; }
.bonus-card a.bonus-btn:hover { background:var(--red-dark); }
.bonus-card a.bonus-btn.ghost-btn { background:transparent; border:1px solid var(--border); color:var(--dark); }
.bonus-card a.bonus-btn.ghost-btn:hover { border-color:var(--red); color:var(--red); background:transparent; }

/* ── EXPERTS ── */
.experts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.expert-card { border-top:3px solid var(--border); padding-top:20px; transition:border-color .2s; }
.expert-card:hover { border-top-color:var(--red); }
.expert-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.expert-ava { width:44px; height:44px; border-radius:50%; background:var(--bg-alt); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.expert-name { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.expert-role { font-size:12px; color:var(--mid); margin-top:1px; }
.expert-quote { font-size:14px; color:#374151; line-height:1.75; font-style:italic; margin-bottom:16px; }
.expert-foot { display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid var(--border); }
.expert-pred-label { font-family:'Barlow Condensed',sans-serif; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--light); margin-bottom:2px; }
.expert-pred-val { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; color:var(--red); }
.expert-stars { color:var(--gold); font-size:12px; letter-spacing:1px; }
.expert-conf { font-size:11px; color:var(--mid); text-align:right; }

/* ── STEPS ── */
.steps-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); }
.step { background:var(--bg); padding:28px 22px; position:relative; }
.step-n { font-family:'Barlow Condensed',sans-serif; font-size:56px; font-weight:700; color:var(--bg-alt); line-height:1; margin-bottom:8px; }
.step-icon { font-size:24px; margin-bottom:10px; display:block; }
.step-title { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; margin-bottom:8px; }
.step-desc { font-size:13px; color:var(--mid); line-height:1.65; }

/* ── MARKETS ── */
.markets-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); }
.market-card { background:var(--bg); padding:22px; }
.market-icon { font-size:22px; margin-bottom:10px; display:block; }
.market-title { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; line-height:1.3; margin-bottom:4px; }
.market-kef { font-family:'Barlow Condensed',sans-serif; font-size:24px; font-weight:700; color:var(--red); margin-bottom:8px; }
.market-desc { font-size:13px; color:var(--mid); line-height:1.6; margin-bottom:14px; }
.market-card a.market-link { display:inline-flex; align-items:center; gap:4px; font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#fff; background:var(--red); padding:7px 14px; transition:background .2s; }
.market-card a.market-link:hover { background:var(--red-dark); }

/* ── TACTICS ── */
.tactics-cols { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.tactics-col h3 { font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; margin-bottom:16px; padding-bottom:10px; border-bottom:2px solid var(--red); }
.tactics-list { list-style:none; display:flex; flex-direction:column; gap:10px; }
.tactics-list li { font-size:14px; color:#374151; line-height:1.65; padding-left:16px; position:relative; }
.tactics-list li::before { content:'—'; position:absolute; left:0; color:var(--red); font-size:12px; top:2px; }

/* ── VIDEO ── */
.video-layout { display:grid; grid-template-columns:5fr 3fr; gap:1px; background:var(--border); }
.video-main { background:var(--bg); position:relative; aspect-ratio:16/9; overflow:hidden; cursor:pointer; }
.video-main img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.video-main:hover img { transform:scale(1.02); }
.video-play { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.video-play-btn { width:60px; height:60px; background:var(--red); display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; padding-left:4px; transition:transform .2s; }
.video-main:hover .video-play-btn { transform:scale(1.1); }
.video-overlay { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(transparent,rgba(0,0,0,.8)); padding:24px 16px 14px; }
.video-overlay-title { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:700; text-transform:uppercase; color:#fff; letter-spacing:.03em; }
.video-sidebar { background:var(--bg); display:flex; flex-direction:column; }
.video-item { display:flex; gap:12px; padding:14px; border-bottom:1px solid var(--border); transition:background .12s; cursor:pointer; }
.video-item:last-child { border-bottom:none; }
.video-item:hover { background:var(--bg-alt); }
.video-thumb { width:72px; height:48px; background:var(--dark); flex-shrink:0; position:relative; overflow:hidden; }
.video-thumb img { width:100%; height:100%; object-fit:cover; }
.video-thumb-play { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.3); }
.video-thumb-play span { width:20px; height:20px; background:var(--red); display:flex; align-items:center; justify-content:center; font-size:8px; color:#fff; padding-left:2px; }
.vi-title { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; line-height:1.3; margin-bottom:3px; color:var(--dark); }
.vi-meta { font-size:11px; color:var(--light); }

/* odds strip */
.odds-strip { background:var(--dark); display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 28px; margin-top:24px; flex-wrap:wrap; }
.os-item { text-align:center; }
.os-bookie { font-family:'Barlow Condensed',sans-serif; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:3px; }
.os-kef { font-family:'Barlow Condensed',sans-serif; font-size:28px; font-weight:700; color:rgba(255,255,255,.85); line-height:1; }
.os-kef.hl { color:var(--gold); }
.os-label { font-size:10px; color:rgba(255,255,255,.25); text-transform:uppercase; letter-spacing:.08em; font-family:'Barlow Condensed',sans-serif; margin-top:2px; }
.os-sep { width:1px; height:40px; background:rgba(255,255,255,.08); }
.os-cta a { display:block; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:12px 24px; transition:background .2s; white-space:nowrap; }
.os-cta a:hover { background:var(--red-dark); }

/* ── ARTICLE ── */
.article-body { max-width:820px; }
.article-body h2 { font-family:'Barlow Condensed',sans-serif; font-size:22px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; margin:32px 0 12px; line-height:1.15; }
.article-body h2:first-child { margin-top:0; }
.article-body p { font-size:15px; line-height:1.85; color:#374151; margin-bottom:14px; }
.article-body strong { color:var(--dark); }
.article-note { border-left:3px solid var(--red); padding:14px 18px; background:var(--bg-alt); font-size:15px; line-height:1.7; color:#374151; margin:20px 0; }
.inline-cta { display:inline-flex; align-items:center; gap:6px; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:9px 18px; margin:8px 0 16px; transition:background .2s; }
.inline-cta:hover { background:var(--red-dark); }

/* ── TIMELINE ── */
.timeline { position:relative; max-width:800px; padding-left:44px; }
.timeline::before { content:''; position:absolute; left:14px; top:4px; bottom:4px; width:2px; background:linear-gradient(to bottom,var(--red),var(--border)); }
.tl-item { position:relative; margin-bottom:28px; }
.tl-dot { position:absolute; left:-44px; top:2px; width:30px; height:30px; background:var(--bg); border:2px solid var(--red); display:flex; align-items:center; justify-content:center; font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; color:var(--red); }
.tl-year { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--red); margin-bottom:2px; }
.tl-title { font-family:'Barlow Condensed',sans-serif; font-size:17px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; margin-bottom:5px; }
.tl-desc { font-size:14px; color:var(--mid); line-height:1.7; }

/* ── FAQ ── */
.faq-list { display:flex; flex-direction:column; max-width:780px; }
.faq-item { border-bottom:1px solid var(--border); }
.faq-item:first-child { border-top:1px solid var(--border); }
.faq-q { font-family:'Barlow Condensed',sans-serif; font-size:17px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; padding:16px 0; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; user-select:none; transition:color .15s; }
.faq-q:hover { color:var(--red); }
.faq-arrow { width:20px; height:20px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:11px; flex-shrink:0; transition:transform .25s, background .2s; color:var(--mid); }
.faq-item.open .faq-arrow { transform:rotate(180deg); background:var(--red); border-color:var(--red); color:#fff; }
.faq-a { max-height:0; overflow:hidden; transition:max-height .35s ease, padding .2s; font-size:15px; line-height:1.75; color:var(--mid); }
.faq-item.open .faq-a { max-height:300px; padding:0 0 16px; }

/* ── FOOTER ── */
footer { background:var(--dark); color:rgba(255,255,255,.4); padding:48px 24px 100px; border-top:2px solid var(--red); }
.footer-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px; }
.footer-logo { font-family:'Barlow Condensed',sans-serif; font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#fff; margin-bottom:12px; }
.footer-logo em { color:var(--red); font-style:normal; }
.footer-disc { font-size:12px; line-height:1.7; max-width:280px; color:rgba(255,255,255,.28); }
.footer-col h4 { font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.55); margin-bottom:14px; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:8px; }
.footer-col ul li a { font-size:13px; color:rgba(255,255,255,.35); transition:color .2s; font-family:'Barlow Condensed',sans-serif; letter-spacing:.04em; }
.footer-col ul li a:hover { color:#fff; }
.footer-bookies { display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
.footer-bookies a { background:rgba(255,255,255,.05); color:rgba(255,255,255,.5); font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.06em; padding:6px 14px; border:1px solid rgba(255,255,255,.07); text-transform:uppercase; transition:all .18s; }
.footer-bookies a:hover { background:var(--red); color:#fff; border-color:var(--red); }

/* ── RESPONSIVE ── */
@media (max-width:1024px) { .bonus-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:900px) {
  .hero-inner { grid-template-columns:1fr; gap:32px; }
  .hero-panel { display:none; }
  .analysis-grid { grid-template-columns:1fr; gap:0; }
  .tactics-cols { grid-template-columns:1fr; }
  .video-layout { grid-template-columns:1fr; }
  .footer-inner { grid-template-columns:1fr; gap:28px; }
  .experts-grid { grid-template-columns:1fr 1fr; }
  .pred-strip { flex-direction:column; gap:20px; padding:24px 20px; }
  .scorecard-head,.sc-row { grid-template-columns:1fr 130px 1fr; }
}
@media (max-width:700px) {
  .steps-row { grid-template-columns:1fr 1fr; }
  .markets-grid { grid-template-columns:1fr 1fr; }
  .bonus-grid { grid-template-columns:1fr; }
  .os-sep { display:none; }
  .odds-strip { flex-direction:column; align-items:flex-start; gap:12px; padding:16px 20px; }
  .experts-grid { grid-template-columns:1fr; }
  .scorecard-head,.sc-row { grid-template-columns:1fr 100px 1fr; }
  .nav-links { display:none; }
}
@media (max-width:500px) {
  .steps-row { grid-template-columns:1fr; }
  .markets-grid { grid-template-columns:1fr; }
  .hero-cta-row { flex-direction:column; align-items:flex-start; }
  .odds-table thead th:nth-child(3),.odds-table td:nth-child(3) { display:none; }
  .catfish { font-size:12px; gap:8px; }
  .scorecard-head,.sc-row { grid-template-columns:1fr 80px 1fr; }
}