@media (min-width: 431px) {
  body {
    background: #E9EFEC;
  }

  .app-shell {
    min-height: 100vh;
  }
}

@media (min-width: 390px) {
  .feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 360px) {
  .section-pad {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 16px;
    padding-right: 16px;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 22px;
  }

  .hero-subtitle {
    font-size: 18px;
  }

  .protection-overview {
    grid-template-columns: 1fr;
  }

  .phone-stage {
    min-height: 248px;
  }

  .phone-3d {
    width: 160px;
  }

  .phone-frame {
    height: 312px;
  }

  .btn {
    width: 100%;
    padding: 0 18px;
  }

  .dashboard-header {
    display: grid;
  }
}