/* Brand kit: kane-neon (MyGentic / Kane webinar neon style)
   Source: Wes's LinkedIn post images /workspace/scheduled-posts/week-2026-09-22/*.png
   (fri-old-vs-new-economics, wed-asi-vs-ase, tue-brain-scatter), copied to
   /workspace/ai-product-challenge/kane-style/. Pixel-sampled: bg #000008, cyan core #B5E2F0,
   cyan glow #5C97DE, blue #5A6ADA, purple #A02FDF, magenta #D44AEB. Bold white sans (font guessed).
   Talk slides = black/navy with CYAN glow; interaction slides = black/navy with MAGENTA/purple glow. */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap");
:root{
  --talk:#000008;
  --draw:#07001A;
  --ink:#FFFFFF;
  --mut:#B9C6E0;
  --accent:#B5E2F0;
  --grey:#3A4566;
  --quiet:#7D88A8;
  --paper:#0A0F2A;
  --line:#26305A;
  --hi:#5C97DE;
  --hi-soft:rgba(92,151,222,.22);
  --live:#D44AEB;
  --stripe-a:#070B20; --stripe-b:#0A0F2A;
  --on-draw-sub:rgba(255,255,255,.82);
  --on-draw-rule:rgba(212,74,235,.5);
  --font-head:"Plus Jakarta Sans",system-ui,sans-serif;
  --font-body:"Plus Jakarta Sans",system-ui,sans-serif;
  --head-weight:800;
  --head-tracking:-.03em;
  --glow:#5C97DE;
  --pen-ink:#FFFFFF;
  --pen-gold:#7FE3FF;
  --pen-red:#FF4FD8;
}
.slide{color:#fff;background:
  radial-gradient(ellipse 70% 55% at 50% 108%,rgba(92,151,222,.42),transparent 70%),
  radial-gradient(ellipse 45% 40% at 12% 0%,rgba(90,106,218,.22),transparent 70%),
  #000008}
.slide::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:4px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#B5E2F0,transparent);box-shadow:0 0 24px 6px rgba(92,151,222,.7)}
.slide h1,.slide h2{text-shadow:0 0 28px rgba(92,151,222,.55)}
.slide[data-canvas="draw"]{--glow:#D44AEB;--hi:#A02FDF;--hi-soft:rgba(160,47,223,.25);--accent:#E7A6F7;--paper:#14062E;--line:#4A1E73;--ink:#FFFFFF;
  background:
  radial-gradient(ellipse 70% 55% at 50% 108%,rgba(160,47,223,.55),transparent 70%),
  radial-gradient(ellipse 45% 40% at 88% 0%,rgba(212,74,235,.25),transparent 70%),
  #07001A}
.slide[data-canvas="draw"]::after{background:linear-gradient(90deg,transparent,#D44AEB,transparent);box-shadow:0 0 24px 6px rgba(160,47,223,.8)}
.slide[data-canvas="draw"] h1,.slide[data-canvas="draw"] h2{text-shadow:0 0 28px rgba(212,74,235,.6)}
.slide[data-canvas="draw"] *{border-color:rgba(212,74,235,.6)}
html.pages,html.pages body{background:#000008}
