/* SEO fallback styles — visible to crawlers, covered by loading screen for users */
.seo-fallback { font-family: 'Inter', sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px; color: #1a1a1a; }
.seo-fallback img { max-width: 100%; height: auto; }
.seo-fallback nav a { margin-right: 16px; color: #3832E3; text-decoration: none; }
.seo-fallback nav a:hover { text-decoration: underline; }
.seo-fallback h1 { font-size: 2rem; margin-bottom: 0.5rem; }
.seo-fallback h2 { font-size: 1.5rem; margin-top: 2rem; }
.seo-fallback .breadcrumb { font-size: 0.875rem; color: #64748b; margin-bottom: 1rem; }
.seo-fallback .breadcrumb a { color: #3832E3; margin-right: 0; }
.seo-fallback .breadcrumb span { margin: 0 6px; color: #94a3b8; }
.seo-fallback .seo-footer { border-top: 1px solid #e2e8f0; margin-top: 2rem; padding-top: 1rem; font-size: 0.875rem; color: #64748b; }
.seo-fallback .copyright { font-weight: bold; color: #1a1a1a; font-size: 0.875rem; }
.seo-fallback .mobile-menu-toggle { display: none; background: none; border: 1px solid #ccc; padding: 8px 12px; font-size: 1.25rem; cursor: pointer; }
.seo-fallback .social-share { display: flex; gap: 12px; margin-top: 1rem; }
.seo-fallback .social-share a { padding: 6px 12px; background: #f1f5f9; border: 1px solid #e2e8f0; text-decoration: none; color: #334155; font-size: 0.875rem; }
.seo-fallback .contact-form input, .seo-fallback .contact-form textarea { display: block; width: 100%; max-width: 400px; padding: 8px; margin-bottom: 8px; border: 1px solid #ccc; font-family: inherit; }
.seo-fallback .contact-form button { padding: 10px 24px; background: #1a1a1a; color: white; border: none; cursor: pointer; }
@media screen and (max-width: 768px) {
  .seo-fallback h1 { font-size: 1.5rem; }
  .seo-fallback h2 { font-size: 1.25rem; }
  .seo-fallback .desktop-nav { display: none; }
  .seo-fallback .mobile-menu-toggle { display: inline-block; }
  .seo-fallback { padding: 12px; }
}
@media screen and (min-width: 769px) {
  .seo-fallback .mobile-menu-toggle { display: none; }
}
@media screen and (max-width: 480px) {
  .seo-fallback h1 { font-size: 1.25rem; }
  .seo-fallback .contact-form input, .seo-fallback .contact-form textarea { max-width: 100%; }
}