.experience-page .quick-start-hero { background: #f5f6fb; }
.experience-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 48px; }
.experience-timeline-item { min-width: 0; padding: 24px; border-radius: 10px; background: #f5f6fb; }
.experience-timeline-dot { display: block; width: 12px; height: 12px; margin-bottom: 18px; border-radius: 50%; background: #0e2aa5; }
.experience-timeline h3 { margin-bottom: 12px; }
.experience-benefits { padding: 16px 0 48px; }
.experience-benefits h2 { margin-bottom: 28px; }
.experience-benefits-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.experience-benefit-card { min-width: 0; padding: 28px; border-radius: 10px; background: #f5f6fb; }
.experience-benefit-card h3 { margin-bottom: 16px; }
.experience-emphasis { padding: 24px; margin-top: 28px; border-left: 4px solid #0e2aa5; border-radius: 10px; background: #f5f6fb; color: #0e2aa5; }
.experience-emphasis strong { font-size: 21px; font-weight: 500; }
@media (max-width: 767px) {
  .experience-timeline { grid-template-columns: 1fr; margin-bottom: 24px; }
  .experience-timeline-item { padding: 20px; }
  .experience-benefits-grid { grid-template-columns: 1fr; }
  .experience-benefit-card { padding: 20px; }
  .experience-benefits { padding: 16px 0 32px; }
}