/* ============================================================
   The other pages, in the homepage's brand (Nov 2026).
   Loads after v2.css, home.css and flow.css. Everything here is
   scoped to body.pg, so the ads landers (start, start-2, /owen)
   keep their old look untouched.
   The surface: a cool grey page (#F2F3F7) with white cards; the
   sky for page heads; lime only for wins, done and you.
   ============================================================ */

/* ---------- base ---------- */
body.v2.pg {
  /* the sky for page heads: the brand's top three stops, so words keep 4.5:1 all the way down */
  --sky-page: linear-gradient(180deg, #0F2E91 0%, #1A44C8 45%, #2457E0 100%);
  --on-sky: rgba(255, 255, 255, 0.86);
  color: var(--ink); font-family: var(--font-body); font-weight: 400; }
.pg main { padding-top: 0 !important; }
.pg h1, .pg h2, .pg h3, .pg h4 { font-family: var(--font-heading); color: inherit; }
.pg main h2 { font-weight: 700; letter-spacing: -0.035em; }
.pg main h3 { font-weight: 700; letter-spacing: -0.01em; }
.pg main p, .pg main li { font-size: max(16px, 1em); }
.pg main a:not([class]) { color: var(--blue-ink); text-underline-offset: 3px; }
.pg a:focus-visible, .pg button:focus-visible, .pg summary:focus-visible, .pg input:focus-visible, .pg select:focus-visible, .pg textarea:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.pg .pghead a:focus-visible, .pg .pghead button:focus-visible, .pg .hh a:focus-visible, .pg .hh button:focus-visible, .pg [data-dark] a:focus-visible, .pg [data-dark] button:focus-visible { outline-color: var(--lime); }
.pg .hh:is(.is-light) a:focus-visible, .page-light .hh a:focus-visible, .pg .hh.is-open .hh__nav a:focus-visible { outline-color: var(--blue); }

.pg .wrap { max-width: 1280px; padding-inline: 40px; }
@media (max-width: 699px) { .pg .wrap { padding-inline: 16px; } }

/* every section sits on the grey page; the cards inside are white */
body.v2.pg main > section { padding-block: clamp(72px, 8vw, 128px) !important; margin: 0 !important; border-radius: 0 !important; background: transparent; }
/* sections capped at 1440 stay centred on wider screens */
body.v2.pg main > section.plans, body.v2.pg main > section.shop { margin-inline: auto !important; }
body.v2.pg main > section.u-pt0 { padding-top: 0 !important; }
body.v2.pg .pghead + section.u-pt0 { padding-top: clamp(40px, 5vw, 64px) !important; }
.pg .sec--tint { background: transparent !important; }

/* ---------- type ---------- */
.pg .eyebrow {
  display: flex; gap: 8px; align-items: center; margin: 0 0 14px; color: var(--blue-ink);
  font: 700 13px/1.2 var(--font-body); letter-spacing: 0.1em; text-transform: uppercase;
}
.pg .eyebrow::before { display: none; }
.pg .sec-head { max-width: 760px; margin-bottom: clamp(32px, 4vw, 56px); }
.pg .sec-head h2, .pg main section > .wrap > h2, .pg .u-prose > h2 {
  margin: 0; font: 700 clamp(32px, 3.6vw, 52px)/1.05 var(--font-heading); letter-spacing: -0.04em; color: var(--ink); max-width: 20ch; text-wrap: balance;
}
.pg .sec-head.center h2, .pg .center .sec-head h2 { margin-inline: auto; }
.pg .lede { color: var(--muted); font: 400 clamp(17px, 1.4vw, 19px)/1.55 var(--font-body); max-width: 62ch; }
.pg .sec-head .lede { margin-top: 14px; }
.pg .u-prose { max-width: 760px; }
.pg .u-prose h3 { margin: 36px 0 10px; font: 700 20px/1.3 var(--font-heading); letter-spacing: -0.01em; color: var(--ink); }
.pg .u-prose p:not([class]), .pg .u-prose li { color: var(--ink); font: 400 17px/1.65 var(--font-body); }
.pg .u-prose p + p { margin-top: 14px; }
.pg .typicality { max-width: 72ch; margin-top: 24px; color: var(--muted); font: 400 14px/1.6 var(--font-body); }
.pg .center .typicality, .pg .typicality.center, .pg .typicality.u-tac { margin-inline: auto; text-align: center; }

.pg .crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 22px; color: var(--muted); font: 500 14px/1.4 var(--font-body); }
.pg .crumbs a { display: inline-flex; align-items: center; min-height: 32px; color: inherit; text-decoration: none; transition: color 200ms var(--ease); }
.pg .crumbs a:hover { color: var(--ink); }
.pg .center .crumbs, .pg .crumbs.u-center-row { justify-content: center; }

/* ---------- buttons: 14px corners, never pills ---------- */
.pg .btn {
  --r: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px;
  border: 0; border-radius: 14px; font: 700 16px/1.1 var(--font-body); letter-spacing: 0; text-decoration: none; text-align: center; cursor: pointer;
  transform: none !important; box-shadow: none;
  transition: scale 380ms var(--spring), translate 420ms var(--spring), background-color 250ms var(--ease), box-shadow 420ms var(--ease), color 250ms var(--ease);
}
.pg .btn--lg { min-height: 56px; padding: 0 28px; font-size: 17px; }
.pg .btn--sm { min-height: 44px; padding: 0 18px; font-size: 15px; }
.pg .btn--primary { background: var(--blue); color: #fff; }
.pg .btn--dark { background: var(--ink); color: #fff; }
.pg .btn--outline, .pg .btn--ghost, .pg .btn--quiet { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1px #DDE1EA; }
.pg .btn:active { scale: 0.97; translate: 0 0; transition-duration: 90ms; }
@media (hover: hover) and (pointer: fine) {
  .pg .btn:hover { translate: 0 -2px; }
  .pg .btn--primary:hover { background: #2A66F5; box-shadow: 0 18px 36px -14px rgba(48, 112, 255, 0.65), 0 0 0 4px rgba(48, 112, 255, 0.14); }
  .pg .btn--dark:hover { background: #1E2640; box-shadow: 0 14px 28px -14px rgba(10, 26, 79, 0.45); }
  .pg .btn--outline:hover, .pg .btn--ghost:hover { box-shadow: inset 0 0 0 1px #C9CFDB, 0 14px 28px -16px rgba(14, 20, 36, 0.35); }
}
.pg .cta-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px 16px; margin-top: 32px; }
.pg .cta-row.u-center-row, .pg .center .cta-row { justify-content: center; }

/* the primary CTA with its waitlist link underneath (go.primary / go.white) */
.pcta { display: inline-flex; flex-direction: column; align-items: center; gap: 12px; }
.pcta__wl { display: inline-flex; align-items: center; min-height: 44px; color: var(--blue-ink); font: 600 15px/1.2 var(--font-body); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pghead .pcta, .cta-row:not(.u-center-row) > .pcta { align-items: flex-start; }
.pghead .pcta__wl, [data-dark] .pcta__wl { color: #fff; }
@media (hover: hover) and (pointer: fine) { .pcta__wl:hover { text-decoration-thickness: 2px; } }
.pg .tx__more { display: inline-flex; align-items: center; min-height: 44px; color: var(--blue-ink); font: 600 16px/1.2 var(--font-body); text-decoration: underline; text-underline-offset: 3px; }

/* ---------- the sky page head ---------- */
body.v2.pg .pghead {
  position: relative; isolation: isolate; overflow: hidden; color: #fff;
  padding: clamp(128px, 12vw, 168px) 0 clamp(72px, 7vw, 104px) !important;
  background: var(--sky-page) !important;
  border-radius: 0 0 50% 50% / 0 0 56px 56px !important;
}
.pghead::before {
  content: ""; position: absolute; z-index: -1; left: 50%; top: 40px; width: 720px; height: 580px; margin-left: -60px;
  background: url("/brand/tc-mark.png") center / contain no-repeat; filter: invert(1); opacity: 0.05; pointer-events: none;
}
.pg .pghead .crumbs, .pg .pghead .crumbs a { color: rgba(207, 220, 255, 0.9); }
.pg .pghead .crumbs a:hover { color: #fff; }
.pghead .eyebrow { color: var(--unit); }
.pghead h1, body.v2.pg .pghead h1 {
  margin: 0; color: #fff; font: 700 clamp(40px, 5.2vw, 72px)/1.02 var(--font-heading); letter-spacing: -0.045em; text-wrap: balance; max-width: 18ch;
}
body.v2.pg .pghead.center h1, body.v2.pg .pghead .center h1 { margin-inline: auto; }
.pghead .lede, .pghead > .wrap > p, .pghead .sec-head > p, .pghead > .wrap > div > p { color: var(--unit); }
.pghead .lede { margin-top: 20px; font-size: clamp(17px, 1.5vw, 20px); }
.pghead.center .lede { margin-inline: auto; }
.pghead .stat-tiles { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.pghead .stat-tiles div { --r: 20px; min-width: 170px; padding: 18px 22px; border: 0; border-radius: 20px; background: var(--frost); box-shadow: var(--hair); text-align: center; }
.pghead .stat-tiles b { display: block; color: #fff; font: 800 30px/1.1 var(--font-heading); letter-spacing: -0.03em; }
.pghead .stat-tiles span { display: block; margin-top: 4px; color: var(--unit); font: 500 14px/1.3 var(--font-body); }
@media (max-width: 699px) {
  body.v2.pg .pghead { padding: 112px 0 64px !important; border-radius: 0 0 50% 50% / 0 0 28px 28px !important; }
  .pghead::before { width: 420px; height: 340px; left: auto; right: -140px; margin: 0; }
  .pghead .stat-tiles div { min-width: 0; flex: 1 1 30%; padding: 14px 10px; }
  .pghead .stat-tiles b { font-size: clamp(18px, 5.4vw, 24px); }
  .pghead .stat-tiles span { font-size: 13px; }
}

/* A light head (legal, support): no sky, just room under the header. */
body.v2.pg .pghead--light { padding: clamp(120px, 11vw, 150px) 0 clamp(32px, 4vw, 48px) !important; background: transparent !important; border-radius: 0 !important; color: var(--ink); overflow: visible; }
.pghead--light::before { display: none; }
.pghead--light h1, body.v2.pg .pghead--light h1 { color: var(--ink); font-size: clamp(36px, 4.4vw, 56px); }
.pghead--light .lede, .pghead--light p { color: var(--muted); }
.pg .pghead--light .crumbs, .pg .pghead--light .crumbs a { color: var(--muted); }
.pg .pghead--light .crumbs a:hover { color: var(--ink); }
.pghead--light .eyebrow { color: var(--blue-ink); }

/* ---------- cards ---------- */
.pg .quote, .pg .step, .pg .card, .pg .soft {
  --r: 24px; position: relative; border: 0; border-radius: 24px; background: #fff; box-shadow: var(--card-shadow);
  transition: translate 420ms var(--spring), scale 380ms var(--spring), box-shadow 420ms var(--ease);
}
.pg .quote { padding: 24px; }
.pg .quote__stars { color: #FFB800; letter-spacing: 2px; }
.pg .quote__text { margin: 12px 0 0; color: var(--ink); font: 400 16px/1.6 var(--font-body); }
.pg .quote__name { color: var(--ink); font: 700 15px/1.3 var(--font-body); }
.pg .quote__badge { color: var(--muted); font: 500 14px/1.3 var(--font-body); }
.pg .quote__initial { display: inline-grid; place-items: center; flex: none; border-radius: 50%; background: var(--lime); color: var(--navy); font: 700 16px/1 var(--font-body); }
.pg .wall { columns: 3 300px; column-gap: 16px; }
.pg .wall .quote { margin: 0 0 16px; }

.pg .steps { gap: 16px; }
.pg .step { padding: 28px 24px; }
.pg .step__n { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #EEF3FF; color: var(--blue-ink); font: 700 16px/1 var(--font-body); }
.pg .step h3 { margin: 18px 0 6px; font: 700 19px/1.3 var(--font-heading); color: var(--ink); }
.pg .step p { margin: 0; color: var(--muted); font: 400 16px/1.55 var(--font-body); }

.pg .feature__list { padding: 0; list-style: none; }
.pg .feature__list li { position: relative; padding-left: 32px; }
.pg .feature__list li + li { margin-top: 10px; }
.pg .feature__list li::before {
  content: ""; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; border-radius: 50%; border: 0; transform: none;
  background: #EEF3FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233070FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 11px no-repeat;
}

/* results: before/after cards, filter chips */
.pg .chips { gap: 8px; margin-bottom: 32px; }
.pg .chips button, .pg .chips a, .pg .chip {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: #fff; color: var(--ink);
  box-shadow: inset 0 0 0 1px #E3E6EE; font: 600 15px/1 var(--font-body); text-decoration: none; cursor: pointer;
  transition: background-color 250ms var(--ease), color 250ms var(--ease), scale 380ms var(--spring), box-shadow 250ms var(--ease);
}
.pg .chips button:active, .pg .chips a:active { scale: 0.96; transition-duration: 90ms; }
.pg .chips [aria-pressed="true"], .pg .chips .is-on, .pg .chips [aria-current="page"] { background: var(--ink); color: #fff; box-shadow: none; }
.pg .result { --r: 24px; position: relative; overflow: hidden; border: 0; border-radius: 24px; background: #fff; box-shadow: var(--card-shadow); transition: translate 420ms var(--spring), box-shadow 420ms var(--ease); }
.pg .result a { display: block; color: inherit; text-decoration: none; }
.pg .result img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 15%; background: #DBDBDB; transition: scale 700ms var(--spring); }
.pg .result figcaption { position: static; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 14px 16px 16px; background: #fff; color: var(--ink); }
.pg .result figcaption::before { display: none; }
.pg .result__name { flex-basis: 100%; color: var(--ink); font: 700 17px/1.3 var(--font-heading); }
.pg .result__res { color: var(--muted); font: 500 14px/1.4 var(--font-body); }
.pg .result__prize { --r: 8px; display: inline-flex; align-items: center; height: 26px; padding: 0 9px; border-radius: 8px; background: var(--lime); color: var(--navy); font: 700 13px/1 var(--font-body); }
.pg .result::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 10px; }
.pg .results-grid { gap: 16px; }
.pg .results__next { margin: 40px 0 0; color: var(--ink); font: 700 clamp(22px, 2.2vw, 28px)/1.2 var(--font-heading); letter-spacing: -0.02em; text-align: center; }
.pg .filter-empty { color: var(--muted); text-align: center; }
.pg .strip { gap: 16px; }

@media (hover: hover) and (pointer: fine) {
  .pg .quote:hover, .pg .step:hover, .pg .result:hover { translate: 0 -4px; box-shadow: 0 34px 60px -34px rgba(14, 20, 36, 0.4); }
  .pg .result:hover img { scale: 1.03; }
  .pg .chips button:not([aria-pressed="true"]):hover, .pg .chips a:not([aria-current="page"]):hover { box-shadow: inset 0 0 0 1px #C9CFDB; }
}
/* lifted cards keep their hit area under the pointer */
.pg .quote::after, .pg .step::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 10px; }

/* ---------- questions (faq, objections): like the homepage's ---------- */
.pg .faq { max-width: 860px; margin-inline: auto; border: 0; display: grid; gap: 12px; }
.pg .objections { max-width: 860px; margin-inline: auto; display: grid; gap: 12px; }
.pg .faq__item, .pg .obj {
  --r: 20px; border: 0; border-radius: 20px; background: #fff; box-shadow: var(--card-shadow); overflow: hidden;
  transition: box-shadow 300ms var(--ease);
}
.pg .faq__item[open], .pg .obj[open] { box-shadow: var(--card-shadow), inset 0 0 0 2px var(--blue); }
.pg .faq__item summary, .pg .obj summary {
  position: relative; display: flex; align-items: center; min-height: 72px; padding: 16px 72px 16px 24px; cursor: pointer; list-style: none;
  color: var(--ink); font: 600 17px/1.4 var(--font-body); transition: color 200ms var(--ease);
}
.pg .faq__item summary::-webkit-details-marker, .pg .obj summary::-webkit-details-marker { display: none; }
.pg .faq__item summary::before, .pg .obj summary::before { display: none; content: none; }
.pg .faq__item summary::after, .pg .obj summary::after {
  content: ""; position: absolute; right: 20px; top: 50%; width: 36px; height: 36px; margin-top: -18px; border-radius: 50%; transform: none;
  background: #F2F3F7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E1424' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 14px no-repeat;
  transition: rotate 380ms var(--spring), background-color 300ms var(--ease);
}
.pg .faq__item[open] summary::after, .pg .obj[open] summary::after {
  rotate: 45deg; background-color: var(--blue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E");
}
.pg .faq__item.is-closing summary::after, .pg .obj.is-closing summary::after { rotate: 0deg; background-color: #F2F3F7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E1424' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E"); }
.pg .faq__a, .pg .obj__a { overflow: hidden; padding: 0; border: 0; }
.pg .faq__a p, .pg .obj__a p { margin: 0; padding: 0 72px 22px 24px; color: var(--muted); font: 400 16px/1.6 var(--font-body); }
.pg .faq__a a, .pg .obj__a a { color: var(--blue-ink); font-weight: 600; }
@media (hover: hover) and (pointer: fine) { .pg .faq__item summary:hover, .pg .obj summary:hover { color: var(--blue-ink); } }
@media (max-width: 699px) {
  .pg .faq__item summary, .pg .obj summary { min-height: 64px; padding: 14px 64px 14px 18px; font-size: 16px; }
  .pg .faq__item summary::after, .pg .obj summary::after { right: 14px; }
  .pg .faq__a p, .pg .obj__a p { padding: 0 18px 18px; }
}

/* ---------- plans band (the /pricing cards at a page's foot) ---------- */
body.v2.pg main > section.plans--band { padding: clamp(80px, 8vw, 128px) 40px !important; }
.plans--band .plans__head h2 { margin: 22px auto 0; max-width: 20ch; color: var(--ink); font: 700 clamp(34px, 3.6vw, 52px)/1.05 var(--font-heading); letter-spacing: -0.04em; text-wrap: balance; }
.plans__dates { margin: 12px 0 0; color: var(--muted); font: 400 15px/1.5 var(--font-body); text-align: center; }
@media (max-width: 1100px) { body.v2.pg main > section.plans--band { padding-inline: 40px !important; } }
@media (max-width: 699px) { body.v2.pg main > section.plans--band { padding: 72px 16px !important; } }

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .pg .btn, .pg .quote, .pg .step, .pg .card, .pg .result, .pg .result img, .pg .chips button, .pg .chips a,
  .pg .faq__item summary::after, .pg .obj summary::after { transition: none; }
}

/* ---------- page heroes in the sky (membership's hero5, prize's bluefield) ---------- */
.pg .pgsky, body.v2.pg main > section.pgsky {
  position: relative; isolation: isolate; color: #fff; margin: 0 !important; border-radius: 0 0 50% 50% / 0 0 56px 56px !important;
  background: var(--sky-page) !important;
}
.pg .pgsky h1, .pg .pgsky h2, .pg .pgsky h3 { color: #fff !important; }
.pg .pgsky .lede, .pg .pgsky .wrap > p, .pg .pgsky [data-reveal-group] > p, .pg .pgsky [data-reveal] > p { color: var(--unit); }
.pg .pgsky .crumbs, .pg .pgsky .crumbs a { color: rgba(207, 220, 255, 0.9); }
.pg .pgsky .eyebrow { color: var(--unit); }
.pg .pgsky .btn--outline { background: var(--frost); color: #fff; box-shadow: var(--hair); }

/* membership hero */
.pg .hero5 { min-height: 0 !important; padding: 140px 0 0 !important; overflow: hidden; text-align: center; }
.pg .hero5__sky { display: none; }
.pg .hero5 h1 { margin: 22px auto 0 !important; max-width: 13ch !important; font: 700 clamp(44px, 5.84vw, 84px)/1 var(--font-heading) !important; letter-spacing: -0.042em !important; }
.pg .hero5__kicker { --r: 999px; display: inline-flex !important; align-items: center; height: 36px; margin: 0 auto; padding: 0 16px !important; border: 0 !important; border-radius: 999px; background: var(--frost) !important; box-shadow: var(--hair) !important; color: #fff !important; font: 500 14px/1 var(--font-body) !important; letter-spacing: 0 !important; text-transform: none !important; }
.pg .hero5__sub { max-width: 640px !important; margin: 20px auto 0 !important; color: var(--unit) !important; font: 400 20px/1.45 var(--font-body) !important; }
.pg .hero5__cta { margin-top: 30px !important; }
.pg .hero5__cta .btn { background: #fff !important; color: var(--navy) !important; box-shadow: none !important; }
.pg .hero5__proof { color: var(--unit) !important; font: 400 15px/1.4 var(--font-body) !important; }
.pg .hero5__proof .stars { color: #FFB800; }
.pg .hero5__fine { color: var(--unit) !important; font: 400 14px/1.4 var(--font-body) !important; opacity: 0.9; }
@media (max-width: 699px) {
  .pg .hero5 { padding-top: 112px !important; border-radius: 0 0 50% 50% / 0 0 28px 28px !important; }
  .pg .hero5__sub { font-size: 17px !important; }
}

/* stat row under a hero: the homepage's stat cards, no confetti, no overshoot */
body.v2.pg .trustbar { display: block !important; padding: 48px 40px 0 !important; border: 0; background: transparent; }
body.v2.pg .trustbar__inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 1200px; margin: 0 auto; padding: 0 !important; }
body.v2.pg .trustbar__item, body.v2.pg .trustbar__item + .trustbar__item, body.v2.pg .trustbar__item:first-child {
  --r: 30px; position: relative; display: block; min-height: 0; padding: 30px 22px 28px; border: 0 !important; border-radius: 30px; background: #fff !important; box-shadow: var(--card-shadow);
  text-align: center; transform: none !important; opacity: 1 !important; transition: translate 420ms var(--spring), box-shadow 420ms var(--ease);
}
body.v2.pg .trustbar__item::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 10px; }
body.v2.pg .trustbar__n, body.v2.pg .trustbar__item:first-child .trustbar__n { display: block; color: var(--ink) !important; font: 800 clamp(30px, 3vw, 44px)/1.1 var(--font-heading); letter-spacing: -0.04em; transform: none !important; animation: none !important; }
body.v2.pg .trustbar__l, body.v2.pg .trustbar__item:first-child .trustbar__l { display: block; margin-top: 4px; color: var(--muted) !important; font: 400 15px/1.4 var(--font-body); letter-spacing: 0; }
body.v2.pg .trustbar__celebration { display: none !important; }
@media (hover: hover) and (pointer: fine) { body.v2.pg .trustbar__item:hover { translate: 0 -4px; box-shadow: 0 30px 60px -34px rgba(14, 20, 36, 0.38); } }
@media (max-width: 899px) { body.v2.pg .trustbar { padding: 32px 16px 0 !important; } body.v2.pg .trustbar__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } body.v2.pg .trustbar__item { padding: 22px 12px; } }
@media (prefers-reduced-motion: reduce) { body.v2.pg .trustbar__item { transition: none; } }

/* plan card on its own (/membership) */
.pg .pricing-models--solo { display: flex; justify-content: center; max-width: none; }
.pg .tier--solo { width: 100%; max-width: 520px; text-align: left; }
.pg .tier h3 { margin: 22px 0 0; font: 700 30px/1.1 var(--font-heading); letter-spacing: -1px; color: inherit; }
.tier__fine--foot { margin-top: 22px; text-align: center; }

/* features list (/membership, /live) */
.pg .live-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 0; list-style: none; }
.pg .live-features li { --r: 24px; position: relative; display: flex; gap: 16px; padding: 26px 24px; border: 0; border-radius: 24px; background: #fff; box-shadow: var(--card-shadow); }
.pg .live-features li::before {
  content: ""; flex: none; width: 36px; height: 36px; border-radius: 50%; position: static; transform: none; border: 0;
  background: #EEF3FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233070FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.pg .live-features h3 { margin: 4px 0 6px; font: 700 19px/1.3 var(--font-heading); color: var(--ink); }
.pg .live-features p { margin: 0; color: var(--muted); font: 400 16px/1.55 var(--font-body); }
@media (max-width: 699px) { .pg .live-features { grid-template-columns: 1fr; gap: 12px; } }
.pg .quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
@media (max-width: 899px) { .pg .quotes { grid-template-columns: 1fr; } }
.pg .steps.live-steps { display: grid; grid-template-columns: repeat(3, 1fr); text-align: left; }
@media (max-width: 899px) { .pg .steps.live-steps { grid-template-columns: 1fr; } }

/* closing band: the homepage's dark close */
body.v2.pg main > section.live-band {
  position: relative; overflow: hidden; margin: 0 !important; padding: clamp(120px, 12vw, 180px) 16px !important; border-radius: 0 !important; text-align: center; color: #fff;
  clip-path: polygon(0 56px, 100% 0, 100% calc(100% - 56px), 0 100%);
  background: radial-gradient(600px 420px at 18% 62%, rgba(36, 87, 224, 0.5), transparent 70%), radial-gradient(640px 420px at 82% 58%, rgba(91, 70, 220, 0.45), transparent 70%), #060B22 !important;
}
.pg .live-band .eyebrow { justify-content: center; color: var(--lime); }
.pg .live-band h2 { margin: 0 auto; max-width: 18ch; color: #fff; font: 700 clamp(40px, 5.6vw, 80px)/1.02 var(--font-heading); letter-spacing: -0.045em; }
.pg .live-band h2 span { display: block; color: rgba(207, 220, 255, 0.6); }
.pg .live-band p { max-width: 56ch; margin: 22px auto 0; color: rgba(207, 220, 255, 0.85); font: 400 18px/1.6 var(--font-body); }
.pg .live-band .btn--primary { background: #fff; color: var(--navy); }
.pg .live-band .btn--outline { background: rgba(255, 255, 255, 0.08); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
body.v2.pg:has(main > section.live-band:last-child) .hfoot { margin-top: -56px; padding-top: 56px; }
@media (max-width: 699px) { body.v2.pg main > section.live-band { clip-path: polygon(0 28px, 100% 0, 100% calc(100% - 28px), 0 100%); padding: 96px 16px !important; } }

/* ---------- prize ---------- */
body.v2.pg main > section.bluefield { padding: clamp(128px, 12vw, 168px) 0 clamp(80px, 8vw, 112px) !important; }
.pg .prize-hero { align-items: center; }
.pg .bluefield .u-figure, .pg .bluefield h1 { margin: 0; color: var(--lime) !important; font: 800 clamp(64px, 9vw, 128px)/1 var(--font-heading) !important; letter-spacing: -0.05em; }
.pg .bluefield .lede { margin-top: 18px; color: var(--unit) !important; font-size: clamp(17px, 1.5vw, 20px); }
.pg .prize-schedule { --r: 28px; overflow: hidden; border: 0; border-radius: 28px; background: #fff; color: var(--ink); box-shadow: 0 40px 80px -40px rgba(6, 20, 80, 0.6); }
.pg .prize-schedule__head { color: var(--muted); font: 700 12px/1 var(--font-body); letter-spacing: 0.075em; text-transform: uppercase; }
.pg .prize-schedule__row b { color: var(--ink); font: 600 16px/1.35 var(--font-body); }
.pg .prize-schedule__row strong { color: var(--ink); font: 800 24px/1.1 var(--font-heading); letter-spacing: -0.03em; }
.pg .prize-schedule small { color: var(--muted) !important; font: 500 13px/1.3 var(--font-body); }
.pg .prize-schedule__total { background: var(--lime) !important; color: var(--navy) !important; }
.pg .prize-schedule__total b, .pg .prize-schedule__total strong, .pg .prize-schedule__total small { color: var(--navy) !important; }
.pg .prize-schedule__total strong { font: 800 24px/1.1 var(--font-heading); letter-spacing: -0.03em; }

body.v2.pg main > section.guaranteeband { padding: 0 40px !important; background: transparent !important; border: 0 !important; }
.pg .guaranteeband__row {
  --r: 40px; max-width: 1200px; margin: 0 auto; padding: clamp(40px, 5vw, 70px) !important; border-radius: 40px; gap: clamp(24px, 4vw, 56px); color: #fff;
  background: radial-gradient(420px 320px at 15% 50%, rgba(48, 112, 255, 0.35), transparent 70%), radial-gradient(520px 360px at 85% 95%, rgba(91, 70, 220, 0.35), transparent 70%), #0A1033;
}
.pg .guaranteeband .seal { color: var(--lime); width: 112px; height: 112px; }
.pg .guaranteeband h2 { color: #fff; font: 700 clamp(32px, 3.6vw, 52px)/1.05 var(--font-heading); letter-spacing: -0.04em; }
.pg .guaranteeband .lede { color: var(--unit); }
.pg .guaranteeband .eyebrow { color: var(--lime); }
.pg .guaranteeband__row { flex-wrap: wrap; }
.pg .guaranteeband .crumbs { flex-basis: 100%; margin: 0; }
.pg .guaranteeband .crumbs, .pg .guaranteeband .crumbs a { color: rgba(207, 220, 255, 0.85); }
@media (max-width: 699px) { body.v2.pg main > section.guaranteeband { padding: 0 16px !important; } .pg .guaranteeband__row { --r: 28px; border-radius: 28px; flex-direction: column; text-align: center; } }

/* ---------- on the sky: white buttons, white links ---------- */
.pg :is(.pghead:not(.pghead--light), .pgsky) .btn--primary, .pg :is(.pghead:not(.pghead--light), .pgsky) .btn--dark { background: #fff !important; color: var(--navy) !important; box-shadow: none; }
.pg :is(.pghead:not(.pghead--light), .pgsky) .btn--outline { background: var(--frost); color: #fff; box-shadow: var(--hair); }
.pg :is(.pghead:not(.pghead--light), .pgsky) > .wrap a:not([class]), .pg :is(.pghead:not(.pghead--light), .pgsky) .wrap > p a:not([class]) { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
  .pg :is(.pghead:not(.pghead--light), .pgsky) .btn--primary:hover, .pg :is(.pghead:not(.pghead--light), .pgsky) .btn--dark:hover { box-shadow: 0 18px 36px -16px rgba(6, 20, 80, 0.55), 0 0 0 4px rgba(255, 255, 255, 0.18); }
  .pg :is(.pghead:not(.pghead--light), .pgsky) .btn--outline:hover { background: rgba(255, 255, 255, 0.22); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
}
.pg .live-band a:not([class]) { color: #fff; }

/* kicker pills in a sky head */
.pg .mpx-hero__kicker, .pg .live-reg__kicker {
  --r: 999px; display: inline-flex; align-items: center; height: 36px; margin: 0 auto; padding: 0 16px; border: 0; border-radius: 999px;
  background: var(--frost) !important; box-shadow: var(--hair); color: #fff !important; font: 500 14px/1 var(--font-body) !important; letter-spacing: 0 !important; text-transform: none !important;
}
.pg .live-reg__kicker { background: #EEF3FF !important; box-shadow: none; color: var(--blue-ink) !important; font-weight: 600 !important; }

/* ---------- free meal plan ---------- */
body.v2.pg main > section.mpx-hero { padding: clamp(128px, 12vw, 160px) 0 clamp(80px, 8vw, 110px) !important; text-align: center; }
.pg .mpx-hero h1 { margin: 22px auto 0; max-width: 14ch; font: 700 clamp(44px, 5.84vw, 84px)/1 var(--font-heading) !important; letter-spacing: -0.042em !important; }
.pg .mpx-hero__sub { max-width: 640px; margin: 20px auto 0; color: var(--unit) !important; font: 400 clamp(17px, 1.5vw, 20px)/1.5 var(--font-body) !important; }
.pg .mpx-hero__proof, .pg .mpx-hero__fine { color: var(--unit) !important; font: 400 15px/1.5 var(--font-body) !important; }
.pg .mpx-hero__proof .stars { color: #FFB800; }
.pg .mpx-sample { --r: 28px; border: 0; border-radius: 28px; overflow: hidden; background: #fff; box-shadow: var(--card-shadow); }
.pg .mpx-sample header { background: var(--sky-card); }
.pg .mpx-sample i, .pg .mpx-side i { font-style: normal; }
.pg .mpx-list li::before { background: var(--blue); }
.pg .mpx-list li { color: var(--ink); font: 400 16px/1.55 var(--font-body); }
.pg .mpx-list b { color: var(--ink); }

/* step-by-step forms (meal plan, live registration, feedback) */
.pg .mp { --r: 28px; border: 0; border-radius: 28px; background: #fff; box-shadow: var(--card-shadow); }
.pg .mp legend { color: var(--ink); font: 700 22px/1.25 var(--font-heading); letter-spacing: -0.02em; }
.pg .mp label, .pg .wlp__label, .pg .mp__phone-label { color: var(--ink); font: 600 15px/1.3 var(--font-body); }
.pg .mp input[type=text], .pg .mp input[type=email], .pg .mp input[type=tel], .pg .mp input[type=number], .pg .mp select, .pg .mp textarea,
.pg .wl input[type=text], .pg .wl input[type=email], .pg .wl input[type=tel], .pg .wl select {
  min-height: 52px; border: 0; border-radius: 14px; background: #F2F4F8; box-shadow: inset 0 0 0 1px #E3E7F0; color: var(--ink); font: 400 16px/1.3 var(--font-body);
  transition: box-shadow 200ms var(--ease), background-color 200ms var(--ease);
}
.pg .mp textarea { min-height: 120px; padding: 14px; }
.pg .mp :is(input, select, textarea):focus, .pg .wl :is(input, select):focus { outline: none; background: #fff; box-shadow: inset 0 0 0 2px var(--blue); }
.pg .mp__choices label {
  --r: 20px; border: 0; border-radius: 20px; background: #F2F4F8; box-shadow: inset 0 0 0 1px #E3E7F0; min-height: 56px;
  transition: box-shadow 250ms var(--ease), background-color 250ms var(--ease), scale 380ms var(--spring);
}
.pg .mp__choices label:has(input:checked) { background: #EEF3FF; box-shadow: inset 0 0 0 2px var(--blue); }
.pg .mp__choices label:active, .pg .mp__chips label:active { scale: 0.98; transition-duration: 90ms; }
.pg .mp__choices label span { color: var(--muted); font-size: 14px; }
.pg .mp__chips label {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 0; border-radius: 999px; background: #F2F4F8; box-shadow: inset 0 0 0 1px #E3E7F0;
  color: var(--ink); font: 600 15px/1 var(--font-body); transition: background-color 250ms var(--ease), color 250ms var(--ease), scale 380ms var(--spring);
}
.pg .mp__chips label:has(input:checked) { background: var(--ink); color: #fff; box-shadow: none; }
.pg .mp__dots li { background: #E3E7F0; }
.pg .mp__dots li.is-on { background: var(--blue); }
.pg .mp__consent span, .pg .wl__fine, .pg .fb__fine, .pg .wlp__fine { color: var(--muted); font-size: 14px; }
.pg .mpx-side { --r: 24px; border: 0; border-radius: 24px; background: #fff; box-shadow: var(--card-shadow); }
.pg .mp__error { color: var(--error-text, #C81E1E); }
.pg .mpx-how li, .pg .mpx-steps li { --r: 24px; border: 0; border-radius: 24px; background: #fff; box-shadow: var(--card-shadow); }

/* ---------- waitlist ---------- */
.pg .wlx__count b { color: #fff; font: 700 20px/1 var(--font-body); }
.pg .wlx__form { --r: 28px; border: 0; border-radius: 28px; background: #fff; box-shadow: 0 40px 80px -40px rgba(6, 20, 80, 0.6); color: var(--ink); text-align: left; }
.pg .wlx__form label { color: var(--ink); font: 600 15px/1.3 var(--font-body); }
.pg .wl__status { color: var(--ink); }
.pg .live-stats__grid { --r: 28px; border: 0; border-radius: 28px; background: #fff; box-shadow: var(--card-shadow); overflow: hidden; }
.pg .live-stats__grid b { color: var(--ink); font: 800 clamp(30px, 3vw, 42px)/1.1 var(--font-heading); letter-spacing: -0.04em; }
.pg .live-stats__grid span { color: var(--muted); font: 400 15px/1.4 var(--font-body); }

/* ---------- live ---------- */
body.v2.pg main > section.live-hero { padding: clamp(128px, 12vw, 160px) 0 clamp(80px, 8vw, 110px) !important; }
.pg .live-hero h1 { font: 700 clamp(44px, 5.4vw, 76px)/1.02 var(--font-heading) !important; letter-spacing: -0.045em !important; color: #fff; }
.pg .live-hero h1 mark { background: none; color: var(--unit); }
.pg .live-hero .lede { color: var(--unit); }
.pg .live-hero__meta, .pg .live-hero__meta b { color: #fff; }
.pg .live-card { --r: 28px; border: 0; border-radius: 28px; background: #fff; color: var(--ink); box-shadow: 0 40px 80px -40px rgba(6, 20, 80, 0.6); }
.pg .live-card h2 { color: var(--ink) !important; }
.pg .live-card p, .pg .live-card span { color: var(--muted) !important; }
.pg .live-card b { color: var(--ink); }
.pg .live-card__tag { --r: 8px; border-radius: 8px; background: var(--lime) !important; color: var(--navy) !important; }
.pg .live-card__count b { color: var(--blue-ink) !important; }
body.v2.pg main > section.live-prize { margin: 0 16px !important; border-radius: 40px !important; color: #fff; background: var(--sky-page) !important; }
.pg .live-prize__fig { color: var(--lime) !important; font: 800 clamp(64px, 8vw, 112px)/1 var(--font-heading); letter-spacing: -0.05em; }
.pg .live-prize .lede, .pg .live-prize p { color: var(--unit) !important; }
.pg .live-prize a { color: #fff; }
.pg .founder-note__copy h2 { font: 700 clamp(32px, 3.6vw, 48px)/1.05 var(--font-heading); letter-spacing: -0.04em; }
.pg .founder-note__copy p:not(.eyebrow) { color: var(--muted); font: 400 17px/1.6 var(--font-body); }
.pg .founder-note__actions a { display: inline-flex; align-items: center; min-height: 44px; color: var(--blue-ink); font-weight: 600; }
.pg .video-frame { --r: 28px; border-radius: 28px; overflow: hidden; box-shadow: 0 40px 90px -40px rgba(6, 20, 80, 0.45); }
.pg .live-done__icon { background: var(--lime); color: var(--navy); }
.pg .live-done__detail { --r: 14px; border-radius: 14px; background: #F2F4F8; color: var(--ink); }

/* ---------- get, 404, roadmap, insights ---------- */
.pg .getpage .badges { margin-top: 28px; }
.pg .appsec__fine { color: var(--unit) !important; }
.pg .getpage__icon { border-radius: 26px; box-shadow: 0 30px 60px -30px rgba(6, 20, 80, 0.6); }
.pg .road__item { --r: 30px; border: 0; border-radius: 30px; background: #fff; box-shadow: var(--card-shadow); }
.pg .road__copy h2 { color: var(--ink); font: 700 clamp(26px, 2.6vw, 34px)/1.15 var(--font-heading); letter-spacing: -0.03em; }
.pg .road__copy p, .pg .road__copy li { color: var(--muted); font: 400 16px/1.6 var(--font-body); }
.pg .fb__lede { color: var(--muted); font: 400 17px/1.6 var(--font-body); }
.pg .fb__grid h2 { font: 700 clamp(32px, 3.6vw, 48px)/1.05 var(--font-heading); letter-spacing: -0.04em; }
.pg .ins-card { --r: 24px; border: 0; border-radius: 24px; overflow: hidden; background: #fff; box-shadow: var(--card-shadow); transition: translate 420ms var(--spring), box-shadow 420ms var(--ease); }
.pg .ins-card a { color: inherit; text-decoration: none; }
.pg .ins-card h3 { color: var(--ink); font: 700 20px/1.3 var(--font-heading); }
.pg .ins-card p, .pg .ins-card__who { color: var(--muted); }
.pg .ins-card__cat { color: var(--blue-ink); }
.pg .ins__chips a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px #E3E6EE; color: var(--ink); font: 600 15px/1 var(--font-body); text-decoration: none; }
.pg .ins__chips a[aria-current="page"] { background: var(--ink); color: #fff; box-shadow: none; }
.pg .ins__empty { --r: 24px; padding: 40px 24px; border: 0; border-radius: 24px; background: #fff; box-shadow: var(--card-shadow); color: var(--muted); text-align: center; }
.pg .ins__empty b { color: var(--ink); }
.pg .article { color: var(--ink); font: 400 18px/1.7 var(--font-body); }
.pg .article h2 { font: 700 clamp(26px, 2.6vw, 34px)/1.2 var(--font-heading); letter-spacing: -0.03em; }
.pg .article a { color: var(--blue-ink); }
@media (hover: hover) and (pointer: fine) { .pg .ins-card:hover { translate: 0 -4px; box-shadow: 0 34px 60px -34px rgba(14, 20, 36, 0.4); } }

/* ---------- legal and support: readable, nothing more ---------- */
.page-light main .u-prose, .page-light main .legal, .page-light main .prose { color: var(--ink); }
.page-light main .legal { max-width: 760px; margin-inline: auto; }
.page-light main .legal p, .page-light main .legal li { color: var(--ink); font: 400 17px/1.65 var(--font-body); }
.page-light main .legal a { color: var(--blue-ink); }
.page-light main .legal h2 { margin-top: 44px; font: 700 clamp(24px, 2.4vw, 30px)/1.2 var(--font-heading); letter-spacing: -0.02em; max-width: none; }

@media (prefers-reduced-motion: reduce) {
  .pg .mp__choices label, .pg .mp__chips label, .pg .ins-card, .pg .trustbar__item { transition: none; }
}

/* ---------- partner page (/p/<code>) ---------- */
body.v2.pg.pl-page main > section.pl-hero { padding: clamp(120px, 11vw, 150px) 0 clamp(72px, 7vw, 100px) !important; }
.pg .pl-hero__sky { display: none; }
.pg .pl-hero h1 { margin: 0 auto; max-width: 14ch; color: #fff; font: 700 clamp(44px, 5.84vw, 84px)/1 var(--font-heading); letter-spacing: -0.042em; text-align: center; }
.pg .pl-hero__sub, .pg .pl-hero__sub b { color: var(--unit) !important; }
.pg .pl-hero__sub b { color: #fff !important; }
.pg .pl-hero__sub { max-width: 600px; margin: 20px auto 0; font: 400 clamp(17px, 1.5vw, 20px)/1.5 var(--font-body); text-align: center; }
.pg .pl-welcome { --r: 24px; border: 0; border-radius: 24px; background: #fff; box-shadow: 0 30px 60px -30px rgba(6, 20, 80, 0.6); }
.pg .pl-welcome__title { color: var(--ink); }
.pg .pl-welcome__offer { background: var(--lime); color: var(--navy); }
.pg .pl-code > span { color: var(--unit); }
.pg .pl-code__chip { --r: 14px; border-radius: 14px; background: #fff; color: var(--ink); }
.pg .pl-facts { --r: 24px; border: 0; border-radius: 24px; background: var(--frost); box-shadow: var(--hair); }
.pg .pl-facts li { color: #fff; font: 500 16px/1.35 var(--font-body); }
.pg .pl-facts__tick { background: var(--lime) !important; color: var(--navy) !important; }
.pg .pl-actions .btn { border-radius: 14px; }
.pg .pl-proof h2, .pg .pl-how h2, .pg .pl-close h2 { color: var(--ink); font: 700 clamp(32px, 3.6vw, 52px)/1.05 var(--font-heading); letter-spacing: -0.04em; }
.pg .pl-lede { color: var(--muted); font: 400 17px/1.55 var(--font-body); max-width: 52ch; }
.pg .pl-close h2 { text-align: center; }
.pg .pl-fine { color: var(--muted); font: 400 14px/1.5 var(--font-body); }
.pg .pl-proof__item { --r: 24px; border-radius: 24px; background: #fff; box-shadow: var(--card-shadow); }
.pg .pl-proof__item figcaption { color: var(--muted); font: 500 14px/1.4 var(--font-body); }
.pg .pl-proof__item b { color: var(--ink); font: 700 17px/1.3 var(--font-heading); }
body.v2.pg .pl-how { margin: 0 !important; border-radius: 0 !important; background: transparent !important; }
.pg .pl-how__item { --r: 24px; border-radius: 24px; box-shadow: var(--card-shadow); }
.pg .pl-how__n { color: var(--blue-ink); }
.pg .pl-how__item h3 { color: var(--ink); font: 700 18px/1.3 var(--font-heading); }
.pg .pl-how__item p { color: var(--muted); font: 400 16px/1.5 var(--font-body); }
.pg .pl-legal { max-width: 1280px; margin: 0 auto; padding: 0 40px 48px; }
.pg .pl-legal .footer__legal { max-width: 72ch; margin: 0 0 10px; padding: 0; border: 0; color: var(--muted); font: 400 14px/1.6 var(--font-body); }
.pg .pl-legal a { color: var(--blue-ink); }
@media (max-width: 699px) { .pg .pl-legal { padding: 0 16px 40px; } }

/* ============================================================
   Test pass fixes (contrast 4.5:1, 44px tap targets, 16px body)
   ============================================================ */
/* words on the sky */
.pg :is(.pghead:not(.pghead--light), .pgsky) :is(.lede, .wrap > p, .sec-head > p, [data-reveal-group] > p, [data-reveal] > p, .hero5__sub, .hero5__proof, .hero5__fine, .mpx-hero__sub, .mpx-hero__proof, .mpx-hero__fine, .pl-hero__sub, .appsec__fine, .eyebrow, .crumbs, .crumbs a, .pl-code > span) { color: var(--on-sky) !important; }
.pg .pghead--light .lede, .pg .pghead--light > .wrap > p { color: var(--muted) !important; }
.pg .pghead .stat-tiles div { background: rgba(255, 255, 255, 0.1); }
/* dark bands: their headings stay white */
body.v2.pg main section.live-band > .wrap h2 { color: #fff; }
/* tap targets on the pages */
.pg .crumbs a { min-height: 44px; }
.pg main p > a:only-child:not([class]) { display: inline-flex; align-items: center; min-height: 44px; }
/* muted words that v2.css drew too light */
.pg .chip__n { color: var(--muted); }
.pg .chips [aria-pressed="true"] .chip__n, .pg .chips .is-on .chip__n { color: rgba(255, 255, 255, 0.75); }
.pg .story__img figcaption { color: var(--muted); font: 400 14px/1.5 var(--font-body); }
.pg .story__stats span, .pg .mpx-sample__macros span, .pg .mpx-sample footer, .pg .mp__opt, .pg .prize-schedule__head span, .page-light main .legal th { color: var(--muted) !important; }
.pg .mpx-sample i { color: var(--blue-ink); }
.pg .story__stats b { color: var(--ink); font-family: var(--font-heading); }
.pg .mpx-side i, .pg .mpx-side dt { color: var(--muted) !important; }
.pg .mpx-how li > span, .pg .mpx-how span:first-child { color: var(--blue-ink) !important; }
.pg .pghead .stat-tiles span { color: #fff !important; }

/* hero-motion.js hides the old hero's words after the first paint (motion-ready);
   here the words enter with the homepage's .hw/.hin instead, so nothing flashes. */
.motion-ready body.pg .hero5 :is(.hero5__kicker, h1, .hero5__sub, .hero5__cta, .hero5__proof, .hero5__fine) { opacity: 1 !important; transform: none !important; transition: none !important; }
body.v2.pg .hero5 { overflow: clip !important; }

/* results cards: the hit area below a lifted card must not be clipped */
.pg .result { overflow: visible; }
.pg .result > a { overflow: hidden; border-radius: 24px; }


/* sky-only button colours must not reach the white cards inside a sky head */
.pg :is(.pghead, .pgsky) :is(form, .mp, .live-card, .wlx__form) .btn--primary { background: var(--blue) !important; color: #fff !important; }
.pg :is(.pghead, .pgsky) :is(form, .mp, .live-card, .wlx__form) .btn--dark { background: var(--ink) !important; color: #fff !important; }
.pg :is(.pghead, .pgsky) :is(form, .mp, .live-card, .wlx__form) .btn--outline { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1px #DDE1EA; }
/* story page */
.pg .story__img { --r: 28px; border-radius: 28px; overflow: hidden; background: #fff; box-shadow: var(--card-shadow); }
.pg .story__img figcaption { padding: 12px 16px 14px; }
.pg .story__stats > div { --r: 20px; border: 0 !important; border-radius: 20px; background: #fff !important; box-shadow: var(--card-shadow); }
/* membership hero: no glow box under the clipped member cards */
.pg .hero5__glow { display: none; }
@media (max-width: 699px) { body.v2.pg .trustbar__n { font-size: clamp(24px, 7vw, 30px); } }

/* live: the session card's head is a piece of sky */
.pg .live-card__head { background: var(--sky-page) !important; }
.pg .live-card__head h2, .pg .live-card__head p { color: #fff !important; }
.pg .live-card__head p { color: var(--on-sky) !important; }
.pg .live-hero h1 mark { padding: 0; }
.pg .live-prize .prize-hero__fine a, .pg .live-prize p a { color: #fff !important; text-decoration: underline; }
.pg .live-band h2 { text-align: center; }
body.v2.pg .pgsky .live-card > p.live-card__foot { color: var(--muted) !important; font-size: 14px; }
/* /roadmap: the card column never grows past the page on phones */
body.pg .road { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 899px) { body.pg .road__item { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 699px) { body.pg .sharecards { gap: 8px; } body.pg .sharecard { flex: 1 1 0; min-width: 0; } }

/* /video: the homepage's player (same video, poster and controls), with its lime play button */
.vidpage__player { max-width: 960px; margin: 36px auto 0; }
.vidpage__player .hvid__play > span { background: var(--lime, #D6FF3A); }
.vidpage__player .hvid__play > span svg path { fill: var(--ink, #171A21); }
.vidpage__player .hvid__play i { display: none; }
@media (max-width: 700px) {
  .vidpage__player { margin-top: 24px; }
  .vidpage__player .hvid__play { width: 52px; height: 52px; margin: -26px 0 0 -26px; }
  .vidpage__player .hvid__play svg { width: 20px; height: 20px; }
}
.vidpage__player .hvid__who { display: none; }

/* /prize: while the New Year prize isn't set, the schedule lists how you can win, no amounts */
.prize-schedule__head:has(> span:only-child), .prize-schedule__row--text { grid-template-columns: 1fr; }
.prize-schedule__row--text { gap: 4px; align-content: center; }
.pg .prize-schedule__row--text small { display: block; color: var(--muted); font: 400 15px/1.45 var(--font-body); }
