.landing-refresh .feature-showcase { gap: 24px; }
.landing-refresh .feature-card--screen { display: flex; flex-direction: column; padding: 0; gap: 0; overflow: hidden; border-radius: 12px; border-color: #dce3ec; background: #fff; }
.feature-preview { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #eaf0f6; border-bottom: 1px solid #e2e8ef; padding: 18px 18px 0; }
.feature-preview img { width: 100%; height: 100%; object-fit: cover; object-position: left top; border: 1px solid #d4deea; border-radius: 6px 6px 0 0; box-shadow: 0 6px 18px #1e3a5f12; transition: transform .25s ease; }
.feature-preview > span { position: absolute; left: 28px; bottom: 10px; font-size: 10px; color: #425875; background: #fff; border: 1px solid #dce3ec; padding: 4px 8px; border-radius: 4px; }
.feature-copy { padding: 22px 24px 26px; }
.feature-kicker { font-size: 11px; font-weight: 650; letter-spacing: .04em; color: #687b92; margin-bottom: 9px; }
.landing-refresh .feature-card--screen .feature-title { font-size: 19px; line-height: 1.3; letter-spacing: -.3px; margin-bottom: 10px; }
.landing-refresh .feature-card--screen .feature-desc { font-size: 14px; line-height: 1.65; margin: 0; }
.landing-refresh .how-it-works .steps-wrap { flex-direction: row; gap: 0; align-items: stretch; border-top: 1px solid #dce3ec; border-bottom: 1px solid #dce3ec; }
.landing-refresh .how-it-works .step-wrapper { flex: 1; min-width: 0; width: auto; }
.landing-refresh .how-it-works .step-card { height: 100%; padding: 30px 28px; align-items: flex-start; gap: 0; border: 0; border-radius: 0; background: transparent; text-align: left; box-shadow: none; transform: none; }
.landing-refresh .how-it-works .step-wrapper + .step-wrapper { border-left: 1px solid #dce3ec; }
.landing-refresh .how-it-works .step-card::before, .landing-refresh .how-it-works .step-icon, .landing-refresh .how-it-works .step-connector { display: none; }
.landing-refresh .how-it-works .step-num { position: static; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #cbd6e3; border-radius: 50%; font-size: 12px; font-weight: 650; color: #1e3a5f; opacity: 1; margin-bottom: 22px; }
.landing-refresh .how-it-works .step-title { font-size: 19px; line-height: 1.35; margin-bottom: 12px; }
.landing-refresh .how-it-works .step-desc { font-size: 15px; line-height: 1.7; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .feature-card--screen:hover .feature-preview img { transform: translateY(-3px); }
}
@media (max-width: 900px) {
  .landing-refresh .feature-showcase { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .landing-refresh .feature-showcase { grid-template-columns: 1fr; gap: 20px; }
  .feature-preview { aspect-ratio: 16 / 9; }
  .feature-copy { padding: 20px; }
  .landing-refresh .how-it-works .steps-wrap { display: block; }
  .landing-refresh .how-it-works .step-wrapper + .step-wrapper { border-left: 0; border-top: 1px solid #dce3ec; }
  .landing-refresh .how-it-works .step-card { padding: 24px 4px; }
}