:root{--brand:#e41c3d;--ink:#20221f;--muted:#6b6b6b;--bubble-size:380px;--overlap:50px;--radius:999px}.steps *{font-family:Exo,sans-serif}.steps{color:var(--ink);padding:64px 20px;text-align:center}.steps__title{background:linear-gradient(180deg,#bebebe,#20221f);-webkit-background-clip:text;font-size:40px;font-weight:700;line-height:1.15;margin-bottom:32px;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.steps__actions{display:flex;gap:12px;justify-content:center;margin-bottom:56px}.steps__btn{border-bottom-right-radius:15px;border-top-left-radius:15px;display:inline-block;font-weight:600;padding:12px 22px;text-decoration:none;transition:.25s ease}.steps__btn--primary{background:var(--brand);color:#fff}.steps__btn--primary:hover{filter:brightness(.92)}.steps__btn--secondary{background:#fff;border:1px solid #2c2c2c;color:#2c2c2c}.steps__btn--secondary:hover{background:#f6f6f6}.steps__row{align-items:flex-start;display:flex;justify-content:center}.steps__item{position:relative;width:var(--bubble-size)}.steps__item+.steps__item{margin-left:calc(var(--overlap)*-1)}.steps__bubble{align-items:center;background:#f6f6f6;border-radius:var(--radius);display:flex;flex-direction:column;height:var(--bubble-size);justify-content:center;padding:45px;position:relative;text-align:center;transition:.3s ease;width:var(--bubble-size);z-index:1}.steps__item{z-index:1}.steps__item:hover{z-index:5}.steps__item:hover .steps__bubble{background:var(--brand);color:#fff;transform:translateY(-5px);z-index:5}.steps__icon{height:auto;margin-bottom:16px;width:48px}.steps__icon__hover,.steps__item:hover .steps__icon{display:none}.steps__item:hover .steps__icon__hover{display:block}.steps__label{color:#b3001b;font-size:20px;font-weight:700;margin:12px 0;transition:color .3s ease}.steps__desc{color:var(--muted);font-size:14px;line-height:1.5;z-index:999}.steps__item:hover .steps__desc,.steps__item:hover .steps__label{color:#fff}@media (max-width:1280px){:root{--bubble-size:380px;--overlap:50px}}@media (max-width:1024px){:root{--bubble-size:280px;--overlap:50px}}@media (max-width:900px){:root{--bubble-size:100%;--overlap:0px}.steps__row{flex-wrap:wrap;gap:-24px}.steps__item+.steps__item{margin-left:0}}