.hapo-seo-audit-audience{box-sizing:border-box;position:relative;isolation:isolate;width:100%;min-height:1617px;padding:110px 24px 92px;overflow:hidden;background:#002718;color:#fff;font-family:Manrope,sans-serif}
.hapo-seo-audit-audience--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-seo-audit-audience__background{position:absolute;z-index:-2;inset:0;background-image:url('../images/seo-audit-audience/meeting-background.jpg');background-position:center;background-size:cover}
.hapo-seo-audit-audience__background:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,34,13,.91) 0%,rgba(0,39,25,.87) 48%,rgba(0,42,30,.9) 100%)}
.hapo-seo-audit-audience__inner{position:relative;z-index:2;width:min(100%,1440px);margin:auto}
.hapo-seo-audit-audience header{margin:0 0 82px;text-align:center}
.hapo-seo-audit-audience header h2,.hapo-seo-audit-audience header h3{margin:0;color:#fff;font-size:40px;font-weight:800;line-height:1.3;letter-spacing:-.025em}
.hapo-seo-audit-audience__groups{display:grid;gap:66px}
.hapo-seo-audit-audience__group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;min-height:600px}
.hapo-seo-audit-audience__figure{display:flex;align-items:flex-end;justify-content:center;min-width:0;min-height:600px}
.hapo-seo-audit-audience__figure img{display:block;width:min(100%,679px);height:auto;object-fit:contain}
.hapo-seo-audit-audience__panel{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:515px;padding:35px 40px;border:1px solid rgba(255,255,255,.38);border-radius:8px;background:rgba(255,255,255,.085);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.hapo-seo-audit-audience__panel h3{margin:0 0 42px;color:#fff;font-size:36px;font-weight:800;line-height:1.3;text-align:center}
.hapo-seo-audit-audience__panel ol{margin:0;padding:0;list-style:none;counter-reset:hapo-audience}
.hapo-seo-audit-audience__item{display:flex;align-items:center;gap:22px;min-height:78px;margin:0;padding:14px 30px;border-bottom:1px solid rgba(255,255,255,.32);color:#fff;font-size:19px;font-weight:700;line-height:1.35;counter-increment:hapo-audience;list-style:none}
.hapo-seo-audit-audience__item:last-child{border-bottom:0}
.hapo-seo-audit-audience__item:before{content:counter(hapo-audience);flex:none;width:20px;color:#fff;font-weight:800;text-align:center}
.hapo-seo-audit-audience__group--image-right .hapo-seo-audit-audience__figure{grid-column:2;grid-row:1}
.hapo-seo-audit-audience__group--image-right .hapo-seo-audit-audience__panel{grid-column:1;grid-row:1}
.hapo-seo-audit-audience__rings{position:absolute;z-index:1;pointer-events:none;overflow:visible}
.hapo-seo-audit-audience__rings--right{right:0;top:105px;width:323px;height:820px}
.hapo-seo-audit-audience__rings--left{left:0;bottom:80px;width:288px;height:811px}
.hapo-seo-audit-audience--motion-on .hapo-seo-audit-audience__rings path{stroke-dasharray:100;stroke-dashoffset:100;animation:hapo-audience-path-draw 9s ease-in-out infinite}
.hapo-seo-audit-audience--motion-on .hapo-seo-audit-audience__rings path:nth-of-type(2){animation-delay:.65s}
.hapo-seo-audit-audience--motion-on .hapo-seo-audit-audience__rings path:nth-of-type(3){animation-delay:1.3s}
.hapo-seo-audit-audience--motion-on .hapo-seo-audit-audience__rings--right path{animation-delay:.85s}
.hapo-seo-audit-audience--motion-on .hapo-seo-audit-audience__rings--right path:nth-of-type(2){animation-delay:1.5s}
.hapo-seo-audit-audience--motion-on .hapo-seo-audit-audience__rings--right path:nth-of-type(3){animation-delay:2.15s}
@keyframes hapo-audience-path-draw{0%,7%{stroke-dashoffset:100}35%,75%{stroke-dashoffset:0}93%,100%{stroke-dashoffset:-100}}
.hapo-seo-audit-audience__empty{padding:24px;border:1px dashed rgba(255,255,255,.4);text-align:center}
@media(max-width:1100px){.hapo-seo-audit-audience{min-height:0;padding:80px 24px}.hapo-seo-audit-audience__groups{gap:45px}.hapo-seo-audit-audience__group{gap:30px;min-height:0}.hapo-seo-audit-audience__figure{min-height:0}.hapo-seo-audit-audience__panel{min-height:450px;padding:25px}.hapo-seo-audit-audience__panel h3{font-size:30px;margin-bottom:25px}.hapo-seo-audit-audience__item{min-height:72px;padding:12px;font-size:16px}.hapo-seo-audit-audience__rings{opacity:.7}}
@media(max-width:760px){.hapo-seo-audit-audience{padding:62px 16px 75px}.hapo-seo-audit-audience header{margin-bottom:42px}.hapo-seo-audit-audience header h2,.hapo-seo-audit-audience header h3{font-size:clamp(26px,7vw,34px)}.hapo-seo-audit-audience__groups{gap:52px}.hapo-seo-audit-audience__group{grid-template-columns:1fr;gap:18px}.hapo-seo-audit-audience__figure,.hapo-seo-audit-audience__group--image-right .hapo-seo-audit-audience__figure{grid-column:1;grid-row:1}.hapo-seo-audit-audience__panel,.hapo-seo-audit-audience__group--image-right .hapo-seo-audit-audience__panel{grid-column:1;grid-row:2;min-height:0;padding:28px 18px}.hapo-seo-audit-audience__figure img{max-width:540px}.hapo-seo-audit-audience__panel h3{font-size:27px;margin-bottom:15px}.hapo-seo-audit-audience__item{min-height:63px;gap:12px;padding:10px 8px;font-size:15px}.hapo-seo-audit-audience__rings--right{right:-150px;top:220px}.hapo-seo-audit-audience__rings--left{left:-165px;bottom:250px}}
@media(prefers-reduced-motion:reduce){.hapo-seo-audit-audience--motion-on .hapo-seo-audit-audience__rings path{animation:none;stroke-dashoffset:0}}