.platform-page { min-height: 100vh; display: flex; flex-direction: column; background: #f4f7f4; }
.platform-main { width: min(1080px, 88%); margin: 0 auto; padding: 80px 0 100px; flex: 1; }
.platform-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding-bottom: 50px; animation: rise-in .6s both; }
.platform-heading h1 { color: #172750; font-size: 48px; margin: 20px 0 14px; }
.platform-heading p { margin: 0; color: #6a7970; font-size: 15px; line-height: 1.7; }
.platform-heading .platform-kicker { color: #648474; font-size: 11px; font-weight: 700; }
.platform-heading img { width: 88px; height: 88px; border-radius: 20px; }
.platform-group-heading { display: flex; justify-content: space-between; color: #728278; font-size: 12px; font-weight: 600; padding: 18px 0; border-top: 1px solid #dce5de; }
.platform-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.platform-grid .platform { min-height: 154px; padding: 26px; background: white; border: 1px solid #e0e9e2; border-radius: 8px; animation: rise-in .6s both; }
.platform-grid .platform:nth-child(2) { animation-delay: .08s; }
.platform-grid .platform:nth-child(3) { animation-delay: .16s; }
.platform-grid .platform:nth-child(4) { animation-delay: .24s; }
.platform-grid .platform:hover, .platform-grid .platform:focus-within { border-color: #a8c5b3; background: #fff; box-shadow: 0 12px 28px #1c3a2b0d; }
.platform-grid .platform h2 { font-size: 18px; line-height: 1.5; margin: 0 0 6px; }
.platform-grid .platform p { color: #718078; }
.platform-grid .platform-icon { flex: none; width: 52px; height: 52px; border-radius: 8px; }
.platform-grid .platform-action { white-space: nowrap; }
@media (max-width: 700px) {
  .platform-main { width: 86%; padding: 55px 0 72px; }
  .platform-heading { padding-bottom: 38px; align-items: center; }
  .platform-heading h1 { font-size: 36px; margin: 14px 0 10px; }
  .platform-heading p { font-size: 14px; }
  .platform-heading img { width: 60px; height: 60px; border-radius: 14px; }
  .platform-grid { grid-template-columns: 1fr; gap: 10px; }
  .platform-grid .platform { min-height: 104px; padding: 18px; gap: 14px; }
  .platform-grid .platform h2 { font-size: 16px; }
  .platform-grid .platform-icon { width: 44px; height: 44px; }
}