/* Platform cards: preserve card proportions while adding a fourth service card. */
#platform .feature-grid {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 32px) / 3);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}
#platform .feature-grid::-webkit-scrollbar { display: none; }
#platform .feature-card { min-width: 0; scroll-snap-align: start; }
#platform .feature-grid:focus-visible { outline: 1px solid #e5a17e; outline-offset: 5px; }
.platform-card-navigation { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-top: 16px; }
.platform-card-status { color: #b9b0aa; font-size: 11px; letter-spacing: .08em; }
.platform-service-icons { position: absolute; left: 23px; bottom: 27px; display: flex; align-items: center; gap: 10px; background: transparent; }
.platform-service-icons img { display: block; width: 36px; height: 36px; object-fit: contain; background: transparent; }
.platform-service-divider { height: 34px; width: 1px; background: #805a45; opacity: .7; }
@media (min-width: 681px) and (max-width: 1100px) {
  #platform .feature-grid { grid-auto-columns: calc((100% - 16px) / 2); gap: 16px; }
}
@media (max-width: 680px) {
  #platform .feature-grid { grid-auto-columns: 100%; }
  .platform-service-icons { gap: 8px; }
  .platform-service-icons img { width: 32px; height: 32px; }
}