@media (max-width:1023px){
  .hero-inner{grid-template-columns:1fr;gap:var(--space-8)}
  .hero-visual{order:-1;max-width:520px;margin-inline:auto}
  .tool-grid{grid-template-columns:repeat(2,1fr)}
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .featured-grid{grid-template-columns:repeat(2,1fr)}
  .guides-grid{grid-template-columns:repeat(2,1fr)}
  .formats-grid{grid-template-columns:1fr}
  .privacy-inner{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .footer-nav{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:1fr}
}

@media (max-width:767px){
  :root{--container-pad:1rem}
  .nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;border-radius:var(--radius-md);order:2}
  .nav-toggle-bar{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--transition)}
  .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .primary-nav{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;padding:var(--space-3) var(--container-pad) var(--space-5);display:none;box-shadow:var(--shadow-md)}
  .primary-nav.is-open{display:flex}
  .nav-list{flex-direction:column;align-items:stretch;gap:0}
  .nav-list a{padding:var(--space-3) 0;display:block;border-bottom:1px solid var(--color-border);font-size:var(--fs-base)}
  .nav-list li:last-child a{border-bottom:0}
  .header-actions{display:none}
  .hero{padding-block:var(--space-10) var(--space-12)}
  .hero-search{flex-wrap:wrap;padding:var(--space-3)}
  .hero-search input{width:100%;padding-left:var(--space-6)}
  .hero-search .btn{width:100%}
  .hero-search-icon{top:1.15rem;left:1.15rem;position:absolute}
  .hero-cta .btn{width:100%}
  .tool-grid,.category-grid,.why-grid,.usecases-grid,.featured-grid,.guides-grid{grid-template-columns:1fr}
  .footer-nav{grid-template-columns:1fr 1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .cta-panel{padding:var(--space-8) var(--space-4)}
}

@media (max-width:374px){
  :root{--container-pad:0.85rem;--fs-5xl:2rem}
  .brand-name{font-size:var(--fs-base)}
  .btn-lg{padding:var(--space-3) var(--space-4);font-size:var(--fs-sm)}
  .faq-item summary{padding:var(--space-3) var(--space-4)}
  .faq-body{padding:0 var(--space-4) var(--space-4)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;scroll-behavior:auto!important}
}

@media (prefers-contrast:more){
  .tool-card,.category-card,.step-card,.why-card,.usecase,.formats-grid li,.featured-grid a,.guides-grid a,.faq-item{border-width:2px;border-color:var(--color-text)}
}