.elementor-3426 .elementor-element.elementor-element-ca85df3{--display:flex;}.elementor-3426 .elementor-element.elementor-element-645d251{--display:flex;}.elementor-3426 .elementor-element.elementor-element-5daae0c{--display:flex;}.elementor-3426 .elementor-element.elementor-element-803d168{--display:flex;}.elementor-3426 .elementor-element.elementor-element-74b1930{--display:flex;}.elementor-3426 .elementor-element.elementor-element-9d49514{--display:flex;}/* Start custom CSS */@media (max-width: 767px) {
  .em-hero-section {
    flex-direction: column !important;
    padding: 48px 24px 40px !important;
    min-height: auto !important;
    gap: 48px !important;
    text-align: center !important;
  }
  .em-hero-text {
    max-width: 100% !important;
    width: 100% !important;
  }
  .em-hero-eyebrow { font-size: 12px !important; }
  .em-hero-title { font-size: 30px !important; }
  .em-hero-subtitle { font-size: 15px !important; max-width: 100% !important; }
  .em-hero-btns { justify-content: center !important; flex-wrap: wrap !important; }
  .em-hero-stats { justify-content: center !important; gap: 20px !important; }
  .em-hero-illustration {
    max-width: 100% !important;
    width: 100% !important;
    min-height: 420px !important;
  }
  .em-phone-mock { width: 170px !important; height: 300px !important; }
  .em-float-icon { display: none !important; }
  .em-callout-openrate { top: -10px !important; right: 10px !important; }
  .em-callout-clickrate { bottom: 70px !important; right: 10px !important; }
  .em-callout-roi { bottom: 5px !important; left: 50% !important; transform: translateX(-50%) !important; }
  .em-deco-circle { width: 140px !important; height: 140px !important; top: 0 !important; left: 50% !important; transform: translateX(-50%) !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .em-hero-section { padding: 60px 36px !important; gap: 28px !important; }
  .em-hero-title { font-size: 34px !important; }
  .em-callout-openrate { right: -10px !important; }
  .em-callout-clickrate { right: -10px !important; }
}

@media (max-width: 767px) {
  .kpi-section { padding: 48px 24px !important; }
  .kpi-section h2 { font-size: 26px !important; }
  .kpi-row { flex-direction: column !important; gap: 16px !important; }
  .kpi-card { padding: 24px 20px !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .kpi-section { padding: 60px 32px !important; }
  .kpi-row { gap: 16px !important; }
  .kpi-card { padding: 24px 20px !important; }
}
@media (max-width: 767px) {
  .icp-section { padding: 48px 24px !important; }
  .icp-row, .icp-row.icp-reverse { flex-direction: column !important; gap: 32px !important; margin-bottom: 56px !important; }
  .icp-row h3 { font-size: 22px !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .icp-section { padding: 60px 32px !important; }
  .icp-row, .icp-row.icp-reverse { gap: 36px !important; }
  .icp-row h3 { font-size: 22px !important; }
}
@media (max-width: 767px) {
  .wwm-section { padding: 48px 24px !important; }
  .wwm-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .wwm-card { padding: 28px 24px !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .wwm-section { padding: 60px 32px !important; }
  .wwm-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
}
@media (max-width: 767px) {
  .icp2-section { padding: 48px 20px !important; }
  .icp2-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .icp2-section { padding: 56px 32px !important; }
  .icp2-grid { grid-template-columns: repeat(2,1fr) !important; gap: 16px !important; }
}/* End custom CSS */