.sdp .platform-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.sdp .platform-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px 24px; }
.sdp .platform-icon { font-size: 36px; margin-bottom: 12px; }
.sdp .platform-card h3 { font-size: 16px; color: var(--dark); margin-bottom: 6px; }
.sdp .platform-card p { font-size: 13px; color: var(--muted); margin-bottom: 12px; }
.sdp .platform-best { font-size: 11px; font-weight: 700; color: var(--pink); text-transform: uppercase; letter-spacing: .5px; }
.sdp .step-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; position: relative; }
.sdp .step-grid::before { content: ''; position: absolute; top: 28px; left: 12.5%; right: 12.5%; height: 2px; background: var(--pink); z-index: 0; }
.sdp .step-item { text-align: center; position: relative; z-index: 1; padding: 0 12px; }
.sdp .step-num { width: 56px; height: 56px; border-radius: 50%; background: var(--pink); color: #fff; font-size: 20px; font-weight: 800; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }
.sdp .step-item h4 { font-size: 14px; color: var(--dark); margin-bottom: 6px; }
.sdp .step-item p { font-size: 12px; color: var(--muted); }
@media(max-width:768px){ .sdp .platform-grid { grid-template-columns: 1fr 1fr; } .sdp .step-grid { grid-template-columns: 1fr 1fr; } .sdp .step-grid::before { display: none; } }
@media(max-width:480px){ .sdp .platform-grid { grid-template-columns: 1fr; } .sdp .step-grid { grid-template-columns: 1fr; } }