.how-it-works .section__header {
  max-width: 620px;
}

.how-it-works__steps {
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.how-it-works__step-icon {
  width: 80px;
}

.how-it-works__step-title {
  color: #0e0f0b;
}

.how-it-works__step-desc {
	color: #707070;
	line-height: 1.56;
}

.how-it-works__step:nth-child(2n) {
  padding-top: 80px;
}

.how-it-works__step-arrow {
  width: 155px;
  right: -89px;
  top: 55px;
}



@media (max-width: 1199px) {

  .how-it-works__step-arrow {
    width: 130px;
    right: -75px;
  }}



@media (max-width: 991px) {

  .how-it-works__step-icon {
    width: 60px;
  }

  .how-it-works .section__header {
    max-width: 500px;
  }

  .how-it-works__step-arrow {
    width: 100px;
    right: -60px;
  }

  .how-it-works__step:nth-child(2n) {
    padding-top: 60px;
  }}



@media (max-width: 767px) {

.how-it-works__steps {
  grid-template-columns: 1fr 1fr;
}

.how-it-works__step:nth-child(2n) {
  padding-top: 0;
}

.how-it-works__step-arrow {
  display: none;
}}



@media (max-width: 575px) {
.how-it-works__steps {
  grid-template-columns: 1fr;
}}

/* Scoped layout safeguards; all visual treatments come from approved components. */
.website-email-page #plans,.website-email-page #getting-started{scroll-margin-top:120px}
.website-email-page .how-it-works__step-desc{overflow-wrap:anywhere}
@media(max-width:767px){.website-email-page .email-feature-card .d-flex{gap:16px!important}.website-email-page .email-feature-card .d-flex>div:last-child{min-width:0}.website-email-page .datacenter-banner__stats{display:block}.website-email-page .datacenter-banner__stats .theme-btn{white-space:normal;text-align:center}}