/* STEP 72 — Home surface hierarchy + contrast rhythm. Scoped to index.html only. */
:root{
  /* Brand accents */
  --orange:#FF6A13;
  --orange-bright:#FF7B25;
  --gold:#FFB53B;
  --teal:#18BFFF;
  --emerald:var(--whatsapp);

  /* Section surfaces */
  --surface-hero:#06121C;
  --surface-dark:#06121C;
  --surface-dark-alt:#0A1E2B;
  --surface-paper:#F7F0E5;
  --surface-sand:#EFE4D5;
  --surface-proof:#E7D7C2;

  /* Card surfaces */
  --card-dark:#102B3A;
  --card-dark-strong:#123344;
  --card-light:#FFFDF8;
  --card-warm:#F9EEDF;

  /* Borders */
  --border-dark:#35566B;
  --border-dark-soft:#294756;
  --border-light:#D7C6B1;
  --border-light-strong:#CDB79C;

  /* Text */
  --text-on-dark:#F7F0E5;
  --text-muted-dark:#CDD8E0;
  --text-on-light:#20272D;
  --text-muted-light:#545B5F;

  /* Compatibility aliases used by the existing NESkills component CSS */
  --navy:var(--surface-dark);
  --navy-2:var(--surface-dark-alt);
  --panel:var(--card-dark);
  --ivory:var(--surface-paper);
  --sand:var(--surface-sand);
  --ink:var(--text-on-light);
  --muted-dark:var(--text-muted-dark);
  --green:var(--emerald);
  --blue:var(--teal);
  --cream:var(--surface-paper);
  --bg:var(--surface-dark);
  --bg2:var(--surface-dark-alt);
}

.home-page{background:var(--surface-dark);color:var(--text-on-light)}
.home-page .site-topbar{background:var(--surface-topbar);border-bottom-color:rgba(255,181,59,.14)}
.home-page .site-header{background:var(--surface-header-home);border-bottom-color:rgba(24,191,255,.17);box-shadow:0 14px 38px rgba(0,0,0,.26)}
.home-page .nav-cta,.home-page .home-v2-primary,.home-page .home-v2-cta-actions .primary{background:linear-gradient(135deg,var(--orange),var(--orange-bright));box-shadow:0 12px 30px rgba(255,106,19,.26)}

/* Hero: one continuous deep surface, with brighter trust elements floating above it. */
.home-page .home-v2-hero{background:var(--surface-hero)}
.home-page .home-v2-hero::before{background-image:url("../../../images/hero-online-coaching-background.webp")}
.home-page .home-v2-hero::after{background:
  radial-gradient(circle at 82% 22%,rgba(255,181,59,.14),transparent 28%),
  radial-gradient(circle at 58% 72%,rgba(24,191,255,.11),transparent 33%),
  linear-gradient(90deg,rgba(6,18,28,.98) 0%,rgba(6,18,28,.92) 43%,color-mix(in srgb, var(--surface-dark) 72%, transparent) 72%,rgba(6,18,28,.50) 100%)}
.home-page .home-v2-hero h1{color:#FFF}
.home-page .home-v2-hero h1 em{color:var(--orange-bright)}
.home-page .home-v2-hero .hero-text{color:var(--text-muted-dark)}
.home-page .home-v2-secondary{border-color:rgba(24,191,255,.50);background:rgba(16,43,58,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.home-page .home-v2-trust-row{color:var(--surface-paper)}
.home-page .home-v2-trust-row svg{color:var(--gold)}

.home-page .trust-awards-band{background:var(--surface-dark-alt);border-top:1px solid rgba(255,181,59,.24);border-bottom:1px solid rgba(24,191,255,.17)}
.home-page .trust-award-item{border-color:rgba(255,181,59,.22);background:linear-gradient(180deg,rgba(18,51,68,.42),rgba(16,43,58,.16))}
.home-page .trust-award-item p{color:var(--gold)}

/* Warm-paper specialization field, crisp cards. */
.home-page .home-v2-specializations{background:var(--surface-paper)}
.home-page .home-v2-heading h2{color:var(--text-on-light)}
.home-page .home-v2-heading>p:last-child{color:var(--text-muted-light)}
.home-page .home-v2-icon-card{border-color:var(--border-light);background:var(--card-light);box-shadow:0 14px 34px color-mix(in srgb, var(--text-primary) 10%, transparent),inset 0 1px 0 #FFF}
.home-page .home-v2-icon-card h3{color:var(--text-on-light)}
.home-page .home-v2-icon-card p{color:var(--text-muted-light)}
.home-page .home-v2-icon-card:nth-child(4n/**/+1){border-top:3px solid var(--orange);border-top-color:var(--orange)}
.home-page .home-v2-icon-card:nth-child(4n/**/+1) svg{color:var(--orange)}
.home-page .home-v2-icon-card:nth-child(4n/**/+2){border-top:3px solid var(--teal);border-top-color:var(--teal)}
.home-page .home-v2-icon-card:nth-child(4n/**/+2) svg{color:var(--teal)}
.home-page .home-v2-icon-card:nth-child(4n/**/+3){border-top:3px solid var(--emerald);border-top-color:var(--emerald)}
.home-page .home-v2-icon-card:nth-child(4n/**/+3) svg{color:var(--whatsapp)}
.home-page .home-v2-icon-card:nth-child(4n){border-top:3px solid var(--gold);border-top-color:var(--gold)}
.home-page .home-v2-icon-card:nth-child(4n) svg{color:var(--orange)}
.home-page .home-v2-center-action a{border-color:var(--orange);color:var(--text-link);background:#FFFDF8}

/* Problem recognition — rebuilt component */



















/* Dark pathway section: cards move to a visibly lighter slate surface. */













/* Light journey section: white cards over warm paper. */
.home-page .home-v2-journey{background:var(--surface-paper)}
.home-page .home-v2-journey-step{border:1px solid var(--border-light);border-radius:10px;background:var(--card-light);box-shadow:0 10px 26px color-mix(in srgb, var(--text-primary) 5.5%, transparent)}
.home-page .home-v2-journey-step:nth-child(3n/**/+1) svg{color:var(--orange)}
.home-page .home-v2-journey-step:nth-child(3n/**/+2) svg{color:var(--teal)}
.home-page .home-v2-journey-step:nth-child(3n) svg{color:var(--whatsapp)}
.home-page .home-v2-journey-step h3{color:var(--text-on-light)}
.home-page .home-v2-journey-step:not(:last-child)::after{border-color:var(--border-light-strong)}

/* Method remains sand, but each step has its own elevated light surface. */






.home-page .home-v2-pressure-note{border-color:rgba(255,106,19,.54);background:linear-gradient(135deg,#FFFDF8,var(--surface-proof));box-shadow:0 14px 32px color-mix(in srgb, var(--text-primary) 9%, transparent)}
.home-page .home-v2-pressure-note>svg,.home-page .home-v2-pressure-note a{color:var(--orange)}

/* Proof becomes a warm authority field with navy cards: no blue-on-blue stacking. */
.home-page .home-v2-proof{background:var(--surface-proof);color:var(--text-on-light);border-top:1px solid var(--border-light-strong);border-bottom:1px solid var(--border-light-strong)}
.home-page .home-v2-proof .home-v2-heading h2{color:var(--text-on-light)}
.home-page .home-v2-proof .home-v2-heading>p:last-child{color:var(--text-secondary)}
.home-page .home-v2-proof-card{background:linear-gradient(145deg,var(--card-dark-strong),var(--card-dark));box-shadow:0 18px 40px color-mix(in srgb, var(--text-primary) 18%, transparent),inset 0 1px 0 rgba(255,255,255,.07)}
.home-page .home-v2-proof-card h3,.home-page .home-v2-proof-card h3 span{color:#FFF}
.home-page .home-v2-proof-card p,.home-page .home-v2-proof-card p span{color:var(--text-muted-dark)}
.home-page .home-v2-proof-card:nth-child(4n/**/+1){border-color:rgba(255,106,19,.72)}
.home-page .home-v2-proof-card:nth-child(4n/**/+1) svg{color:var(--orange-bright)}
.home-page .home-v2-proof-card:nth-child(4n/**/+2){border-color:rgba(24,191,255,.66)}
.home-page .home-v2-proof-card:nth-child(4n/**/+2) svg{color:var(--teal)}
.home-page .home-v2-proof-card:nth-child(4n/**/+3){border-color:color-mix(in srgb, var(--whatsapp) 62%, transparent)}
.home-page .home-v2-proof-card:nth-child(4n/**/+3) svg{color:var(--emerald)}
.home-page .home-v2-proof-card:nth-child(4n){border-color:rgba(255,181,59,.70)}
.home-page .home-v2-proof-card:nth-child(4n) svg{color:var(--gold)}

/* Reach returns to deep navy, with visibly elevated slate cards and strong market borders. */
















.home-page .home-v2-cta{background:linear-gradient(110deg,var(--surface-dark-alt),var(--card-dark));border-top:1px solid rgba(255,181,59,.17)}
.home-page .home-v2-cta-grid h2{color:#FFF}
.home-page .home-v2-cta-grid p{color:var(--text-muted-dark)}
.home-page .footer-v3{background:var(--surface-footer-deep)}
.home-page .footer-trust-universal{border-color:rgba(255,181,59,.24);background:linear-gradient(135deg,var(--surface-deep-blue),#102B3A)}
.home-page .footer-trust-item strong{color:var(--gold)}

/* Mobile ≤760px: balanced 2 × N card rhythm. */
.home-page .home-v2-section{padding:56px 0}
.home-page .home-v2-specialization-grid,.home-page .home-v2-proof-grid,.home-page .home-v2-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.home-page .home-v2-icon-card{min-height:205px;padding:18px 14px}
.home-page .home-v2-icon-card h3{min-height:2.1em;margin:14px 0 8px;font-size:1.16rem;line-height:1.03}
.home-page .home-v2-icon-card p{min-height:3.2em;font-size:.69rem;line-height:1.5}
.home-page .home-v2-icon-card h3 span,.home-page .home-v2-icon-card p span{display:block}






.home-page .home-v2-proof-card{display:flex;flex-direction:column;gap:12px;min-height:188px;padding:18px 14px}
.home-page .home-v2-proof-card svg{width:34px;height:34px}
.home-page .home-v2-proof-card h3{min-height:2.1em;font-size:1.08rem}
.home-page .home-v2-proof-card p{min-height:3.1em;font-size:.66rem}





.home-page .home-v2-journey-step{min-height:155px}



/* STEP 102 — Home page journey + method refinement (static feel reduced, icons added, line counts normalized) */
.home-page .home-v2-journey-grid{counter-reset:journey-step}
.home-page .home-v2-journey-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;overflow:hidden}
.home-page .home-v2-journey-step::before{counter-increment:journey-step;content:counter(journey-step, decimal-leading-zero);position:absolute;top:16px;right:16px;font-size:.68rem;font-weight:800;letter-spacing:.18em;color:var(--text-secondary)}
.home-page .home-v2-journey-step{padding:28px 16px 24px;border-top-width:3px;transition:transform .25s ease, box-shadow .25s ease}
.home-page .home-v2-journey-step svg{display:block;flex:0 0 auto}
.home-page .home-v2-journey-step svg{display:grid;place-items:center;width:58px;height:58px;padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,240,229,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px color-mix(in srgb, var(--text-primary) 10%, transparent)}
.home-page .home-v2-journey-step h3{max-width:12ch;min-height:2.5em;margin:18px auto 0;font-size:1.12rem;line-height:1.14;text-wrap:balance}
.home-page .home-v2-journey-step:nth-child(3n/**/+1){border-top-color:var(--orange)}
.home-page .home-v2-journey-step:nth-child(3n/**/+2){border-top-color:var(--teal)}
.home-page .home-v2-journey-step:nth-child(3n){border-top-color:var(--emerald)}
















.home-page .home-v2-journey-step{min-height:172px;padding:20px 12px 18px;border-top-width:3px}
.home-page .home-v2-journey-step::before{top:12px;right:12px;font-size:.56rem}
.home-page .home-v2-journey-step svg{width:46px;height:46px;padding:9px;border-radius:14px}
.home-page .home-v2-journey-step h3{max-width:11ch;min-height:3.45em;margin-top:14px;font-size:.96rem;line-height:1.16}






/* STEP 103 — Premium/tighter pass + exact line-count normalization */
.home-page .home-v2-journey{position:relative;isolation:isolate}
.home-page .home-v2-journey::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.42),transparent 42%)}
.home-page .home-v2-journey .home-v2-heading{margin-bottom:30px}
.home-page .home-v2-journey-step{overflow:visible}
.home-page .home-v2-journey-step h3 span{display:block;white-space:nowrap}
.home-page .home-v2-journey-step{min-height:198px;padding:22px 14px 20px;border-radius:12px;background:linear-gradient(180deg,#FFFDF8 0%,var(--card-light) 100%);box-shadow:0 12px 28px color-mix(in srgb, var(--text-primary) 7%, transparent),inset 0 1px 0 #fff}
.home-page .home-v2-journey-step::before{top:12px;right:12px;color:var(--text-secondary);background:rgba(239,228,213,.78);border:1px solid rgba(205,183,156,.68);border-radius:999px;padding:4px 7px;line-height:1;letter-spacing:.08em}
.home-page .home-v2-journey-step svg{width:50px;height:50px;padding:10px;border-radius:15px;margin-top:2px;background:#FFFDF8;box-shadow:0 8px 20px color-mix(in srgb, var(--text-primary) 9%, transparent),inset 0 0 0 1px rgba(215,198,177,.64)}
.home-page .home-v2-journey-step h3{max-width:none;min-height:2.35em;margin:16px auto 0;font-size:1.06rem;line-height:1.14}
.home-page .home-v2-journey-step h3 span+span{margin-top:2px}
.home-page .home-v2-journey-step:not(:last-child)::after{border-top-style:solid;border-top-width:1px;opacity:.9}













.home-page .home-v2-pressure-note{margin-top:26px}

.home-page .home-v2-journey{padding-top:52px;padding-bottom:58px}

.home-page .home-v2-journey .home-v2-heading{margin-bottom:24px}
.home-page .home-v2-journey-step{min-height:160px;padding:18px 10px 16px}
.home-page .home-v2-journey-step::before{top:9px;right:9px;padding:3px 5px;font-size:.5rem}
.home-page .home-v2-journey-step svg{width:42px;height:42px;padding:8px;border-radius:12px}
.home-page .home-v2-journey-step h3{min-height:2.35em;margin-top:12px;font-size:.88rem}





/* STEP 111 — MOBILE HOME STACKS: CLEAN REBUILD
   Single source of truth for Problems, Pathways, Method and Reach.
   No viewport spacer tails. No legacy stack overrides. */

html:has(body.home-page),
body.home-page{
  overflow-x:clip;
  overflow-y:visible;
}

.home-page{
  --nes-mobile-card-compact:112px;
  --nes-mobile-card-path:208px;
}

.home-page :is(.home-v2-problems,.home-v2-pathways,.home-v2-method,.home-v2-reach){
  position:relative;
  isolation:isolate;
  overflow:visible;
  padding:46px 0 16px;
}

.home-page :is(.home-v2-problems,.home-v2-method)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 50% 0,rgba(255,255,255,.34),transparent 40%);
}

.home-page .home-v2-problems{background:var(--surface-sand)}
.home-page .home-v2-pathways{background:linear-gradient(135deg,var(--surface-dark),var(--surface-dark-alt));color:var(--text-on-dark);border-top:1px solid rgba(24,191,255,.12);border-bottom:1px solid rgba(255,181,59,.12)}
.home-page .home-v2-method{background:var(--surface-sand)}
.home-page .home-v2-reach{background:linear-gradient(145deg,var(--surface-dark),var(--surface-dark));color:var(--text-on-dark);border-bottom:1px solid rgba(24,191,255,.14)}

.home-page :is(.home-v2-problems,.home-v2-pathways,.home-v2-method,.home-v2-reach) .home-v2-heading{
  margin-bottom:22px;
}

.home-page :is(.home-v2-pathways,.home-v2-reach) .home-v2-heading h2{color:#fff}
.home-page :is(.home-v2-pathways,.home-v2-reach) .home-v2-heading>p:last-child{color:var(--text-muted-dark)}

/* Native sticky stack: card flow itself creates the scroll distance.
   The grid has no artificial bottom padding, so the final card releases
   directly into the following content. */
.home-page :is(.home-v2-problem-grid,.home-v2-pathway-grid,.home-v2-method-grid,.home-v2-reach-grid){
  display:block;
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  overflow:visible;
}

.home-page :is(.home-v2-problem,.home-v2-pathway,.home-v2-method-step,.home-v2-reach-card){
  position:sticky;
  top:74px;
  width:100%;
  margin:0 0 12px;
  transform:translateZ(0);
  will-change:transform;
  backface-visibility:hidden;
}

.home-page :is(.home-v2-problem,.home-v2-pathway,.home-v2-method-step,.home-v2-reach-card):nth-child(1){z-index:21}
.home-page :is(.home-v2-problem,.home-v2-pathway,.home-v2-method-step,.home-v2-reach-card):nth-child(2){z-index:22}
.home-page :is(.home-v2-problem,.home-v2-pathway,.home-v2-method-step,.home-v2-reach-card):nth-child(3){z-index:23}
.home-page :is(.home-v2-problem,.home-v2-method-step,.home-v2-reach-card):nth-child(4){z-index:24}
.home-page :is(.home-v2-problem,.home-v2-method-step):nth-child(5){z-index:25}
.home-page .home-v2-problem:nth-child(6){z-index:26}

.home-page :is(.home-v2-problem,.home-v2-pathway,.home-v2-method-step,.home-v2-reach-card):last-child{
  margin-bottom:0;
}

/* 1 — Problem recognition: six compact, full-width cards. */
.home-page .home-v2-problem{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  column-gap:14px;
  align-items:center;
  justify-content:center;
  height:var(--nes-mobile-card-compact);
  min-height:var(--nes-mobile-card-compact);
  margin-bottom:8px;
  padding:14px 16px;
  text-align:left;
  border:1px solid var(--border-light);
  border-top-width:3px;
  border-radius:14px;
  background:linear-gradient(180deg,#FFFDF8 0%,var(--card-light) 100%);
  box-shadow:0 16px 34px color-mix(in srgb, var(--text-primary) 11%, transparent),inset 0 1px 0 #fff;
}
.home-page .home-v2-problem svg{
  display:block;
  width:48px;
  height:48px;
  margin:0;
  padding:9px;
  border-radius:13px;
  background:#FFFDF8;
  box-shadow:0 8px 18px color-mix(in srgb, var(--text-primary) 9%, transparent),inset 0 0 0 1px rgba(215,198,177,.68);
}
.home-page .home-v2-problem h3{
  display:flex;
  min-height:0;
  margin:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  color:var(--text-on-light);
  font-family:var(--font-display);
  font-size:1.02rem;
  font-weight:600;
  line-height:1.12;
  text-align:left;
}
.home-page .home-v2-problem h3 span{display:block;white-space:normal}
.home-page .home-v2-problem h3 span+span{margin-top:3px}
.home-page .home-v2-problem:nth-child(3n+1){border-top-color:var(--orange)}
.home-page .home-v2-problem:nth-child(3n+1) svg{color:var(--orange)}
.home-page .home-v2-problem:nth-child(3n+2){border-top-color:var(--teal)}
.home-page .home-v2-problem:nth-child(3n+2) svg{color:var(--teal)}
.home-page .home-v2-problem:nth-child(3n){border-top-color:var(--emerald)}
.home-page .home-v2-problem:nth-child(3n) svg{color:var(--whatsapp)}

/* 2 — Coaching pathways: compact horizontal composition inside each full-width card. */
.home-page .home-v2-pathway{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:16px;
  align-items:start;
  height:var(--nes-mobile-card-path);
  min-height:var(--nes-mobile-card-path);
  padding:22px 20px 20px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
  background:linear-gradient(145deg,var(--card-dark-strong),var(--card-dark));
  box-shadow:0 20px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07);
}
.home-page .home-v2-pathway>svg{width:42px;height:42px}
.home-page .home-v2-pathway>div{display:flex;min-width:0;flex-direction:column}
.home-page .home-v2-pathway h3{
  min-height:0;
  margin:1px 0 10px;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.38rem;
  font-weight:500;
  line-height:1.05;
}
.home-page .home-v2-pathway p{
  min-height:0;
  margin:0 0 16px;
  color:var(--text-muted-dark);
  font-size:.73rem;
  line-height:1.55;
}
.home-page .home-v2-pathway strong{display:inline-block;margin-top:0;font-size:.61rem;letter-spacing:.08em}
.home-page .home-v2-pathway:nth-child(1){border-color:rgba(255,106,19,.72)}
.home-page .home-v2-pathway:nth-child(1)>svg,.home-page .home-v2-pathway:nth-child(1) strong{color:var(--orange-bright)}
.home-page .home-v2-pathway:nth-child(2){border-color:rgba(24,191,255,.66)}
.home-page .home-v2-pathway:nth-child(2)>svg,.home-page .home-v2-pathway:nth-child(2) strong{color:var(--teal)}
.home-page .home-v2-pathway:nth-child(3){border-color:rgba(56,217,150,.62)}
.home-page .home-v2-pathway:nth-child(3)>svg,.home-page .home-v2-pathway:nth-child(3) strong{color:var(--emerald)}

/* 3 — Five-step method: compact inline coaching cards.
   Mobile-only component architecture: icon badge + content block.
   Preserves the 112px sticky stack while restoring hierarchy and breathing room. */
.home-page .home-v2-method-step{
  position:sticky;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:15px;
  align-content:center;
  align-items:center;
  height:var(--nes-mobile-card-compact);
  min-height:var(--nes-mobile-card-compact);
  padding:14px 16px;
  overflow:hidden;
  text-align:left;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  background:linear-gradient(180deg,var(--card-light) 0%,#FFFDF8 100%);
  box-shadow:0 12px 28px color-mix(in srgb, var(--text-primary) 9%, transparent),inset 0 1px 0 rgba(255,255,255,.96);
}
.home-page .home-v2-method-step::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:currentColor;
  opacity:.92;
}
.home-page .home-v2-method-step > svg{
  grid-column:1;
  grid-row:1 / 3;
  display:block;
  position:static !important;
  align-self:center !important;
  justify-self:center;
  width:44px;
  height:44px;
  margin:0 !important;
  padding:9px;
  transform:none !important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  border-radius:12px;
  background:#FFFDF8;
  box-shadow:0 6px 16px color-mix(in srgb, var(--text-primary) 8%, transparent),inset 0 0 0 1px rgba(0,0,0,.07);
}
.home-page .home-v2-method-step h3{
  grid-column:2;
  grid-row:1;
  display:flex;
  min-width:0;
  min-height:0;
  margin:0 0 5px;
  flex-direction:column;
  align-items:flex-start;
  color:var(--surface-dark-alt);
  font-family:var(--font-display);
  font-size:1.08rem;
  font-weight:600;
  line-height:1.04;
  letter-spacing:-.01em;
  text-align:left;
}
.home-page .home-v2-method-step h3 span,
.home-page .home-v2-method-step p span{
  display:block;
  white-space:normal;
}
.home-page .home-v2-method-step h3 span+span{margin-top:2px}
.home-page .home-v2-method-step p span+span{margin-top:1px}
.home-page .home-v2-method-step p{
  grid-column:2;
  grid-row:2;
  min-width:0;
  min-height:0;
  margin:0;
  color:var(--text-secondary);
  font-size:.70rem;
  line-height:1.35;
  text-align:left;
}
.home-page .home-v2-method-step:nth-child(1){color:var(--orange)}
.home-page .home-v2-method-step:nth-child(2){color:var(--teal)}
.home-page .home-v2-method-step:nth-child(3){color:var(--emerald)}
.home-page .home-v2-method-step:nth-child(4){color:var(--gold)}
.home-page .home-v2-method-step:nth-child(5){color:var(--orange-bright)}
.home-page .home-v2-method-step:nth-child(1) > svg{background:rgba(255,106,19,.055)}
.home-page .home-v2-method-step:nth-child(2) > svg{background:rgba(24,191,255,.055)}
.home-page .home-v2-method-step:nth-child(3) > svg{background:rgba(56,217,150,.065)}
.home-page .home-v2-method-step:nth-child(4) > svg{background:rgba(255,181,59,.065)}
.home-page .home-v2-method-step:nth-child(5) > svg{background:rgba(255,123,37,.055)}
.home-page .home-v2-pressure-note{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin-top:14px;
  padding:16px 15px;
  border:1px solid rgba(255,106,19,.54);
  border-radius:11px;
  background:linear-gradient(135deg,#FFFDF8,var(--surface-proof));
  box-shadow:0 10px 24px color-mix(in srgb, var(--text-primary) 8%, transparent);
}
.home-page .home-v2-pressure-note>svg{width:30px;height:30px;color:var(--orange)}
.home-page .home-v2-pressure-note h3{margin:0 0 4px;font-family:var(--font-display);font-size:1.08rem}
.home-page .home-v2-pressure-note p{margin:0;color:var(--text-secondary);font-size:.65rem;line-height:1.5}
.home-page .home-v2-pressure-note a{grid-column:1/-1;padding-left:46px;color:var(--orange);font-size:.59rem;font-weight:800;white-space:nowrap}

/* 4 — Reach: compact full-width destination cards. */
.home-page .home-v2-reach-card{
  display:flex;
  height:var(--nes-mobile-card-path);
  min-height:var(--nes-mobile-card-path);
  padding:17px 17px 16px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  background:linear-gradient(145deg,var(--card-dark-strong),var(--card-dark));
  box-shadow:0 22px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.075);
}
.home-page .home-v2-reach-card::after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  right:-64px;
  top:-64px;
  border-radius:50%;
  background:rgba(255,255,255,.05);
}
.home-page .home-v2-reach-card>svg{position:relative;z-index:1;width:32px;height:32px}
.home-page .home-v2-reach-card small{position:relative;z-index:1;display:block;margin-top:8px;font-size:.52rem;font-weight:800;letter-spacing:.15em}
.home-page .home-v2-reach-card h3{
  position:relative;
  z-index:1;
  min-height:0;
  margin:7px 0 8px;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.18rem;
  font-weight:500;
  line-height:1.02;
}
.home-page .home-v2-reach-card h3 span,.home-page .home-v2-reach-card p span{display:block}
.home-page .home-v2-reach-card p{
  position:relative;
  z-index:1;
  min-height:0;
  margin:0 0 9px;
  color:var(--text-muted-dark);
  font-size:.64rem;
  line-height:1.45;
}
.home-page .home-v2-reach-card strong{position:relative;z-index:1;margin-top:0;white-space:normal;font-size:.52rem;line-height:1.3;letter-spacing:.08em}
.home-page .home-v2-reach-card:nth-child(1){border-color:rgba(255,106,19,.74)}
.home-page .home-v2-reach-card:nth-child(1)>svg,.home-page .home-v2-reach-card:nth-child(1) small,.home-page .home-v2-reach-card:nth-child(1) strong{color:var(--orange-bright)}
.home-page .home-v2-reach-card:nth-child(2){border-color:rgba(56,217,150,.66)}
.home-page .home-v2-reach-card:nth-child(2)>svg,.home-page .home-v2-reach-card:nth-child(2) small,.home-page .home-v2-reach-card:nth-child(2) strong{color:var(--emerald)}
.home-page .home-v2-reach-card:nth-child(3){border-color:rgba(255,181,59,.68)}
.home-page .home-v2-reach-card:nth-child(3)>svg,.home-page .home-v2-reach-card:nth-child(3) small,.home-page .home-v2-reach-card:nth-child(3) strong{color:var(--gold)}
.home-page .home-v2-reach-card:nth-child(4){border-color:rgba(24,191,255,.68)}
.home-page .home-v2-reach-card:nth-child(4)>svg,.home-page .home-v2-reach-card:nth-child(4) small,.home-page .home-v2-reach-card:nth-child(4) strong{color:var(--teal)}

/* Allow card stacks to reverse naturally on upward scroll. */
@media (prefers-reduced-motion:reduce){
  .home-page :is(.home-v2-problem,.home-v2-pathway,.home-v2-method-step,.home-v2-reach-card){will-change:auto}
}

@media (max-width:380px){
  .home-page :is(.home-v2-problems,.home-v2-pathways,.home-v2-method,.home-v2-reach){padding-top:40px;padding-bottom:14px}
  .home-page{--nes-mobile-card-compact:108px;--nes-mobile-card-path:202px}
  .home-page .home-v2-problem{height:var(--nes-mobile-card-compact);min-height:var(--nes-mobile-card-compact);padding-inline:14px}
  .home-page .home-v2-problem h3{font-size:.98rem}
  .home-page .home-v2-pathway{grid-template-columns:46px minmax(0,1fr);gap:13px;height:var(--nes-mobile-card-path);min-height:var(--nes-mobile-card-path);padding:20px 18px 18px}
  .home-page .home-v2-pathway>svg{width:38px;height:38px}
  .home-page .home-v2-pathway h3{font-size:1.27rem}
  .home-page .home-v2-reach-card{height:var(--nes-mobile-card-path);min-height:var(--nes-mobile-card-path);padding:16px 15px 15px}
  .home-page .home-v2-reach-card h3{font-size:1.25rem}
}

/* STEP 125 — HOME MOBILE PATHWAYS: FLUID COMPACT HEIGHT
   CSS-only correction for the three coaching pathway cards.
   112px is now the minimum target, never a clipping boundary. */
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  column-gap:12px;
  align-items:center;
  align-content:center;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:112px;
  max-height:none;
  margin:0 0 8px;
  padding:10px 14px;
  overflow:visible;
  position:sticky;
  top:74px;
}
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway:last-child{margin-bottom:0}
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway > svg{
  grid-column:1;
  grid-row:1;
  width:34px;
  height:34px;
  margin:0;
  align-self:center;
}
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway > div{
  grid-column:2;
  grid-row:1;
  display:flex;
  min-width:0;
  height:auto;
  flex-direction:column;
  justify-content:center;
  gap:0;
  overflow:visible;
}
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway h3{
  display:block;
  margin:0 0 4px;
  max-height:none;
  font-size:1.16rem;
  line-height:1.08;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  -webkit-line-clamp:unset;
  line-clamp:unset;
}
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway p{
  display:block;
  margin:0 0 5px;
  max-height:none;
  font-size:.70rem;
  line-height:1.34;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  -webkit-line-clamp:unset;
  line-clamp:unset;
}
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway strong{
  margin:0;
  font-size:.58rem;
  line-height:1.15;
  letter-spacing:.075em;
  white-space:normal;
}
@media (max-width:380px){
  body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway{
    grid-template-columns:34px minmax(0,1fr);
    column-gap:10px;
    height:auto;
    min-height:112px;
    max-height:none;
    padding:9px 12px;
  }
  body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway > svg{width:30px;height:30px}
  body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway h3{font-size:1.08rem;line-height:1.08}
  body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-pathway-grid > .home-v2-pathway p{font-size:.66rem;line-height:1.3}
}


/* STEP 125 — HOME MOBILE REACH: FLUID TEXT SAFETY
   The sitewide compact system loads after home-page.css and otherwise fixes
   these cards at 176px with 2/3-line clamps. Keep the compact baseline,
   but allow the card and copy to grow when the viewport needs another line. */
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-reach-grid > .home-v2-reach-card{
  height:auto;
  min-height:176px;
  max-height:none;
  padding:15px;
  position:sticky;
  top:74px;
}
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-reach-grid > .home-v2-reach-card h3,
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-reach-grid > .home-v2-reach-card p{
  display:block;
  max-height:none;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  -webkit-line-clamp:unset;
  line-clamp:unset;
}
body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-reach-grid > .home-v2-reach-card strong{
  white-space:normal;
}
@media (max-width:380px){
  body.home-page.mobile-system-v120[data-mobile-system="v120"] .home-v2-reach-grid > .home-v2-reach-card{
    height:auto;
    min-height:176px;
    max-height:none;
    padding:14px 13px;
  }
}

/* STEP 126 — Mobile CTA impact stats: intentional unified proof panel */
@media (max-width:767px){
  .home-page .home-v2-cta-grid .stats{
    position:relative;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    margin:28px 0 0!important;
    padding:0!important;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.026));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 38px rgba(0,0,0,.18);
  }
  .home-page .home-v2-cta-grid .stats::before{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,var(--orange) 0 33.333%,var(--teal) 33.333% 66.666%,var(--emerald) 66.666% 100%);
  }
  .home-page .home-v2-cta-grid .stats span{
    min-width:0;
    min-height:98px;
    padding:18px 16px 16px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    background:color-mix(in srgb, var(--surface-dark) 18%, transparent);
  }
  .home-page .home-v2-cta-grid .stats span:first-child{
    border-right:1px solid rgba(255,255,255,.10);
  }
  .home-page .home-v2-cta-grid .stats span:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .home-page .home-v2-cta-grid .stats span:last-child{
    grid-column:1/-1!important;
    min-height:78px;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    column-gap:18px!important;
    padding:16px 18px!important;
  }
  .home-page .home-v2-cta-grid .stats strong{
    margin:0!important;
    color:#fff!important;
    font-family:var(--display)!important;
    font-size:clamp(1.42rem,6.2vw,1.72rem)!important;
    font-weight:600!important;
    line-height:.95!important;
    letter-spacing:-.025em!important;
  }
  .home-page .home-v2-cta-grid .stats small{
    display:block!important;
    max-width:18ch;
    margin-top:8px!important;
    color:color-mix(in srgb, var(--surface-paper) 76%, transparent)!important;
    font-size:.66rem!important;
    font-weight:500!important;
    line-height:1.38!important;
    letter-spacing:0!important;
  }
  .home-page .home-v2-cta-grid .stats span:last-child small{
    max-width:none;
    margin-top:0!important;
    padding-left:18px;
    border-left:1px solid rgba(255,255,255,.10);
  }
}
