.supportingSection {
  padding-top: 0;
  padding-bottom: 0;
}

.supportingSectionTitle {
  margin: 0 0 var(--landing-space-3);
  font-size: var(--landing-text-xl);
  font-weight: var(--landing-weight-semibold);
  line-height: var(--landing-leading-snug);
  letter-spacing: -0.02em;
  color: var(--landing-color-text-primary);
}

.supportingSectionLead {
  max-width: 70ch;
  margin-bottom: var(--landing-space-6);
}

.supportingCardGrid {
  display: grid;
  gap: var(--landing-space-4);
}

.supportingCardGrid--spaced {
  margin-top: var(--landing-space-4);
}

.supportingCardGrid--whenToUseGap {
  margin-top: var(--landing-space-6);
}

.supportingCard {
  text-align: left;
  border-top: 1px solid var(--landing-color-border-subtle);
  padding-top: var(--landing-space-4);
}

.useCaseHubGroup + .useCaseHubGroup {
  margin-top: var(--landing-space-12);
}

.useCaseHubGroupTitle {
  margin-bottom: 0;
}

.supportingHeroSection + .supportingSection--useCaseHub::before {
  content: none;
}

.supportingHeroSection--useCaseHub {
  padding-bottom: var(--landing-space-10);
}

.supportingCard h3 {
  margin: 0 0 var(--landing-space-2);
  font-size: 1rem;
  font-weight: var(--landing-weight-semibold);
  color: var(--landing-color-text-primary);
}

.supportingCard p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.58;
  color: var(--landing-color-text-secondary);
}

.supportingCardMeta {
  margin: 0 0 var(--landing-space-2);
  font-size: 0.78rem;
  font-weight: var(--landing-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--landing-color-text-tertiary);
}

.supportingCardTitleLink {
  color: var(--landing-color-primary-700);
  text-decoration: underline;
  text-decoration-color: rgba(21, 107, 92, 0.4);
  text-underline-offset: 0.12em;
}

.supportingCardTitleLink:hover,
.supportingCardTitleLink:focus-visible {
  color: #0f574b;
  text-decoration-color: rgba(15, 87, 75, 0.65);
}

.supportingCardAction {
  margin-top: var(--landing-space-3);
}

.supportingCardGrid--single {
  max-width: 38rem;
}

.supportingList {
  margin: 0;
  padding-left: 1.05rem;
  text-align: left;
}

.supportingList--narrow {
  max-width: 64ch;
  margin-left: auto;
  margin-right: auto;
}

.supportingList--boxed {
  padding: var(--landing-space-4) var(--landing-space-5) var(--landing-space-4)
    calc(var(--landing-space-5) + 1rem);
  border: 1px solid var(--landing-color-border-subtle);
  border-radius: var(--landing-radius-md);
  background: var(--landing-color-neutral-85);
}

.supportingList.supportingList--boxed li {
  margin-bottom: var(--landing-space-2);
}

.supportingList.supportingList--boxed li:last-child {
  margin-bottom: 0;
}

.supportingList--itemBoxes {
  list-style: none;
  padding-left: 0;
  display: grid;
  gap: var(--landing-space-2);
}

.supportingList.supportingList--itemBoxes li {
  margin-bottom: 0;
  padding: var(--landing-space-2) var(--landing-space-4);
  border: 1px solid var(--landing-color-border-subtle);
  border-radius: var(--landing-radius-md);
  background: var(--landing-color-neutral-85);
}

.supportingSectionSupport {
  margin: var(--landing-space-4) auto 0;
  max-width: 64ch;
  font-size: 0.92rem;
  line-height: 1.62;
}

.supportingSectionBody {
  margin: 0 auto;
  max-width: 64ch;
}

.supportingSectionBodyFollowup {
  margin-top: var(--landing-space-3);
}

.supportingList li {
  margin-bottom: var(--landing-space-2);
  line-height: 1.55;
  color: var(--landing-color-text-secondary);
}

.supportingList li:last-child {
  margin-bottom: 0;
}

.supportingSplit {
  display: grid;
  gap: var(--landing-space-5);
}

.supportingSplit--spaced {
  margin-top: var(--landing-space-6);
}

.supportingOutputBlock {
  text-align: left;
}

.supportingOutputBlock--trustGap {
  margin-top: var(--landing-space-5);
}

.supportingOutputBlock h3 {
  margin: 0 0 var(--landing-space-2);
  font-size: 1rem;
  font-weight: var(--landing-weight-semibold);
  color: var(--landing-color-text-primary);
}

.supportingOutputBlock p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.58;
  color: var(--landing-color-text-secondary);
}

.supportingOutputBlock p + p {
  margin-top: var(--landing-space-3);
}

.supportingProofCallout {
  margin-top: var(--landing-space-3);
  padding: var(--landing-space-4);
  border-left: 2px solid var(--landing-color-border-default);
  border-radius: var(--landing-radius-md);
  background: var(--landing-color-neutral-85);
}

.supportingProofCallout p {
  margin: 0;
}

.supportingProofCallout p + p {
  margin-top: var(--landing-space-2);
}


.proofBlock .proofNextStepCallout + .proofMetaLabel.proofMetaLabel--knownUnknowns {
  margin-top: var(--landing-space-6);
}

.proofBlock .proofBridgeText.proofBridgeText--knownUnknowns {
  margin-top: var(--landing-space-3);
}

.supportingNote {
  max-width: 70ch;
  margin-top: var(--landing-space-3);
}

.supportingFaqSection .faqList {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  text-align: left;
}

.supportingFaqSection .faqItem + .faqItem {
  margin-top: var(--landing-space-4);
}

.pageLinkRow {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--landing-space-3);
  margin-top: var(--landing-space-4);
}

.pageLinkRow .assessmentBridgeLink {
  font-size: 0.92rem;
}

.supportingSection--linkMini .supportingSectionTitle {
  margin-bottom: var(--landing-space-2);
}

.pageLinkRow--compact {
  margin-top: 0;
}

.aboutEntityGrid {
  display: grid;
  gap: var(--landing-space-4);
}

.aboutContactList {
  margin: 0;
  display: grid;
  gap: var(--landing-space-2);
  text-align: left;
}

.aboutContactList p {
  margin: 0;
  color: var(--landing-color-text-secondary);
  line-height: 1.55;
}

.aboutContactList a {
  color: var(--landing-color-primary-700);
}

.pageCtaSection {
  padding-top: 0;
  padding-bottom: 0;
}

.pageCtaCard {
  max-width: 760px;
}

.pageCtaCard .problemIntro {
  margin-bottom: var(--landing-space-3);
}

.pageCtaCard .bodyText {
  max-width: 64ch;
}

.pageCtaSupport {
  margin: var(--landing-space-4) auto var(--landing-space-3);
  max-width: 54ch;
}

.pageCtaActions {
  display: inline-flex;
}

.pricingHeroLead {
  max-width: 64ch;
}

.supportingHeroSection + .pricingSection::before {
  margin-top: var(--landing-space-12);
}

.pricingSection .sectionLabel {
  margin-bottom: var(--landing-space-5);
}

.pricingGrid {
  display: grid;
  gap: var(--landing-space-4);
  text-align: left;
}

.pricingCard {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: var(--landing-space-5);
  border: 1px solid var(--landing-color-border-subtle);
  border-radius: var(--landing-radius-md);
  background: var(--landing-color-neutral-75);
  box-shadow: 0 8px 18px rgba(30, 20, 10, 0.035);
}

.pricingCard--featured {
  background: var(--landing-color-neutral-0);
  border-color: var(--landing-color-border-default);
}

.pricingPlanName {
  margin: 0 0 var(--landing-space-3);
  color: var(--landing-color-text-muted);
  font-size: 0.78rem;
  font-weight: var(--landing-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pricingPlanPrice {
  margin: 0 0 var(--landing-space-3);
  color: var(--landing-color-text-primary);
  font-size: 1.25rem;
  font-weight: var(--landing-weight-semibold);
  line-height: var(--landing-leading-snug);
}

.pricingPlanSummary,
.pricingPlanBody {
  margin: 0;
  color: var(--landing-color-text-secondary);
  font-size: 0.95rem;
  line-height: 1.58;
}

.pricingPlanSummary {
  margin-bottom: var(--landing-space-3);
  color: var(--landing-color-text-primary);
  font-weight: var(--landing-weight-semibold);
}

.pricingPlanBody + .pricingPlanBody {
  margin-top: var(--landing-space-2);
}

.pricingCardCta,
.pricingCardLink {
  margin-top: auto;
  align-self: flex-start;
}

.pricingCardCta {
  margin-top: var(--landing-space-6);
}

.pricingCardLink {
  margin-top: var(--landing-space-5);
}

.pricingExpiryNote {
  margin: var(--landing-space-4) 0 0;
  color: var(--landing-color-text-secondary);
  font-size: 0.95rem;
  font-weight: var(--landing-weight-semibold);
}

.pricingExplainerBlock {
  max-width: 760px;
  text-align: left;
}

.pricingExplainerBlock .supportingSectionTitle,
.pricingExplainerBlock .supportingSectionBody {
  margin-left: 0;
  margin-right: 0;
}

.pricingNoSurprises {
  margin: var(--landing-space-4) 0 0;
  color: var(--landing-color-text-primary);
  font-weight: var(--landing-weight-semibold);
}
