/* Platform overview: connected operating groups and a complete feature directory. */
.overview-opening { padding-top: 76px; }
.overview-opening h1 { max-width: 1150px; font-size: clamp(43px,4.7vw,68px); }
.overview-opening__body { display: flex; align-items: center; justify-content: space-between; gap: 65px; }
.overview-opening .product-intro { max-width: 950px; margin: 0; }
.overview-opening__body > .btn { flex: 0 0 auto; }
.overview-commerce,.overview-supply,.overview-growth { display: grid; grid-template-columns: 1.1fr 1fr; gap: 85px; align-items: center; }
.overview-commerce .feature-art-space,.overview-supply .feature-art-space,.overview-growth .feature-art-space { margin-top: 0; }
.overview-feature-links { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 24px; }
.overview-feature-links a { color: var(--odx-accent); font-size: 15px; font-weight: 650; line-height: 1.5; padding-block: 10px; text-underline-offset: 5px; }
.overview-feature-links a:hover { text-decoration: underline; }
.feature-page .overview-section-note { font-size: 15px; line-height: 1.6; margin: 22px 0 0; }
.overview-field-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: end; margin-bottom: 35px; }
.overview-field-body { display: grid; grid-template-columns: 1fr 1.05fr; gap: 85px; align-items: center; }
.overview-field-body .feature-art-space { margin: 0; }
.overview-assets { display: grid; grid-template-columns: 1fr 1fr; gap: 35px 85px; align-items: center; }
.overview-assets > div:first-child { grid-column: 1; grid-row: 1/3; }
.overview-assets .feature-art-space { margin: 0; }
.overview-assets aside { padding: 28px 32px; border-radius: 20px; background: var(--odx-soft); }
.overview-assets aside .product-link + .product-link { margin-left: 22px; }
.overview-customer-heading { max-width: 1050px; }
.overview-customer-body { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: center; margin-top: 35px; }
.overview-customer-body .feature-art-space { margin: 0; }
.overview-builders-heading { max-width: 920px; margin-bottom: 36px; }
.overview-builders { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
.overview-builders article { padding: 35px; background: var(--odx-bg); border: 1px solid var(--odx-border); border-radius: 22px; }
.overview-builders .feature-art-space:empty { background: var(--odx-soft); }
.overview-builders .product-link { margin-top: 17px; }
.overview-foundation > .wrap { display: grid; grid-template-columns: 1.2fr .8fr; gap: 100px; align-items: center; }
.overview-foundation__links a { display: block; padding: 28px 0; border-top: 1px solid var(--odx-border); text-underline-offset: 5px; }
.overview-foundation__links a strong { color: var(--odx-accent); display: block; font-size: 23px; line-height: 1.4; margin-bottom: 12px; }
.overview-foundation__links a span { color: var(--odx-muted); font-size: 17px; line-height: 1.65; }
.overview-foundation__links a:hover strong { text-decoration: underline; }
.overview-directory-heading { max-width: 950px; margin-bottom: 42px; }
.overview-directory { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 52px 60px; }
.overview-directory > div { border-top: 2px solid var(--odx-accent); padding-top: 26px; }
.overview-directory ul { list-style: none; margin: 0; padding: 0; }
.overview-directory li { margin: 0; padding: 0; }
.overview-directory a { display: block; padding-block: 9px; font-size: 16px; line-height: 1.55; color: var(--odx-muted); text-underline-offset: 5px; }
.overview-directory a:hover { color: var(--odx-accent); text-decoration: underline; }
.overview-close > .wrap { display: flex; justify-content: space-between; align-items: center; gap: 80px; }
.overview-close h2 { max-width: 920px; }
.overview-close .btn { flex: 0 0 auto; }
@media(max-width:1100px) {
  .overview-commerce,.overview-supply,.overview-growth,.overview-field-heading,.overview-field-body,.overview-assets,.overview-customer-body,.overview-builders,.overview-foundation > .wrap { column-gap: 42px; }
  .overview-directory { gap: 42px 35px; }
  .overview-builders article { padding: 28px; }
}
@media(max-width:800px) {
  .overview-opening { padding-top: 54px; }
  .overview-opening__body,.overview-close > .wrap { flex-direction: column; align-items: flex-start; gap: 28px; }
  .overview-commerce,.overview-supply,.overview-growth,.overview-field-heading,.overview-field-body,.overview-assets,.overview-customer-body,.overview-builders,.overview-foundation > .wrap { grid-template-columns: 1fr; gap: 34px; }
  .overview-assets > div:first-child { grid-column: auto; grid-row: auto; }
  .overview-field-heading { gap: 0; }
  .overview-field-body .feature-art-space,.overview-customer-body .feature-art-space { order: 2; }
  .overview-directory { grid-template-columns: 1fr 1fr; }
  .overview-commerce .feature-art-space,.overview-supply .feature-art-space,.overview-growth .feature-art-space { --feature-art-ratio: 16/9 !important; }
}
@media(max-width:480px) {
  .overview-opening h1 { font-size: 36px; }
  .overview-directory { grid-template-columns: 1fr; gap: 32px; }
  .overview-assets aside,.overview-builders article { padding: 25px; }
  .overview-assets aside .product-link + .product-link { margin-left: 0; }
  .overview-feature-links { gap: 4px 24px; }
}