@media (max-width: 560px) {
  body {
    text-align: center;
  }

  .container,
  .container.nav-full,
  .footer-container {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-content,
  .page-hero-content,
  .home-hero-copy,
  .section-title,
  .section-lead,
  .contact-directory-title,
  .blog-detail-article,
  .blog-detail-sidebar,
  .footer-grid > div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .home-hero-copy h1,
  .home-hero-copy p,
  .hero h1,
  .hero p,
  .page-hero h1,
  .page-hero p,
  .cta-content h2,
  .cta-content p {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-actions,
  .story-actions,
  .center-actions,
  .cta-actions,
  .portfolio-filters,
  .blog-toc,
  .blog-tags,
  .footer-bottom {
    justify-content: center;
  }

  .cta-content,
  .footer-bottom,
  .mini-feature,
  .feature-row.stacked .mini-feature,
  .contact-benefit-grid article,
  .footer-logo {
    align-items: center;
    text-align: center;
  }

  .mini-feature,
  .feature-row.stacked .mini-feature,
  .contact-benefit-grid article,
  .footer-logo {
    justify-content: center;
  }

  .service-card,
  .info-card,
  .contact-card,
  .portfolio-card-body,
  .faq-card,
  .stats-inline div,
  .contact-person-card,
  .contact-benefits,
  .form,
  .field label,
  .site-footer p,
  .site-footer a,
  .site-footer h3 {
    text-align: center;
  }

  .icon,
  .contact-person-icon,
  .power-number,
  .process-step .icon {
    margin-left: auto;
    margin-right: auto;
  }

  .check-list li {
    padding-left: 0;
  }

  .check-list li::before {
    position: static;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }

  .footer-links a {
    padding-left: 0;
  }

  .footer-links a::before {
    display: none;
  }

  .footer-contact p {
    justify-items: center;
  }

  .home-hero .hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .home-hero .hero-actions .btn {
    width: auto;
    min-height: 42px;
    padding: 0 8px;
    font-size: 0.68rem;
    white-space: normal;
  }

  .hero-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .hero-metrics div {
    min-height: 92px;
    padding: 12px 8px;
  }

  .hero-metrics strong {
    font-size: 1rem;
  }

  .hero-metrics span {
    font-size: 0.72rem;
    line-height: 1.25;
  }

  .home-hero.hero-slider-section {
    display: flex;
    flex-direction: column;
    min-height: auto;
    padding: 24px 0 18px;
  }

  .home-hero.hero-slider-section::before {
    background:
      linear-gradient(180deg, rgba(6, 23, 42, 0.92) 0%, rgba(13, 99, 168, 0.62) 46%, rgba(6, 23, 42, 0.88) 100%);
  }

  .home-hero .home-hero-grid {
    order: 1;
    z-index: 4;
    gap: 14px;
  }

  .home-hero .hero-slider {
    position: relative;
    inset: auto;
    order: 2;
    z-index: 3;
    width: min(366px, calc(100% - 24px));
    height: 245px;
    margin: 4px auto 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: var(--radius);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
  }

  .home-hero .hero-slide {
    object-fit: contain;
    object-position: center;
    background: #06172a;
  }

  .home-hero .hero-shine {
    display: none;
  }

  .home-hero .hero-metrics {
    order: 3;
    z-index: 4;
    margin-top: 0;
  }

  .home-hero .home-hero-copy {
    max-width: min(366px, calc(100% - 24px));
  }

  .home-hero .home-hero-copy p {
    margin-bottom: 12px;
  }

  .home-hero .hero-actions {
    margin-bottom: 0;
  }

  .industry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .industry-card {
    min-height: 136px;
    padding: 18px 10px;
    gap: 10px;
  }

  .industry-icon {
    width: 48px;
    height: 48px;
  }

  .industry-icon svg {
    width: 23px;
    height: 23px;
  }

  .industry-card h3 {
    font-size: 0.8rem;
    line-height: 1.2;
  }
}