.hapo-seo-audit-hero,.hapo-seo-audit-intro{position:relative;isolation:isolate;color:#fff;font-family:Manrope,sans-serif;background:#001c1c}.hapo-seo-audit-hero--full,.hapo-seo-audit-intro--full{left:50%;width:100vw;margin-left:-50vw}.hapo-seo-audit-hero{min-height:800px;overflow:hidden;background:linear-gradient(160deg,#005845 0%,#002d2b 47%,#001b1d 100%)}.hapo-seo-audit-hero__inner{position:relative;width:min(100%,1440px);min-height:800px;margin:auto}.hapo-seo-audit-hero__copy{position:relative;z-index:2;width:45%;padding:170px 0 0 0}.hapo-seo-audit-hero h1,.hapo-seo-audit-hero h2{margin:0;font-size:36px;line-height:1.15;font-weight:800}.hapo-seo-audit-hero h1 span,.hapo-seo-audit-hero h2 span{display:block}.hapo-seo-audit-hero h1 strong,.hapo-seo-audit-hero h2 strong{display:block;color:#ffdb00;font-size:72px;font-weight:800}.hapo-seo-audit-hero__copy p{margin:18px 0 28px;font-size:20px;line-height:1.5}.hapo-seo-audit-hero__cta{display:inline-flex;align-items:center;gap:15px;min-height:55px;padding:12px 25px;border-radius:40px;background:#ffdb00;color:#071b15;font-weight:700;text-decoration:none}.hapo-seo-audit-hero__cta span{font-size:22px;line-height:1}.hapo-seo-audit-hero__art{position:absolute;inset:0;pointer-events:none}.hapo-seo-audit-hero__dashboard{position:absolute;top:0;left:0;width:100%;height:800px;object-fit:cover;object-position:center}.hapo-seo-audit-hero__team{position:absolute;z-index:1;right:0;bottom:70px;width:50%;height:auto;max-height:690px;object-fit:contain;object-position:bottom right}.hapo-seo-audit-intro{overflow:hidden;background:radial-gradient(ellipse at 50% 115%,#005037 0%,#00392e 36%,#001c1e 78%);padding:70px 24px 90px}.hapo-seo-audit-intro__inner{position:relative;z-index:1;max-width:1120px;margin:auto}.hapo-seo-audit-intro__header{text-align:center}.hapo-seo-audit-intro__header h2,.hapo-seo-audit-intro__header h3{margin:0;color:#fff;font-size:36px;font-weight:800;line-height:1.25}.hapo-seo-audit-intro__rule{display:block;width:110px;height:3px;margin:20px auto;background:#00d28a}.hapo-seo-audit-intro__header p{max-width:900px;margin:0 auto;color:#f4f6f5;font-size:18px;line-height:1.55}.hapo-seo-audit-intro__comparison{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;margin-top:85px}.hapo-seo-audit-intro__service{padding:30px;border:1px solid #749c93;border-radius:9px;background:rgba(199,224,218,.12)}.hapo-seo-audit-intro__service h3,.hapo-seo-audit-intro__tool h3{margin:0;text-align:center;font-size:29px;line-height:1.25}.hapo-seo-audit-intro__service>p{margin:6px 0 20px;color:#00d545;text-align:center;font-size:22px}.hapo-seo-audit-intro__comparison ul{display:grid;gap:15px;margin:0;padding:0;list-style:none}.hapo-seo-audit-intro__point{display:flex;align-items:center;gap:16px;min-height:49px;font-size:17px;line-height:1.4}.hapo-seo-audit-intro__mark{display:grid;flex:none;place-items:center;width:49px;height:49px;border-radius:5px;background:rgba(217,255,247,.12);color:#00fa65;font-size:29px;font-weight:800}.hapo-seo-audit-intro__tool{padding:30px 0}.hapo-seo-audit-intro__tool h3{text-align:left;margin:0 0 20px}.hapo-seo-audit-intro__tool .hapo-seo-audit-intro__point{color:#d4dddd;font-size:16px}.hapo-seo-audit-intro__tool .hapo-seo-audit-intro__mark{width:18px;height:18px;background:#9bb3b0;color:#24413c;font-size:18px;line-height:1}.hapo-seo-audit-intro blockquote{display:flex;align-items:center;justify-content:center;gap:20px;margin:80px auto 0;max-width:1040px;border:0;color:#fff;text-align:center}.hapo-seo-audit-intro blockquote p{margin:0;font-size:27px;font-weight:700;line-height:1.45}.hapo-seo-audit-intro blockquote>span{align-self:flex-start;color:#ffdb00;font-size:72px;font-weight:800;line-height:1}.hapo-seo-audit-intro__decor{position:absolute;inset:0;z-index:0;pointer-events:none}.hapo-seo-audit-intro__rings{position:absolute;display:block}.hapo-seo-audit-intro__rings svg{display:block;width:100%;height:auto}.hapo-seo-audit-intro__rings--left{left:0;top:-120px;width:237px}.hapo-seo-audit-intro__rings--right{right:0;top:275px;width:448px}.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings [stroke]{stroke-dasharray:2400;stroke-dashoffset:2400;animation:hapo-seo-audit-draw 9s ease-in-out infinite}.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings [stroke]:nth-of-type(2){animation-delay:.3s}.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings [stroke]:nth-of-type(3){animation-delay:.6s}@keyframes hapo-seo-audit-draw{0%{stroke-dashoffset:2400;opacity:.2}28%,82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:2400;opacity:.2}}@media(max-width:1100px){.hapo-seo-audit-hero__copy{padding-left:24px}.hapo-seo-audit-hero__team{right:10px;width:51%}.hapo-seo-audit-intro__rings--right{right:-160px;opacity:.5}}@media(max-width:767px){.hapo-seo-audit-hero,.hapo-seo-audit-hero__inner{min-height:680px}.hapo-seo-audit-hero__copy{width:100%;padding:55px 20px 0}.hapo-seo-audit-hero h1,.hapo-seo-audit-hero h2{font-size:25px}.hapo-seo-audit-hero h1 strong,.hapo-seo-audit-hero h2 strong{font-size:43px}.hapo-seo-audit-hero__copy p{max-width:330px;font-size:15px}.hapo-seo-audit-hero__cta{min-height:45px;font-size:13px}.hapo-seo-audit-hero__dashboard{top:170px;left:-80%;width:200%;height:440px;object-fit:cover;object-position:70% center;opacity:.85}.hapo-seo-audit-hero__team{right:0;bottom:0;width:100%;max-height:390px}.hapo-seo-audit-intro{padding:60px 18px 70px}.hapo-seo-audit-intro__header h2,.hapo-seo-audit-intro__header h3{font-size:27px}.hapo-seo-audit-intro__header p{font-size:15px}.hapo-seo-audit-intro__comparison{grid-template-columns:1fr;gap:20px;margin-top:55px}.hapo-seo-audit-intro__service{padding:22px}.hapo-seo-audit-intro__service h3,.hapo-seo-audit-intro__tool h3{font-size:23px}.hapo-seo-audit-intro__service>p{font-size:17px}.hapo-seo-audit-intro__point{font-size:15px}.hapo-seo-audit-intro__tool{padding:10px 16px}.hapo-seo-audit-intro blockquote{gap:8px;margin-top:50px}.hapo-seo-audit-intro blockquote p{font-size:18px}.hapo-seo-audit-intro blockquote>span{font-size:42px}.hapo-seo-audit-intro__rings--left{left:-70px;top:-95px;width:140px}.hapo-seo-audit-intro__rings--right{right:-160px;top:420px;width:300px;opacity:.4}}@media(prefers-reduced-motion:reduce){.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings [stroke]{animation:none;stroke-dashoffset:0}.hapo-seo-audit-hero .hapo-button{animation:none;transition:none}}
/* Flatsome heading and blockquote defaults must not override this dark section. */
.hapo-seo-audit-hero__inner{box-sizing:border-box;padding-inline:24px}.hapo-seo-audit-hero__copy{padding-left:0}.hapo-seo-audit-hero h1,.hapo-seo-audit-hero h2,.hapo-seo-audit-hero h1 span,.hapo-seo-audit-hero h2 span,.hapo-seo-audit-intro__comparison h3{color:#fff}.hapo-seo-audit-intro blockquote p{font-style:normal}.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings [stroke]{animation-name:hapo-seo-audit-stroke}@keyframes hapo-seo-audit-stroke{0%{stroke-dashoffset:2400}28%,82%{stroke-dashoffset:0}100%{stroke-dashoffset:2400}}@media(max-width:767px){.hapo-seo-audit-hero__inner{padding-inline:0}.hapo-seo-audit-hero__copy{padding-inline:20px}}
/* Keep the artwork full bleed while copy stays in the editorial container. */
.hapo-seo-audit-hero__art{left:50%;right:auto;width:100vw;transform:translateX(-50%)}
.hapo-seo-audit-hero__dashboard{left:0;width:100vw}
.hapo-seo-audit-hero__team{right:max(8vw,calc((100vw - 1440px)/2))}
/* The SVG belongs to the intro, but its top may cross the section boundary. */
.hapo-seo-audit-intro{overflow:visible}
.hapo-seo-audit-intro__rings--left{top:-205px}
@media(max-width:767px){.hapo-seo-audit-hero__art{left:50%;width:100vw}.hapo-seo-audit-hero__dashboard{left:-80%;width:200vw}.hapo-seo-audit-hero__team{right:0}.hapo-seo-audit-intro__rings--left{top:-125px}}
/* Intro artwork crosses the hero boundary while preserving the original SVG underneath. */
.hapo-seo-audit-hero{z-index:1}
.hapo-seo-audit-intro{z-index:2}
.hapo-seo-audit-intro__rings-base,.hapo-seo-audit-intro__rings-trace{display:block;width:100%}
.hapo-seo-audit-intro__rings-trace{position:absolute;inset:0;pointer-events:none}
.hapo-seo-audit-intro__rings-trace path[fill]:not([stroke]){opacity:0}
.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings-base [stroke]{animation:none;stroke-dasharray:none;stroke-dashoffset:0}
.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings-trace [stroke]{opacity:.9;stroke:#18dd78;stroke-dasharray:2700;stroke-dashoffset:2700;animation:hapo-seo-audit-trace 5.5s ease-in-out infinite}
.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings--right .hapo-seo-audit-intro__rings-trace [stroke]{animation-delay:.45s}
.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings--left{animation:hapo-seo-audit-float 8s ease-in-out infinite alternate}
.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings--right{animation:hapo-seo-audit-float 9s ease-in-out infinite alternate-reverse}
@keyframes hapo-seo-audit-trace{0%,5%{stroke-dashoffset:2700}42%,78%{stroke-dashoffset:0}100%{stroke-dashoffset:2700}}
@keyframes hapo-seo-audit-float{from{transform:translateY(0)}to{transform:translateY(-12px)}}
.hapo-seo-audit-intro--motion-off .hapo-seo-audit-intro__rings-trace{display:none}
@media(prefers-reduced-motion:reduce){.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings{animation:none}.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings-trace{display:none}.hapo-seo-audit-intro--motion-on .hapo-seo-audit-intro__rings-trace [stroke]{animation:none}}