/* =========================================================================
   Lovable brand theme — shebuilds / lovable event decks
   Accent: hot pink #FF0178 · Light surface: cream · Dark surface: #1C1C1C
   ========================================================================= */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&display=swap");

@font-face {
  font-family: 'Lovable Camera';
  src: url('LovableLabsCamera.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --pink:  #FF0178;
  --dark:  #1C1C1C;
  --cream: hsl(39, 38%, 95%);
  --card-border: hsl(39, 20%, 85%);
}

html, body { margin: 0; padding: 0; background: var(--dark); }

deck-stage > section {
  box-sizing: border-box;
  padding: 100px;
  display: flex;
  flex-direction: column;
  font-family: "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Surfaces */
.s-dark  { background: var(--dark);  color: #fff; }
.s-light { background: var(--cream); color: var(--dark); }

/* Type scale (design size: 1920×1080) */
.t-hero    { font-family: "Lovable Camera", "Inter Tight", sans-serif; font-weight: 700; font-size: 184px; line-height: 0.93; letter-spacing: -0.04em; margin: 0; }
.t-big     { font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 96px;  line-height: 1.0;  letter-spacing: -0.04em; margin: 0; }
.t-quote   { font-family: "Inter Tight", sans-serif; font-weight: 500; font-size: 82px;  line-height: 1.1;  letter-spacing: -0.03em; margin: 0; font-style: italic; }
.t-label   { font-size: 22px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; margin: 0 0 20px; }
.t-chapter { font-size: 22px; font-weight: 400; letter-spacing: 0.3em;  text-transform: uppercase; margin: 0 0 20px; opacity: 0.5; }

/* Color utilities */
.pink    { color: var(--pink); }
.muted   { color: rgb(255 255 255 / 0.60); }
.dim     { color: rgb(255 255 255 / 0.45); }
.muted-d { color: rgb(28 28 28 / 0.60); }

/* Bullet statement list */
.stmts { display: flex; flex-direction: column; gap: 40px; margin-top: 48px; }
.stmt  { display: flex; align-items: center; gap: 28px; }
.stmt-dot   { width: 14px; height: 14px; border-radius: 50%; background: var(--pink); flex-shrink: 0; }
.stmt-check { width: 52px; height: 52px; border-radius: 8px; border: 2.5px solid var(--pink); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.stmt-text  { font-size: 48px; line-height: 1.15; margin: 0; color: rgb(255 255 255 / 0.82); }