/* Volcana Labs mobile centering v88 — loaded with a unique cache key. */
@media (max-width: 760px) {
  .hero.hero-statue,
  .hero-content,
  .section-intro,
  .work-intro,
  .impact,
  .impact-copy,
  .contact,
  .contact-copy,
  .contact form,
  footer {
    text-align: center !important;
  }

  .hero.hero-statue {
    align-items: center !important;
  }

  .hero-content,
  .section-intro,
  .work-intro,
  .impact-copy,
  .contact-copy {
    margin-inline: auto !important;
  }

  .hero-services,
  .hero-actions,
  .proof-strip,
  .contact-copy .eyebrow,
  .contact-note,
  .swipe-hint,
  .tags,
  .service-top,
  .work-grid figcaption,
  .text-link,
  .contact form .privacy {
    justify-content: center !important;
  }

  .hero-services,
  .hero-copy,
  .section-intro > p:last-child,
  .work-intro > p,
  .impact-copy > p:nth-of-type(2),
  .contact-copy > p:nth-of-type(2) {
    margin-inline: auto !important;
  }

  .hero-actions {
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .hero-actions .button,
  .contact form .button,
  .dialog-copy .button,
  .service-demo .demo-book {
    justify-content: center !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  .mobile-menu a {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    text-align: center !important;
  }

  .services,
  .work,
  .service-card,
  .work-grid figcaption,
  .reviews-head,
  .review-card,
  .review-footer,
  .dialog-copy,
  .dialog-details,
  .service-demo .demo-header,
  .service-demo .demo-surface,
  .service-demo .demo-footer {
    text-align: center !important;
  }

  .service-card h3,
  .service-card p,
  .service-demo-label {
    margin-inline: auto !important;
  }

  .service-top {
    gap: 14px !important;
  }

  .service-card .service-arrow {
    position: static !important;
    grid-column: 3 !important;
    grid-row: 6 !important;
    align-self: center !important;
    justify-self: start !important;
    margin-top: 22px !important;
    transform: none !important;
  }

  /* Keep the label and its circular arrow together as one centered row. */
  .service-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto 1fr auto !important;
    column-gap: 10px !important;
    align-items: start !important;
  }

  .service-card > .service-top,
  .service-card > h3,
  .service-card > p,
  .service-card > .tags {
    grid-column: 1 / -1 !important;
  }

  .service-card .service-demo-label {
    grid-column: 2 !important;
    grid-row: 6 !important;
    align-self: center !important;
    justify-self: end !important;
    margin: 22px 0 0 !important;
  }

  .work-grid figcaption {
    flex-wrap: wrap !important;
    gap: 6px 12px !important;
  }

  .work-grid figcaption .ui-strong {
    text-align: center !important;
  }

  .project-open {
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
  }

  .review-footer {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  }

  .impact-points div {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .impact-points span,
  .impact-points strong,
  .impact-points small {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .contact form label,
  .contact form label > span:first-child,
  .contact form input:not([type="checkbox"]),
  .contact form textarea {
    text-align: center !important;
  }

  .contact form .privacy {
    align-items: center !important;
    text-align: center !important;
  }

  footer > .brand,
  .footer-primary,
  .footer-legal,
  footer small {
    justify-self: center !important;
  }
}

@media (max-width: 440px) {
  .hero-actions .button {
    max-width: 330px !important;
  }
}