.product-strip,
.benefit-grid,
.pathway-grid,
.service-grid,
.compact-grid,
.link-grid,
.timeline-list,
.feature-list,
.investment-metrics,
.scenario-grid {
  display: grid;
  gap: var(--space-base);
}
.product-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}
.product-card,
.benefit-card,
.pathway-card,
.service-card,
.link-card,
.timeline-item,
.feature-item,
.quote-panel,
.scenario-card {
  border-radius: var(--radius-sm);
}
.product-card,
.benefit-card,
.pathway-card,
.service-card,
.link-card {
  color: inherit;
  text-decoration: none;
}
.product-card {
  min-height: var(--media-card-min-lg);
  display: grid;
  align-content: end;
  gap: var(--space-base);
  overflow: hidden;
  padding: var(--space-half);
  background:
    linear-gradient(180deg, transparent 18%, var(--media-overlay-strong)),
    var(--image-fitness) center / cover;
  box-shadow: var(--shadow-card);
  color: var(--text-inverse);
}
.product-card--health {
  background:
    linear-gradient(180deg, transparent 24%, var(--media-overlay-strong)),
    var(--image-health) center / cover;
}
.product-card--women {
  background:
    linear-gradient(180deg, transparent 24%, var(--media-overlay-strong)),
    var(--image-women) center / cover;
}
.product-card--food {
  background:
    linear-gradient(180deg, transparent 24%, var(--media-overlay-strong)),
    var(--image-food) center / cover;
}
.product-card--calls {
  background:
    linear-gradient(180deg, transparent 24%, var(--media-overlay-strong)),
    var(--image-calls) center / cover;
}
.product-card span,
.benefit-card span,
.pathway-card__kicker,
.service-card span,
.link-card span,
.timeline-item span,
.feature-item span {
  color: var(--accent-warm);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-strong);
  text-transform: uppercase;
  font-family: var(--font-display);
}
.product-card h3,
.benefit-card h3,
.pathway-card h3,
.service-card h3,
.link-card h3,
.timeline-item h3,
.feature-item h3,
.quote-panel h3,
.scenario-card h3 {
  color: currentColor;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-tight);
}
.product-card h3 {
  max-width: var(--content-lg);
  font-size: var(--text-xl);
}
.product-card p {
  max-width: var(--content-lg);
  color: var(--text-inverse-muted);
}
.benefit-card,
.pathway-card,
.service-card,
.link-card,
.timeline-item,
.feature-item,
.quote-panel,
.scenario-card {
  display: grid;
  gap: var(--space-base);
  background: var(--surface-soft);
  border: var(--border-subtle);
  padding: var(--space-1-5);
}
.benefit-card,
.pathway-card {
  min-height: var(--card-min);
  align-content: space-between;
}
.pathway-card,
.service-card,
.link-card,
.benefit-card,
.product-card {
  transition:
    transform var(--motion-fast),
    background-color var(--motion-fast),
    box-shadow var(--motion-fast);
}
.pathway-card:hover,
.service-card:hover,
.link-card:hover,
.benefit-card:hover {
  background: var(--surface-soft-strong);
}
.scenario-card {
  min-height: var(--media-section-min);
  align-content: end;
  overflow: hidden;
  position: relative;
  background:
    linear-gradient(180deg, transparent 30%, var(--media-overlay-strong)),
    var(--image-fitness) center / cover;
  color: var(--text-inverse);
}
.scenario-card__panel {
  display: grid;
  gap: var(--space-half);
  width: min(100%, var(--content-xs));
  margin-bottom: auto;
  margin-left: auto;
  background: var(--surface-glass-strong);
  border: var(--border-glass);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  padding: var(--space-base);
  box-shadow: var(--shadow-glass);
  backdrop-filter: var(--blur-nav-solid);
  -webkit-backdrop-filter: var(--blur-nav-solid);
}
.scenario-card__panel span {
  color: var(--accent-sage);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-strong);
  text-transform: uppercase;
}
.scenario-card__panel strong {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-tight);
}
.scenario-card--health {
  background:
    linear-gradient(180deg, transparent 30%, var(--media-overlay-strong)),
    var(--image-health) center / cover;
}
.scenario-card--calls {
  background:
    linear-gradient(180deg, transparent 30%, var(--media-overlay-strong)),
    var(--image-calls) center / cover;
}
.scenario-card--women {
  background:
    linear-gradient(180deg, transparent 30%, var(--media-overlay-strong)),
    var(--image-women) center / cover;
}
.scenario-card p {
  color: var(--text-inverse-muted);
}
.scenario-card .scenario-card__panel p {
  color: var(--text-secondary);
}
.stack-list {
  display: grid;
  gap: var(--space-base);
  list-style: none;
}
.stack-list li {
  background: var(--surface-glass);
  border: var(--border-subtle);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  padding: var(--space-base);
}
.section--ink .stack-list li {
  background: var(--surface-inverse-soft);
  border: var(--border-inverse);
  color: var(--text-inverse-muted);
}
.page-lead {
  max-width: var(--content-xl);
}
.footer__inner {
  align-items: flex-start;
}
.footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-half);
  max-width: var(--content-lg);
}
.footer__links a {
  color: var(--text-muted);
  font-size: var(--text-sm);
  text-decoration: none;
  font-family: var(--font-display);
}
.footer__links a:hover {
  color: var(--text-primary);
}
@media (min-width: 47.5rem) {
  .pathway-grid,
  .service-grid,
  .compact-grid,
  .link-grid,
  .benefit-grid,
  .scenario-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 65rem) {
  .pathway-grid,
  .service-grid,
  .benefit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .product-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .investment-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 42.5rem) {
  .product-strip {
    grid-template-columns: 1fr;
  }
  .product-card {
    min-height: var(--media-card-min);
    padding: var(--space-1-5);
  }
}
.pdp-hero-page {
  background:
    radial-gradient(circle at 80% 0%, var(--surface-warm), transparent 32%),
    var(--surface-page);
}
.pdp-hero-page .hero {
  min-height: auto;
  padding: calc(var(--nav-height) + var(--space-base)) 0 var(--space-1-5);
}
.pdp-hero-page .hero__stage {
  width: var(--hero-shell-width);
  max-width: var(--hero-shell-max);
  min-height: var(--hero-min-height);
  border: var(--hero-border);
  border-radius: var(--radius-hero);
  background:
    var(--hero-overlay),
    var(--hero-tint),
    var(--image-hero) var(--hero-image-position) / cover;
  box-shadow: var(--hero-shadow);
}
.pdp-hero-page .hero__stage::after {
  display: none;
}
.pdp-hero-page .hero__title em {
  background: var(--text-gradient-warm);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.pdp-hero-page .hero__inner {
  min-height: var(--hero-min-height);
  padding: var(--hero-padding);
}
.pdp-hero-page .hero__content {
  max-width: var(--content-lg);
  gap: var(--space-1-5);
}
.pdp-hero-page .hero__title {
  max-width: var(--content-lg);
  font-weight: var(--font-weight-regular);
}
.pdp-hero-page .hero__subtitle {
  color: var(--text-inverse-muted);
  font-weight: var(--font-weight-regular);
}
.pdp-hero-page .hero__facts li {
  color: var(--text-inverse-muted);
}
.pdp-hero-page .hero__actions .btn--primary {
  background: var(--accent-action);
  color: var(--text-inverse);
}
.pdp-hero-page .hero__actions .btn--primary:hover {
  background: var(--accent-action-strong);
}
.pdp-hero-page .hero__actions .btn--secondary {
  background: var(--surface-inverse-soft);
  border: var(--hero-border);
  color: var(--text-inverse);
}
@media (max-width: 42.5rem) {
}