.hapo-seo-tools{position:relative;box-sizing:border-box;min-height:907px;overflow:hidden;padding:113px 24px 116px;background:#fff radial-gradient(ellipse 64% 48% at 50% 62%,#eaf0ec 0%,#f5f8f6 58%,#fff 100%) no-repeat;color:#09090b;font-family:Manrope,sans-serif}
.hapo-seo-tools *{box-sizing:border-box}
.hapo-seo-tools--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-seo-tools--container{width:100%}
.hapo-seo-tools__inner{width:min(1440px,100%);margin:auto}
.hapo-seo-tools__header{text-align:center}
.hapo-seo-tools .hapo-seo-tools__heading{margin:0;color:#09090b;font-size:46px;font-weight:800;line-height:1.3;letter-spacing:-.04em}
.hapo-seo-tools__rule{display:block;width:150px;height:4px;margin:24px auto 25px;background:#08c86c}
.hapo-seo-tools .hapo-seo-tools__description{max-width:900px;margin:0 auto;color:#09090b;font-size:20px;line-height:1.5;letter-spacing:-.03em}
.hapo-seo-tools__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:61px 0 0;padding:0;list-style:none}
.hapo-seo-tools .hapo-seo-tools__card{display:flex;min-width:0;height:130px;align-items:center;justify-content:center;margin:0;padding:14px 20px;border-radius:12px;background:#fff;box-shadow:0 8px 27px rgba(23,47,32,.045);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.hapo-seo-tools__logo{display:block;width:auto;max-width:205px;max-height:85px;height:auto;object-fit:contain}
.hapo-seo-tools__empty{text-align:center}
@media(hover:hover) and (pointer:fine){.hapo-seo-tools .hapo-seo-tools__card:hover{transform:translateY(-5px);box-shadow:0 15px 34px rgba(23,47,32,.11)}}
@media(max-width:1100px){.hapo-seo-tools{min-height:0;padding:85px 24px 100px}.hapo-seo-tools__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hapo-seo-tools .hapo-seo-tools__description{font-size:17px}}
@media(max-width:650px){.hapo-seo-tools{padding:72px 18px 86px}.hapo-seo-tools .hapo-seo-tools__heading{font-size:32px}.hapo-seo-tools__rule{margin:20px auto}.hapo-seo-tools .hapo-seo-tools__description{font-size:15px;line-height:1.6}.hapo-seo-tools .hapo-seo-tools__description br{display:none}.hapo-seo-tools__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:35px}.hapo-seo-tools .hapo-seo-tools__card{height:110px;padding:10px}.hapo-seo-tools__logo{max-width:100%;max-height:68px}}
@media(max-width:340px){.hapo-seo-tools__cards{grid-template-columns:1fr}.hapo-seo-tools .hapo-seo-tools__card{height:115px}}
@media(prefers-reduced-motion:reduce){.hapo-seo-tools .hapo-seo-tools__card{transition:none}}

/* Mobile reference correction — 2026-10-20 (Đội ngũ chuyên gia.jpg, 375×18333). Shared element: also applies to other pages on mobile. */
.hapo-seo-tools .hapo-seo-tools__cards>li{margin-left:0}
@media(max-width:650px){
.hapo-seo-tools{padding:70px 16px 70px}
.hapo-seo-tools .hapo-seo-tools__heading{font-size:26px;letter-spacing:-.6px}
.hapo-seo-tools__rule{width:80px;margin:20px auto 16px}
.hapo-seo-tools .hapo-seo-tools__description{font-size:16px;line-height:1.32;letter-spacing:0}
.hapo-seo-tools__cards{gap:12px 12px;margin-top:32px}
.hapo-seo-tools .hapo-seo-tools__card{height:60px;padding:8px 14px;border-radius:8px}
.hapo-seo-tools__logo{max-width:118px;max-height:34px}
}
@media(max-width:340px){.hapo-seo-tools__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hapo-seo-tools .hapo-seo-tools__card{height:56px}}