@charset "UTF-8";
/* ==========================================================================
   WESTON CLICK — segments.css
   Layout glue for coaches-stuck-at-5k.html, established-coaches.html and
   results.html. Components come from home.css (.qcard, .diagnose, .verdict,
   .panels), about.css (.ahero, .niches, .about-cta), faq.css (.fhero) and
   base.css (.principles, .fcard, .media-placeholder).
   ========================================================================== */

.seg-head { margin-bottom: clamp(28px, 3.4vw, 44px); }
.seg-head + * { margin-top: 0; }
.seg-head--solo { margin-bottom: 0; }

/* --- Sound familiar? : one centred green checklist card --- */
.seg-familiar .seg-list { max-width: 780px; margin-inline: auto; }
.seg-list .qcard__list { padding-top: clamp(18px, 2.2vw, 24px); }
.seg-list .qcard__list > li { font-size: var(--fs-body); }

/* --- Dark bands --- */
.seg-dark { padding-block: var(--section-y); }
.seg-win__icon {
  display: grid;
  place-items: center;
  width: 54px; height: 54px;
  margin: 0 auto var(--sp-5);
  border-radius: 16px;
  background: rgba(var(--accent-rgb), .3);
  border: 1px solid rgba(var(--accent-rgb), .5);
  color: #fff;
}
.seg-win__icon svg { width: 26px; height: 26px; }
.seg-dark .lead { max-width: 62ch; margin-inline: auto; }

/* --- Bone panel: the math / the cost --- */
.seg-math { margin-top: 0; border-radius: 0; }
.seg-math .verdict--cost { gap: 4px; }
.seg-disclaimer { max-width: 64ch; margin-inline: auto; line-height: 1.6; }
.seg-math__cta { margin-top: clamp(26px, 3vw, 36px); }

/* --- Recommended path card --- */
.seg-path-wrap { padding-block: var(--section-y) 0; }
.seg-path {
  position: relative;
  overflow: hidden;
  max-width: 860px;
  margin-inline: auto;
  padding: clamp(30px, 4vw, 52px);
  text-align: center;
  border-color: var(--brand-200);
  box-shadow: 0 32px 70px -30px rgba(var(--accent-rgb), .45), 0 4px 14px -6px rgba(15, 26, 22, .1);
}
.seg-path__edge {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--accent), var(--accent-bright), var(--accent));
}
.seg-path .eyebrow { justify-content: center; }
.seg-path h2 { margin-top: var(--sp-3); }
.seg-path .lead { max-width: 58ch; margin: var(--sp-4) auto var(--sp-7); }
.seg-path .lead strong { color: var(--accent); }

/* ==========================================================================
   RESULTS
   ========================================================================== */
.fhero--results { padding-bottom: clamp(48px, 5vw, 72px); }
.fhero--results .fhero__title { max-width: 17ch; }
.fhero--results .fhero__sub { max-width: 60ch; }

/* Founding deal: two panels, the "We ask" one in the neutral panel style */
.results-deal .panel__label { align-self: flex-start; }
.results-deal .panel__list { margin-top: var(--sp-5); }
.results-deal .panel__list > li { font-size: var(--fs-body); line-height: 1.65; }
.panel--ask { background: var(--surface-alt); }
.panel--ask .panel__label { background: var(--accent-tint); color: var(--accent); }
.panel--ask .panel__list > li { color: var(--ink-700); }
.panel--ask .panel__list svg { color: var(--accent); }

/* What we'll measure: six metric chips */
.results-measure { background: linear-gradient(180deg, var(--accent-tint), var(--white)); }
.results-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.results-measure__note {
  margin-top: clamp(24px, 3vw, 34px);
  text-align: center;
  font-family: var(--font-display);
  font-size: var(--fs-lead);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink-900);
}
@media (max-width: 900px) { .results-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Proof of the process: four screenshot frames */
.results-proof { padding-block: var(--section-y) 0; }
.results-shots {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}
.results-shot { margin: 0; }
@media (max-width: 760px) { .results-shots { grid-template-columns: minmax(0, 1fr); } }