.seo-overview { background:#fff; color:var(--site-ink); }
.seo-overview-hero { padding:30px 0 clamp(55px,8vw,105px); border-bottom:1px solid var(--site-line); background:radial-gradient(circle at 88% 15%,rgba(215,255,85,.28),transparent 26%),linear-gradient(180deg,#f8faff 0%,#fff 100%); }
.seo-overview-breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:clamp(45px,6vw,78px); color:var(--site-muted); font-size:11px; }
.seo-overview-breadcrumb a { color:var(--site-muted); }
.seo-overview-breadcrumb strong { color:var(--site-ink); }
.seo-overview-hero__copy { max-width:900px; }
.seo-overview-eyebrow { margin:0 0 10px; color:var(--site-blue); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.seo-overview-hero h1 { max-width:900px; margin:0; font-size:clamp(42px,6vw,82px); line-height:1.02; letter-spacing:-.055em; }
.seo-overview-hero__copy > p:last-child { max-width:720px; margin:21px 0 0; color:var(--site-muted); font-size:clamp(16px,1.8vw,20px); line-height:1.75; }
.seo-overview-content { padding:clamp(55px,7vw,96px) 0; }
.seo-overview-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:30px; }
.seo-overview-heading h2 { margin:0; font-size:clamp(29px,3.5vw,46px); letter-spacing:-.045em; }
.seo-overview-heading > a { display:inline-flex; align-items:center; gap:10px; color:var(--site-ink); font-size:12px; font-weight:700; }
.seo-overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.seo-overview-card { min-width:0; overflow:hidden; border:1px solid var(--site-line); border-radius:25px; background:#fff; box-shadow:0 10px 30px rgba(13,23,43,.05); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.seo-overview-card:hover { border-color:#d0e95e; box-shadow:0 22px 48px rgba(13,23,43,.1); transform:translateY(-4px); }
.seo-overview-card__media { display:grid; place-items:center; aspect-ratio:16/10; overflow:hidden; background:var(--site-soft); color:#7a869a; }
.seo-overview-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.seo-overview-card:hover .seo-overview-card__media img { transform:scale(1.04); }
.seo-overview-card__media svg { width:42px; height:42px; fill:none; stroke:currentColor; stroke-width:1.4; }
.seo-overview-card__body { padding:22px; }
.seo-overview-card__body > p { margin:0 0 7px; color:var(--site-blue); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.seo-overview-card h3 { margin:0; font-size:21px; line-height:1.25; letter-spacing:-.03em; }
.seo-overview-card h3 a { color:var(--site-ink); }
.seo-overview-card__body > div { min-height:50px; margin-top:11px; color:var(--site-muted); font-size:12px; line-height:1.65; }
.seo-overview-card__link { display:inline-flex; align-items:center; gap:10px; margin-top:18px; color:var(--site-ink); font-size:11px; font-weight:800; }
.seo-overview-card__link span { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:var(--site-lime); }
.seo-overview-empty { padding:55px 30px; border:1px dashed #dce2eb; border-radius:24px; background:#fafbfd; text-align:center; }
.seo-overview-empty h2 { margin:0; }
.seo-overview-empty p { margin:10px 0 0; color:var(--site-muted); }
.seo-overview-cta { padding:0 0 clamp(60px,8vw,110px); }
.seo-overview-cta__card { display:flex; align-items:center; justify-content:space-between; gap:35px; padding:clamp(30px,4vw,55px); border-radius:30px; background:var(--site-ink); color:#fff; }
.seo-overview-cta__card h2 { max-width:720px; margin:0; font-size:clamp(28px,4vw,50px); letter-spacing:-.045em; line-height:1.08; }
.seo-overview-cta__card > a { min-height:52px; display:inline-flex; align-items:center; gap:13px; padding:0 10px 0 20px; border-radius:999px; background:#fff; color:var(--site-ink); font-size:12px; font-weight:800; white-space:nowrap; }
.seo-overview-cta__card > a span { width:33px; height:33px; display:grid; place-items:center; border-radius:50%; background:var(--site-lime); }
@media(max-width:1000px){.seo-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.seo-overview-cta__card{align-items:flex-start;flex-direction:column;}}
@media(max-width:650px){.seo-overview-heading{align-items:flex-start;flex-direction:column;}.seo-overview-grid{grid-template-columns:1fr;}.seo-overview-cta__card>a{width:100%;justify-content:center;}}
