:root {
  --club-paper: #f7f9f9;
  --club-ink: #0b1530;
  --club-copy: #4e5b70;
  --club-muted: #778296;
  --club-line: rgba(11, 21, 48, .09);
  --club-teal: #5bc0be;
  --club-teal-ink: #287d7b;
  --club-navy: #04081f;
  --club-blue: #3972fd;
}

html { scroll-behavior: smooth; }
body { margin: 0; background: var(--club-paper); color: var(--club-ink); }
.club-page, .club-page *, .club-page *::before, .club-page *::after { box-sizing: border-box; }
.club-page { overflow: clip; background: var(--club-paper); font-family: var(--font, "Manrope", sans-serif); }
.club-page a { color: inherit; text-decoration: none; }
.club-wrap { width: min(1320px, 100%); margin: 0 auto; padding-inline: clamp(24px, 4vw, 58px); }

/* Sufixo "Club" no molde do "Hub" (chrome-hub.css): segunda coluna da grade do logo, sem divisória */
.club-nav .s2h-island .logo { grid-auto-flow: column; column-gap: 0; align-items: center; }
.club-nav .s2h-sufixo { grid-column: 2; grid-row: 1; margin-left: -5px; color: #fff; font-family: "Palanquin", sans-serif; font-weight: 300; font-size: 24px; line-height: 1; letter-spacing: -.005em; transform: translateY(-1px); transition: color .35s var(--ease-soft, ease); }
.s2h.is-light.club-nav .s2h-sufixo { color: var(--light-tx, #3a506b); }

.club-page .reveal { opacity: 0; transform: translateY(22px); transition: opacity .72s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms), transform .72s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms); }
.club-page .reveal.in { opacity: 1; transform: none; }

.club-hero { position: relative; min-height: min(900px, calc(100svh - 12px)); margin: 12px; border-radius: clamp(24px, 2.3vw, 34px); overflow: hidden; isolation: isolate; color: #fff; background: radial-gradient(circle at 84% 18%, rgba(57,114,253,.3), transparent 34%), radial-gradient(circle at 68% 78%, rgba(91,192,190,.16), transparent 36%), linear-gradient(132deg, #030719 0%, #071332 54%, #0c1e49 100%); }
.club-hero-video { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; background: #08142f; }
.club-hero-mask { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 70% 62% at 50% 50%, rgba(9,14,30,.8) 0%, rgba(12,18,36,.7) 100%); }
.club-hero-grid { position: relative; min-height: inherit; display: grid; place-items: center; text-align: center; padding-top: clamp(145px, 12vw, 176px); padding-bottom: clamp(72px, 7vw, 96px); padding-inline: clamp(24px, 2.2vw, 40px); }
.club-hero-copy { position: relative; z-index: 2; }
.club-kicker, .club-eyebrow { margin: 0 0 22px; color: var(--club-teal-ink); font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; }
.club-kicker { color: #a8e5e1; }
.club-hero h1 { max-width: none; margin: 0 auto; color: #fff; font-size: clamp(48px, 5vw, 76px); font-weight: 400; line-height: .99; letter-spacing: -.055em; text-wrap: balance; }
.club-hero h1 span { display: block; white-space: nowrap; color: #9ddbd8; }
.club-hero-lede { max-width: none; margin: 30px auto 0; color: #c7d2e5; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.62; text-wrap: pretty; }
.club-hero-lede span { display: block; white-space: nowrap; }
.club-hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 34px; }
.club-btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; padding: 14px 24px; border-radius: 99px; font-size: 15px; font-weight: 650; transition: transform .22s ease, filter .22s ease, background .22s ease, border-color .22s ease; }
.club-btn-primary { color: #031b22; border: 1px solid rgba(218,255,252,.25); background: linear-gradient(180deg, #79ddd7 0%, #50c2bd 68%, #3ca49f 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.34), inset 0 -2px 0 rgba(13,84,84,.42), 0 0 24px -8px rgba(91,192,190,.54), 0 12px 30px -14px rgba(91,192,190,.56); }
.club-btn-primary:hover { transform: translateY(-2px); filter: brightness(1.07); }
.club-btn-ghost { color: rgba(255,255,255,.9); border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); }
.club-btn-ghost:hover { transform: translateY(-2px); color: #fff; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.34); }
.club-hero-note { max-width: 58ch; margin: 18px 0 0; color: rgba(255,255,255,.58); font-size: 13.5px; line-height: 1.5; }


.club-section { padding: clamp(90px, 10vw, 150px) 0; }
.club-problem { padding-bottom: clamp(54px, 5vw, 72px); }
.club-problem-head, .club-mechanism-head { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr); gap: clamp(38px, 7vw, 110px); align-items: end; }
.club-problem .club-problem-head { grid-template-columns: 1fr; text-align: center; }
.club-problem .club-problem-head h2 { margin-inline: auto; }
.club-mechanism .club-mechanism-head { grid-template-columns: 1fr; row-gap: 0; text-align: center; }
.club-mechanism .club-mechanism-head h2, .club-mechanism .club-mechanism-head > p { margin-inline: auto; }
.club-mechanism .club-mechanism-head > p { max-width: none; margin: 12px auto 6px; }
.club-mechanism .club-mechanism-head > p span { display: block; }
@media (min-width: 900px) { .club-mechanism .club-mechanism-head > p span { white-space: nowrap; } }
.club-problem h2, .club-mechanism h2, .club-for h2 { margin: 0; max-width: 1080px; color: var(--club-ink); font-size: clamp(42px, 4vw, 64px); font-weight: 400; line-height: 1.04; letter-spacing: -.05em; text-wrap: balance; }
.club-mechanism h2 { max-width: 1040px; font-size: clamp(38px, 3.4vw, 54px); }
.club-problem h2 span, .club-mechanism h2 span { color: var(--club-teal-ink); }
.club-problem-head > p, .club-mechanism-head > p, .club-for-copy > p { margin: 0 0 6px; color: var(--club-copy); font-size: clamp(17px, 1.4vw, 20px); line-height: 1.65; text-wrap: pretty; }
/* Dores no molde da .wgrid/.wcell da home (site.css): só divisores internos,
   ícone Lucide em pastilha na cor da célula. 4 colunas, então as bordas do
   molde (pensado pra 3) são refeitas aqui. */
.club-cost-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(52px, 6vw, 80px); }
.club-cost-grid > .wcell:nth-child(n) { border: 0; border-right: 1px solid var(--light-line2); scroll-snap-align: none; }
.club-cost-grid > .wcell:last-child { border-right: 0; }
.club-cost-grid > .wcell::before { top: auto; bottom: 0; }
/* Pastilha no desenho do número do ciclo (.club-cycle-step > span): véu teal
   chapado, borda teal fina, raio 10px, sem brilho nem sombra */
.club-cost-grid .wcell-ic { color: #1f8f8c; border-radius: 10px; background: rgba(91,192,190,.12); border: 1px solid rgba(91,192,190,.3); box-shadow: none; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.club-cost-grid .wcell-ic i { width: 22px; height: 22px; display: block; background: currentColor; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }

.club-belief { margin: 0 12px; border-radius: 32px; padding: clamp(100px, 12vw, 170px) 0; color: #fff; background: radial-gradient(circle at 18% 15%, rgba(91,192,190,.18), transparent 32%), radial-gradient(circle at 88% 80%, rgba(57,114,253,.22), transparent 40%), #050a21; }
.club-belief-inner { text-align: center; }
.club-eyebrow-dark { color: #91d9d5; }
.club-belief h2 { max-width: 1080px; margin: 0 auto; color: #fff; font-size: clamp(42px, 4vw, 64px); font-weight: 400; line-height: 1.04; letter-spacing: -.05em; text-wrap: balance; }
.club-belief > .club-wrap > p:not(.club-eyebrow) { margin: 24px auto 0; color: #9ddbd8; font-size: clamp(24px, 3vw, 42px); line-height: 1.15; letter-spacing: -.035em; }
.club-belief small { display: block; max-width: 62ch; margin: 0 auto; color: #aebbd0; font-size: 15px; line-height: 1.65; }

.club-mechanism { padding-top: clamp(54px, 5vw, 72px); padding-bottom: clamp(86px, 9vw, 130px); }
.club-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: clamp(36px, 4vw, 56px); }
.club-duo-card { min-width: 0; display: flex; flex-direction: column; border-radius: 28px; overflow: hidden; padding: clamp(28px, 3.4vw, 44px); }
.club-duo-community { color: var(--club-ink); background: radial-gradient(circle at 10% 0%, rgba(91,192,190,.28), transparent 35%), linear-gradient(145deg, #ecf5f4, #dfeaf5); box-shadow: 0 0 0 1px rgba(11,21,48,.06), 0 30px 70px -50px rgba(11,21,48,.35); }
.club-duo-relation { color: #fff; background: radial-gradient(circle at 90% 0%, rgba(57,114,253,.28), transparent 38%), #07122d; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 30px 70px -50px rgba(4,8,31,.8); }
.club-duo-top { display: flex; align-items: center; }
.club-duo-label { padding: 7px 11px; border-radius: 99px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; background: rgba(255,255,255,.38); border: 1px solid rgba(255,255,255,.6); }
.club-duo-relation .club-duo-label { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.14); }
.club-duo-card h3 { max-width: 14ch; margin: 58px 0 18px; font-size: clamp(30px, 3.4vw, 48px); font-weight: 500; line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
.club-duo-community h3 { color: var(--club-ink); }
.club-duo-relation h3 { color: #fff; }
.club-duo-card > p { max-width: 58ch; margin: 0 0 42px; color: #526178; font-size: 16px; line-height: 1.65; }
.club-duo-relation > p { color: #afbdd2; }
.club-peer-photo { margin-top: auto; overflow: hidden; border-radius: 20px; }
.club-peer-photo { height: 300px; background: #d5e0e2; }
.club-peer-photo img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.82) contrast(1.02); transition: transform .8s cubic-bezier(.22,1,.36,1); }
.club-duo-card:hover .club-peer-photo img { transform: scale(1.025); }
/* Três cards separados, cada um com ícone Lucide numa pastilha de vidro teal */
.club-value-bar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.club-value-bar > div { padding: clamp(26px, 2.6vw, 34px) clamp(24px, 3vw, 36px); border: 1px solid var(--club-line); border-radius: 22px; background: #fff; box-shadow: 0 24px 60px -48px rgba(11,21,48,.4); }
.club-value-ic { position: relative; width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 22px; border-radius: 13px; background: linear-gradient(145deg, rgba(91,192,190,.30), rgba(91,192,190,.10)); border: 1px solid rgba(91,192,190,.38); box-shadow: inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(91,192,190,.18), 0 8px 20px -12px rgba(40,125,123,.45); -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%); }
.club-value-ic::before { content: ""; width: 22px; height: 22px; background: #1f8f8c; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.club-value-bar span, .club-value-bar strong { display: block; }
.club-value-bar span { color: var(--club-teal-ink); font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.club-value-bar strong { margin-top: 10px; color: var(--club-ink); font-size: 17px; font-weight: 550; line-height: 1.45; letter-spacing: -.015em; }

.club-cycle { margin: 0 12px; padding: clamp(96px, 10vw, 150px) 0; border-radius: 32px; color: #fff; background: linear-gradient(145deg, #06102a, #0b1c44); }
.club-cycle h2 { max-width: 1080px; margin: 0; font-size: clamp(42px, 4vw, 64px); font-weight: 400; line-height: 1.04; letter-spacing: -.05em; text-wrap: balance; }
/* Passos no molde da grade .adv-cards da /advisor, em versão escura: só
   divisores internos, primeiro card aceso (gradiente teal), hover acende os
   outros, número em pastilha teal e traço teal no primeiro título. */
.club-cycle-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(40px, 5vw, 64px); }
.club-cycle-step { position: relative; display: flex; flex-direction: column; padding: 36px clamp(22px, 2.4vw, 36px) 40px; }
.club-cycle-step + .club-cycle-step { border-left: 1px solid rgba(255,255,255,.1); }
.club-cycle-step::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 25%, rgba(91,192,190,.14)); opacity: 0; transition: opacity 220ms cubic-bezier(.22,1,.36,1); pointer-events: none; }
.club-cycle-step:first-child::before, .club-cycle-step:hover::before { opacity: 1; }
.club-cycle-step > * { position: relative; }
.club-cycle-step > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #9ddbd8; font-size: 13px; font-weight: 600; letter-spacing: .02em; background: rgba(91,192,190,.14); }
.club-cycle-step h3 { margin: 18px 0 0; color: #fff; font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing: -.02em; text-wrap: balance; }
.club-cycle-step:first-child h3::before { content: ""; position: absolute; left: -12px; top: .25em; height: .9em; width: 2px; background: var(--club-teal); }
.club-cycle-step p { margin: 9px 0 0; color: #9eacc3; font-size: 15px; line-height: 1.6; text-wrap: pretty; }

.club-for-grid { display: grid; grid-template-columns: minmax(0, .96fr) minmax(420px, 1.04fr); gap: clamp(60px, 9vw, 140px); align-items: center; }
.club-for-copy { position: sticky; top: 120px; }
.club-for-copy > p { margin-top: 28px; max-width: 54ch; }
/* Para quem: cada tópico num card branco (acabamento do card do formulário), bullet teal, título e descrição */
.club-for-list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.club-for-list li { position: relative; padding: clamp(22px, 2.2vw, 30px) clamp(22px, 2.4vw, 32px) clamp(22px, 2.2vw, 30px) calc(clamp(22px, 2.4vw, 32px) + 48px); border-radius: 20px; background: #fff; border: 1px solid var(--club-line); box-shadow: 0 24px 60px -48px rgba(11,21,48,.4); }
.club-for-list li::before, .club-for-list li::after { content: ""; position: absolute; left: clamp(22px, 2.4vw, 32px); top: calc(clamp(22px, 2.2vw, 30px) - 1px); width: 32px; height: 32px; }
/* check na mesma pastilha de vidro teal dos ícones da faixa de valor (.club-value-ic) */
.club-for-list li::before { box-sizing: border-box; border-radius: 10px; background: linear-gradient(145deg, rgba(91,192,190,.30), rgba(91,192,190,.10)); border: 1px solid rgba(91,192,190,.38); box-shadow: inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(91,192,190,.18), 0 8px 20px -12px rgba(40,125,123,.45); -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%); }
.club-for-list li::after { background: #1f8f8c; -webkit-mask: url(/site/icons/ui/check.svg) center / 16px no-repeat; mask: url(/site/icons/ui/check.svg) center / 16px no-repeat; }
.club-for-list h3 { margin: 0; color: var(--club-ink); font-size: clamp(22px, 1.9vw, 26px); font-weight: 600; line-height: 1.3; letter-spacing: -.025em; }
.club-for-list p { margin: 8px 0 0; max-width: 44ch; color: #3d4a5f; font-size: clamp(17px, 1.35vw, 19px); line-height: 1.6; text-wrap: pretty; }

/* Sem caixa: texto e formulário direto no papel da página */
.club-conversation { padding: clamp(40px, 5vw, 72px) 0 clamp(90px, 10vw, 140px); color: var(--club-ink); background: var(--club-paper); }
.club-conversation-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: clamp(50px, 7vw, 100px); align-items: center; }
.club-conversation-copy h2 { max-width: 12ch; margin: 0; color: var(--club-ink); font-size: clamp(44px, 5vw, 70px); font-weight: 400; line-height: 1.04; letter-spacing: -.052em; text-wrap: balance; }
.club-conversation-copy > p { max-width: 54ch; margin: 26px 0 0; color: var(--club-copy); font-size: 17px; line-height: 1.7; }
.club-fit-note { display: flex; align-items: center; gap: 14px; margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--club-line); color: var(--club-copy); font-size: 13.5px; line-height: 1.55; }
.club-fit-note img { width: 34px; height: 34px; flex: none; }
/* a nota cabe em uma linha: colunas meio a meio a partir de 1240px */
@media (min-width: 1240px) { .club-conversation-card { grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr); } .club-fit-note span { white-space: nowrap; } }
.club-form-card { padding: clamp(28px, 3vw, 42px); border-radius: 26px; color: var(--club-ink); background: #fff; border: 1px solid var(--club-line); box-shadow: 0 30px 70px -50px rgba(11,21,48,.35); }
.club-form-title { margin: 0; font-size: 24px; font-weight: 600; line-height: 1.25; letter-spacing: -.025em; }
.club-form-sub { margin: 7px 0 24px; color: #667286; font-size: 14px; }
.club-form-card label { color: #142039; font-size: 13px; font-weight: 600; }
.club-form-card :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]) { min-height: 49px; padding: 12px 14px; color: #142039; background: #fff; border: 1px solid #d9dfe7; border-radius: 11px; font: 400 15px/1.4 "Manrope", sans-serif; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
.club-form-card :is(input, select, textarea):focus { outline: none; border-color: #142039; box-shadow: 0 0 0 3px rgba(20,32,57,.1); }
.club-form-card .hs-button { min-height: 52px; border-radius: 11px; color: #fff; background: #11294b; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 20px -10px rgba(17,41,75,.6); }
.club-form-card .legal-consent-container { color: #667286; }
/* O HubSpot trava o fieldset em 500px e deixa 8px à direita de cada campo: no
   card largo do Club os campos terminavam antes do botão. Duas colunas em grade,
   largura cheia (!important contra a folha dele, que leva id sorteado). */
.club-form-card fieldset { max-width: none !important; }
.club-form-card .form-columns-2 { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 10px; }
.club-form-card .form-columns-2 > .hs-form-field { width: auto !important; float: none !important; }
.club-form-card .input { margin-right: 0 !important; }
.club-form-loading { margin: 0; padding: 22px 0; color: #667286; font-size: 14px; text-align: center; }
.club-form-card.is-ready .club-form-loading { display: none; }

@media (max-width: 1040px) {
  .club-cycle-grid { grid-template-columns: 1fr 1fr; }
  .club-cycle-step:nth-child(3) { border-left: 0; }
  .club-cycle-step:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.1); }
  .club-problem-head, .club-mechanism-head { grid-template-columns: 1fr; align-items: start; }
  .club-problem-head > p, .club-mechanism-head > p { max-width: 62ch; }
  .club-cost-grid { grid-template-columns: 1fr 1fr; }
  .club-cost-grid > .wcell:nth-child(2n) { border-right: 0; }
  .club-cost-grid > .wcell:nth-child(-n+2) { border-bottom: 1px solid var(--light-line2) !important; }
  .club-for-grid { grid-template-columns: 1fr; }
  .club-for-copy { position: static; }
  .club-conversation-card { grid-template-columns: 1fr; }
  .club-conversation-copy h2 { max-width: 15ch; }
}

@media (max-width: 760px) {
  .club-cycle-grid { grid-template-columns: 1fr; }
  .club-cycle-step + .club-cycle-step { border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
  .club-cycle-step { padding: 26px 20px; }
  .club-hero { min-height: 0; margin: 6px; border-radius: 24px; }
  .club-hero-grid { padding-top: 132px; padding-bottom: 64px; gap: 42px; }
  .club-hero h1 { font-size: clamp(42px, 12vw, 58px); }
  .club-hero h1 span, .club-hero-lede span { white-space: normal; }
  .club-hero-lede { font-size: 16px; }
  .club-hero-actions { flex-direction: column; }
  .club-btn { width: 100%; }
  .club-hero-note { margin-inline: auto; }
  .club-section { padding: 78px 0; }
  .club-problem h2, .club-mechanism h2, .club-for h2 { font-size: 40px; }
  .club-cost-grid { grid-template-columns: 1fr; }
  .club-cost-grid > .wcell:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--light-line2) !important; padding-inline: 4px; }
  .club-cost-grid > .wcell:last-child { border-bottom: 0 !important; }
  .club-belief, .club-cycle { margin-inline: 6px; border-radius: 24px; }
  .club-belief h2 { font-size: 45px; }
  .club-duo { grid-template-columns: 1fr; }
  .club-duo-card { border-radius: 22px; }
  .club-duo-card h3 { margin-top: 42px; font-size: 34px; }
  .club-peer-photo { height: 240px; }
  .club-value-bar { grid-template-columns: 1fr; }
  .club-value-bar { gap: 12px; }
  .club-value-bar > div { border-radius: 18px; }
  .club-cycle h2 { font-size: 42px; }
  .club-for-grid { gap: 52px; }
  .club-for-list { gap: 12px; }
  .club-for-list li { padding: 20px 20px 20px 64px; border-radius: 16px; }
  .club-for-list li::before, .club-for-list li::after { left: 20px; top: 19px; }
  .club-for-list h3 { font-size: 21px; }
  .club-for-list p { font-size: 17px; }
  .club-conversation-copy h2 { font-size: 42px; }
  .club-form-card { padding: 24px 19px; border-radius: 20px; }
  .club-form-card .form-columns-2 { grid-template-columns: 1fr; }
}

/* Celular compacto: tudo o que o desktop tem, com menos rolagem. Ícone ao
   lado do título nas dores e na faixa de valor, respiros menores. */
@media (max-width: 760px) {
  .club-hero-grid { padding-top: 120px; padding-bottom: 52px; }
  .club-hero-lede { max-width: 34ch; font-size: 15.5px; line-height: 1.6; }
  .club-hero-actions { margin-top: 28px; }
  .club-section { padding: 64px 0; }
  .club-problem h2, .club-for h2 { font-size: 36px; }
  .club-mechanism h2 { font-size: 34px; }
  .club-mechanism .club-mechanism-head > p { max-width: 34ch; font-size: 15.5px; }
  .club-cost-grid { margin-top: 32px; }
  .club-cost-grid > .wcell:nth-child(n) { display: grid; grid-template-columns: 42px 1fr; column-gap: 16px; align-items: start; padding: 22px 0; }
  .club-cost-grid .wcell-ic { grid-row: 1 / span 2; }
  .club-cost-grid .wcell-t { margin-top: 0; padding-left: 0; align-self: center; min-height: 42px; display: flex; align-items: center; }
  .club-cost-grid .wcell-t::before, .club-cost-grid > .wcell::before { display: none; }
  .club-cost-grid .wcell:hover .wcell-t { transform: none; }
  .club-cost-grid .wcell-d { margin-top: 2px; padding-left: 0; font-size: 15px; }
  .club-duo { gap: 12px; margin-top: 32px; }
  .club-duo-card { padding: 24px; }
  .club-duo-card h3 { margin: 28px 0 12px; font-size: 30px; }
  .club-duo-card > p { margin-bottom: 24px; font-size: 15px; }
  .club-peer-photo { height: 200px; border-radius: 16px; }
  .club-value-bar { margin-top: 12px; }
  .club-value-bar > div { display: grid; grid-template-columns: 44px 1fr; column-gap: 16px; align-items: center; padding: 18px 20px; }
  .club-value-ic { grid-row: 1 / span 2; margin-bottom: 0; }
  .club-value-bar strong { margin-top: 4px; font-size: 16px; }
  .club-cycle { padding: 64px 0; }
  .club-cycle h2 { font-size: 36px; }
  .club-cycle-grid { margin-top: 32px; }
  .club-cycle-step { display: grid; grid-template-columns: 34px 1fr; column-gap: 16px; padding: 22px 16px; }
  .club-cycle-step > span { grid-row: 1 / span 2; }
  .club-cycle-step h3 { margin: 0; min-height: 34px; display: flex; align-items: center; font-size: 18px; }
  .club-cycle-step:first-child h3::before { display: none; }
  .club-cycle-step p { margin-top: 4px; }
  .club-for-grid { gap: 36px; }
  .club-for-list h3 { font-size: 19px; }
  .club-for-list p { margin-top: 4px; font-size: 16px; }
  .club-conversation { padding-top: 16px; padding-bottom: 72px; }
  .club-conversation-card { gap: 36px; }
  .club-conversation-copy h2 { font-size: 38px; }
  .club-conversation-copy > p { margin-top: 18px; font-size: 16px; }
  .club-fit-note { margin-top: 24px; padding-top: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .club-page .reveal { opacity: 1; transform: none; transition: none; }
  .club-btn, .club-peer-photo img { transition: none; }
}