/* Responsive */


@media (min-width: 1500px) {
  .ph-cloud-pricing .ph-hero .ph-wrap {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-left: clamp(150px, 10vw, 240px);
    padding-right: clamp(56px, 4vw, 96px);
  }
}

@media (max-width:1024px) {
  .ph-cloud-pricing .ph-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 40px
  }

  .ph-cloud-pricing .ph-plans-panel {
    grid-template-columns: minmax(0, 1fr)
  }

  .ph-cloud-pricing .ph-panel-includes {
    border-right: 0;
    border-bottom: 1px solid var(--ph-line)
  }

  .ph-cloud-pricing .ph-module-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .ph-cloud-pricing .ph-ai-lists {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .ph-cloud-pricing .ph-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .ph-cloud-pricing .ph-grow-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
    padding: 44px 36px
  }

  .ph-cloud-pricing .ph-faq-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px
  }

  .ph-cloud-pricing .ph-faq-img {
    flex: none;
    height: auto;
    aspect-ratio: 16/9
  }

  .ph-cloud-pricing .ph-faq-cta {
    width: 100%;
    text-align: center
  }
}

@media (max-width:768px) {
  .ph-cloud-pricing .ph-hero {
    padding: 72px 0 60px
  }

  .ph-cloud-pricing .ph-cta-row {
    gap: 18px
  }

  .ph-cloud-pricing .ph-toggle-btn {
    font-size: .92rem;
    padding: 10px 12px;
    gap: 6px;
    flex: 1 1 auto;
    justify-content: center
  }

  .ph-cloud-pricing .ph-panel-includes,
  .ph-cloud-pricing .ph-panel-billing {
    padding: 22px 20px
  }

  .ph-cloud-pricing .ph-billing-toggle {
    max-width: 100%;
    display: flex
  }

  .ph-cloud-pricing .ph-save {
    white-space: nowrap;
    font-size: .7rem;
    padding: 4px 8px
  }

  .ph-cloud-pricing .ph-trust {
    flex-wrap: wrap;
    gap: 8px 12px
  }

  .ph-cloud-pricing .ph-trust-stars svg {
    width: 19px;
    height: 19px
  }

  .ph-cloud-pricing .ph-btn-pill {
    width: 100%;
    text-align: center
  }

  .ph-cloud-pricing .ph-hero .ph-hero-img {
    background-position: 70% center
  }

  .ph-cloud-pricing .ph-hero::before {
    background: linear-gradient(90deg, rgba(20, 9, 57, .96), rgba(25, 11, 67, .75)), linear-gradient(0deg, rgba(18, 8, 45, .8), transparent)
  }

  .ph-cloud-pricing .ph-promise {
    grid-template-columns: 1fr
  }

  .ph-cloud-pricing .ph-promise div {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18)
  }

  .ph-cloud-pricing .ph-promise div:last-child {
    border-bottom: 0
  }

  .ph-cloud-pricing .ph-plan-grid,
  .ph-cloud-pricing .ph-module-cols,
  .ph-cloud-pricing .ph-step-grid,
  .ph-cloud-pricing .ph-ai-lists {
    grid-template-columns: minmax(0, 1fr)
  }

  .ph-cloud-pricing .ph-ai {
    padding: 60px 0
  }

  .ph-cloud-pricing .ph-plan.ph-featured {
    transform: none;
    margin-top: 12px
  }

  .ph-cloud-pricing .ph-plan.ph-featured:hover {
    transform: translateY(-6px)
  }

  .ph-cloud-pricing .ph-grow-card {
    padding: 32px 20px;
    border-radius: 18px
  }

  .ph-cloud-pricing .ph-grow-visual {
    padding: 20px 12px 16px
  }

  .ph-cloud-pricing .ph-ladder {
    height: 170px;
    gap: 8px
  }

  .ph-cloud-pricing .ph-rung b {
    font-size: 1.5rem
  }

  .ph-cloud-pricing .ph-rung small {
    font-size: .52rem;
    letter-spacing: .04em
  }

  .ph-cloud-pricing .ph-rung {
    padding: 10px 2px 8px;
    min-width: 0
  }

  .ph-cloud-pricing .ph-rung-2 {
    margin-bottom: 26px
  }

  .ph-cloud-pricing .ph-rung-3 {
    margin-bottom: 52px
  }

  .ph-cloud-pricing .ph-rung-4 {
    margin-bottom: 78px
  }

  .ph-cloud-pricing .ph-plans,
  .ph-cloud-pricing .ph-modules,
  .ph-cloud-pricing .ph-steps,
  .ph-cloud-pricing .ph-faq,
  .ph-cloud-pricing .ph-cta {
    padding: 78px 0
  }
  .ph-cloud-pricing .ph-hero .ph-kicker {
    font-size: 12px;
  }
  .ph-cloud-pricing .ph-hero .ph-wrap {
    padding: 0px 20px;
  }
  .ph-cloud-pricing .ph-hero p {
    font-size: 16px;
    line-height: 1.5;
  }
  .ph-cloud-pricing .ph-cta-row {
    margin-top: 24px;
    justify-content: center;
  }
  .ph-cloud-pricing .ph-hero .ph-hero-img {
    background-position: 75% center;
  }
  .ph-cloud-pricing .ph-btn-pill {
    padding: 10px 20px;
  }
  .ph-cloud-pricing .ph-promise {
    margin-top: 30px;
  }
  .ph-cloud-pricing .ph-promise div {
    padding: 20px;
  }
  .ph-cloud-pricing .ph-promise span {
    font-size: 16px;
    line-height: 1.5;
  }
  .ph-cloud-pricing .ph-includes-list li {
    font-size: 16px;
  }
  .ph-cloud-pricing .ph-panel-billing .ph-toggle-btn {
      padding: 10px 12px;
      font-size: 15px;
  }
  .ph-cloud-pricing .ph-save {font-size: 10px;}
  .ph-cloud-pricing .ph-term-note {
    font-size: 12px;
  }
  .ph-cloud-pricing .ph-plan {
    padding: 24px 20px;
  }
  .ph-cloud-pricing .ph-plan .ph-price .ph-amt {
    font-size: 40px;
  }
  .ph-cloud-pricing .ph-plan .ph-price .ph-cur {
    font-size: 20px;
    margin-top: 9px;
  }
  .ph-cloud-pricing .ph-plan .ph-per {
    font-size: 16px;
    line-height: 1.5;
  }
  .ph-cloud-pricing .ph-plan .ph-billing {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .ph-cloud-pricing .ph-grow-copy p,
  .ph-cloud-pricing .ph-plan p {
    font-size: 16px;
    line-height: 1.5;
  }
  .ph-cloud-pricing .ph-addons {
    margin-bottom: 20px;
  }
  .ph-cloud-pricing .ph-plan {
    grid-template-rows: initial;
  }
  .ph-cloud-pricing .ph-plan-note {
      margin: 24px auto 0;
      font-size: 16px;
      line-height: 1.5;
  }
  .ph-cloud-pricing .ph-cta p,
  .ph-cloud-pricing .ph-ai-lead,
  .ph-cloud-pricing .ph-ai p,
  .ph-cloud-pricing .ph-modules p {
    font-size: 16px;
    line-height: 1.5;
  }
   .ph-cloud-pricing .ph-cta p {
    margin-bottom: 20px;
   }
  .ph-cloud-pricing .ph-module-cols {
    margin-top: 20px;
  }
  .ph-cloud-pricing .ph-ai-details {
    padding: 0px 20px;
  }
  .ph-cloud-pricing .ph-dm-body,
  .ph-cloud-pricing .ph-ai-lists {
    padding-top: 10px;
  }
  .ph-cloud-pricing .ph-grow {
    padding-top: 0px;
  }
  .ph-cloud-pricing .ph-btn-pill {
    font-size: 16px;
  }
  .ph-cloud-pricing .ph-path-caption {
    font-size: 12px;
  }
  .ph-cloud-pricing .ph-steps {
    padding-top: 56px;
  }
  .ph-cloud-pricing .ph-step {
    padding: 20px
  }
  .ph-cloud-pricing .ph-step p {
    font-size: 16px;
    line-height: 1.5;
  }
  .ph-cloud-pricing details p {
    padding: 0px 0px 16px 0px;
    font-size: 16px;
    line-height: 1.5;
  }
  .ph-cloud-pricing .ph-cta .ph-contact {
    margin-top: 20px;
  }
  .ph-cloud-pricing .ph-ai .ph-dm-lead,
  .ph-cloud-pricing .ph-ai .ph-dm-foot {
    line-height: 1.5;
  }



}

@media (max-width:380px) {
  .ph-cloud-pricing .ph-toggle-btn {
    flex-direction: column;
    gap: 3px;
    padding: 9px 10px
  }

  .ph-cloud-pricing .ph-save {
    font-size: .62rem;
    padding: 3px 7px
  }
  .ph-cloud-pricing .ph-rung small {
    font-size: 8px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .ph-cloud-pricing * {
    transition: none !important
  }
}