:root{
  --acid:#c8ff00;
  --hot:#ff3b16;
  --ink:#050607;
  --paper:#f5f2e9;
  --muted:#aab4ae;
  --display:Impact,Haettenschweiler,"Arial Narrow","Liberation Sans Narrow","DejaVu Sans Condensed",Arial,system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace
}
*{box-sizing:border-box}
h1,h2,h3{-webkit-text-stroke:1px #171b19;paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.5)}
html,body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--mono);overflow:hidden}
body{min-height:100vh}
.launch-enabled .slide{padding-right:max(21vw,260px)}
.slide{
  display:none;
  position:relative;
  width:100vw;
  height:100vh;
  padding:7vh 8vw 12vh;
  background:
    radial-gradient(circle at 82% 16%,rgba(255,59,22,.10),transparent 28%),
    linear-gradient(rgba(200,255,0,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,255,0,.045) 1px,transparent 1px);
  background-size:auto,50px 50px,50px 50px
}
.slide::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 67%,rgba(200,255,0,.025) 67% 68%,transparent 68%)
}
.slide.active{display:flex;flex-direction:column;justify-content:center}
.k{color:var(--acid);font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.slide h1,.slide h2{font-family:var(--display);font-style:italic;text-transform:uppercase;letter-spacing:.004em;position:relative}
.slide h1{font-size:clamp(60px,10vw,150px);line-height:.78;margin:3vh 0}
.slide h2{font-size:clamp(48px,7vw,110px);line-height:.88;margin:2vh 0}
.slide h1 span,.slide h2 span{color:var(--hot)}
.screen-copy{position:relative;max-width:88vw}
.screen-copy p,.screen-copy li{font-size:clamp(18px,2vw,34px);font-weight:650;line-height:1.45;margin:1vh 0}
.screen-copy strong,code{color:var(--acid)}
.live-funnel{
  width:min(100%,1120px);
  margin-top:1vh;
  border:1px solid #37413c;
  background:rgba(7,10,8,.94);
  box-shadow:10px 10px 0 rgba(255,59,22,.18)
}
.live-funnel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:.55vw .8vw;border-bottom:3px solid var(--hot)}
.live-funnel-head b{color:var(--paper);font-size:clamp(10px,.9vw,15px);letter-spacing:.08em}
.live-funnel-head b span{color:var(--acid)}
.live-funnel[data-stream-state="stale"] .live-funnel-head b span{color:var(--hot)}
.live-funnel-head small{color:var(--muted);font-size:clamp(8px,.7vw,12px);font-weight:900;letter-spacing:.08em}
.live-funnel-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.live-funnel-grid article{min-width:0;padding:.6vw .8vw;border-right:1px solid #37413c}
.live-funnel-grid article:last-child{border-right:0}
.live-funnel-grid strong,.live-funnel-grid span,.live-funnel-grid small{display:block}
.live-funnel-grid strong{color:var(--acid);font:italic 900 clamp(32px,4vw,64px)/.8 var(--display)}
.live-funnel-grid .hot strong{color:var(--hot)}
.live-funnel-grid .future strong{color:var(--muted)}
.live-funnel-grid span{margin-top:.4vw;color:var(--paper);font:italic 900 clamp(14px,1.45vw,23px)/.9 var(--display)}
.live-funnel-grid small{margin-top:5px;color:var(--muted);font-size:clamp(7px,.62vw,10px);font-weight:900}
.funnel-truth{margin:0!important;padding:.48vw .8vw;border-top:1px solid #37413c;color:var(--muted);font-size:clamp(8px,.72vw,12px)!important;letter-spacing:.05em}
.live-funnel-grid strong.changed{animation:verified-pulse .55s ease-out}
@keyframes verified-pulse{
  0%{text-shadow:0 0 0 transparent;transform:scale(1)}
  35%{text-shadow:0 0 24px var(--acid);transform:scale(1.08)}
  100%{text-shadow:0 0 0 transparent;transform:scale(1)}
}
.deck-action{
  display:inline-block;
  margin-top:2vh;
  padding:.7em 1em;
  border:2px solid var(--acid);
  background:var(--acid);
  color:var(--ink);
  font:italic 900 clamp(18px,1.7vw,28px)/1 var(--display);
  text-decoration:none;
  box-shadow:7px 7px 0 var(--hot)
}
.deck-action:focus-visible{outline:3px solid var(--paper);outline-offset:5px}
.mobile-break,.mobile-title-break{display:none}
.launch-enabled .mobile-title-break{display:initial}
.screen-copy pre{
  max-width:78vw;
  margin:2vh 0 0;
  padding:1.2vw 1.8vw;
  overflow:hidden;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  border-left:6px solid var(--hot);
  background:#0b0e0d;
  color:var(--acid);
  font:700 clamp(15px,1.7vw,28px)/1.35 var(--mono)
}
.num{position:absolute;right:3vw;bottom:9vh;color:#58605c;font-size:clamp(20px,2vw,34px)}
body:not(.launch-enabled) .slide[data-slide="7"] h1{
  font-size:clamp(58px,8vw,126px)
}
body.notes-on:not(.launch-enabled) .slide[data-slide="7"] h1{
  font-size:clamp(48px,6vw,92px)
}
.deck-join{
  position:fixed;
  z-index:12;
  top:3vh;
  right:2.5vw;
  width:clamp(160px,15vw,220px);
  padding:clamp(9px,.9vw,14px);
  border:2px solid var(--acid);
  background:var(--acid);
  color:var(--ink);
  text-align:center;
  text-decoration:none;
  box-shadow:9px 9px 0 var(--hot);
  transform:rotate(.8deg)
}
.deck-join::before{
  content:"";
  position:absolute;
  inset:-6px;
  z-index:-1;
  border:1px solid rgba(245,242,233,.5)
}
.deck-join span,.deck-join b,.deck-join small{display:block;font-weight:900}
.deck-join span{margin-bottom:7px;font-size:clamp(8px,.7vw,11px);letter-spacing:.08em}
.deck-join img{display:block;width:100%;aspect-ratio:1;background:#fff}
.deck-join strong{
  display:block;
  margin-top:7px;
  font:italic 900 clamp(21px,2vw,31px)/.9 var(--display)
}
.deck-join b{margin-top:3px;font-size:clamp(15px,1.4vw,21px)}
.deck-join small{margin-top:5px;font-size:clamp(7px,.55vw,9px);letter-spacing:.04em}
.join-hidden .deck-join,.notes-on .deck-join,.overview .deck-join{display:none}
nav{
  position:fixed;
  z-index:20;
  left:0;
  right:0;
  bottom:0;
  min-height:7vh;
  display:grid;
  grid-template-columns:1fr auto auto auto;
  align-items:center;
  gap:2vw;
  padding:1.2vh 3vw 1.8vh;
  border-top:1px solid #252c29;
  background:rgba(5,6,7,.95);
  color:var(--muted);
  font-size:clamp(10px,1vw,15px);
  letter-spacing:.04em
}
nav b{color:var(--paper)}
nav b.cue-late{color:var(--hot)}
.pace-status{
  min-width:175px;
  padding:5px 8px;
  border:1px solid #37413c;
  color:var(--muted);
  font-size:clamp(9px,.82vw,13px);
  text-align:center;
  white-space:nowrap
}
.pace-status[data-pace-state="on-cue"]{border-color:var(--acid);color:var(--acid)}
.pace-status[data-pace-state="ahead"]{border-color:#ffb000;color:#ffb000}
.pace-status[data-pace-state="over"]{border-color:var(--hot);color:var(--hot)}
.pace-status[data-pace-state="paused"]{border-style:dashed;color:var(--paper)}
.pace-status[data-pace-state="paused"][data-pace-position="over"]{color:var(--hot)}
nav time{min-width:125px;text-align:right;color:var(--muted)}
nav time.running{color:var(--acid)}
nav time.over{color:var(--hot)}
.deck-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#151a18}
.deck-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--acid),var(--hot));transition:width .2s ease}
.speaker-notes{display:none}
.notes-on .slide.active{padding-right:42vw}
.notes-on .speaker-notes{
  display:block;
  position:absolute;
  z-index:4;
  right:3vw;
  top:10vh;
  width:34vw;
  max-height:76vh;
  overflow:auto;
  padding:2vw;
  border:1px solid #3e4944;
  border-left:5px solid var(--acid);
  background:rgba(10,14,12,.98);
  box-shadow:0 20px 70px #000
}
.speaker-notes b{color:var(--acid);letter-spacing:.08em}
.speaker-notes p{font-size:clamp(12px,.95vw,16px);line-height:1.42}
.overview{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  padding:30px 30px 11vh;
  overflow:auto
}
.overview .slide{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  padding:3vw;
  border:1px solid #38413d;
  cursor:pointer
}
.overview .slide.active{outline:3px solid var(--acid)}
.overview .slide h1{font-size:6vw}
.overview .slide h2{font-size:4vw}
.overview .screen-copy p{font-size:1.45vw}
.overview .screen-copy pre{font-size:1.1vw}
.overview .k{font-size:1vw}
.overview .num{bottom:2vw;font-size:2vw}
.overview .speaker-notes{display:none}
.overview.notes-on .slide.active{padding:3vw}
@media(max-width:700px){
  nav{grid-template-columns:1fr auto auto;gap:7px;padding-left:12px;padding-right:12px}
  nav span{display:none}
  nav b{font-size:9px}
  .pace-status{min-width:0;padding:5px 6px;font-size:8px}
  nav time{min-width:110px}
  .slide,.launch-enabled .slide{padding:11vh 5vw 13vh}
  .slide h1{font-size:clamp(48px,18vw,84px)}
  .slide[data-slide="1"] h1{font-size:clamp(48px,15vw,72px)}
  .slide[data-slide="10"] h1{font-size:clamp(38px,12.5vw,60px)}
  body:not(.launch-enabled) .slide[data-slide="7"] h1{font-size:clamp(48px,15vw,62px)}
  .slide h1 .mobile-compact{font-size:13vw}
  .slide h2{font-size:clamp(40px,13vw,68px)}
  .slide[data-slide="2"] h2{font-size:clamp(38px,10.8vw,58px)}
  .live-funnel{margin-top:1.5vh;box-shadow:5px 5px 0 rgba(255,59,22,.18)}
  .live-funnel-head{align-items:flex-start;padding:8px}
  .live-funnel-head b{font-size:9px}
  .live-funnel-head small{font-size:7px;text-align:right}
  .live-funnel-grid{grid-template-columns:repeat(2,1fr)}
  .live-funnel-grid article{padding:8px;border-bottom:1px solid #37413c}
  .live-funnel-grid article:nth-child(2){border-right:0}
  .live-funnel-grid article:nth-child(n+3){border-bottom:0}
  .live-funnel-grid strong{font-size:34px}
  .live-funnel-grid span{font-size:14px}
  .live-funnel-grid small{font-size:7px}
  .funnel-truth{padding:7px 8px;font-size:7px!important}
  .screen-copy p{font-size:clamp(16px,5vw,24px)}
  .deck-action{font-size:20px}
  .screen-copy pre{max-width:100%;white-space:normal;word-break:break-word}
  .mobile-title-break{display:initial}
  .screen-copy .desktop-arrow{display:none}
  .screen-copy .mobile-break{display:block}
  .deck-join{
    top:10px;
    right:10px;
    width:auto;
    padding:7px 11px;
    box-shadow:5px 5px 0 var(--hot);
    transform:none
  }
  .deck-join img,.deck-join span,.deck-join small{display:none}
  .deck-join strong{display:inline;margin:0;font-size:18px}
  .deck-join b{display:inline;margin:0 0 0 7px;font-size:14px}
  .notes-on .slide.active{padding-right:5vw}
  .notes-on .speaker-notes{right:5vw;left:5vw;top:auto;bottom:10vh;width:auto;max-height:45vh}
  .overview{grid-template-columns:1fr;padding:15px 15px 12vh}
  .overview .slide h1{font-size:12vw}
  .overview .slide h2{font-size:9vw}
  .overview .screen-copy p{font-size:3.5vw}
  .overview .k{font-size:2.5vw}
}
@media(prefers-reduced-motion:reduce){
  .deck-progress i{transition:none}
  .live-funnel-grid strong.changed{animation:none}
}
@page{size:13.333in 7.5in;margin:0}
@media print{
  html,body{overflow:visible;background:#050607}
  body,body.overview{display:block;padding:0}
  nav{display:none}
  .deck-join{display:none!important}
  .slide,.slide.active,
  body.overview .slide,body.overview .slide.active,
  body.notes-on .slide.active{
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    width:13.333in;
    height:7.5in;
    padding:.6in .8in;
    break-after:page;
    page-break-after:always
  }
  body.launch-enabled .slide{padding:.6in .8in}
  body.launch-enabled .mobile-title-break{display:none}
  .speaker-notes{display:none!important}
  .deck-action{box-shadow:none}
  .live-funnel{box-shadow:none}
  .live-funnel [data-funnel-field]{position:relative;color:transparent}
  .live-funnel [data-funnel-field]::after{
    content:"—";
    position:absolute;
    inset:0;
    color:var(--acid)
  }
  .live-funnel .hot [data-funnel-field]::after{color:var(--hot)}
  .live-funnel [data-funnel-state],.live-funnel [data-funnel-phase]{font-size:0}
  .live-funnel [data-funnel-state]::after{
    content:"WEB DECK FOR LIVE TOTALS";
    color:var(--acid);
    font-size:10px
  }
  .live-funnel [data-funnel-phase]::after{
    content:"READ PUBLIC BOARD";
    color:var(--muted);
    font-size:9px
  }
  .num{right:.3in;bottom:.25in}
}