.hapo-seo-audit-roadmap{box-sizing:border-box;position:relative;width:100%;padding:0 24px 28px;background:#fff;color:#090909;font-family:Manrope,sans-serif}
.hapo-seo-audit-roadmap--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-seo-audit-roadmap *{box-sizing:border-box}
.hapo-seo-audit-roadmap__inner{width:min(100%,1440px);margin:0 auto}
.hapo-seo-audit-roadmap__header{text-align:center}
.hapo-seo-audit-roadmap__header h2,.hapo-seo-audit-roadmap__header h3{display:flex;flex-direction:column;margin:0;color:#090909;font-size:40px;font-weight:800;line-height:1.35;letter-spacing:-.025em}
.hapo-seo-audit-roadmap__header strong{color:#00c34e;font-weight:800}
.hapo-seo-audit-roadmap__header i{display:block;width:150px;height:4px;margin:24px auto 60px;background:#00cc80}
.hapo-seo-audit-roadmap__stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;counter-reset:roadmap}
.hapo-seo-audit-roadmap__stage{position:relative;min-width:0;margin:0;padding:0 18px;list-style:none;text-align:center;counter-increment:roadmap}
.hapo-seo-audit-roadmap__stage:before{display:none}
.hapo-seo-audit-roadmap__stage:not(:last-child):after{position:absolute;top:39px;left:calc(50% + 52px);width:calc(100% - 103px);height:1px;background:#ff9914;content:''}
.hapo-seo-audit-roadmap__stage:not(:last-child) .hapo-seo-audit-roadmap__stage-body:before{position:absolute;top:34px;right:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #ff9914;content:''}
.hapo-seo-audit-roadmap__icon{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 12px;border:1px solid #ff9914;border-radius:50%;background:#ff9914;box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 7px #ff9914}
.hapo-seo-audit-roadmap__icon img{display:block;width:40px;height:40px;object-fit:contain}
.hapo-seo-audit-roadmap__stage h3{display:flex;flex-direction:column;gap:2px;min-height:52px;margin:0 0 16px;font-size:16px;font-weight:600;line-height:1.35}
.hapo-seo-audit-roadmap__stage h3 span{color:#111;font-weight:600}
.hapo-seo-audit-roadmap__stage h3 span:after{content:' ' counter(roadmap)}
.hapo-seo-audit-roadmap__stage h3 strong{color:#00c34e;font-size:17px;font-weight:800}
.hapo-seo-audit-roadmap__stage ul{margin:0;padding:0 0 0 60px;list-style:none;text-align:left}
.hapo-seo-audit-roadmap__item{position:relative;margin:0 0 3px;padding:0 0 0 27px;color:#6c6c6c;font-size:16px;line-height:1.35;list-style:none}
.hapo-seo-audit-roadmap__item:before{position:absolute;top:5px;left:1px;width:13px;height:7px;transform:rotate(-45deg);border-bottom:2px solid #00c34e;border-left:2px solid #00c34e;content:''}
.hapo-seo-audit-roadmap__empty{padding:18px;border:1px dashed #ccc;text-align:center}
@media(max-width:1100px){.hapo-seo-audit-roadmap__header h2,.hapo-seo-audit-roadmap__header h3{font-size:34px}.hapo-seo-audit-roadmap__stage{padding:0 10px}.hapo-seo-audit-roadmap__stage ul{padding-left:24px}.hapo-seo-audit-roadmap__item{font-size:14px;padding-left:20px}}
@media(max-width:760px){.hapo-seo-audit-roadmap{padding:60px 18px 80px}.hapo-seo-audit-roadmap__header h2,.hapo-seo-audit-roadmap__header h3{font-size:clamp(24px,5.5vw,32px)}.hapo-seo-audit-roadmap__header i{margin:20px auto 42px}.hapo-seo-audit-roadmap__stages{grid-template-columns:1fr;gap:40px;max-width:520px;margin:auto}.hapo-seo-audit-roadmap__stage{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:start;padding:0;text-align:left}.hapo-seo-audit-roadmap__icon{margin:0}.hapo-seo-audit-roadmap__stage h3{min-height:0;margin:0 0 10px}.hapo-seo-audit-roadmap__stage ul{padding-left:0;text-align:left}.hapo-seo-audit-roadmap__stage:not(:last-child):after{top:80px;left:39px;width:1px;height:calc(100% - 39px)}.hapo-seo-audit-roadmap__stage:not(:last-child) .hapo-seo-audit-roadmap__stage-body:before{top:auto;right:auto;bottom:-31px;left:34px;border-top:10px solid #ff9914;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:0}.hapo-seo-audit-roadmap__item{font-size:15px;padding-left:25px}}
@media(max-width:400px){.hapo-seo-audit-roadmap__stage{grid-template-columns:70px minmax(0,1fr);gap:14px}.hapo-seo-audit-roadmap__icon{width:70px;height:70px}.hapo-seo-audit-roadmap__stage:not(:last-child):after{top:70px;left:34px}.hapo-seo-audit-roadmap__stage:not(:last-child) .hapo-seo-audit-roadmap__stage-body:before{left:29px}}