/* Context stays visible beside the research figure, at every viewport size. */
.websitecheck-hero{grid-template-columns:1.25fr .85fr;gap:64px;padding-block:60px 84px;align-items:center}
.websitecheck-hero .hero-copy,.ai-completion-hero .hero-copy{min-width:0}
.websitecheck-hero .eyebrow{max-width:550px;line-height:1.7;font-size:.68rem;margin-bottom:20px;align-items:baseline}
.websitecheck-hero h1{font-size:clamp(2.9rem,4.35vw,4.5rem);line-height:1.06;margin-bottom:21px}
.check-percent{color:var(--blue);font-size:1.45em;letter-spacing:-.07em;margin-right:.04em}
.check-question{display:block;margin-top:16px}
.websitecheck-hero .hero-description{max-width:560px}
.websitecheck-hero .hero-description>.check-research{font-size:.78rem;line-height:1.65;color:var(--muted);margin:0 0 25px;padding-left:14px;border-left:2px solid var(--line)}
.websitecheck-hero .check-research a{text-decoration-thickness:1px;color:var(--ink)}
.websitecheck-hero .hero-description>.lead{font-size:1.03rem}
.websitecheck-hero .hero-description>.button{margin-block:7px 18px}
.websitecheck-hero .hero-description>p:last-child{font-size:.84rem;max-width:500px}
.websitecheck-hero .positioning-visual{padding:34px;min-width:0}
.ai-completion-hero h1{font-size:clamp(2.9rem,4.5vw,4.7rem)}
@media(max-width:1050px){.websitecheck-hero{gap:36px;grid-template-columns:1.1fr .9fr}.websitecheck-hero .positioning-visual{padding:25px}.websitecheck-hero h1{font-size:3rem}}
@media(max-width:900px){.websitecheck-hero{grid-template-columns:1fr;padding-block:38px 64px;gap:38px}.websitecheck-hero .hero-copy{max-width:680px}.websitecheck-hero h1{font-size:clamp(2.8rem,7.2vw,4.1rem)}.websitecheck-hero .positioning-visual{width:min(100%,510px);justify-self:center}.websitecheck-hero .hero-description{max-width:600px}}
@media(max-width:700px){.websitecheck-hero .eyebrow{font-size:.7rem;letter-spacing:.06em;margin-bottom:18px}.websitecheck-hero h1{font-size:clamp(2.35rem,7.4vw,3.2rem);line-height:1.08}.check-percent{font-size:1.5em}.check-question{margin-top:14px}.websitecheck-hero .hero-description>.check-research{font-size:.81rem;margin-bottom:22px}.websitecheck-hero .hero-description>.lead{font-size:1rem}.websitecheck-hero .hero-description>.button{font-size:.89rem;padding-inline:18px;margin-right:0}.websitecheck-hero .positioning-visual{width:calc(100% - 8px)}.ai-completion-hero h1{font-size:clamp(2.5rem,8vw,3.6rem)}}