html { scroll-behavior: smooth; }
    body {
      background: var(--seed-bg-layer-floor);
      color: var(--seed-fg-neutral);
    }

    .page { max-width: 720px; margin: 0 auto; padding: 0 var(--seed-space-5); }

    /* ───── Top nav (floating pill, Speak/Mindvalley style) ───── */
    .topnav {
      position: absolute;
      top: clamp(24px, 4vw, 40px);
      left: 0; right: 0;
      z-index: 50;
      padding: 0 var(--seed-space-4);
      pointer-events: none;
    }
    .topnav__inner {
      pointer-events: auto;
      max-width: 720px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: var(--seed-space-4);
    }
    .topnav__right { display: none; }
    .topnav__brand {
      display: inline-flex;
      align-items: center;
      background: #fff;
      padding: 2px;
      border-radius: var(--seed-radius-full);
      box-shadow: 0 4px 12px -4px rgba(0,0,0,0.25);
      text-decoration: none;
    }
    .topnav__brand img { height: 32px; display: block; }
    .hero-band-deep { padding-top: 80px; }
    section { padding: var(--seed-space-12) 0; }

    /* ───── Founding band — continues hero color, sits between hero and VSL ───── */
    .founding-band {
      background: var(--brand-cta-fg);
      padding: var(--brand-pad-md) 0;
      margin-top: -1px;
    }
    .founding-card {
      position: relative;
      max-width: 560px;
      margin: 0 auto;
      background: #fff;
      color: var(--seed-fg-neutral);
      border-radius: var(--brand-radius-card);
      padding: var(--brand-pad-card);
      text-align: center;
      box-shadow: var(--brand-shadow-card);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--seed-space-3);
    }
    .founding-card__off {
      position: absolute;
      top: -44px;
      right: -20px;
      width: 78px;
      height: 78px;
      border-radius: 50%;
      background: var(--ek-accent-red);
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      transform: rotate(10deg);
      box-shadow: 0 10px 24px -8px rgba(230, 57, 70, 0.5);
      line-height: 1;
    }
    .founding-card__off-pct { font-size: 22px; letter-spacing: -0.02em; }
    .founding-card__off-lbl { font-size: 10px; letter-spacing: 0.14em; margin-top: 3px; }
    .founding-card__title {
      margin: 0;
      font-size: var(--brand-title-xl);
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1.15;
    }
    .founding-card__hl {
      background-image: linear-gradient(transparent 55%, var(--brand-cta) 55%, var(--brand-cta) 95%, transparent 95%);
      background-repeat: no-repeat;
      padding: 0 4px;
    }
    .founding-card__sub {
      margin: 0;
      font-size: var(--brand-body-lg);
      color: var(--seed-fg-neutral-muted);
      max-width: 420px;
      line-height: 1.5;
    }
    .founding-card__inner {
      position: relative;
      margin-top: var(--seed-space-4);
      width: 100%;
      border-radius: var(--seed-radius-5);
      padding: var(--seed-space-8) var(--seed-space-5);
      background: linear-gradient(160deg, var(--brand-primary) 0%, var(--brand-cta-fg) 100%);
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--seed-space-2);
    }
    .founding-card__inner-label {
      font-size: 15px;
      letter-spacing: 0.16em;
      font-weight: 800;
      color: rgba(255,255,255,0.85);
      margin-bottom: var(--seed-space-4);
    }
    .founding-card__inner-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: var(--seed-space-3);
    }
    /* ───── Membership plans (black band) ───── */
    .plans-band {
      background: var(--brand-bg-dark);
      color: #fff;
      padding: var(--brand-pad-md) 0;
    }
    .reps-band {
      background: var(--brand-bg-dark);
      padding: var(--brand-pad-md) 0;
    }
    .loop-band {
      background: var(--brand-bg-dark);
      padding: var(--brand-pad-md) 0;
    }
    .loop-band__inner {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .loop-shell {
      width: 100%;
      max-width: 520px;
      background: #fff;
      border-radius: var(--brand-radius-card);
      padding: var(--brand-pad-card) var(--brand-pad-card) 0;
      display: flex;
      flex-direction: column;
      gap: var(--seed-space-3);
      box-shadow: var(--brand-shadow-card);
    }
    .loop-shell__head {
      position: sticky;
      top: 16px;
      z-index: 0;
      background: #fff;
      padding: 8px 0 16px;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--seed-space-3);
    }
    .loop-shell__eyebrow {
      display: inline-block;
      background: var(--seed-bg-brand-solid);
      color: #fff;
      padding: 6px 14px;
      border-radius: var(--seed-radius-full);
      font-size: var(--brand-eyebrow);
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .loop-shell__title {
      margin: 0;
      color: var(--seed-fg-neutral);
      font-size: var(--brand-title-xl);
      font-weight: 900;
      line-height: 1.05;
      letter-spacing: -0.03em;
    }
    .loop-grid {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: var(--seed-space-4);
      width: 100%;
    }
    .loop-card {
      width: 100%;
      border-radius: 24px;
      overflow: hidden;
      position: sticky;
      aspect-ratio: 4 / 5;
      color: #fff;
      isolation: isolate;
      box-shadow: 0 -8px 24px -12px rgba(0,0,0,0.25);
    }
    .loop-shell > .loop-card:nth-child(2) { top: 150px; z-index: 1; }
    .loop-shell > .loop-card:nth-child(3) { top: 170px; z-index: 2; transform: rotate(2deg); }
    .loop-shell > .loop-card:nth-child(4) { top: 190px; z-index: 3; transform: rotate(-2deg); box-shadow: 0 -10px 30px -10px rgba(0,0,0,0.35); }
    .loop-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 35%, rgba(0,0,0,0) 60%);
      z-index: 1;
      pointer-events: none;
    }
    .loop-card__head {
      position: absolute;
      top: var(--seed-space-6);
      left: var(--seed-space-6);
      right: var(--seed-space-6);
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--seed-space-2);
    }
    .loop-card__eyebrow {
      color: rgba(255,255,255,0.85);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    }
    .loop-card__verb {
      margin: 0;
      font-size: 30px;
      font-weight: 900;
      letter-spacing: -0.02em;
      line-height: 1.1;
      color: #fff;
      text-shadow: 0 1px 8px rgba(0,0,0,0.35);
    }
    .loop-card__desc {
      margin: 0;
      font-size: var(--brand-body-md);
      color: var(--seed-fg-neutral-muted);
      line-height: 1.55;
      max-width: 32ch;
      align-self: center;
    }
    .loop-card__visual {
      position: absolute;
      inset: 0;
      z-index: 0;
    }
    .loop-card__visual img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 25%;
      display: block;
    }
    .reps-band__inner { display: flex; flex-direction: column; align-items: center; gap: var(--seed-space-8); }
    .reps-band__title {
      margin: 0;
      color: #fff;
      font-size: var(--brand-title-xl);
      font-weight: 800;
      line-height: 1.15;
      letter-spacing: -0.02em;
      text-align: center;
    }
    .reps-band__title-hl {
      background: var(--brand-primary);
      color: #fff;
      padding: 0 12px;
      border-radius: 6px;
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
    }
    .reps-card {
      width: 100%;
      max-width: 520px;
      background: #fff;
      color: var(--seed-fg-neutral);
      border-radius: var(--brand-radius-card);
      padding: var(--brand-pad-card);
      box-shadow: var(--brand-shadow-card);
      position: relative;
    }
    .reps-card__header {
      position: absolute;
      top: clamp(24px, 3vw, 36px);
      left: clamp(24px, 3vw, 36px);
      right: clamp(24px, 3vw, 36px);
      z-index: 2;
      pointer-events: none;
    }
    .reps-card__eyebrow {
      font-size: 18px;
      font-weight: 800;
      color: rgba(11,26,53,0.55);
      margin-bottom: 4px;
      letter-spacing: -0.01em;
    }
    .reps-card__h {
      font-size: clamp(22px, 2.6vw, 36px);
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1.18;
      color: var(--seed-bg-brand-solid);
    }
    .reps-chart {
      position: relative;
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 6px;
      align-items: end;
      height: 360px;
      padding-top: 90px;
    }
    .reps-chart__row {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 100%;
      justify-content: flex-end;
      gap: 8px;
      position: relative;
    }
    .reps-chart__bar {
      width: 100%;
      max-width: 56px;
      border-radius: 999px;
      position: relative;
      transition: height 600ms ease;
    }
    .reps-chart__val {
      position: absolute;
      top: -22px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 14px;
      font-weight: 800;
      color: var(--seed-bg-brand-solid);
      white-space: nowrap;
    }
    .reps-chart__bar--zero {
      background: rgba(11,26,53,0.12);
      height: 4px;
      width: 70%;
      max-width: 48px;
    }
    .reps-chart__row[data-h="zero"] .reps-chart__val {
      top: -20px;
      color: rgba(11,26,53,0.45);
      font-size: 13px;
    }
    .reps-chart__bar--t1 {
      background: linear-gradient(180deg, rgba(96,165,250,0.55) 0%, rgba(219,234,254,0.7) 100%);
      height: 14%;
    }
    .reps-chart__bar--t2 {
      background: linear-gradient(180deg, rgba(96,165,250,0.6) 0%, rgba(219,234,254,0.7) 100%);
      height: 24%;
    }
    .reps-chart__bar--t3 {
      background: linear-gradient(180deg, rgba(96,165,250,0.7) 0%, rgba(219,234,254,0.7) 100%);
      height: 42%;
    }
    .reps-chart__bar--us {
      background: linear-gradient(180deg, var(--brand-primary) 0%, var(--brand-primary) 100%);
      height: 96%;
      max-width: 64px;
    }
    .reps-chart__bar--us .reps-chart__val {
      display: none;
    }
    .reps-chart__bubble {
      position: absolute;
      top: -44px;
      left: 50%;
      transform: translateX(-50%);
      background: var(--seed-bg-brand-solid);
      color: #fff;
      font-size: 14px;
      font-weight: 900;
      padding: 8px 14px;
      border-radius: 999px;
      white-space: nowrap;
      box-shadow: 0 8px 16px -4px rgba(30, 64, 175, 0.4);
    }
    .reps-chart__bubble::after {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 50%;
      transform: translateX(-50%) rotate(45deg);
      width: 10px;
      height: 10px;
      background: var(--seed-bg-brand-solid);
    }
    .reps-chart__zeros-label {
      position: absolute;
      top: 0;
      left: 0;
      width: 33.333%;
      text-align: center;
      font-size: 12px;
      font-weight: 700;
      color: rgba(11,26,53,0.5);
      line-height: 1.3;
    }
    .reps-chart__labels {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 6px;
      margin-top: var(--seed-space-3);
      padding-top: var(--seed-space-3);
      border-top: 1px solid rgba(11,26,53,0.08);
    }
    .reps-chart__lbl {
      font-size: 15px;
      font-weight: 700;
      color: rgba(11,26,53,0.6);
      text-align: center;
    }
    .reps-chart__lbl--us {
      color: var(--seed-bg-brand-solid);
      font-weight: 900;
    }
    @media (max-width: 600px) {
      .reps-chart__lbl-prefix { display: none; }
      .reps-chart__lbl { font-size: 13px; }
      .reps-card__h { font-size: 22px; }
      .reps-card__eyebrow { font-size: 14px; }
      .reps-chart { height: 280px; padding-top: 80px; }
      .reps-chart__bubble {
        font-size: 13px;
        padding: 6px 10px;
        top: -36px;
        left: auto;
        right: -8px;
        transform: none;
      }
      .reps-chart__bubble::after {
        left: auto;
        right: 18px;
        transform: rotate(45deg);
      }
    }
    .plans-band__inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--seed-space-6);
    }
    .plans-band__title {
      margin: 0;
      text-align: center;
      font-size: var(--brand-title-xl);
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1.1;
    }
    .plans-toggle {
      display: inline-flex;
      background: #1A1A1A;
      border-radius: var(--seed-radius-full);
      padding: 4px;
      gap: 4px;
    }
    .plans-toggle__btn {
      background: transparent;
      color: rgba(255,255,255,0.6);
      border: 0;
      padding: 10px 22px;
      border-radius: var(--seed-radius-full);
      font-weight: 700;
      font-size: 15px;
      cursor: pointer;
      transition: background 120ms ease, color 120ms ease;
    }
    .plans-toggle__btn.is-active {
      background: var(--ek-accent-red);
      color: #fff;
    }
    .plans-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--seed-space-5);
      width: 100%;
      max-width: 440px;
      margin-inline: auto;
    }
    .plan-card {
      position: relative;
      background: #fff;
      color: var(--seed-fg-neutral);
      border-radius: var(--brand-radius-card);
      padding: var(--brand-pad-card);
      display: flex;
      flex-direction: column;
      gap: var(--seed-space-4);
      border: 2px solid transparent;
    }
    .plan-card--best { border-color: var(--ek-accent-red); }
    .plan-card[hidden] { display: none; }
    .plan-card__off {
      position: absolute;
      top: -14px;
      right: var(--seed-space-5);
      background: var(--ek-accent-red);
      color: #fff;
      border-radius: var(--seed-radius-3);
      padding: 6px 10px;
      text-align: center;
      line-height: 1;
      font-weight: 800;
      box-shadow: 0 6px 14px -6px rgba(230,57,70,0.5);
    }
    .plan-card__off--soft { background: var(--seed-bg-brand-solid); box-shadow: 0 6px 14px -6px rgba(30,64,175,0.5); }
    .plan-card__off-pct { display: block; font-size: 17px; }
    .plan-card__off-lbl { display: block; font-size: 10px; letter-spacing: 0.12em; margin-top: 2px; }
    .plan-card__chips { display: flex; gap: 6px; }
    .plan-card__chip {
      padding: 5px 12px;
      border-radius: var(--seed-radius-2);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.08em;
    }
    .plan-card__chip--best { background: var(--ek-accent-red); color: #fff; }
    .plan-card__chip--tag { background: color-mix(in srgb, var(--ek-accent-red) 12%, transparent); color: var(--ek-accent-red); }
    .plan-card__chip--pop { background: var(--ek-tint-brand-medium); color: var(--seed-fg-brand); }
    .plan-card__name {
      margin: 4px 0 0;
      font-size: 32px;
      font-weight: 800;
      letter-spacing: -0.02em;
    }
    .plan-card__desc {
      margin: 0;
      color: var(--seed-fg-neutral-muted);
      font-size: var(--brand-body-md);
      line-height: 1.5;
    }
    .plan-card__price-row {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: var(--seed-space-3);
      margin-top: var(--seed-space-3);
    }
    .plan-card__old {
      color: var(--seed-fg-neutral-muted);
      text-decoration: line-through;
      text-decoration-thickness: 2px;
      font-weight: 600;
      font-size: 19px;
    }
    .plan-card__price-stack { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin-top: var(--seed-space-3); }
    .plan-card__old--top { font-size: 16px; line-height: 1; }
    .plan-card__price { display: inline-flex; align-items: baseline; gap: 2px; }
    .plan-card__amount {
      font-size: 46px;
      font-weight: 900;
      letter-spacing: -0.03em;
      line-height: 1;
      color: var(--seed-fg-neutral);
    }
    .plan-card__per { font-size: 19px; color: var(--seed-fg-neutral-muted); font-weight: 700; }
    .plan-card__bill { font-size: 16px; color: var(--seed-fg-neutral); font-weight: 700; }
    .plan-card__cta {
      margin-top: var(--seed-space-3);
      background: var(--ek-accent-red);
      color: #fff;
      padding: 16px 22px;
      border-radius: var(--seed-radius-full);
      font-weight: 800;
      font-size: 17px;
      text-align: center;
      text-decoration: none;
    }
    .plan-card__cta:hover { text-decoration: none; opacity: 0.92; }
    .plan-card__cta--ghost {
      background: var(--brand-cta-fg);
      color: #fff;
    }
    .plan-card__bonus {
      display: flex;
      align-items: center;
      gap: var(--seed-space-2);
      margin-top: var(--seed-space-2);
      padding: 8px 12px;
      background: var(--seed-bg-layer-basement);
      border-radius: var(--seed-radius-full);
      font-size: 12px;
      font-weight: 600;
      color: var(--seed-fg-neutral);
    }
    .plan-card__bonus-plus {
      width: 18px; height: 18px;
      border-radius: var(--seed-radius-full);
      background: var(--ek-accent-red);
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 900;
    }

    .founding-card__inner-old {
      position: relative;
      font-size: 28px;
      font-weight: 700;
      color: rgba(255,255,255,0.55);
      line-height: 1;
      padding: 0 4px;
    }
    .founding-card__inner-old::after {
      content: '';
      position: absolute;
      left: 0; right: 0;
      top: 50%;
      height: 2px;
      background: rgba(255,255,255,0.55);
      transform: translateY(-50%) rotate(-8deg);
      border-radius: 2px;
    }
    .founding-card__inner-arrow {
      font-size: 24px;
      color: rgba(255,255,255,0.65);
      font-weight: 700;
    }
    .founding-card__inner-price {
      display: inline-flex;
      align-items: baseline;
      gap: 2px;
    }
    .founding-card__inner-amount {
      font-size: clamp(36px, 6vw, 56px);
      font-weight: 900;
      letter-spacing: -0.03em;
      line-height: 1;
    }
    .founding-card__inner-per { font-size: 22px; font-weight: 700; color: rgba(255,255,255,0.85); }
    .founding-card__inner-meta {
      font-size: 14px;
      color: rgba(255,255,255,0.7);
      margin-top: var(--seed-space-3);
    }

    /* ───── Hero deep-brand band (Speak-style) ───── */
    .hero-band-deep {
      position: relative;
      overflow: hidden;
      color: var(--seed-fg-brand-contrast);
      background:
        radial-gradient(ellipse 80% 60% at 75% 40%, color-mix(in srgb, var(--seed-bg-brand-solid) 70%, #fff), transparent 60%),
        linear-gradient(180deg, var(--seed-bg-brand-solid) 0%, var(--brand-cta-fg) 50%, var(--brand-cta-fg) 100%);
    }
    .hero-band-deep .hero-title,
    .hero-band-deep .hero-sub { color: var(--seed-fg-brand-contrast); }
    .hero-band-deep .hero-sub strong { color: var(--seed-fg-brand-contrast); }
    .hero-band-deep .hero-title em {
      color: var(--brand-cta);  /* warm yellow accent against deep blue */
      font-style: normal;
    }
    .hero-band-deep .hero-cta__meta { color: rgba(255,255,255,0.7); }
    .hero-band-deep .hero-cta__meta strong { color: #fff; }
    .hero-chip {
      background: rgba(255,255,255,0.14) !important;
      color: #fff !important;
    }
    .hero-chip .ek-eyebrow__dot { background: var(--brand-cta) !important; }

    /* Stats strip below hero CTA */
    .hero-stats-wrap {
      padding-top: var(--seed-space-5);
      padding-bottom: var(--seed-space-6);
      border-top: 1px solid rgba(255,255,255,0.15);
    }
    .hero-stats {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: var(--seed-space-3) var(--seed-space-4);
    }
    .hero-stat {
      display: flex; flex-direction: column; align-items: center;
      color: #fff;
      flex: 1; min-width: 90px;
    }
    .hero-stat__num { font-size: clamp(20px, 2.4vw, 28px); font-weight: 800; letter-spacing: -0.02em; line-height: 1; }
    .hero-stat__lbl { font-size: 12px; color: rgba(255,255,255,0.65); margin-top: 4px; text-align: center; }
    .hero-stat__sep {
      width: 1px;
      align-self: stretch;
      background: rgba(255,255,255,0.15);
    }
    @media (max-width: 600px) {
      .hero-stat__sep { display: none; }
      .hero-stat { min-width: 60px; }
    }

    /* Sticky desktop CTA in nav */
    .topnav__cta {
      background: var(--seed-bg-brand-solid);
      color: var(--seed-fg-brand-contrast) !important;
      padding: 8px var(--seed-space-4) !important;
      border-radius: var(--seed-radius-full);
      font-weight: 700 !important;
    }
    .topnav__cta:hover { background: var(--seed-bg-brand-solid-pressed) !important; }

    /* ───── Hero — Speak-style centered composition ───── */
    .hero-v2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: var(--seed-space-4);
      padding-top: clamp(8px, 2vw, 36px);
      padding-bottom: 0;
    }
    .hero-v2__chip {
      display: inline-flex;
      align-items: center;
      background: var(--brand-cta-fg);
      color: #fff;
      padding: 8px 16px;
      border-radius: var(--seed-radius-2);
      font-weight: 800;
      font-size: clamp(14px, 1.6vw, 18px);
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .hero-v2__title {
      margin: 0;
      font-size: var(--brand-title-hero);
      font-weight: 900;
      letter-spacing: -0.035em;
      line-height: 1.0;
      color: #fff;
      max-width: 16ch;
    }
    @media (max-width: 699px) {
      .hero-v2 .hero-v2__title { font-size: 11.5vw; line-height: 1.05; }
      .hero-v2 .hero-v2__art {
        width: 130vw;
        margin-left: -15vw;
        margin-right: -15vw;
        max-width: none;
      }
      .hero-v2 .hero-v2__photo { width: 130vw; max-width: none; }
      .hero-v2 .hero-v2__badge { right: 12%; top: 8%; }
    }
    @media (min-width: 700px) {
      .hero-v2__chip { order: -1; }
      .hero-v2__badge { width: 150px; height: 150px; top: 22%; right: 18%; }
      .hero-v2__badge-top { font-size: 12px; }
      .hero-v2__badge-pct { font-size: 40px; }
      .hero-v2__badge-sub { font-size: 13px; }
    }
    .hero-v2__title em { color: var(--brand-cta); font-style: normal; }
    .hero-v2__br-mobile { display: none; }
    @media (max-width: 699px) { .hero-v2__br-mobile { display: inline; } }
    .hero-v2__sub {
      margin: 0;
      font-size: var(--brand-body-lg);
      color: rgba(255,255,255,0.85);
      max-width: 560px;
      line-height: 1.45;
    }
    .hero-v2__art {
      position: relative;
      margin-top: calc(-1 * var(--seed-space-4));
      margin-bottom: calc(-1 * var(--seed-space-6));
      width: 100%;
      max-width: 720px;
      display: flex;
      justify-content: center;
      isolation: isolate;
    }
    .hero-v2__photo {
      width: 100%;
      max-width: 680px;
      height: auto;
      aspect-ratio: 800 / 850;
      display: block;
      position: relative;
      z-index: 2;
      filter: drop-shadow(0 30px 60px rgba(0,0,0,0.45));
      -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
      mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
    }
    .hero-v2__badge {
      position: absolute;
      top: 14%;
      right: 6%;
      z-index: 1;
      width: 116px;
      height: 116px;
      border-radius: 50%;
      background: var(--brand-cta-fg);
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      box-shadow: 0 12px 32px -10px rgba(0,0,0,0.55);
      border: 3px solid rgba(255,255,255,0.14);
      transform: rotate(8deg);
      line-height: 1;
    }
    .hero-v2__badge-top { font-size: 10px; letter-spacing: 0.14em; opacity: 0.85; }
    .hero-v2__badge-pct { font-size: 30px; letter-spacing: -0.02em; margin-top: 3px; font-weight: 900; line-height: 1; }
    .hero-v2__badge-sub { font-size: 11px; letter-spacing: 0.16em; margin-top: 3px; opacity: 0.85; }
    .hero-v2__cta {
      margin-top: calc(-1 * var(--seed-space-6));
      background: var(--brand-cta);
      color: var(--brand-cta-fg);
      font-weight: 800;
      padding: 18px 36px;
      border-radius: var(--seed-radius-full);
      text-decoration: none;
      font-size: 18px;
      box-shadow: 0 14px 32px -10px rgba(252, 211, 77, 0.55);
      position: relative;
      z-index: 5;
      transition: transform 120ms ease;
    }
    .hero-v2__cta:hover { transform: translateY(-2px); }
    .hero-v2__meta {
      color: rgba(255,255,255,0.7);
      font-size: var(--brand-body-sm);
      margin-top: var(--seed-space-2);
    }
    .hero-v2__meta strong { color: #fff; }
    .hero-cta__trust {
      display: inline-flex; align-items: center; gap: 8px;
      color: var(--seed-fg-neutral-muted);
      font-size: var(--brand-body-sm);
      text-decoration: none;
    }
    .hero-cta__trust:hover { color: var(--seed-fg-neutral); }
    .hero-cta__stars { color: var(--brand-trust); letter-spacing: 1.5px; }
    .hero-cta__trust strong { color: var(--seed-fg-neutral); font-weight: 700; }

    .hero-logos-wrap {
      padding-top: var(--seed-space-5);
      padding-bottom: var(--seed-space-6);
      border-top: 1px solid var(--seed-stroke-neutral);
    }

    /* ───── Hero band (full-bleed) — DEPRECATED, replaced by .ek-band--tint ───── */
    .hero-band {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(ellipse 90% 60% at 50% 0%, color-mix(in srgb, var(--seed-bg-brand-solid) 14%, transparent), transparent 70%),
        radial-gradient(ellipse 60% 40% at 80% 30%, color-mix(in srgb, var(--ek-accent-red) 6%, transparent), transparent 70%),
        linear-gradient(180deg, var(--seed-bg-layer-floor) 0%, var(--seed-bg-layer-basement) 100%);
      border-bottom: 1px solid var(--seed-stroke-neutral);
    }
    .hero-band::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--seed-fg-neutral) 6%, transparent) 1px, transparent 0);
      background-size: 28px 28px;
      mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, #000 30%, transparent 80%);
      pointer-events: none;
    }
    .hero-band__inner {
      position: relative;
      max-width: 1080px;
      margin: 0 auto;
      padding: var(--seed-space-12) var(--seed-space-5) var(--seed-space-12);
    }

    /* ───── Hero ───── */
    .hero { padding-top: var(--seed-space-10); text-align: center; }
    .hero__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: var(--seed-space-2);
      color: var(--seed-fg-neutral-muted);
      background: color-mix(in srgb, var(--seed-bg-brand-solid) 8%, transparent);
      padding: 6px var(--seed-space-3);
      border-radius: var(--seed-radius-full);
      margin-bottom: var(--seed-space-5);
      font-size: var(--brand-body-sm);
      font-weight: 600;
    }
    .hero__eyebrow .dot {
      width: 7px; height: 7px;
      border-radius: var(--seed-radius-full);
      background: var(--seed-bg-brand-solid);
    }
    .hero__title {
      font-size: var(--brand-title-hero);
      line-height: 1.05;
      letter-spacing: -0.03em;
      font-weight: 800;
      margin-bottom: var(--seed-space-5);
    }
    .hero__title em { color: var(--seed-bg-brand-solid); font-style: normal; }
    .hero__title .strike {
      position: relative;
      color: var(--seed-fg-neutral-muted);
      font-weight: 700;
    }
    .hero__title .strike::after {
      content: '';
      position: absolute;
      left: -4%; right: -4%;
      top: 52%;
      height: 4px;
      background: var(--ek-accent-red);
      transform: rotate(-3deg);
      border-radius: 2px;
    }
    .hero__sub {
      color: var(--seed-fg-neutral-muted);
      font-size: var(--brand-body-lg);
      line-height: 1.5;
      margin-bottom: var(--seed-space-8);
      max-width: 640px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero__sub strong { color: var(--seed-fg-neutral); font-weight: 600; }

    /* Hero photo (no play overlay) */
    .hero__photo {
      position: relative;
      aspect-ratio: 16 / 9;
      border-radius: var(--seed-radius-5);
      overflow: hidden;
      margin: 0 auto var(--seed-space-8);
      max-width: 960px;
      box-shadow: 0 30px 80px -30px rgba(15, 23, 42, 0.45), 0 12px 32px -16px rgba(30, 64, 175, 0.35);
    }
    .hero__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

    /* Standalone VSL section below hero */
    .vsl-section {
      padding: var(--brand-pad-md) 0;
      background: var(--brand-bg-dark);
    }
    .vsl-section__inner { display: flex; justify-content: center; }
    .proof-band {
      background: var(--brand-bg-dark);
      padding: var(--brand-pad-md) 0;
    }
    .proof-band__inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--seed-space-6);
    }
    .proof-band__title {
      margin: 0;
      color: #fff;
      font-size: var(--brand-title-xl);
      font-weight: 900;
      line-height: 1.1;
      letter-spacing: -0.03em;
      text-align: center;
    }
    .proof-band__title-hl { color: var(--ek-accent-red); }
    .proof-band__sub {
      margin: 0;
      color: rgba(255,255,255,0.7);
      font-size: var(--brand-body-lg);
      line-height: 1.5;
      text-align: center;
      max-width: 36ch;
    }
    .proof-timeline {
      width: 100%;
      max-width: 720px;
      margin-top: var(--seed-space-4);
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      align-items: end;
      position: relative;
      padding: 0 8px;
    }
    .proof-timeline::before {
      content: "";
      position: absolute;
      left: calc(8px + (100% - 16px) / 12);
      right: calc(8px + (100% - 16px) / 12);
      bottom: 5px;
      height: 2px;
      background: rgba(255,255,255,0.15);
      z-index: 0;
    }
    .proof-timeline__dot {
      all: unset;
      cursor: pointer;
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      padding-bottom: 0;
    }
    .proof-timeline__dot::after {
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: rgba(255,255,255,0.35);
      border: 2px solid #000;
      transition: background 150ms ease, transform 150ms ease;
    }
    .proof-timeline__dot.is-active::after {
      background: var(--ek-accent-red);
      transform: scale(1.25);
    }
    .proof-timeline__label {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
      line-height: 1.1;
      text-align: center;
    }
    .proof-timeline__week {
      color: rgba(255,255,255,0.7);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .proof-timeline__topic {
      color: #fff;
      font-size: 13px;
      font-weight: 700;
    }
    .proof-timeline__dot.is-active .proof-timeline__week { color: var(--ek-accent-red); }
    @media (max-width: 600px) {
      .proof-timeline__topic { display: none; }
      .proof-timeline__week { font-size: 10px; }
    }
    .proof-clips {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-top: var(--seed-space-5);
    }
    .proof-stage {
      width: 100vw;
      max-width: 100vw;
      height: 220vh;
      position: relative;
      margin-top: var(--seed-space-5);
    }
    @media (min-width: 601px) {
      .proof-stage { height: 540vh; }
    }
    .proof-stage__sticky {
      position: sticky;
      top: 0;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      gap: var(--seed-space-5);
      overflow: hidden;
      padding: var(--seed-space-10) 0 var(--seed-space-6);
    }
    .proof-stage__sticky .proof-band__title,
    .proof-stage__sticky .proof-timeline {
      max-width: 720px;
      padding: 0 var(--seed-space-5);
    }
    .proof-stage__track {
      display: flex;
      align-self: flex-start;
      width: 600vw;
      will-change: transform;
    }
    .proof-stage__slide {
      flex: 0 0 100vw;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: var(--seed-space-4);
    }
    .proof-stage__slide-label {
      display: none;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      line-height: 1.1;
      text-align: center;
    }
    .proof-stage__slide-week {
      color: var(--ek-accent-red);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .proof-stage__slide-topic {
      color: #fff;
      font-size: 18px;
      font-weight: 800;
      letter-spacing: -0.01em;
    }
    @media (max-width: 600px) {
      .proof-stage__sticky {
        justify-content: center;
        padding: var(--seed-space-6) 0 var(--seed-space-12);
      }
      .proof-stage__sticky .proof-timeline { display: none; }
      .proof-stage__slide-label { display: flex; }
      .proof-stage__slide .clip.proof-clip .clip__thumb { height: min(55vh, calc(min(70vw, 320px) * 16 / 9)); }
    }
    .proof-stage__slide .clip.proof-clip {
      flex: 0 0 auto;
      width: auto;
      max-width: 320px;
    }
    .proof-stage__slide .clip.proof-clip .clip__thumb {
      width: auto;
      height: min(60vh, calc(min(70vw, 320px) * 16 / 9));
      aspect-ratio: 9 / 16;
      margin-bottom: 0;
    }
    .proof-clips .clip.proof-clip {
      all: unset;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      gap: var(--seed-space-3);
      width: min(60vw, 280px);
    }
    .proof-clips .clip.proof-clip .clip__thumb {
      width: auto;
      margin-bottom: 0;
    }
    .proof-clip .clip__thumb {
      position: relative;
      aspect-ratio: 9 / 16;
      border-radius: 20px;
      overflow: hidden;
      background: transparent;
    }
    .proof-clip .clip__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .proof-clip:hover .clip__thumb { transform: none; }
    .proof-clip .clip__play {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .proof-clip .clip__play::after {
      content: "";
      width: 64px; height: 64px;
      border-radius: 50%;
      background: rgba(0,0,0,0.45);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
    }
    .proof-clip .clip__play::before {
      content: "";
      position: absolute;
      width: 0; height: 0;
      border-left: 16px solid #fff;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      margin-left: 4px;
      z-index: 1;
    }
    .proof-clip .clip__thumb mux-player {
      width: 100%;
      height: 100%;
      background: transparent;
      --controls: none;
      --media-control-bar-display: none;
      --media-loading-indicator-display: none;
      --media-background-color: transparent;
      --media-object-fit: cover;
    }
    .proof-poster {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
      transition: opacity 220ms ease;
      pointer-events: none;
    }
    .proof-poster.is-hidden { opacity: 0; }
    .proof-mute {
      position: absolute;
      top: 12px;
      right: 12px;
      z-index: 3;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 0;
      background: rgba(0,0,0,0.55);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      color: #fff;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
    }
    .proof-mute svg { width: 18px; height: 18px; }
    .proof-tap {
      position: absolute;
      inset: 0;
      z-index: 2;
      cursor: pointer;
    }
    .proof-clip__meta {
      display: flex;
      flex-direction: column;
      gap: 2px;
      padding: 0 4px;
    }
    .proof-clip__name { color: #fff; font-weight: 800; font-size: 16px; }
    .proof-clip__where { color: rgba(255,255,255,0.6); font-size: 13px; }


    /* ───── Curriculum band — 6-month reveal ───── */
    .curr-band {
      background: #fff;
      color: var(--brand-fg);
      padding: var(--brand-pad-xl) var(--seed-space-5) var(--brand-pad-md);
      display: flex;
      justify-content: center;
    }
    .curr-band__inner {
      width: 100%;
      max-width: 1000px;
    }
    .curr-band__hdr {
      text-align: center;
      margin-bottom: clamp(40px, 5vw, 64px);
    }
    .curr-band__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--brand-primary-light);
      font-size: var(--brand-eyebrow);
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      margin-bottom: var(--seed-space-4);
    }
    .curr-band__eyebrow::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--brand-primary-light);
      box-shadow: 0 0 10px 2px rgba(96, 165, 250, 0.5);
    }
    .curr-band__title {
      font-size: var(--brand-title-xl);
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: -0.02em;
      margin: 0 0 var(--seed-space-4);
    }
    .curr-band__title-hl {
      background: var(--brand-grad-title);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .curr-band__sub {
      font-size: var(--brand-body-lg);
      line-height: 1.55;
      color: rgba(11,26,53,0.6);
      max-width: 560px;
      margin: 0 auto;
    }
    .curr-milestones {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      max-width: 540px;
      display: flex;
      flex-direction: column;
      gap: clamp(28px, 3.5vw, 44px);
    }
    .curr-milestone {
      display: grid;
      grid-template-columns: 40px 1fr;
      gap: 20px;
      align-items: center;
    }
    .curr-milestone__check {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      flex-shrink: 0;
      box-shadow: 0 8px 20px -6px rgba(96, 165, 250, 0.5);
    }
    .curr-milestone__check svg { width: 22px; height: 22px; }
    .curr-milestone__text {
      font-size: clamp(20px, 2.4vw, 28px);
      font-weight: 800;
      line-height: 1.25;
      letter-spacing: -0.02em;
      color: var(--brand-fg);
    }
    .curr-milestone__when {
      display: block;
      color: var(--brand-primary);
      font-weight: 900;
      font-size: clamp(18px, 2vw, 24px);
      letter-spacing: 0.06em;
      text-transform: uppercase;
      margin-bottom: 6px;
    }

    /* ───── Price compare band — $1 a lesson ───── */
    .price-band {
      background: #fff;
      color: var(--brand-fg);
      padding: var(--brand-pad-md) var(--seed-space-5);
      display: flex;
      justify-content: center;
    }
    .price-band__inner {
      width: 100%;
      max-width: 920px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(24px, 4vw, 48px);
      align-items: center;
    }
    @media (max-width: 820px) {
      .price-band__inner { grid-template-columns: 1fr; gap: var(--seed-space-10); }
      .price-band__hdr { text-align: center; }
      .price-band__sub { margin-left: auto; margin-right: auto; }
    }
    .price-band__hdr {
      margin-bottom: 0;
    }
    .price-band__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--brand-primary);
      font-size: var(--brand-eyebrow);
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      margin-bottom: var(--seed-space-4);
    }
    .price-band__eyebrow::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--brand-primary);
    }
    .price-band__title {
      font-size: var(--brand-title-xl);
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: -0.02em;
      margin: 0 0 var(--seed-space-4);
    }
    .price-band__title-hl {
      background: var(--brand-grad-title);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .price-band__sub {
      font-size: var(--brand-body-md);
      line-height: 1.55;
      color: rgba(11,26,53,0.6);
      max-width: 520px;
      margin: 0 auto;
    }
    .price-chart {
      background: var(--brand-bg-soft);
      border-radius: var(--brand-radius-card);
      padding: var(--brand-pad-card);
      position: relative;
      max-width: 560px;
      margin: 0 auto;
    }
    .price-chart__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(28px, 4vw, 56px);
      align-items: end;
      position: relative;
      min-height: 320px;
    }
    .price-col {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }
    .price-col__tag {
      background: #1F2937;
      color: #fff;
      font-weight: 800;
      font-size: clamp(18px, 2.2vw, 26px);
      padding: 10px 18px;
      border-radius: 12px;
      position: relative;
      margin-bottom: 14px;
      white-space: nowrap;
    }
    .price-col__tag::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -7px;
      transform: translateX(-50%) rotate(45deg);
      width: 14px;
      height: 14px;
      background: inherit;
      border-radius: 2px;
    }
    .price-col__tag--ek {
      background: var(--brand-primary);
    }
    .price-col__bar {
      width: clamp(36px, 6vw, 48px);
      background: #C7CBD3;
      border-radius: 999px;
      height: 280px;
    }
    .price-col__bar--ek {
      background: var(--brand-primary);
      height: 28px;
    }
    .price-col__label {
      margin-top: 16px;
      font-size: var(--brand-body-sm);
      font-weight: 700;
      color: rgba(11,26,53,0.6);
      text-align: center;
    }
    .price-col__label--ek { color: var(--brand-primary); }
    .price-col__hint {
      font-size: clamp(12px, 1.2vw, 13px);
      font-weight: 600;
      color: rgba(11,26,53,0.5);
      margin-top: 6px;
      text-align: center;
    }
    .price-ratio {
      position: absolute;
      top: 38%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: var(--brand-accent-red);
      color: #fff;
      width: clamp(110px, 13vw, 150px);
      height: clamp(110px, 13vw, 150px);
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      box-shadow: 0 20px 40px -12px rgba(230, 57, 70, 0.5);
      z-index: 2;
    }
    .price-ratio__num {
      font-size: clamp(28px, 3.6vw, 40px);
      line-height: 1;
      letter-spacing: -0.02em;
    }
    .price-ratio__lbl {
      font-size: clamp(11px, 1.1vw, 13px);
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-top: 4px;
      opacity: 0.95;
    }
    .price-foot {
      text-align: center;
      margin-top: clamp(24px, 3vw, 36px);
      font-size: clamp(12px, 1.2vw, 13px);
      color: rgba(11,26,53,0.5);
      max-width: 560px;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.5;
    }
    @media (max-width: 600px) {
      .price-chart__grid { gap: 24px; min-height: 320px; }
      .price-col__tag { font-size: 16px; padding: 8px 12px; }
    }

    /* ───── Compare band — EK vs tutor vs apps ───── */
    .compare-band {
      background: #fff;
      color: var(--brand-fg);
      padding: var(--brand-pad-md) var(--seed-space-5);
      display: flex;
      justify-content: center;
    }
    .compare-band__inner {
      width: 100%;
      max-width: 920px;
    }
    .compare-band__hdr {
      text-align: center;
      margin-bottom: clamp(28px, 3.5vw, 44px);
    }
    .compare-band__title {
      font-size: clamp(28px, 3.4vw, 42px);
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin: 0 0 var(--seed-space-3);
    }
    .compare-band__sub {
      font-size: var(--brand-body-md);
      color: rgba(11,26,53,0.6);
      max-width: 520px;
      margin: 0 auto;
      line-height: 1.55;
    }
    .compare-card {
      background: var(--brand-bg-soft);
      border-radius: var(--brand-radius-card);
      padding: var(--brand-pad-card);
      max-width: 720px;
      margin: 0 auto;
    }
    .compare-pills {
      display: grid;
      grid-template-columns: 80px 1fr 1fr 1fr;
      gap: clamp(8px, 1.5vw, 16px);
      margin-bottom: clamp(20px, 2.5vw, 28px);
    }
    .compare-pills__empty {}
    .compare-pill {
      background: #C7CBD3;
      color: #fff;
      border-radius: 999px;
      padding: 10px 8px;
      text-align: center;
      font-weight: 800;
      font-size: clamp(12px, 1.3vw, 15px);
      white-space: nowrap;
    }
    .compare-pill--ek {
      background: var(--brand-primary);
      box-shadow: 0 8px 20px -6px rgba(30, 64, 175, 0.45);
    }
    .compare-row {
      display: grid;
      grid-template-columns: 80px 1fr 1fr 1fr;
      gap: clamp(8px, 1.5vw, 16px);
      align-items: center;
      padding: clamp(14px, 1.8vw, 20px) 0;
      border-top: 1px solid rgba(11,26,53,0.08);
    }
    .compare-row:first-of-type { border-top: 0; }
    .compare-row__lbl {
      font-weight: 800;
      font-size: var(--brand-body-sm);
      color: rgba(11,26,53,0.75);
    }
    .compare-cell {
      font-size: var(--brand-body-sm);
      color: rgba(11,26,53,0.7);
      text-align: center;
      line-height: 1.35;
      position: relative;
      padding: 0 4px;
    }
    .compare-cell + .compare-cell {
      border-left: 1px solid rgba(11,26,53,0.08);
    }
    .compare-cell--ek {
      color: var(--brand-fg);
      font-weight: 700;
    }
    .compare-cell--ek::before {
      content: "";
      display: inline-block;
      width: 14px;
      height: 14px;
      margin-right: 6px;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E40AF' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: -2px;
    }
    .compare-scroll { }
    @media (max-width: 640px) {
      .compare-card { padding: 24px 0; border-radius: 20px; }
      .compare-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0 20px;
        scroll-padding-left: 20px;
      }
      .compare-scroll::-webkit-scrollbar { display: none; }
      .compare-scroll-inner {
        min-width: 520px;
      }
      .compare-pills, .compare-row { grid-template-columns: 80px 1fr 1fr 1fr; }
    }

    /* ───── FAQ band ───── */
    .faq-band {
      background: #fff;
      color: var(--brand-fg);
      padding: var(--brand-pad-md) var(--seed-space-5);
      display: flex;
      justify-content: center;
    }
    .faq-band__inner {
      width: 100%;
      max-width: 720px;
    }
    .faq-band__title {
      font-size: var(--brand-title-md);
      font-weight: 800;
      line-height: 1.15;
      letter-spacing: -0.02em;
      margin: 0 0 clamp(32px, 4vw, 48px);
      text-align: center;
    }
    .faq-item {
      border-top: 1px solid rgba(11,26,53,0.1);
      padding: 0;
    }
    .faq-item:last-child { border-bottom: 1px solid rgba(11,26,53,0.1); }
    .faq-item summary {
      list-style: none;
      cursor: pointer;
      padding: clamp(20px, 2.2vw, 26px) 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      font-weight: 700;
      font-size: var(--brand-body-lg);
      color: var(--brand-fg);
      line-height: 1.35;
    }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after {
      content: "+";
      font-size: 28px;
      font-weight: 400;
      color: var(--brand-primary);
      flex-shrink: 0;
      transition: transform 200ms ease;
      line-height: 1;
    }
    .faq-item[open] summary::after { content: "−"; }
    .faq-item__body {
      padding: 0 0 clamp(20px, 2.2vw, 26px);
      font-size: var(--brand-body-md);
      line-height: 1.6;
      color: rgba(11,26,53,0.72);
      max-width: 600px;
    }

    /* ───── Final CTA band ───── */
    .final-cta-band {
      background: #fff;
      color: var(--brand-fg);
      padding: var(--brand-pad-md) var(--seed-space-5);
      text-align: center;
    }
    .final-cta-band__chip {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(30,64,175,0.06);
      border: 1px solid rgba(30,64,175,0.15);
      color: var(--brand-primary);
      font-weight: 700;
      font-size: var(--brand-body-sm);
      padding: 8px 16px;
      border-radius: 999px;
      margin-bottom: clamp(20px, 2.5vw, 28px);
    }
    .final-cta-band__chip::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--brand-primary);
      box-shadow: 0 0 8px rgba(30, 64, 175, 0.4);
    }
    .final-cta-band__title {
      font-size: clamp(32px, 4.4vw, 56px);
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: -0.02em;
      margin: 0 0 clamp(16px, 2vw, 24px);
    }
    .final-cta-band__title-hl {
      background: var(--brand-grad-title);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .final-cta-band__sub {
      font-size: var(--brand-body-lg);
      color: rgba(11,26,53,0.6);
      max-width: 480px;
      margin: 0 auto clamp(32px, 4vw, 44px);
      line-height: 1.5;
    }
    .final-cta-band__btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--brand-primary);
      color: #fff;
      font-weight: 800;
      font-size: clamp(17px, 1.7vw, 20px);
      padding: 20px 40px;
      border-radius: 999px;
      text-decoration: none;
      box-shadow: 0 18px 36px -12px rgba(30, 64, 175, 0.5);
      transition: transform 160ms ease;
    }
    .final-cta-band__btn:hover { transform: translateY(-2px); text-decoration: none; background: #1E3A8A; }
    .final-cta-band__fine {
      margin-top: clamp(18px, 2vw, 24px);
      font-size: var(--brand-body-sm);
      color: rgba(11,26,53,0.5);
    }

    /* ───── Big brand footer (Speak-style) ───── */
    .ek-footer {
      background: var(--brand-primary);
      color: #fff;
      padding: var(--brand-pad-md) clamp(24px, 5vw, 64px) clamp(96px, 10vw, 140px);
      margin: clamp(16px, 2vw, 32px);
      border-radius: 32px;
      position: relative;
    }
    @media (max-width: 699px) {
      .ek-footer {
        padding: 40px 24px 32px;
        margin: 20px;
        border-radius: 24px;
      }
    }
    .ek-footer__grid {
      display: grid;
      grid-template-columns: 1fr auto auto auto auto;
      gap: clamp(28px, 4vw, 64px);
      align-items: start;
    }
    @media (max-width: 1024px) {
      .ek-footer__grid { grid-template-columns: repeat(3, 1fr); gap: 32px 20px; }
      .ek-footer__wordmark-wrap { grid-column: 1 / -1; margin-bottom: 0; }
    }
    .ek-footer__wordmark {
      font-size: clamp(48px, 8vw, 112px);
      font-weight: 900;
      line-height: 0.95;
      letter-spacing: -0.02em;
      margin: 0;
      color: #fff;
      font-kerning: normal;
    }
    .ek-footer__col-hdr {
      font-size: clamp(16px, 1.4vw, 18px);
      font-weight: 800;
      color: #fff;
      margin: 0 0 18px;
      letter-spacing: -0.01em;
    }
    .ek-footer__col ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .ek-footer__col a, .ek-footer__col span {
      color: rgba(255,255,255,0.95);
      text-decoration: none;
      font-weight: 600;
      font-size: clamp(15px, 1.2vw, 16px);
      line-height: 1.35;
    }
    .ek-footer__col a:hover { color: #FFD60A; }
    .ek-footer__legal {
      margin-top: var(--brand-pad-md);
      font-size: 12px;
      color: rgba(255,255,255,0.55);
      line-height: 1.7;
    }
    .ek-footer__legal p { margin: 0; }
    .ek-footer__copy {
      position: absolute;
      right: clamp(24px, 5vw, 64px);
      bottom: clamp(24px, 3vw, 36px);
      font-size: var(--brand-body-sm);
      font-weight: 600;
      color: rgba(255,255,255,0.7);
    }
    @media (max-width: 760px) {
      .ek-footer__copy {
        position: static;
        margin-top: 32px;
        text-align: left;
      }
    }

    /* ───── Speak band — "we make you speak" ───── */
    .speak-band {
      background: var(--brand-bg-dark);
      color: #fff;
      padding: var(--brand-pad-md) var(--seed-space-5) var(--brand-pad-xl);
      display: flex;
      justify-content: center;
    }
    .speak-band__inner {
      width: 100%;
      max-width: 920px;
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: clamp(24px, 4vw, 48px);
      align-items: center;
    }
    @media (max-width: 820px) {
      .speak-band__inner { grid-template-columns: 1fr; gap: var(--seed-space-10); text-align: center; }
      .speak-band__sub { margin-left: auto; margin-right: auto; }
    }
    .speak-band__eyebrow {
      font-size: var(--brand-body-md);
      color: rgba(255,255,255,0.55);
      font-weight: 700;
      margin-bottom: var(--seed-space-3);
    }
    .speak-band__title {
      font-size: var(--brand-title-xl);
      font-weight: 800;
      line-height: 1.15;
      letter-spacing: -0.02em;
      margin: 0 0 var(--seed-space-5);
      color: #fff;
    }
    .speak-band__title-hl {
      display: inline-block;
      background: var(--ek-accent-red);
      color: #fff;
      padding: 0 12px;
      border-radius: 6px;
    }
    .speak-band__sub {
      font-size: var(--brand-body-md);
      line-height: 1.55;
      color: rgba(255,255,255,0.65);
      margin: 0;
      max-width: 380px;
    }
    .speak-mock {
      width: 100%;
      max-width: 420px;
      margin: 0 auto;
      background: #fff;
      border-radius: 28px;
      padding: clamp(24px, 3vw, 36px);
      color: var(--brand-fg);
      box-shadow: 0 36px 72px -20px rgba(0,0,0,0.55);
      display: flex;
      flex-direction: column;
      gap: var(--seed-space-5);
    }
    .speak-mock__eyebrow {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--brand-primary);
    }
    .speak-mock__en {
      font-size: clamp(22px, 2.6vw, 30px);
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: -0.02em;
      color: var(--brand-fg);
      margin: 0;
    }
    .speak-mock__kr {
      font-size: clamp(18px, 2vw, 22px);
      font-weight: 700;
      line-height: 1.4;
      color: rgba(11,26,53,0.7);
      margin: 0;
    }
    .speak-mock__kr-hl {
      background: rgba(30, 64, 175, 0.14);
      color: var(--brand-primary);
      padding: 0 6px;
      border-radius: 4px;
    }
    .speak-mock__wave {
      display: flex;
      align-items: center;
      gap: 4px;
      height: 36px;
      padding: 0 4px;
    }
    .speak-mock__wave span {
      flex: 1;
      background: var(--brand-primary);
      border-radius: 2px;
      animation: waveBar 1.2s ease-in-out infinite;
    }
    .speak-mock__wave span:nth-child(1) { animation-delay: 0.0s; }
    .speak-mock__wave span:nth-child(2) { animation-delay: 0.1s; }
    .speak-mock__wave span:nth-child(3) { animation-delay: 0.2s; }
    .speak-mock__wave span:nth-child(4) { animation-delay: 0.3s; }
    .speak-mock__wave span:nth-child(5) { animation-delay: 0.4s; }
    .speak-mock__wave span:nth-child(6) { animation-delay: 0.5s; }
    .speak-mock__wave span:nth-child(7) { animation-delay: 0.6s; }
    .speak-mock__wave span:nth-child(8) { animation-delay: 0.7s; }
    .speak-mock__wave span:nth-child(9) { animation-delay: 0.8s; }
    .speak-mock__wave span:nth-child(10) { animation-delay: 0.9s; }
    .speak-mock__wave span:nth-child(11) { animation-delay: 1.0s; }
    .speak-mock__wave span:nth-child(12) { animation-delay: 1.1s; }
    @keyframes waveBar {
      0%, 100% { height: 30%; opacity: 0.4; }
      50% { height: 100%; opacity: 1; }
    }
    .speak-mock__btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 14px 22px;
      border-radius: 999px;
      background: var(--brand-primary);
      color: #fff;
      font-weight: 800;
      font-size: 15px;
      border: 0;
      cursor: pointer;
    }
    .speak-mock__btn svg { width: 18px; height: 18px; }
    .speak-vid {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .speak-vid__frame {
      position: relative;
      width: 100%;
      max-width: 420px;
      aspect-ratio: 1 / 1;
      border-radius: 24px;
      overflow: hidden;
      background: var(--brand-fg);
      box-shadow: 0 36px 72px -20px rgba(0,0,0,0.6);
    }
    .speak-vid__tap {
      position: absolute;
      inset: 0;
      z-index: 3;
      cursor: pointer;
    }
    .speak-vid__mute {
      position: absolute;
      top: 12px;
      right: 12px;
      z-index: 4;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 0;
      background: rgba(0,0,0,0.55);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      color: #fff;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
    }
    .speak-vid__mute svg { width: 18px; height: 18px; }
    .speak-vid__poster {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
    }
    .speak-vid__frame mux-player {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      opacity: 0;
      transition: opacity 200ms ease;
      --controls: none;
      --media-control-bar-display: none;
      --media-loading-indicator-display: none;
      --media-background-color: transparent;
      --media-object-fit: cover;
    }
    .speak-vid__frame mux-player.is-ready { opacity: 1; }

    /* ───── Retention proof band — honest cliff chart ───── */
    .retention-band {
      background: var(--brand-bg-dark);
      color: #fff;
      padding: var(--brand-pad-md) var(--seed-space-5);
      display: flex;
      justify-content: center;
    }
    .retention-band__inner {
      width: 100%;
      max-width: 920px;
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: clamp(24px, 4vw, 48px);
      align-items: center;
    }
    @media (max-width: 820px) {
      .retention-band__inner { grid-template-columns: 1fr; gap: var(--seed-space-10); text-align: center; }
      .retention-band__sub { margin-left: auto; margin-right: auto; }
    }
    .retention-band__title {
      font-size: var(--brand-title-xl);
      font-weight: 800;
      line-height: 1.12;
      letter-spacing: -0.02em;
      margin: 0 0 var(--seed-space-5);
    }
    .retention-band__title-hl {
      background: var(--brand-grad-title);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .retention-band__sub {
      font-size: var(--brand-body-lg);
      line-height: 1.55;
      color: rgba(255,255,255,0.7);
      margin: 0;
      max-width: 380px;
    }
    .retention-band__sub strong { color: #fff; font-weight: 700; }
    .retention-chart {
      width: 100%;
      max-width: 520px;
      margin: 0 auto;
      background: #fff;
      border-radius: var(--brand-radius-card);
      padding: var(--brand-pad-card);
      color: var(--brand-fg);
      box-shadow: var(--brand-shadow-card);
    }
    .retention-chart__hdr {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(11,26,53,0.55);
      margin-bottom: var(--seed-space-3);
    }
    .retention-chart__svg { width: 100%; height: auto; display: block; }
    .retention-chart__legend {
      margin-top: var(--seed-space-4);
      padding-top: var(--seed-space-4);
      border-top: 1px solid rgba(11,26,53,0.08);
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      font-size: 12px;
    }
    .retention-chart__legend-l { color: rgba(11,26,53,0.6); }
    .retention-chart__legend-r {
      color: var(--ek-accent-red);
      font-weight: 800;
    }
    .retention-chart__legend-tx {
      color: var(--brand-primary);
      font-weight: 900;
      letter-spacing: 0.02em;
    }
    .day-gate {
      padding: 4px 0 var(--seed-space-4);
    }
    .day-gate__row {
      display: flex;
      gap: 4px;
      align-items: center;
      margin-bottom: var(--seed-space-5);
      flex-wrap: nowrap;
    }
    .day-gate__dot {
      flex: 1;
      height: 14px;
      border-radius: 4px;
      min-width: 0;
    }
    .day-gate__dot.is-hard {
      background: linear-gradient(180deg, #F59E0B 0%, #FB923C 100%);
    }
    .day-gate__dot.is-easy {
      background: #DBEAFE;
    }
    .day-gate__dot.is-gate {
      position: relative;
      box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.25);
    }
    .day-gate__labels {
      display: grid;
      grid-template-columns: 7fr 23fr;
      gap: 8px;
      align-items: start;
    }
    .day-gate__label-strong {
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-bottom: 4px;
    }
    .day-gate__label--hard .day-gate__label-strong { color: #B45309; }
    .day-gate__label--easy .day-gate__label-strong { color: var(--brand-primary); }
    .day-gate__label-soft {
      font-size: 12px;
      line-height: 1.4;
      color: rgba(11,26,53,0.6);
    }
    .day-gate__legend-r {
      color: #B45309;
      font-weight: 800;
    }

    /* ───── Habit detail band — what the program delivers ───── */
    .habit-detail {
      background: var(--brand-bg-dark);
      color: #fff;
      padding: var(--brand-pad-md) var(--seed-space-5);
      display: flex;
      justify-content: center;
    }
    .habit-detail__inner {
      width: 100%;
      max-width: 920px;
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: clamp(24px, 4vw, 48px);
      align-items: center;
    }
    @media (max-width: 820px) {
      .habit-detail__inner { grid-template-columns: 1fr; gap: var(--seed-space-10); text-align: center; }
      .habit-detail__sub { margin-left: auto; margin-right: auto; }
      .habit-notifs { height: 380px; max-width: 380px; }
      .habit-notif:nth-child(2) { top: 110px; left: 28px; }
      .habit-notif:nth-child(3) { top: 220px; left: 6px; }
    }
    .habit-detail__title {
      font-size: var(--brand-title-xl);
      font-weight: 800;
      line-height: 1.12;
      letter-spacing: -0.02em;
      margin: 0 0 var(--seed-space-5);
      background: linear-gradient(180deg, #fff 0%, var(--brand-primary-light) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .habit-detail__sub {
      font-size: var(--brand-body-lg);
      line-height: 1.55;
      color: rgba(255,255,255,0.75);
      margin: 0 0 var(--seed-space-7);
      max-width: 440px;
    }
    .habit-detail__fine {
      padding: var(--seed-space-5);
      border-radius: 14px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.1);
      max-width: 440px;
    }
    .habit-detail__fine p {
      margin: 0;
      font-size: var(--brand-body-sm);
      line-height: 1.6;
      color: rgba(255,255,255,0.55);
    }
    .habit-detail__fine p + p { margin-top: 4px; }
    .habit-detail__right {
      display: flex;
      flex-direction: column;
      gap: var(--seed-space-5);
      align-items: stretch;
    }
    .habit-notifs {
      position: relative;
      height: 500px;
      max-width: 420px;
      margin: 0 auto;
      width: 100%;
    }
    .habit-notif {
      position: absolute;
      background: rgba(255,255,255,0.97);
      border-radius: 22px;
      padding: 16px 18px;
      display: grid;
      grid-template-columns: 48px 1fr;
      gap: 14px;
      box-shadow: 0 22px 48px -14px rgba(0,0,0,0.55), 0 4px 10px rgba(0,0,0,0.3);
      color: var(--brand-fg);
      width: 360px;
      max-width: calc(100% - 40px);
      text-align: left;
    }
    .habit-notif:nth-child(1) { top: 0; left: 0; transform: rotate(-2deg); z-index: 1; }
    .habit-notif:nth-child(2) { top: 160px; left: 40px; transform: rotate(1.5deg); z-index: 2; }
    .habit-notif:nth-child(3) { top: 320px; left: 10px; transform: rotate(-1deg); z-index: 3; }
    .habit-notif__icon {
      width: 48px;
      height: 48px;
      border-radius: 12px;
      background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      letter-spacing: 0.04em;
    }
    .habit-notif__hdr {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 12px;
      color: rgba(11,26,53,0.55);
      font-weight: 700;
      margin-bottom: 3px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }
    .habit-notif__title { font-weight: 800; font-size: 17px; line-height: 1.25; margin: 0 0 3px; }
    .habit-notif__body { font-size: var(--brand-body-md); line-height: 1.4; color: rgba(11,26,53,0.72); margin: 0; }
    .habit-notif__kr { color: var(--brand-primary); font-weight: 700; }
    .habit-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: flex-start;
      margin-top: var(--seed-space-5);
    }
    .habit-subs {
      list-style: none;
      padding: 0;
      margin: var(--seed-space-5) 0 0;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .habit-subs li {
      font-size: clamp(15px, 1.5vw, 18px);
      font-weight: 700;
      color: rgba(255,255,255,0.78);
      line-height: 1.4;
    }
    .habit-subs li::before {
      content: "·";
      margin-right: 8px;
      color: var(--brand-primary-light);
      font-weight: 900;
    }
    .habit-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 16px;
      border-radius: 999px;
      background: #fff;
      color: var(--brand-fg);
      font-weight: 800;
      font-size: 13px;
    }
    .habit-pill svg { width: 16px; height: 16px; }

    /* ───── Bonus band — minimal Speak-style ───── */
    .bonus-band {
      background: var(--brand-bg-dark);
      color: #fff;
      padding: var(--brand-pad-md) var(--seed-space-5);
      display: flex;
      justify-content: center;
      margin: 0;
      border: 0;
      overflow: hidden;
    }
    .bonus-band__orb { background: transparent; }
    .bonus-band__inner {
      width: 100%;
      max-width: 920px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(32px, 5vw, 64px);
      align-items: center;
    }
    @media (max-width: 820px) {
      .bonus-band__inner { grid-template-columns: 1fr; gap: var(--seed-space-8); text-align: center; }
      .bonus-band__inner > div:first-child { order: 2; }
      .bonus-band__inner > .bonus-band__art { order: 1; }
      .bonus-band__sub { margin-left: auto; margin-right: auto; }
    }
    .bonus-band__chip {
      display: inline-flex;
      align-items: center;
      padding: 6px 14px;
      border-radius: 999px;
      background: linear-gradient(90deg, #A78BFA 0%, var(--brand-primary-light) 100%);
      color: #fff;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.02em;
      margin-bottom: var(--seed-space-5);
    }
    .bonus-band__title {
      font-size: var(--brand-title-xl);
      font-weight: 800;
      line-height: 1.12;
      letter-spacing: -0.02em;
      margin: 0 0 var(--seed-space-5);
    }
    .bonus-band__sub {
      font-size: var(--brand-body-lg);
      line-height: 1.5;
      color: rgba(255,255,255,0.7);
      margin: 0;
      max-width: 360px;
    }
    .bonus-band__art {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .bonus-band__orb {
      width: clamp(220px, 28vw, 340px);
      height: auto;
      display: block;
      object-fit: contain;
    }
    .vsl-card {
      width: 100%;
      max-width: 520px;
      background: #fff;
      border-radius: 32px;
      padding: var(--seed-space-10);
      box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6);
      text-align: center;
    }
    .vsl-card__title {
      margin: 0 0 var(--seed-space-8);
      font-size: 36px;
      font-weight: 900;
      letter-spacing: -0.03em;
      line-height: 1.3;
      color: var(--seed-fg-neutral);
    }
    .vsl-card__block { display: block; }
    .vsl-card__block + .vsl-card__block { margin-top: var(--seed-space-5); }
    .vsl-card__title-hl {
      background: var(--ek-tint-brand-medium);
      color: var(--seed-fg-brand);
      padding: 0 12px;
      border-radius: var(--seed-radius-3);
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
    }
    @media (min-width: 640px) {
      .vsl-card { padding: var(--seed-space-12); }
      .vsl-card__title { font-size: 44px; }
    }

    /* VSL placeholder */
    .vsl {
      position: relative;
      aspect-ratio: 16 / 9;
      background: var(--brand-fg) center/cover no-repeat;
      border-radius: var(--seed-radius-5);
      overflow: hidden;
      color: var(--seed-fg-brand-contrast);
      box-shadow: 0 20px 60px -20px rgba(30, 64, 175, 0.4);
    }
    .vsl__poster {
      position: absolute;
      inset: 0;
      width: 100%; height: 100%;
      object-fit: cover;
      object-position: center;
    }
    .vsl::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(15,23,42,0.25) 0%, rgba(15,23,42,0.2) 40%, rgba(15,23,42,0.85) 100%);
    }
    .vsl__play, .vsl__caption { z-index: 1; }
    .vsl__play {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      width: 72px; height: 72px;
      border-radius: var(--seed-radius-full);
      background: rgba(255,255,255,0.95);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .vsl__play svg { width: 28px; height: 28px; fill: var(--seed-bg-brand-solid); margin-left: 4px; }
    .vsl__caption {
      position: absolute;
      left: 0; right: 0; bottom: var(--seed-space-5);
      text-align: center;
    }
    .vsl__label { font-weight: 600; opacity: 0.9; }
    .vsl__sub { font-size: var(--brand-body-sm); opacity: 0.6; margin-top: 4px; }

    .cta-row { display: flex; flex-direction: column; gap: var(--seed-space-3); align-items: center; }
    .btn-primary-xl {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--seed-space-2);
      background: var(--seed-bg-brand-solid);
      color: var(--seed-fg-brand-contrast);
      font-weight: 700;
      font-size: var(--brand-body-lg);
      padding: 18px var(--seed-space-8);
      border-radius: var(--seed-radius-full);
      text-decoration: none;
      border: none;
      cursor: pointer;
      width: 100%;
      max-width: 420px;
      transition: background var(--seed-duration-short) var(--seed-easing-standard), transform var(--seed-duration-short) var(--seed-easing-standard);
      box-shadow: 0 8px 20px -8px rgba(30, 64, 175, 0.5);
    }
    .btn-primary-xl:hover { background: var(--seed-bg-brand-solid-pressed); transform: translateY(-1px); text-decoration: none; }
    .btn-primary-xl:focus, .btn-primary-xl:active { text-decoration: none; }
    .cta-meta { color: var(--seed-fg-neutral-subtle); font-size: var(--brand-body-sm); }
    .hero__trust {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: var(--seed-space-2);
      color: var(--seed-fg-neutral-muted);
      font-size: var(--brand-body-sm);
      text-decoration: none;
    }
    .hero__trust:hover { color: var(--seed-fg-neutral); text-decoration: none; }
    .hero__trust-stars { color: var(--brand-trust); letter-spacing: 1.5px; }
    .hero__trust strong { color: var(--seed-fg-neutral); font-weight: 700; }

    /* "Featured in" logo bar */
    .hero__logos {
      margin-top: var(--seed-space-8);
      padding-top: var(--seed-space-6);
      border-top: 1px solid var(--seed-stroke-neutral);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--seed-space-4);
    }
    .hero__logos-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--seed-fg-neutral-subtle);
    }
    .hero__logos-row {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: var(--seed-space-6) var(--seed-space-8);
      opacity: 0.55;
      filter: grayscale(1);
    }
    .hero__logo {
      font-weight: 700;
      font-size: 15px;
      letter-spacing: -0.01em;
      color: var(--seed-fg-neutral);
      white-space: nowrap;
    }
    .hero__logo--serif { font-family: 'Times New Roman', serif; font-style: italic; font-weight: 600; font-size: 17px; }

    /* ───── Section heading ───── */
    .section-h {
      text-align: center;
      margin-bottom: var(--seed-space-8);
    }
    .section-h__eyebrow {
      display: inline-block;
      color: var(--seed-bg-brand-solid);
      font-weight: 700;
      font-size: var(--brand-body-sm);
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-bottom: var(--seed-space-3);
    }
    .section-h__title {
      font-size: clamp(24px, 5vw, 32px);
      line-height: 1.2;
      font-weight: 800;
      letter-spacing: -0.02em;
      margin-bottom: var(--seed-space-3);
    }
    .circle-it {
      position: relative;
      display: inline-block;
      color: var(--seed-bg-brand-solid);
    }
    .circle-it__wave {
      position: absolute;
      left: 0; right: 0;
      bottom: -10px;
      width: 100%; height: 10px;
      stroke: var(--ek-accent-red);
      fill: none;
      stroke-width: 2.5;
      stroke-linecap: round;
    }
    .circle-it__star {
      display: inline-block;
      width: 0.45em;
      height: 0.45em;
      margin-left: 4px;
      color: var(--ek-accent-red);
      transform: rotate(14deg) translateY(-0.35em);
      vertical-align: baseline;
    }
    @media (min-width: 600px) {
      .circle-it__star {
        width: 0.55em;
        height: 0.55em;
      }
    }
    .break-mobile { display: inline; }
    @media (min-width: 600px) { .break-mobile { display: none; } }

    .section-h__sub {
      color: var(--seed-fg-neutral-muted);
      font-size: var(--brand-body-md);
      max-width: 520px;
      margin: 0 auto;
    }

    /* ───── Student gallery ───── */
    .students { display: flex; flex-direction: column; gap: var(--seed-space-5); }
    .student-card {
      background: var(--seed-bg-layer-basement);
      border-radius: var(--seed-radius-5);
      padding: var(--seed-space-5);
    }
    .student-head {
      display: flex;
      align-items: baseline;
      gap: var(--seed-space-3);
      margin-bottom: var(--seed-space-2);
      flex-wrap: wrap;
    }
    .student-name { font-size: var(--seed-title-3-size); font-weight: 700; letter-spacing: -0.01em; }
    .student-loc { color: var(--seed-fg-neutral-muted); font-size: var(--brand-body-sm); }
    .student-bio { color: var(--seed-fg-neutral-muted); font-size: var(--brand-body-sm); margin-bottom: var(--seed-space-2); }
    .student-started {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: var(--seed-fg-neutral-muted);
      background: var(--seed-bg-layer-default);
      font-size: 12px;
      font-weight: 600;
      padding: 4px 10px;
      border-radius: var(--seed-radius-full);
      margin-bottom: var(--seed-space-4);
    }
    .student-started::before {
      content: '';
      width: 6px; height: 6px;
      border-radius: var(--seed-radius-full);
      background: var(--seed-bg-positive-solid);
    }

    .timeline {
      display: flex;
      align-items: flex-start;
      gap: var(--seed-space-3);
      overflow-x: auto;
      overflow-y: visible;
      -webkit-overflow-scrolling: touch;
      margin: 0 calc(var(--seed-space-5) * -1);
      padding: 6px var(--seed-space-5);
      scrollbar-width: none;
    }
    .timeline::-webkit-scrollbar { display: none; }

    .clip {
      flex: 0 0 140px;
      cursor: pointer;
      border: none;
      background: transparent;
      padding: 0;
      font-family: inherit;
      text-align: left;
      -webkit-tap-highlight-color: transparent;
    }
    .clip__thumb {
      position: relative;
      width: 140px;
      aspect-ratio: 9 / 16;
      border-radius: var(--seed-radius-4);
      overflow: hidden;
      background: var(--brand-fg);
      margin-bottom: 6px;
      transition: transform var(--seed-duration-short) var(--seed-easing-standard);
    }
    .clip:hover .clip__thumb { transform: translateY(-2px); }
    .clip__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .clip__play {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.4));
    }
    .clip__play::after {
      content: '';
      width: 36px; height: 36px;
      border-radius: var(--seed-radius-full);
      background: rgba(255,255,255,0.95);
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231E40AF'><path d='M8 5v14l11-7z'/></svg>");
      background-repeat: no-repeat;
      background-position: 52% center;
      background-size: 18px;
    }
    .clip__day {
      font-size: var(--brand-body-sm);
      font-weight: 700;
      color: var(--seed-fg-neutral);
    }
    .clip__caption {
      font-size: 12px;
      color: var(--seed-fg-neutral-muted);
      line-height: 1.3;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-width: 140px;
      min-height: calc(12px * 1.3 * 2);
    }

    /* Inline player swap */
    .clip__thumb mux-player {
      width: 100%; height: 100%;
      display: block;
      --media-object-fit: cover;
    }

    /* Placeholder sections for later */
    .placeholder {
      padding: var(--seed-space-8);
      text-align: center;
      color: var(--seed-fg-neutral-subtle);
      border: 2px dashed var(--seed-stroke-neutral);
      border-radius: var(--seed-radius-5);
      font-size: var(--brand-body-sm);
    }

    /* Generic stack */
    .stack { display: flex; flex-direction: column; gap: var(--seed-space-4); }

    /* Big visual moment (Apple/Notion vibe) */
    .moment {
      text-align: center;
      padding: var(--seed-space-10) 0;
    }
    .moment + .moment { padding-top: var(--seed-space-8); }
    .moment__visual {
      display: inline-flex;
      align-items: baseline;
      justify-content: center;
      gap: var(--seed-space-3);
      margin-bottom: var(--seed-space-6);
    }
    .moment__big {
      font-size: clamp(72px, 16vw, 128px);
      font-weight: 800;
      letter-spacing: -0.04em;
      line-height: 0.9;
      color: var(--seed-fg-neutral);
    }
    .moment__big.has-strike {
      position: relative;
      color: var(--seed-fg-neutral-subtle);
    }
    .moment__big.has-strike::after {
      content: '';
      position: absolute;
      left: -4%; right: -4%;
      top: 55%;
      height: 6px;
      background: var(--ek-accent-red);
      transform: rotate(-4deg);
      border-radius: 3px;
    }
    .moment__emoji { font-size: clamp(60px, 12vw, 96px); line-height: 1; }
    .moment__title {
      font-size: clamp(22px, 4vw, 28px);
      font-weight: 700;
      letter-spacing: -0.01em;
      line-height: 1.25;
      margin-bottom: var(--seed-space-3);
    }
    .moment__body {
      color: var(--seed-fg-neutral-muted);
      font-size: var(--brand-body-lg);
      max-width: 460px;
      margin: 0 auto;
    }

    /* Feature steps with phone mockups (full phones, side-by-side) */
    .feature-steps {
      display: flex;
      flex-direction: column;
      gap: var(--seed-space-8);
      margin-top: var(--seed-space-6);
    }
    .feature-row {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--seed-space-4);
      align-items: center;
    }
    .feature-row__visual { display: flex; justify-content: center; }
    @media (min-width: 700px) {
      .feature-steps { gap: var(--seed-space-12); }
      .feature-row {
        grid-template-columns: 1fr 1fr;
        gap: var(--seed-space-8);
      }
      .feature-row.is-reverse .feature-row__visual { order: 2; }
    }
    .feature-row__num {
      display: inline-block;
      color: var(--seed-bg-brand-solid);
      font-weight: 700;
      font-size: var(--brand-body-sm);
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-bottom: var(--seed-space-3);
    }
    .feature-row__title {
      font-size: clamp(22px, 4vw, 28px);
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1.2;
      margin-bottom: var(--seed-space-3);
    }
    .feature-row__body {
      color: var(--seed-fg-neutral-muted);
      font-size: var(--brand-body-md);
      line-height: 1.55;
    }

    /* Phone mockup — full 9:19, thinner bezel, real product visuals inside */
    .phone {
      width: 200px;
      aspect-ratio: 9 / 19;
      background: var(--brand-bg-dark);
      border-radius: 30px;
      padding: 5px;
      box-shadow: 0 20px 50px -20px rgba(30, 64, 175, 0.25), 0 8px 20px -8px rgba(0, 0, 0, 0.15);
      flex-shrink: 0;
    }
    @media (min-width: 700px) {
      .phone { width: 220px; border-radius: 32px; padding: 5px; }
    }
    .phone__screen {
      width: 100%;
      height: 100%;
      background: var(--seed-bg-layer-default);
      border-radius: 24px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      padding: var(--seed-space-4) var(--seed-space-3);
      position: relative;
    }
    @media (min-width: 700px) {
      .phone__screen { border-radius: 27px; }
    }
    .phone__status {
      display: flex;
      justify-content: center;
      margin-bottom: var(--seed-space-3);
    }
    .phone__notch {
      width: 60px; height: 6px;
      background: var(--brand-bg-dark);
      border-radius: 99px;
    }

    /* Step 1: video lesson */
    .mock-video {
      background: linear-gradient(135deg, #1E293B, var(--brand-fg));
      border-radius: 12px;
      aspect-ratio: 16 / 10;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: var(--seed-space-3);
    }
    .mock-video__play {
      width: 36px; height: 36px;
      border-radius: var(--seed-radius-full);
      background: rgba(255,255,255,0.95);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .mock-video__play::after {
      content: '';
      border-left: 10px solid var(--seed-bg-brand-solid);
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      margin-left: 3px;
    }
    .mock-video__time {
      position: absolute;
      bottom: 6px; right: 8px;
      color: var(--seed-fg-brand-contrast);
      background: rgba(0,0,0,0.5);
      padding: 1px 5px;
      border-radius: 4px;
      font-size: 9px;
      font-weight: 600;
    }
    .mock-tag {
      display: inline-block;
      background: color-mix(in srgb, var(--seed-bg-brand-solid) 12%, transparent);
      color: var(--seed-bg-brand-solid);
      font-size: 9px;
      font-weight: 700;
      padding: 2px 6px;
      border-radius: var(--seed-radius-full);
      margin-bottom: 6px;
      letter-spacing: 0.04em;
    }
    .mock-title {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: -0.01em;
      margin-bottom: var(--seed-space-3);
    }
    .mock-progress {
      height: 4px;
      background: var(--seed-bg-layer-basement);
      border-radius: 99px;
      overflow: hidden;
    }
    .mock-progress__fill {
      width: 42%;
      height: 100%;
      background: var(--seed-bg-brand-solid);
      border-radius: 99px;
    }

    /* Step 2: speak */
    .mock-speak {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: var(--seed-space-3);
    }
    .mock-prompt {
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.05em;
      color: var(--seed-fg-neutral-subtle);
      text-transform: uppercase;
    }
    .mock-hangul {
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -0.02em;
    }
    .mock-romaji {
      font-size: 11px;
      color: var(--seed-fg-neutral-muted);
    }
    .mock-mic {
      width: 48px; height: 48px;
      border-radius: var(--seed-radius-full);
      background: var(--ek-accent-red);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 0 0 6px color-mix(in srgb, var(--ek-accent-red) 18%, transparent);
      margin-top: var(--seed-space-3);
    }
    .mock-mic svg { width: 20px; height: 20px; fill: var(--seed-fg-brand-contrast); }
    .mock-wave {
      display: flex;
      align-items: center;
      gap: 3px;
      height: 16px;
    }
    .mock-wave span {
      width: 3px;
      background: var(--seed-bg-brand-solid);
      border-radius: 99px;
    }
    .mock-wave span:nth-child(1) { height: 30%; }
    .mock-wave span:nth-child(2) { height: 60%; }
    .mock-wave span:nth-child(3) { height: 90%; }
    .mock-wave span:nth-child(4) { height: 70%; }
    .mock-wave span:nth-child(5) { height: 100%; }
    .mock-wave span:nth-child(6) { height: 50%; }
    .mock-wave span:nth-child(7) { height: 80%; }
    .mock-wave span:nth-child(8) { height: 40%; }

    /* Step 3: timeline */
    .mock-journey {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .mock-clip-row {
      display: flex;
      gap: 8px;
      align-items: center;
    }
    .mock-clip {
      width: 36px;
      aspect-ratio: 9 / 14;
      background: linear-gradient(135deg, var(--seed-bg-layer-basement), color-mix(in srgb, var(--seed-bg-brand-solid) 8%, var(--seed-bg-layer-basement)));
      border-radius: 6px;
      flex-shrink: 0;
    }
    .mock-clip-meta { font-size: 10px; }
    .mock-clip-day { font-weight: 700; color: var(--seed-fg-neutral); }
    .mock-clip-note { color: var(--seed-fg-neutral-subtle); font-size: 9px; }

    /* Feature checklist */
    .features {
      display: flex;
      flex-direction: column;
      gap: var(--seed-space-3);
      background: var(--seed-bg-layer-basement);
      border-radius: var(--seed-radius-5);
      padding: var(--seed-space-6);
    }
    .feature {
      display: flex;
      align-items: flex-start;
      gap: var(--seed-space-3);
      font-size: var(--brand-body-md);
    }
    .feature__check {
      flex-shrink: 0;
      width: 22px; height: 22px;
      border-radius: var(--seed-radius-full);
      background: var(--seed-bg-positive-solid);
      color: var(--seed-fg-brand-contrast);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 700;
      margin-top: 1px;
    }

    /* ───── Founder ───── */
    .founder {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--seed-space-6);
      align-items: center;
    }
    @media (min-width: 600px) {
      .founder { grid-template-columns: 200px 1fr; gap: var(--seed-space-8); }
    }
    .founder__photo {
      width: 180px;
      height: 180px;
      border-radius: var(--seed-radius-full);
      background: linear-gradient(135deg, var(--brand-primary), var(--brand-fg));
      margin: 0 auto;
      overflow: hidden;
      box-shadow: 0 20px 50px -20px rgba(30, 64, 175, 0.4);
    }
    .founder__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
    @media (min-width: 600px) {
      .founder__photo { width: 200px; height: 200px; margin: 0; }
    }
    .founder__name { font-size: var(--seed-title-2-size); font-weight: 800; letter-spacing: -0.02em; margin-bottom: 4px; }
    .founder__role { color: var(--seed-fg-neutral-muted); font-size: var(--brand-body-sm); margin-bottom: var(--seed-space-4); }
    .founder__body { color: var(--seed-fg-neutral-muted); line-height: 1.6; font-size: var(--brand-body-md); }
    .founder__body p + p { margin-top: var(--seed-space-3); }
    .founder__body strong { color: var(--seed-fg-neutral); font-weight: 600; }

    /* ───── Testimonials ───── */
    .trustpilot {
      display: inline-flex;
      align-items: center;
      gap: var(--seed-space-2);
      margin-top: var(--seed-space-3);
      font-size: var(--brand-body-sm);
      color: var(--seed-fg-neutral-muted);
    }
    .trustpilot__stars { color: var(--brand-trust); letter-spacing: 2px; font-size: 16px; }
    .trustpilot__score strong { color: var(--seed-fg-neutral); font-weight: 700; }
    .trustpilot__link { color: var(--seed-fg-neutral-muted); text-decoration: underline; }
    .quotes { display: grid; grid-template-columns: 1fr; gap: var(--seed-space-4); }
    @media (min-width: 600px) { .quotes { grid-template-columns: 1fr 1fr; } }
    .quote {
      background: var(--seed-bg-layer-basement);
      border-radius: var(--seed-radius-5);
      padding: var(--seed-space-5);
      display: flex;
      flex-direction: column;
      gap: var(--seed-space-3);
    }
    .quote__stars { color: #F59E0B; letter-spacing: 2px; font-size: 14px; }
    .quote__body { font-size: var(--brand-body-md); line-height: 1.55; color: var(--seed-fg-neutral); }
    .quote__who { display: flex; align-items: center; gap: var(--seed-space-3); margin-top: auto; }
    .quote__avatar {
      width: 36px; height: 36px;
      border-radius: var(--seed-radius-full);
      background: var(--seed-bg-brand-solid);
      color: var(--seed-fg-brand-contrast);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 14px;
      flex-shrink: 0;
    }
    .quote__name { font-weight: 600; font-size: var(--brand-body-sm); }
    .quote__loc { color: var(--seed-fg-neutral-muted); font-size: 12px; }

    /* ───── FAQ ───── */
    .faq { display: flex; flex-direction: column; gap: var(--seed-space-2); }
    .faq details {
      background: var(--seed-bg-layer-basement);
      border-radius: var(--seed-radius-4);
      padding: var(--seed-space-4) var(--seed-space-5);
    }
    .faq summary {
      cursor: pointer;
      font-weight: 600;
      font-size: var(--brand-body-md);
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: var(--seed-space-3);
    }
    .faq summary::-webkit-details-marker { display: none; }
    .faq summary::after {
      content: '+';
      font-size: 22px;
      font-weight: 400;
      color: var(--seed-fg-neutral-muted);
      transition: transform var(--seed-duration-short) var(--seed-easing-standard);
    }
    .faq details[open] summary::after { content: '−'; }
    .faq__body {
      color: var(--seed-fg-neutral-muted);
      line-height: 1.6;
      font-size: var(--brand-body-sm);
      margin-top: var(--seed-space-3);
    }

    /* ───── Final CTA ───── */
    .final {
      background: linear-gradient(135deg, var(--seed-bg-brand-solid), var(--brand-fg));
      color: var(--seed-fg-brand-contrast);
      border-radius: var(--seed-radius-5);
      padding: var(--seed-space-10) var(--seed-space-6);
      text-align: center;
    }
    .final__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(255,255,255,0.12);
      padding: 6px var(--seed-space-3);
      border-radius: var(--seed-radius-full);
      font-size: var(--brand-body-sm);
      font-weight: 600;
      margin-bottom: var(--seed-space-5);
    }
    .final__eyebrow .dot {
      width: 7px; height: 7px;
      border-radius: var(--seed-radius-full);
      background: #4ADE80;
      box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.25);
    }
    .final__title {
      font-size: clamp(26px, 5vw, 36px);
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1.15;
      margin-bottom: var(--seed-space-4);
    }
    .final__sub {
      font-size: var(--brand-body-lg);
      opacity: 0.85;
      margin-bottom: var(--seed-space-8);
      max-width: 460px;
      margin-left: auto;
      margin-right: auto;
    }
    .final .btn-primary-xl {
      background: #fff;
      color: var(--seed-bg-brand-solid);
      box-shadow: 0 8px 20px -8px rgba(0,0,0,0.3);
    }
    .final .btn-primary-xl:hover { background: #F8FAFC; }
    .final__meta { margin-top: var(--seed-space-4); opacity: 0.7; font-size: var(--brand-body-sm); }

    /* ───── Mid-page CTA ───── */
    .midcta-wrap { padding: var(--seed-space-8) 0; }
    .midcta {
      background: var(--seed-bg-layer-basement);
      border-radius: var(--seed-radius-5);
      padding: var(--seed-space-8) var(--seed-space-6);
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--seed-space-4);
    }
    .midcta__title {
      font-size: clamp(20px, 4vw, 24px);
      font-weight: 800;
      letter-spacing: -0.01em;
    }
    .midcta__btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      background: var(--seed-bg-brand-solid);
      color: var(--seed-fg-brand-contrast);
      font-weight: 700;
      padding: 16px var(--seed-space-8);
      border-radius: var(--seed-radius-full);
      text-decoration: none;
      box-shadow: 0 8px 20px -8px rgba(30, 64, 175, 0.5);
    }
    .midcta__btn:hover { background: var(--seed-bg-brand-solid-pressed); text-decoration: none; }
    .midcta__meta { color: var(--seed-fg-neutral-subtle); font-size: var(--brand-body-sm); }
    .midcta__meta strong { color: var(--seed-fg-neutral); font-weight: 700; }
    .cta-meta strong { color: var(--seed-fg-neutral); font-weight: 700; }

    /* ───── Footer ───── */
    .footer {
      padding: var(--seed-space-10) 0 var(--seed-space-8);
      border-top: 1px solid var(--seed-stroke-neutral);
      color: var(--seed-fg-neutral-muted);
      font-size: var(--brand-body-sm);
    }
    .footer__brand { display: flex; align-items: center; gap: 8px; margin-bottom: var(--seed-space-3); color: var(--seed-fg-neutral); font-weight: 700; }
    .footer__brand img { height: 22px; width: auto; display: block; }
    .footer__links { display: flex; flex-wrap: wrap; gap: var(--seed-space-4); margin-bottom: var(--seed-space-4); }
    .footer__links a { color: var(--seed-fg-neutral-muted); text-decoration: none; }
    .footer__links a:hover { color: var(--seed-fg-neutral); text-decoration: underline; }
    .footer__copy { font-size: 12px; color: var(--seed-fg-neutral-subtle); }

    /* ───── Sticky mobile CTA ───── */
    .sticky-cta {
      position: fixed;
      left: 50%;
      bottom: calc(40px + env(safe-area-inset-bottom));
      transform: translate(-50%, 120%);
      z-index: 50;
      transition: transform 260ms var(--seed-easing-standard), opacity 200ms ease;
      opacity: 0;
      pointer-events: none;
    }
    .sticky-cta.is-visible { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; }
    .sticky-cta__inner { display: contents; }
    .sticky-cta__info { display: none; }
    .sticky-cta__btn {
      background: var(--brand-cta);
      color: var(--brand-cta-fg);
      font-weight: 800;
      padding: 22px 44px;
      border-radius: var(--seed-radius-full);
      text-decoration: none;
      font-size: 20px;
      box-shadow: 0 18px 36px -10px rgba(0,0,0,0.4), 0 0 0 4px rgba(255,255,255,0.06);
      white-space: nowrap;
    }
    .sticky-cta__btn:hover { background: #FFE08A; text-decoration: none; transform: translateY(-1px); }
    @media (max-width: 699px) {
      .sticky-cta { bottom: calc(28px + env(safe-area-inset-bottom)); }
      .sticky-cta__btn { padding: 18px 32px; font-size: 17px; }
    }

    /* ───── Student speaking wall ───── */
    .speak-wall {
      background: #fff;
      color: var(--brand-fg);
      padding: var(--brand-pad-md) var(--seed-space-5);
      display: flex;
      justify-content: center;
    }
    .speak-wall__inner {
      width: 100%;
      max-width: 1100px;
    }
    .speak-wall__hdr {
      text-align: center;
      margin-bottom: clamp(32px, 4vw, 48px);
    }
    .speak-wall__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--brand-primary);
      font-size: var(--brand-eyebrow);
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      margin-bottom: var(--seed-space-4);
    }
    .speak-wall__eyebrow::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--brand-primary);
    }
    .speak-wall__title {
      font-size: var(--brand-title-md);
      font-weight: 800;
      line-height: 1.15;
      letter-spacing: -0.02em;
      margin: 0 0 var(--seed-space-3);
    }
    .speak-wall__sub {
      font-size: var(--brand-body-md);
      color: rgba(11,26,53,0.6);
      max-width: 520px;
      margin: 0 auto;
      line-height: 1.55;
    }
    .speak-wall__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(12px, 1.5vw, 20px);
    }
    @media (max-width: 760px) {
      .speak-wall__grid { grid-template-columns: repeat(2, 1fr); }
    }
    .speak-tile {
      position: relative;
      aspect-ratio: 9 / 16;
      background: var(--brand-fg);
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 12px 28px -10px rgba(0,0,0,0.25);
    }
    .speak-tile mux-player {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      --controls: none;
      --media-control-bar-display: none;
      --media-loading-indicator-display: none;
      --media-background-color: transparent;
      --media-object-fit: cover;
    }
    .speak-tile__poster {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    .speak-tile__label {
      position: absolute;
      left: 12px;
      bottom: 12px;
      z-index: 2;
      background: rgba(0,0,0,0.6);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      color: #fff;
      font-weight: 700;
      font-size: 13px;
      padding: 6px 12px;
      border-radius: 999px;
    }