@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 650;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root { --green:#86BC25; --deep:#4D7415; --ink:#0F0F0F; --body:#3A3A3A; --mid:#6B6B6B; --hair:#E5E5E5; --paper:#FFFFFF; --surface:#FAFAFA; }
* { box-sizing:border-box; }
html, body { margin:0; height:100%; font-family:Inter, Arial, sans-serif; color:var(--ink); background:#0A0A0A; overflow:hidden; }
.deck { height:100svh; width:100vw; position:relative; }
.slide { position:absolute; inset:0; padding:64px 78px 54px; background:var(--paper); opacity:0; transform:translateX(24px); transition:opacity 420ms cubic-bezier(.16,1,.3,1), transform 420ms cubic-bezier(.16,1,.3,1); pointer-events:none; display:grid; grid-template-rows:auto 1fr auto; }
.slide.active { opacity:1; transform:none; pointer-events:auto; }
.kicker { color:var(--deep); font-weight:650; font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
.title { font-size:58px; line-height:1.04; letter-spacing:-.025em; max-width:1010px; margin:28px 0 20px; }
.body { font-size:24px; line-height:1.38; color:var(--body); max-width:820px; }
.content { display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(360px, .9fr); gap:60px; align-items:end; }
.proof { display:grid; gap:12px; align-self:center; }
.proof-item { border-top:1px solid var(--hair); padding:18px 0 8px; font-size:26px; line-height:1.16; }
.proof-item::before { content:""; display:inline-block; width:8px; height:8px; background:var(--green); margin-right:13px; vertical-align:middle; }
.venn { width:100%; background:#fff; border:1px solid var(--hair); border-radius:8px; }
.footer { display:flex; justify-content:space-between; color:var(--mid); font-size:13px; border-top:1px solid var(--hair); padding-top:16px; }
.controls { position:fixed; right:22px; bottom:20px; display:flex; gap:8px; z-index:5; }
.controls button, .notes-toggle { border:1px solid #333; background:#141414; color:#fafafa; border-radius:999px; padding:10px 14px; cursor:pointer; }
.notes-panel { position:fixed; inset:auto 0 0 0; background:#141414; color:#FAFAFA; border-top:1px solid #333; padding:20px 28px; transform:translateY(100%); transition:transform 260ms ease-out; z-index:4; }
.notes-panel.open { transform:translateY(0); }
.notes-panel h2 { margin:0 0 8px; font-size:14px; color:var(--green); letter-spacing:.08em; text-transform:uppercase; }
.notes-panel p { margin:0; max-width:1000px; color:#D8D8D8; line-height:1.55; }
@media print {
  html, body { height:auto; overflow:visible; background:#fff; }
  .deck { height:auto; }
  .slide { position:relative; opacity:1; transform:none; page-break-after:always; height:100vh; }
  .controls, .notes-panel { display:none; }
}