@media (max-width: 1120px) {
  .hero-grid, .generator-shell, .tool-grid, .feature-grid, .content-grid, .footer-grid, .related-links {
    grid-template-columns: 1fr 1fr;
  }
  .generator-shell { grid-template-columns: 1fr; }
  .preview-card { position: static; }
}
@media (max-width: 820px) {
  .nav-links { display:none; }
  .hero-grid, .mock-body, .tool-grid, .feature-grid, .content-grid, .footer-grid, .related-links, .form-grid, .controls-grid, .icon-grid {
    grid-template-columns: 1fr;
  }
  .hero { padding-top: 52px; }
  .container { width: min(var(--container), calc(100% - 22px)); }
  .generator-card, .preview-card, .tool-card, .feature-card, .content-card { padding: 20px; }
  .actions .btn { flex: 1 1 100%; }
}

@media (max-width: 820px) {
  .hero-copy .hero-subgrid, .type-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1120px) {
  .type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


@media (max-width: 980px) {
  .contact-layout { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .menu-toggle { display:flex; }
  .nav-links { display:none; }
  .site-header .navbar { gap:14px; }
}


@media (max-width: 820px) {
  .seo-grid { grid-template-columns: 1fr; }
}
@media (max-width:820px){

@media (max-width:820px){
  .mobile-cta{
    font-size:16px;
    padding:16px;
  }
}
@media (max-width: 820px) {
  .hero-badges { gap:8px; }
  .hero-badge { width:100%; justify-content:center; }
}


@media (max-width: 1120px) {
  .generator-hub-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .use-case-grid, .blog-grid, .article-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .mini-generator-grid,
  .generator-hub-grid,
  .use-case-grid,
  .blog-grid,
  .article-grid { grid-template-columns: 1fr; }
  .generator-hub-card p { min-height: auto; }
  .section-head { align-items:flex-start; }
  .navbar { min-height: 74px; }
  .brand-mark { width: 48px; height: 48px; }
  .hero.hero-home { padding-top: 42px; }
}