.seo-case { padding: 56px 24px; background: #f7f7f7; color: #111; }
.seo-case__inner { max-width: 1200px; margin: auto; }
.seo-case__label { color: #cc2114; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.seo-case h2 { max-width: 850px; margin: 16px 0 24px; font-size: clamp(30px, 4vw, 48px); line-height: 1.12; letter-spacing: -.035em; }
.seo-case__lead { max-width: 900px; font-size: 21px; line-height: 1.65; }
.seo-case__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 32px 0; }
.seo-case__stats div { padding: 24px; background: #fff; border: 1px solid #e5e5e5; border-radius: 12px; }
.seo-case__stats strong { display: block; color: #cc2114; font-size: 38px; line-height: 1.1; margin-bottom: 12px; }
.seo-case__stats span { font-size: 16px; line-height: 1.4; }
.seo-case__story { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 32px; }
.seo-case h3 { font-size: 23px; margin: 0 0 12px; }
.seo-case__story p { font-size: 18px; line-height: 1.65; }
.seo-case figure { margin: 24px 0; padding: 12px; border: 1px solid #e5e5e5; border-radius: 12px; background: #fff; }
.seo-case figure a { display: block; }
.seo-case img { display: block; width: 100%; height: auto; border-radius: 6px; }
.seo-case figcaption { padding: 14px 8px 4px; color: #555; font-size: 14px; line-height: 1.6; }
.seo-case__note { color: #555; font-size: 14px; line-height: 1.6; max-width: 950px; }
.seo-case__cta { display: inline-block; padding: 16px 22px; margin-top: 16px; background: #cc2114; color: #fff; border-radius: 4px; text-decoration: none; font-weight: 700; }
.seo-case a:focus-visible { outline: 3px solid #cc2114; outline-offset: 4px; }
@media (max-width: 760px) { .seo-case__stats { grid-template-columns: 1fr 1fr; } .seo-case__story { grid-template-columns: 1fr; gap: 16px; } }
@media (max-width: 420px) { .seo-case__stats div { padding: 18px; } .seo-case__stats strong { font-size: 30px; } }