.apphero{background:#202A34 repeating-linear-gradient(45deg,rgba(255,230,0,0.05) 0 2px,transparent 2px 18px);padding:48px 16px 40px;display:flex;flex-direction:column;gap:28px}
.apphero-text{min-width:0}
.apphero-lead{color:#B0BCC8;font-size:17px;margin:16px 0 24px}
.apphero-ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.apphero-media{min-width:0;margin:0 auto;width:100%;max-width:250px}
.apphero-media img{width:100%;border-radius:14px;box-shadow:0 16px 36px rgba(10,14,19,0.6)}
.steps{list-style:none;margin:0 0 20px;padding:0;counter-reset:stepn}
.steps li{counter-increment:stepn;background:#1C2530;border-radius:10px;padding:12px 16px 12px 52px;margin-bottom:10px;color:#B0BCC8;position:relative;cursor:pointer}
.steps li::before{content:counter(stepn);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:#26313D;color:#FFE600;font-weight:700;text-align:center;line-height:26px;font-size:14px}
.steps li.step-done{background:#26313D;color:#FFFFFF}
.steps li.step-done::before{background:#FFE600;color:#151C25}
.osrow{display:flex;justify-content:center;gap:24px;margin:4px 0 20px}
.osrow img{width:48px;height:48px}
@media (min-width:1081px){
.apphero{flex-direction:row;align-items:center;justify-content:space-between;padding:64px 40px 56px}
.apphero-text{max-width:55%}
.apphero-ctas{justify-content:flex-start}
.apphero-media{margin:0}
}