/* Keep the reference design, with accessibility and small-screen repairs. */
body { padding-top: 62px; }
a:focus-visible { outline: 3px solid #c44b36; outline-offset: 5px; }
.skip-link { position: fixed; top: -100px; left: 15px; z-index: 1100; padding: 12px 18px; background: white; color: #333; }
.skip-link:focus { top: 10px; }
.header-content > a.logo { text-decoration: none; }
.cta-button:hover, .hero .cta-button:hover { background-color: #942627; }
.hero { padding-top: 50px; }
.hero h1 { line-height: 1.15; }
.footer-column { margin-bottom: 24px; }
.footer-column ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }
.footer-column ul li { margin: 0; }
.footer-column a:hover { text-decoration: underline; }
.legal-page { max-width: 860px; margin: 0 auto; padding: 64px 28px 80px; }
.legal-page h1 { color: #333; margin: 24px 0 8px; line-height: 1.15; }
.legal-page h2 { font-size: 1.4rem; margin: 30px 0 10px; line-height: 1.35; }
.legal-page p { margin-bottom: 16px; }
.legal-page a { color: #a62b2c; text-underline-offset: 3px; }
.legal-date { color: #666; }
.back-link { font-weight: 700; }
@media (max-width: 768px) {
 .header-content .logo img { max-width: 155px; height: auto; margin-top: 0; }
 header { min-height: 62px; }
 .header-right { white-space: nowrap; font-size: 14px; }
 .hero { padding-top: 35px; padding-bottom: 55px; }
 .hero h1 { font-size: 2.25rem; line-height: 1.18; }
 .features { gap: 24px 12px; padding: 0 18px; }
 .feature { flex-basis: calc(50% - 12px); }
 .pest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
 .diskl-text { padding-left: 0; }
 .legal-page { padding: 36px 22px 48px; }
 .legal-page h1 { font-size: 2.1rem; }
}
@media (prefers-reduced-motion: reduce) {
 *, *::before, *::after { animation: none !important; transition: none !important; }
}