.abc-steps-section{background:linear-gradient(#20496d,#326f92);color:#fff;width:100%}.abc-steps-inner{margin:0 auto;max-width:1200px;padding:50px}.abc-hero-title{font-size:clamp(28px,2.8vw,40px);font-weight:800;line-height:1.15;margin:0 0 12px;text-align:center}.abc-hero-sub{color:hsla(0,0%,100%,.92);font-size:clamp(16px,1.5vw,20px);margin:0 0 28px;text-align:center}.abc-steps-grid{align-items:start;display:grid;gap:48px;grid-template-columns:1fr 1.4fr}.abc-steps-nav{list-style:none;margin:0;padding:0 0 0 20px;position:relative}.abc-steps-nav:before{background:hsla(0,0%,100%,.25);bottom:10px;content:"";left:8px;position:absolute;top:10px;width:2px}.abc-step{cursor:pointer;display:flex;gap:12px;outline:none;padding:14px 0 22px}.abc-step:last-child{padding-bottom:0}.abc-dot{background:transparent;border:2px solid hsla(0,0%,100%,.5);border-radius:50%;flex:0 0 16px;height:16px;margin:4px 0 0;width:16px}.abc-step.is-active .abc-dot{background:#39d353;border-color:#39d353;box-shadow:0 0 0 3px rgba(57,211,83,.25)}.abc-step-title{font-size:1.125rem;font-weight:700;line-height:1.2;margin:0}.abc-step-desc{color:hsla(0,0%,100%,.85);font-size:.95rem;margin:4px 0 0}.abc-steps-visual{background:hsla(0,0%,100%,.08);border-radius:14px;overflow:hidden;position:relative}.abc-step-img{display:block;height:auto;inset:0;opacity:0;position:absolute;transform:translateY(6px) scale(1.01);transition:opacity .4s ease,transform .4s ease;width:100%}.abc-step-img.is-active{opacity:1;position:relative;transform:none}@media (max-width:900px){.abc-steps-grid{gap:28px;grid-template-columns:1fr}.abc-steps-inner{padding:40px 24px}}