/* Section 03 transformation artwork and substantial Theme 1.0 proof surface only. */
.oc-homepage-section-03.oc-value-section { min-height: 0; }
.oc-homepage-section-03.oc-value-section > .oc-section-heading { width: min(900px, 100%) !important; max-width: 900px !important; }
.oc-homepage-section-03 .oc-section-heading h2 { width: 100%; max-width: none !important; text-wrap: balance; }
/* Align the heading to the existing card/proof outer edge without changing its text measure. */
@media (min-width: 1201px) {
  .oc-homepage-section-03.oc-value-section > .oc-section-heading { margin-left: calc((100% - (var(--oc-wide-content-row) * .93 + 40px)) / 2) !important; margin-right: 0 !important; }
}
@media (min-width: 901px) and (max-width: 1080px) {
  .oc-homepage-section-03.oc-value-section > .oc-section-heading { margin-left: calc((100% - ((100vw - 32px) * .93 + 40px)) / 2) !important; margin-right: 0 !important; }
}
@media (max-width: 900px) {
  .oc-homepage-section-03.oc-value-section > .oc-section-heading { margin-left: 10px !important; margin-right: auto !important; }
}
.oc-homepage-section-03.oc-value-section .oc-value-card { box-sizing: border-box; min-height: 0; height: 100%; padding-bottom: 20px; }
.oc-homepage-section-03 .oc-value-card__copy { padding: 16px 24px 0; }
@media (min-width: 1201px) { .oc-homepage-section-03 .oc-value-card__copy { padding-inline: 32px; } }
.oc-homepage-section-03 .oc-value-card__visual { display: block; width: calc(100% - 24px); max-width: 420px; height: auto; min-height: 0; flex: 0 0 auto; aspect-ratio: 340 / 264; margin: 30px auto 0 !important; }
.oc-homepage-section-03 .oc-value-card__visual img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  aspect-ratio: 340 / 264;
}

/* Adapted from Theme 1.0 proof-metrics: quiet Core Groups, oc-metric and oc-metric-arrow. */
.oc-homepage-section-03.oc-value-section > .oc-results-rail {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  display: block;
  margin: 26px 0 0 !important;
  padding: 32px 28px;
  border: var(--oc-frame-border);
  border-radius: var(--oc-pricing-radius);
  background: var(--wp--preset--color--surface);
  box-shadow: var(--oc-reference-shadow);
  overflow: visible;
  gap: 0;
}
.oc-homepage-section-03 .oc-results-rail .oc-proof-label {
  margin: 0 0 28px !important;
  color: var(--oc-heading);
  font-family: var(--oc-font-display);
  font-size: var(--wp--preset--font-size--logo-heading);
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}
.oc-homepage-section-03 .oc-results-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.08fr) minmax(0, 1.1fr) minmax(0, .72fr);
  gap: 0 !important;
  margin: 0 !important;
}
.oc-homepage-section-03 .oc-results-grid > .wp-block-column { min-width: 0; margin: 0 !important; }
.oc-homepage-section-03 .oc-results-grid > .wp-block-column + .wp-block-column { border-left: var(--oc-frame-border); }
.oc-homepage-section-03 .oc-result {
  box-sizing: border-box;
  min-width: 0;
  height: 100%;
  margin: 0 !important;
  padding: 0 24px;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.oc-homepage-section-03 .oc-results-grid > .wp-block-column:first-child > .oc-result { padding-left: 0; }
.oc-homepage-section-03 .oc-results-grid > .wp-block-column:last-child > .oc-result { padding-right: 0; }
.oc-homepage-section-03 .oc-result > .oc-metric {
  color: var(--oc-heading);
  /* Local proof adaptation of Theme 1.0's 53.3333px strong-number scale. */
  font-size: calc(var(--oc-pricing-number-size) * .75);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.015em;
  margin: 0 !important;
}
.oc-homepage-section-03 .oc-result > .oc-metric-label {
  margin: 12px 0 0 !important;
  color: var(--oc-text-primary);
  font-size: var(--wp--preset--font-size--body);
  line-height: 1.6;
  text-wrap: balance;
}
@media (max-width: 900px) {
  .oc-homepage-section-03 .oc-result > .oc-metric { font-size: calc(var(--oc-pricing-number-size) * .6375); }
  .oc-homepage-section-03.oc-value-section > .oc-section-heading { width: calc(100% - 30px) !important; }
  .oc-homepage-section-03 .oc-value-card { height: auto; }
  .oc-homepage-section-03.oc-value-section > .oc-results-rail { width: calc(100% - 20px) !important; margin-inline: 10px !important; }
  .oc-homepage-section-03 .oc-results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px !important; }
  .oc-homepage-section-03 .oc-results-grid > .wp-block-column:nth-child(3) { border-left: 0; }
  .oc-homepage-section-03 .oc-results-grid > .wp-block-column:nth-child(odd) > .oc-result { padding-left: 0; }
  .oc-homepage-section-03 .oc-results-grid > .wp-block-column:nth-child(even) > .oc-result { padding-right: 0; }
}
@media (max-width: 500px) {
  .oc-homepage-section-03.oc-value-section > .oc-results-rail { padding: 28px var(--wp--preset--spacing--16); }
  .oc-homepage-section-03 .oc-results-rail .oc-proof-label { font-size: var(--wp--preset--font-size--benefit-title) !important; }
  .oc-homepage-section-03 .oc-result { padding-inline: 10px; }
  .oc-homepage-section-03 .oc-result > .oc-metric { font-size: calc(var(--oc-pricing-number-size) * .525); }
}
/* Preserve the existing theme-derived card-edge alignment. */
@media (min-width: 1201px) {
  .oc-homepage-section-03.oc-value-section > .oc-results-rail { width: calc(var(--oc-wide-content-row) * .93 + 40px) !important; margin-inline: auto !important; }
}
@media (min-width: 901px) and (max-width: 1080px) {
  .oc-homepage-section-03 .oc-result > .oc-metric { font-size: calc(var(--oc-pricing-number-size) * .7125); }
  .oc-homepage-section-03 .oc-result { padding-inline: var(--wp--preset--spacing--16); }
  .oc-homepage-section-03.oc-value-section > .oc-results-rail {
    --oc-proof-width: calc((100vw - 32px) * .93 + 40px);
    width: var(--oc-proof-width) !important;
    margin-inline: calc((100% - var(--oc-proof-width)) / 2) !important;
  }
}