/* ---------- Page-local styles for first-movers-advantage ---------- */

    /* Volume stat — "100,000 emails a month" hero number */
    .volume-stat {
      max-width: 880px;
      margin: clamp(2.5rem, 5vw, 4rem) auto 0;
      padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 3vw, 2.5rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-radius: var(--r-lg);
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      align-items: center;
    }

    .volume-stat-num {
      font-size: clamp(4.5rem, 11vw, 8.5rem);
      font-weight: 700;
      line-height: 0.92;
      letter-spacing: -0.05em;
      color: var(--rust, #C8511B);
      font-feature-settings: "tnum" 1;
    }

    .volume-stat-label {
      font-size: clamp(1.375rem, 2.4vw, 2rem);
      font-weight: 700;
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: var(--ink);
    }

    .volume-stat-label em {
      color: var(--rust, #C8511B);
      font-style: normal;
    }

    .volume-stat-note {

      font-size: clamp(1.125rem, 1.4vw, 1.25rem);
      line-height: 1.5;
      color: var(--ink-60);
    }

    /* Source attribution badge — front and center, not buried */
    .data-source {
      max-width: 760px;
      margin: clamp(2rem, 4vw, 2.75rem) auto var(--space-5);
      padding: var(--space-5) clamp(1.5rem, 3vw, 2.5rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-left: 4px solid var(--rust, #C8511B);
      border-radius: var(--r-md);
      display: flex;
      flex-direction: column;
      gap: 6px;
      align-items: flex-start;
      text-align: left;
    }

    .data-source-tag {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--rust, #C8511B);
    }

    .data-source-label {
      font-size: clamp(1.625rem, 2.6vw, 2.25rem);
      font-weight: 700;
      letter-spacing: -0.025em;
      line-height: 1.1;
      color: var(--ink);
    }

    .data-source-note {
      font-size: clamp(1.125rem, 1.3vw, 1.1875rem);
      color: var(--ink-60);
      line-height: 1.45;
    }

    /* Big headline stat strip (4% / 3.43% / $0) */
    .stat-strip {
      margin-top: clamp(2rem, 4vw, 3rem);
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-4);
    }

    @media (min-width: 720px) {
      .stat-strip {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-5);
      }
    }

    .stat-card {
      padding: clamp(1.75rem, 3vw, 2.5rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-radius: var(--r-lg);
      text-align: center;
      transition: transform 220ms var(--ease-out), border 220ms var(--ease-out), box-shadow 220ms var(--ease-out);
    }

    .stat-card:hover {
      transform: translateY(-3px);
      border-color: var(--rust);
      box-shadow: var(--shadow-soft);
    }

    .stat-card .num {
      font-size: clamp(3rem, 5.4vw, 4.5rem);
      font-weight: 700;
      letter-spacing: -0.04em;
      line-height: 1;
      color: var(--rust);
    }

    .stat-card .label {
      margin-top: var(--space-3);
      font-size: clamp(1.125rem, 1.3vw, 1.1875rem);
      color: var(--ink);
      font-weight: 500;
      line-height: 1.4;
    }

    .stat-card .sub {
      margin-top: var(--space-2);
      font-size: 18px;
      color: var(--ink-60);
      line-height: 1.5;
    }

    /* Highlight quote (matches value-of-a-whale) */
    .highlight-quote {
      max-width: var(--max-w-narrow);
      margin: clamp(2rem, 4vw, 3rem) auto 0;
      padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.5rem, 3vw, 2.5rem);
      border-left: 3px solid var(--gold);
      background: var(--mist);
      border-radius: var(--r-md);
    }

    .highlight-quote p {
      font-size: clamp(1.125rem, 1.7vw, 1.375rem);
      line-height: 1.45;
      letter-spacing: -0.015em;
      color: var(--ink);
      margin: 0;
      font-weight: 500;
    }

    .highlight-quote em {
      color: var(--gold);
      font-weight: 700;
      font-style: normal;
    }

    /* Olympic gold quote box */
    .olympic-box {
      max-width: var(--max-w-narrow);
      margin: clamp(2rem, 4vw, 3rem) auto 0;
      padding: clamp(2rem, 3.5vw, 2.75rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-left: 3px solid var(--emerald);
      border-radius: var(--r-md);
    }

    .olympic-box p {
      font-size: clamp(1.125rem, 1.5vw, 1.25rem);
      line-height: 1.55;
      color: var(--ink-80);
      margin: 0;
    }

    .olympic-box p em {
      color: var(--emerald);
      font-style: normal;
      font-weight: 700;
    }

    /* Six-up dimension grid */
    .stack-grid {
      margin-top: clamp(2rem, 4vw, 3rem);
      display: grid;
      grid-template-columns: 1fr;
      gap: clamp(0.75rem, 1.4vw, 1rem);
    }

    @media (min-width: 720px) {
      .stack-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (min-width: 1100px) {
      .stack-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    .stack-card {
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      padding: clamp(1.5rem, 2.4vw, 2rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-radius: var(--r-md);
      height: 100%;
      transition: transform 220ms var(--ease-out), border 220ms var(--ease-out), box-shadow 220ms var(--ease-out);
    }

    .stack-card:hover {
      transform: translateY(-3px);
      border-color: var(--emerald);
      box-shadow: var(--shadow-soft);
    }

    .stack-num {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--gold);
    }

    .stack-title {
      font-size: clamp(1.125rem, 1.6vw, 1.375rem);
      font-weight: 700;
      color: var(--ink);
      line-height: 1.2;
      letter-spacing: -0.015em;
    }

    .stack-body {
      font-size: 18px;
      line-height: 1.55;
      color: var(--ink-80);
    }

    .stack-body em {
      color: var(--emerald);
      font-weight: 600;
      font-style: normal;
    }

    /* Pull-quote cards (3 receipts) */
    .receipts-row {
      margin-top: clamp(2rem, 4vw, 3rem);
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-5);
    }

    @media (min-width: 1000px) {
      .receipts-row {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    .receipt-card {
      padding: clamp(1.75rem, 2.8vw, 2.25rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-radius: var(--r-lg);
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      transition: transform 220ms var(--ease-out), border 220ms var(--ease-out), box-shadow 220ms var(--ease-out);
    }

    .receipt-photo {
      width: 88px;
      height: 88px;
      border-radius: 50%;
      object-fit: cover;
      object-position: top;
      align-self: flex-start;
      margin-bottom: var(--space-2);
    }

    .receipt-card:hover {
      transform: translateY(-3px);
      border-color: var(--emerald);
      box-shadow: var(--shadow-soft);
    }

    .receipt-tag {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: var(--space-3);
    }

    .receipt-name {
      font-size: clamp(1.125rem, 1.6vw, 1.375rem);
      font-weight: 700;
      letter-spacing: -0.015em;
      color: var(--ink);
      margin-bottom: var(--space-1);
    }

    .receipt-role {
      font-size: 18px;
      color: var(--ink-60);
      margin-bottom: var(--space-4);
      line-height: 1.4;
    }

    .receipt-quote {
      font-size: 18px;
      line-height: 1.55;
      color: var(--ink);
      font-weight: 500;
      letter-spacing: -0.01em;
      margin-bottom: var(--space-3);
    }

    .receipt-foot {
      font-size: 18px;
      color: var(--ink-60);
      line-height: 1.5;
      margin-top: auto;
      padding-top: var(--space-3);
      border-top: 1px solid var(--ink-15);
    }

    .receipt-foot em {
      color: var(--emerald);
      font-style: normal;
      font-weight: 600;
    }

    /* Three-line negation list (who else is doing this?) */
    .negation-list {
      margin-top: clamp(2rem, 4vw, 3rem);
      max-width: var(--max-w-narrow);
      margin-inline: auto;
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
    }

    .negation-item {
      padding: clamp(1.25rem, 2vw, 1.75rem) clamp(1.25rem, 2.4vw, 2rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-radius: var(--r-md);
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: var(--space-4);
      flex-wrap: wrap;
    }

    .negation-q {
      font-size: clamp(1.125rem, 1.3vw, 1.25rem);
      color: var(--ink-80);
      line-height: 1.4;
      font-weight: 500;
    }

    .negation-a {
      font-size: clamp(1.125rem, 1.3vw, 1.25rem);
      color: var(--rust);
      font-weight: 700;
      letter-spacing: 0.02em;
      white-space: nowrap;
    }

    /* Side-by-side compare (matches value-of-a-whale) */
    .compare-two {
      margin: clamp(2rem, 4vw, 3rem) auto 0;
      max-width: 1040px;
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-6);
    }

    @media (min-width: 860px) {
      .compare-two {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-7);
      }
    }

    .compare-col {
      display: flex;
      flex-direction: column;
      padding: clamp(1.5rem, 2.4vw, 2rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-radius: var(--r-lg);
    }

    .compare-col--bad {
      border-color: rgba(154, 46, 26, 0.32);
      background: linear-gradient(180deg, rgba(154, 46, 26, 0.025), rgba(154, 46, 26, 0) 60%);
    }

    .compare-col--good {
      border-color: rgba(11, 110, 61, 0.35);
      background: linear-gradient(180deg, rgba(11, 110, 61, 0.025), rgba(11, 110, 61, 0) 60%);
    }

    .compare-tag {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--ink-40);
      margin-bottom: var(--space-3);
    }

    .compare-col--bad .compare-tag {
      color: var(--rust);
    }

    .compare-col--good .compare-tag {
      color: var(--emerald);
    }

    .compare-head {
      font-size: clamp(1.125rem, 1.6vw, 1.375rem);
      font-weight: 700;
      letter-spacing: -0.02em;
      color: var(--ink);
      margin-bottom: var(--space-5);
      line-height: 1.25;
    }

    .compare-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
    }

    .compare-list li {
      font-size: 18px;
      line-height: 1.55;
      color: var(--ink-80);
      padding-left: 26px;
      position: relative;
    }

    .compare-col--bad .compare-list li::before {
      content: "×";
      position: absolute;
      left: 0;
      top: -1px;
      color: var(--rust);
      font-weight: 700;
      font-size: 18px;
      line-height: 1;
    }

    .compare-col--good .compare-list li::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 0;
      color: var(--emerald);
      font-weight: 700;
      font-size: 18px;
      line-height: 1;
    }

    /* Three-card window timeline (first mover / fast follower / latecomer) */
    .window-row {
      margin: clamp(2rem, 4vw, 3rem) auto 0;
      max-width: 1040px;
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-5);
    }

    @media (min-width: 860px) {
      .window-row {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    .window-card {
      padding: clamp(1.75rem, 2.8vw, 2.25rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-radius: var(--r-lg);
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      position: relative;
    }

    .window-card--first {
      border-color: rgba(11, 110, 61, 0.4);
      background: linear-gradient(180deg, rgba(11, 110, 61, 0.045), rgba(11, 110, 61, 0) 65%);
    }

    .window-card--mid {
      border-color: rgba(200, 146, 46, 0.32);
      background: linear-gradient(180deg, rgba(200, 146, 46, 0.04), rgba(200, 146, 46, 0) 65%);
    }

    .window-card--late {
      border-color: rgba(154, 46, 26, 0.32);
      background: linear-gradient(180deg, rgba(154, 46, 26, 0.04), rgba(154, 46, 26, 0) 65%);
    }

    .window-tag {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--ink-40);
    }

    .window-card--first .window-tag {
      color: var(--emerald);
    }

    .window-card--mid .window-tag {
      color: var(--gold);
    }

    .window-card--late .window-tag {
      color: var(--rust);
    }

    .window-headline {
      font-size: clamp(1.25rem, 1.8vw, 1.5rem);
      font-weight: 700;
      letter-spacing: -0.025em;
      color: var(--ink);
      line-height: 1.15;
    }

    .window-card--first .window-headline {
      color: var(--emerald);
    }

    .window-card--late .window-headline {
      color: var(--rust);
    }

    .window-body {
      font-size: 18px;
      line-height: 1.55;
      color: var(--ink-80);
    }

    .window-body em {
      color: var(--ink);
      font-weight: 600;
      font-style: normal;
    }

    /* Cost-of-waiting table */
    .cost-table {
      margin: clamp(2rem, 4vw, 3rem) auto 0;
      max-width: 920px;
      width: 100%;
      border-collapse: collapse;
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-radius: var(--r-lg);
      overflow: hidden;
    }

    .cost-table th,
    .cost-table td {
      padding: clamp(0.85rem, 1.6vw, 1.15rem) clamp(0.875rem, 1.6vw, 1.25rem);
      text-align: left;
      border-bottom: 1px solid var(--ink-15);
      vertical-align: top;
    }

    .cost-table thead th {
      font-size: 18px;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--ink-60);
      font-weight: 500;
      background: var(--mist);
    }

    .cost-table tbody td:first-child {
      font-weight: 600;
      color: var(--ink);
      font-size: 18px;
      width: 38%;
    }

    .cost-table tbody td:nth-child(2) {
      font-size: 18px;
      color: var(--rust);
      font-weight: 500;
      line-height: 1.5;
    }

    .cost-table tbody tr:last-child td {
      border-bottom: 0;
    }

    /* Two-column fit check */
    .fit-row {
      margin-top: clamp(2rem, 4vw, 3rem);
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-5);
    }

    @media (min-width: 860px) {
      .fit-row {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-6);
      }
    }

    .fit-col {
      padding: clamp(1.5rem, 2.4vw, 2rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-radius: var(--r-lg);
    }

    .fit-col--yes {
      border-color: rgba(11, 110, 61, 0.32);
    }

    .fit-col--no {
      border-color: rgba(154, 46, 26, 0.32);
    }

    .fit-tag {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      margin-bottom: var(--space-3);
    }

    .fit-col--yes .fit-tag {
      color: var(--emerald);
    }

    .fit-col--no .fit-tag {
      color: var(--rust);
    }

    .fit-head {
      font-size: clamp(1.125rem, 1.5vw, 1.1875rem);
      font-weight: 700;
      letter-spacing: -0.015em;
      color: var(--ink);
      margin-bottom: var(--space-4);
      line-height: 1.3;
    }

    .fit-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
    }

    .fit-list li {
      font-size: 18px;
      line-height: 1.55;
      color: var(--ink-80);
      padding-left: 34px;
      min-height: 22px;
      position: relative;
    }

    .fit-list li::before {
      position: absolute;
      left: 0;
      top: calc((1.55em - 22px) / 2);
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: inline-grid;
      place-items: center;
      color: var(--on-accent, #ffffff);
      font-weight: 700;
      line-height: 1;
    }

    .fit-col--yes .fit-list li::before {
      content: "✓";
      background: var(--emerald);
      font-size: 13px;
      top: calc((1.55em - 22px) / 2 + 3px);
    }

    .fit-col--no .fit-list li::before {
      content: "×";
      background: var(--rust);
      font-size: 18px;
    }

    /* Pulsing window indicator */
    @keyframes pulse-dot {

      0%,
      100% {
        opacity: 1;
        transform: scale(1);
      }

      50% {
        opacity: 0.55;
        transform: scale(0.85);
      }
    }

    .window-pulse {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--emerald);
      margin-right: var(--space-2);
      animation: pulse-dot 2s ease-in-out infinite;
    }

    /* Single-image cold-email foil block (section 2) */
    .foil-card {
      max-width: var(--max-w-narrow);
      margin: clamp(2rem, 4vw, 3rem) auto 0;
      padding: clamp(1.25rem, 2vw, 1.75rem);
      background: var(--paper);
      border: 1px solid rgba(154, 46, 26, 0.32);
      border-radius: var(--r-lg);
      box-shadow: var(--shadow-soft);
    }

    .foil-tag {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--rust);
      margin-bottom: var(--space-3);
      display: block;
    }

    .foil-card img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: var(--r-md);
    }

    .foil-foot {
      margin-top: var(--space-3);
      font-size: 18px;
      color: var(--ink-60);
      line-height: 1.5;
      text-align: center;
    }

    /* Exception callout · the Delve YC startups proof (section 5) */
    .exception-row {
      margin: clamp(2rem, 4vw, 3rem) auto 0;
      max-width: var(--max-w-narrow);
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-4);
    }

    @media (min-width: 720px) {
      .exception-row {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-5);
      }
    }

    .exception-card {
      padding: clamp(1.25rem, 2vw, 1.5rem);
      background: var(--paper);
      border: 1px solid var(--ink-15);
      border-radius: var(--r-lg);
      display: flex;
      flex-direction: column;
    }

    .exception-card img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: var(--r-md);
      margin-bottom: var(--space-3);
    }

    .exception-tag {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: var(--space-2);
    }

    .exception-title {
      font-size: clamp(1.125rem, 1.5vw, 1.1875rem);
      font-weight: 700;
      color: var(--ink);
      letter-spacing: -0.01em;
      line-height: 1.3;
      margin-bottom: var(--space-2);
    }

    .exception-body {
      font-size: 18px;
      line-height: 1.55;
      color: var(--ink-60);
    }
            wistia-player[media-id='uzt3ifokph']:not(:defined) {
              background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/uzt3ifokph/swatch');
              display: block;
              filter: blur(5px);
              padding-top: 56.25%;
            }
          wistia-player[media-id='i8w65p44xl']:not(:defined) {
            background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/i8w65p44xl/swatch');
            display: block;
            filter: blur(5px);
            padding-top: 56.25%;
          }
              wistia-player[media-id='wu3dmaneo4']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/wu3dmaneo4/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='dvr7xl1b43']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/dvr7xl1b43/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='rga6z4brh8']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/rga6z4brh8/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='kzskn4gh5i']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/kzskn4gh5i/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='keidrcnv0o']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/keidrcnv0o/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='rs6j8umrlv']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/rs6j8umrlv/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='jximgubsei']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/jximgubsei/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='vghitp1bsk']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/vghitp1bsk/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='k4e0q306un']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/k4e0q306un/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='dypale2onf']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/dypale2onf/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='nrwlkcujd6']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/nrwlkcujd6/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }
              wistia-player[media-id='hqbgq5e2zn']:not(:defined) {
                background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/hqbgq5e2zn/swatch');
                display: block;
                filter: blur(5px);
                padding-top: 56.25%;
              }