/* Digital Plazza - mobile layout repair */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

*, *::before, *::after { box-sizing: border-box; }

/* Prevent clipping without forcing fixed widths */
img, svg, video, canvas, iframe {
  max-width: 100%;
}

/* CRITICAL FIX: "A Clear Path From Idea To Launch" section */
.intro,
.intro .container,
.intro .grid,
.intro .grid > div,
.intro .mockup {
  min-width: 0;
  max-width: 100%;
}

.intro .mockup img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: initial;
}

@media (max-width: 850px) {
  .intro .grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 32px !important;
  }

  .intro .grid > div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .intro .mockup {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .intro .mockup img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: initial !important;
    transform: none !important;
  }

  .intro h2,
  .intro p,
  .intro li {
    max-width: 100% !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }
}