.visual-fallback {
  display: none !important;
}

.screenshot-frame,
.screenshot-phone {
  margin: 0 auto;
}

.screenshot-frame {
  width: 100%;
  max-width: 560px;
  padding: 10px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(62,90,66,0.10);
  border-radius: 26px;
  box-shadow:
    0 28px 70px rgba(45,68,50,0.14),
    0 2px 12px rgba(0,0,0,0.06);
}

.screenshot-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04);
}

.screenshot-frame--wide {
  max-width: 620px;
}

.screenshot-phone {
  width: min(100%, 310px);
}

.phone-frame {
  padding: 10px;
  background: #111;
  border-radius: 38px;
  box-shadow:
    0 30px 80px rgba(0,0,0,0.22),
    0 2px 14px rgba(0,0,0,0.10);
}

.phone-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
  background: var(--off-white);
}

.work-management .screenshot-frame {
  max-width: 590px;
}

.work-management .feature-text p {
  font-size: 1.05rem;
  color: var(--gray);
  line-height: 1.65;
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .screenshot-frame {
    padding: 7px;
    border-radius: 20px;
  }

  .screenshot-frame img {
    border-radius: 14px;
  }

  .screenshot-phone {
    width: min(100%, 280px);
  }

  .phone-frame {
    border-radius: 34px;
  }

  .phone-frame img {
    border-radius: 26px;
  }
}