.about-flow { background: #f5f5f3; }
.about-flow__steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 42px 24px; list-style: none; padding: 18px 0 0; margin: 0; }
.about-flow__step { position: relative; min-width: 0; background: #fff; border: 1px solid #e6e7e5; border-radius: 16px; padding: 40px 26px 32px; text-align: center; box-shadow: 0 8px 26px rgba(20,24,30,.035); }
.about-flow__top { display: flex; justify-content: center; margin-bottom: 22px; }
.about-flow__number { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 4px solid #fff; border-radius: 50%; background: #c80016; color: #fff; box-shadow: 0 3px 9px rgba(140,0,16,.12); font: 700 11px Montserrat,sans-serif; }
.about-flow__icon { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 18px; background: #fbf3f3; color: #c80016; font-size: 27px; line-height: 1; }
.about-page .about-flow .about-flow__step h3 { margin: 0 0 14px; color: #19212b; font-size: 18px; line-height: 1.4; font-weight: 700; letter-spacing: -.3px; text-transform: none; }
.about-page .about-flow .about-flow__step p { max-width: 270px; margin: 0 auto; color: #646970; font-size: 14px; line-height: 1.8; }
@media(max-width:991px) { .about-flow__steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 20px; } }
@media(max-width:575px) { .about-flow__steps { grid-template-columns: 1fr; gap: 34px; } .about-flow__step { padding: 34px 24px 28px; } .about-flow__top { margin-bottom: 18px; } }