@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

/* ---------- 2. CSS Custom Properties ---------- */
.page-wrap {
   padding-top: 0 !important;
}
.format-padding-2 {
	width: 85% !important;
}
#breadcrumbs {
   display: none;
}
.content-wrapper .row {
   justify-content: center !important;
   background: linear-gradient(180deg, var(--lp-hero-bg-start) 0%, var(--lp-white) 100%) !important;
}
.lp-hero {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-primary-light: rgba(236, 71, 100, 0.1);
  --lp-accent: #10B981;
  --lp-accent-light: rgba(16, 185, 129, 0.1);
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-muted-bg: #F3F4F6;
  --lp-border: #E5E7EB;
  --lp-hero-bg-start: #FDF8F8;
  --lp-white: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ---------- 3. Section Layout ---------- */
.lp-hero {
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  padding: 0px 0 0px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* ---------- 4. Background Decorations ---------- */
.lp-hero::before,
.lp-hero::after {
  content: "" !important;
  position: absolute !important;
  border-radius: 50% !important;
  filter: blur(48px) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.lp-hero::before {
  width: 288px !important;
  height: 288px !important;
  background: rgba(236, 71, 100, 0.05) !important;
}

.lp-hero::after {
  width: 256px !important;
  height: 256px !important;
  background: rgba(16, 185, 129, 0.05) !important;
}

/* ---------- 5. Inner Container ---------- */
.lp-hero .lp-hero-inner {
  position: relative !important;
  z-index: 1 !important;
}

/* ---------- 6. Grid / Columns ---------- */
.lp-hero .lp-hero-grid {
  gap: 32px !important;
  align-items: center !important;
  min-height: calc(85vh - 128px) !important;
}

.lp-hero .lp-hero-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.lp-hero .lp-hero-right {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ---------- 7. Trust Badge ---------- */
.lp-hero .lp-hero-trust-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--lp-primary-light) !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--lp-primary) !important;
  width: fit-content !important;
  margin-bottom: 0 !important;
  line-height: 1.4 !important;
}

/* Three overlapping dots via radial gradients */
.lp-hero .lp-hero-trust-badge::before {
  content: "" !important;
  display: inline-block !important;
  width: 36px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
  margin-right: 2px !important;
  background:
    radial-gradient(circle at 28px 7px, var(--lp-primary) 5.5px, transparent 6px),
    radial-gradient(circle at 18px 7px, var(--lp-primary) 5.5px, transparent 6px),
    radial-gradient(circle at 8px 7px, var(--lp-primary) 5.5px, transparent 6px) !important;
}

/* ---------- 8. Headline ---------- */
.lp-hero .lp-hero-headline {
  font-family: var(--lp-font-display) !important;
  font-size: 50px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.15 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.02em !important;
}

/* Gradient-highlighted text */
.lp-hero .lp-hero-highlight {
  background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ---------- 9. Subheadline ---------- */
.lp-hero .lp-hero-subheadline {
  font-family: var(--lp-font-body) !important;
  font-size: 16px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  max-width: 560px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ---------- 10. Feature Pills Group ---------- */
.lp-hero .lp-hero-pills {
  gap: 8px !important;
}

/* ---------- 11. Feature Pill Items ---------- */
.lp-hero .lp-hero-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--lp-accent-light) !important;
  color: var(--lp-accent) !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Checkmark icon */
.lp-hero .lp-hero-pill::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0 !important;
}

/* ---------- 12. CTA Buttons ---------- */
.lp-hero .lp-hero-ctas {
  gap: 12px !important;
}

/* Primary CTA — filled gradient */
.lp-hero .lp-hero-cta-primary .wp-block-button__link {
  background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%) !important;
  color: var(--lp-white) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px -2px rgba(236, 71, 100, 0.35) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.4 !important;
}

.lp-hero .lp-hero-cta-primary .wp-block-button__link:hover {
  background: var(--lp-primary-dark) !important;
  box-shadow: 0 6px 20px -2px rgba(236, 71, 100, 0.45) !important;
  transform: translateY(-1px) !important;
}

/* Download icon before primary CTA text */
/* .lp-hero .lp-hero-cta-primary .wp-block-button__link::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
} */

/* Secondary CTA — outline */
.lp-hero .lp-hero-cta-secondary .wp-block-button__link {
  background: transparent !important;
  color: var(--lp-foreground) !important;
  border: 2px solid var(--lp-border) !important;
  border-radius: 8px !important;
  padding: 12px 28px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}

.lp-hero .lp-hero-cta-secondary .wp-block-button__link:hover {
  background: var(--lp-muted-bg) !important;
  border-color: var(--lp-primary) !important;
  color: var(--lp-primary) !important;
}

/* ---------- 13. Social Proof Group ---------- */
.lp-hero .lp-hero-social-proof {
  gap: 0 !important;
  padding-top: 8px !important;
  align-items: center !important;
}

/* ---------- 14. Social Proof Items ---------- */
.lp-hero .lp-hero-proof-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--lp-muted) !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-left: 1px solid var(--lp-border) !important;
  line-height: 1.4 !important;
}

/* Remove left border on first item */
.lp-hero .lp-hero-proof-item:first-child {
  padding-left: 0 !important;
  border-left: none !important;
}

/* Building icon */
.lp-hero .lp-hero-proof--building::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M10 6h4'/%3E%3Cpath d='M10 10h4'/%3E%3Cpath d='M10 14h4'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E") !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
}

/* CheckCircle icon */
.lp-hero .lp-hero-proof--check::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
}

/* Star icon */
.lp-hero .lp-hero-proof--star::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E") !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
}

/* ---------- 15. Hero Image ---------- */
.lp-hero .lp-hero-image {
  margin: 0 !important;
  /* animation: lp-hero-float 6s ease-in-out infinite !important; */
}

.lp-hero .lp-hero-image img {
  border-radius: 16px !important;
  box-shadow:
    0 20px 25px -5px rgba(43, 48, 64, 0.08),
    0 8px 10px -6px rgba(43, 48, 64, 0.05) !important;
  max-width: 100% !important;
  height: auto !important;
}

@keyframes lp-hero-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}

/* ==========================================================
   16. Responsive
   ========================================================== */

/* --- Mobile (< 768px) --- */
@media (max-width: 767px) {
  .lp-hero {
    min-height: auto !important;
    padding: 0 !important;
  }

  .lp-hero .lp-hero-grid {
    flex-direction: column !important;
    min-height: auto !important;
  }

  .lp-hero .lp-hero-left,
  .lp-hero .lp-hero-right {
    flex-basis: 100% !important;
    max-width: 100% !important;
    align-items: center !important;
    margin-bottom: 20px;
  }

  .lp-hero .lp-hero-headline {
    font-size: 30px !important;
  }

  .lp-hero .lp-hero-subheadline {
    font-size: 15px !important;
    max-width: 100% !important;
    text-align: center;
  }

  /* Stack CTA buttons vertically */
  .lp-hero .lp-hero-ctas {
    flex-direction: column !important;
  }

  .lp-hero .lp-hero-cta-primary,
  .lp-hero .lp-hero-cta-secondary {
    width: 100% !important;
  }

  .lp-hero .lp-hero-cta-primary .wp-block-button__link,
  .lp-hero .lp-hero-cta-secondary .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  /* Remove dividers on mobile */
  .lp-hero .lp-hero-proof-item {
    padding: 0 !important;
    border-left: none !important;
  }

  .lp-hero .lp-hero-social-proof {
    gap: 8px 16px !important;
    display: flex;
    justify-content: center;
  }

  /* Disable float animation on mobile */
  .lp-hero .lp-hero-image {
    animation: none !important;
  }
}

/* --- Tablet (768px – 1023px) --- */
@media (min-width: 768px) and (max-width: 1023px) {
  .lp-hero .lp-hero-grid {
    flex-direction: column !important;
    min-height: auto !important;
  }

  .lp-hero .lp-hero-left,
  .lp-hero .lp-hero-right {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .lp-hero .lp-hero-headline {
    font-size: 36px !important;
  }

  .lp-hero .lp-hero-right {
    max-width: 500px !important;
    margin: 0 auto !important;
  }
}

/* --- Desktop (>= 1024px) --- */
@media (min-width: 1024px) {
  .lp-hero .lp-hero-grid {
    flex-wrap: nowrap !important;
  }
}

/* =========================================================
   Overview Section — Scoped Styles for WordPress / Sydney Pro
   Add via WPCode > CSS Snippet (site-wide header)
   ========================================================= */

/* ---------- 1. CSS Custom Properties ---------- */
.lp-overview {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-primary-light: rgba(236, 71, 100, 0.1);
  --lp-accent: #10B981;
  --lp-accent-light: rgba(16, 185, 129, 0.1);
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-muted-bg: #F3F4F6;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-card-shadow: 0 4px 20px -2px rgba(43, 48, 64, 0.06);
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ---------- 2. Section Layout ---------- */
.lp-overview {
  padding: 20px 0 80px !important;
  background: var(--lp-white) !important;
}

.lp-overview .lp-overview-inner {
  position: relative !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* ---------- 3. Section Header — Badge ---------- */
.lp-overview .lp-overview-badge {
  display: inline-block !important;
  padding: 4px 14px !important;
  background: var(--lp-primary-light) !important;
  color: var(--lp-primary) !important;
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 9999px !important;
  margin-bottom: 16px !important;
  line-height: 1.5 !important;
}

/* ---------- 4. Section Header — Title ---------- */
.lp-overview .lp-overview-title {
  font-family: var(--lp-font-display) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  letter-spacing: -0.02em !important;
  margin-top: 0px !important;
}

.lp-overview .lp-overview-highlight {
  color: var(--lp-primary) !important;
}

/* ---------- 5. Section Header — Description ---------- */
.lp-overview .lp-overview-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 15px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---------- 6. Tab Navigation Container ---------- */
.lp-overview .lp-overview-tabs {
  gap: 8px !important;
  margin-bottom: 40px !important;
  justify-content: center !important;
}

/* ---------- 7. Tab Items ---------- */
.lp-overview .lp-overview-tab {
  display: inline-block !important;
  padding: 8px 16px !important;
  border-radius: 9999px !important;
  border: 1px solid var(--lp-border) !important;
  background: var(--lp-card-bg) !important;
  color: var(--lp-muted) !important;
  font-family: var(--lp-font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  user-select: none !important;
	margin: 6px 0px !important;
}

.lp-overview .lp-overview-tab:hover {
  border-color: rgba(236, 71, 100, 0.4) !important;
  color: var(--lp-foreground) !important;
}

.lp-overview .lp-overview-tab.lp-overview-tab--active {
  background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%) !important;
  color: var(--lp-white) !important;
  border-color: var(--lp-primary) !important;
  box-shadow: 0 4px 14px -2px rgba(236, 71, 100, 0.35) !important;
}

/* ---------- 8. Panel — Show / Hide ---------- */
.lp-overview .lp-overview-panel {
  display: none !important;
}

.lp-overview .lp-overview-panel.lp-overview-panel--active {
  display: block !important;
  animation: lp-overview-fadeIn 0.4s ease !important;
}

@keyframes lp-overview-fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ---------- 9. Panel Card ---------- */
.lp-overview .lp-overview-panel {
  background: var(--lp-card-bg) !important;
  border-radius: 16px !important;
  box-shadow: var(--lp-card-shadow) !important;
  overflow: hidden !important;
  width: 80% !important;
  box-sizing: border-box !important;
}

/* ---------- 10. Panel Grid (Columns) ---------- */
.lp-overview .lp-overview-panel-grid {
  gap: 0 !important;
  align-items: stretch !important;
  width: 100% !important;
  table-layout: fixed !important;
}

/* ---------- 11. Panel Image Column ---------- */
.lp-overview .lp-overview-panel-img-col {
  background: var(--lp-muted-bg) !important;
  padding: 15px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  min-width: 0 !important;
}

/* Decorative blurred circles */
.lp-overview .lp-overview-panel-img-col::before,
.lp-overview .lp-overview-panel-img-col::after {
  content: "" !important;
  position: absolute !important;
  border-radius: 50% !important;
  filter: blur(40px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.lp-overview .lp-overview-panel-img-col::before {
  top: -16px !important;
  left: -16px !important;
  width: 80px !important;
  height: 80px !important;
  background: rgba(236, 71, 100, 0.1) !important;
}

.lp-overview .lp-overview-panel-img-col::after {
  bottom: -16px !important;
  right: -16px !important;
  width: 96px !important;
  height: 96px !important;
  background: rgba(16, 185, 129, 0.1) !important;
}

.lp-overview .lp-overview-panel-img {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
}

.lp-overview .lp-overview-panel-img img {
  border-radius: 12px !important;
  box-shadow: 0 10px 15px -3px rgba(43, 48, 64, 0.08) !important;
  max-width: 100% !important;
  height: auto !important;
}

/* ---------- 12. Panel Content Column ---------- */
.lp-overview .lp-overview-panel-content {
  padding: 40px 48px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

/* ---------- 13. Panel Title with Icon ---------- */
.lp-overview .lp-overview-panel-title {
  font-family: var(--lp-font-display) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Icon square before title — base styles */
.lp-overview .lp-overview-panel-title::before {
  content: "" !important;
  display: inline-flex !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 10px !important;
  background-color: var(--lp-primary-light) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}

/* Per-tab icons */
.lp-overview .lp-overview-icon--tracking::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='20' x2='12' y2='10'/%3E%3Cline x1='18' y1='20' x2='18' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='16'/%3E%3C/svg%3E") !important;
}

.lp-overview .lp-overview-icon--warehouse::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M10 6h4'/%3E%3Cpath d='M10 10h4'/%3E%3Cpath d='M10 14h4'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E") !important;
}

.lp-overview .lp-overview-icon--gst::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cline x1='10' y1='9' x2='8' y2='9'/%3E%3C/svg%3E") !important;
}

.lp-overview .lp-overview-icon--orders::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E") !important;
}

.lp-overview .lp-overview-icon--reports::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.21 15.89A10 10 0 1 1 8 2.83'/%3E%3Cpath d='M22 12A10 10 0 0 0 12 2v10z'/%3E%3C/svg%3E") !important;
}

.lp-overview .lp-overview-icon--whatsapp::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E") !important;
}

.lp-overview .lp-overview-icon--custom::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}

.lp-overview .lp-overview-icon--enterprise::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='20' x='4' y='2' rx='2' ry='2'/%3E%3Cpath d='M9 22v-4h6v4'/%3E%3Cpath d='M8 6h.01'/%3E%3Cpath d='M16 6h.01'/%3E%3Cpath d='M12 6h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3C/svg%3E") !important;
}

/* ---------- 14. Panel Description ---------- */
.lp-overview .lp-overview-panel-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 15px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

/* ---------- 15. Feature List ---------- */
.lp-overview .lp-overview-features {
  list-style: none !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 32px !important;
}

.lp-overview .lp-overview-features li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: rgba(43, 48, 64, 0.8) !important;
  line-height: 1.5 !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
}

.lp-overview .lp-overview-features li:last-child {
  margin-bottom: 0 !important;
}

/* Green dot with light circle */
.lp-overview .lp-overview-features li::before {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at center, var(--lp-accent) 3px, var(--lp-accent-light) 3px) !important;
  margin-top: 1px !important;
  flex-shrink: 0 !important;
}

/* Remove default WP list-item markers */
.lp-overview .lp-overview-features li::marker {
  content: none !important;
}

/* ---------- 16. Panel CTA Button ---------- */
.lp-overview .lp-overview-panel-cta {
  margin-top: 0 !important;
}

.lp-overview .lp-overview-cta-btn .wp-block-button__link {
  background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%) !important;
  color: var(--lp-white) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px -2px rgba(236, 71, 100, 0.35) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.4 !important;
}

.lp-overview .lp-overview-cta-btn .wp-block-button__link:hover {
  background: var(--lp-primary-dark) !important;
  box-shadow: 0 6px 20px -2px rgba(236, 71, 100, 0.45) !important;
  transform: translateY(-1px) !important;
}

/* Arrow icon after CTA text */
.lp-overview .lp-overview-cta-btn .wp-block-button__link::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}

.lp-overview .lp-overview-cta-btn .wp-block-button__link:hover::after {
  transform: translateX(4px) !important;
}

/* ==========================================================
   17. Responsive
   ========================================================== */

/* --- Mobile (< 768px) --- */
@media (max-width: 767px) {
  .lp-overview {
    padding: 48px 16px 0px !important;
  }

  .lp-overview .lp-overview-title {
    font-size: 24px !important;
  }

  .lp-overview .lp-overview-desc {
    font-size: 14px !important;
  }

  /* Tabs: smaller, scroll horizontal */
  .lp-overview .lp-overview-tabs {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding-bottom: 4px !important;
    margin-bottom: 24px !important;
  }

  .lp-overview .lp-overview-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .lp-overview .lp-overview-tab {
    white-space: nowrap !important;
    font-size: 12px !important;
    padding: 6px 12px !important;
  }

  /* Stack panel columns */
  .lp-overview .lp-overview-panel-grid {
    flex-direction: column !important;
  }

  .lp-overview .lp-overview-panel-img-col,
  .lp-overview .lp-overview-panel-content {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  /* Content above image on mobile */
  .lp-overview .lp-overview-panel-content {
    order: -1 !important;
    padding: 24px 20px !important;
  }

  .lp-overview .lp-overview-panel-img-col {
    padding: 20px !important;
  }

  .lp-overview .lp-overview-panel-title {
    font-size: 20px !important;
  }

  .lp-overview .lp-overview-panel-title::before {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }
}

/* --- Tablet (768px – 1023px) --- */
@media (min-width: 768px) and (max-width: 1023px) {
  .lp-overview .lp-overview-title {
    font-size: 30px !important;
  }

  .lp-overview .lp-overview-panel-grid {
    flex-direction: column !important;
  }

  .lp-overview .lp-overview-panel-img-col,
  .lp-overview .lp-overview-panel-content {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .lp-overview .lp-overview-panel-content {
    order: -1 !important;
    padding: 32px !important;
  }

  .lp-overview .lp-overview-panel-img-col {
    padding: 32px !important;
  }
}

/* --- Desktop (>= 1024px) --- */
@media (min-width: 1024px) {
  .lp-overview .lp-overview-panel-grid {
    flex-wrap: nowrap !important;
  }
}

/* =========================================================
   Features Section — Scoped Styles for WordPress / Sydney Pro
   Add via WPCode > CSS Snippet (site-wide header)
   ========================================================= */

/* ---------- 1. CSS Custom Properties ---------- */
.lp-features {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-primary-light: rgba(236, 71, 100, 0.1);
  --lp-accent: #10B981;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-muted-bg: #FCF8F9;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  --lp-soft-bg: #FCF8F9;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ---------- 2. Section Layout ---------- */
.lp-features {
  padding: 20px 0 80px !important;
  background: var(--lp-soft-bg) !important;
  position: relative !important;
  overflow: hidden !important;
}

.lp-features .lp-features-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ---------- 3. Section Title ---------- */
.lp-features .lp-features-title {
  font-family: var(--lp-font-display) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.2 !important;
  margin-bottom: 40px !important;
  letter-spacing: -0.02em !important;
}

.lp-features .lp-features-highlight {
  color: var(--lp-primary) !important;
}

/* ---------- 4. Tab Navigation Container ---------- */
.lp-features .lp-features-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  border-bottom: none !important;
  max-width: 800px !important;
  margin: 0 auto 40px !important;
}

/* ---------- 5. Tab Items (Pill Style) ---------- */
.lp-features .lp-features-tab {
  display: inline-block !important;
  padding: 8px 16px !important;
  border-radius: 9999px !important;
  border: 1px solid var(--lp-border) !important;
  background: var(--lp-card-bg) !important;
  color: var(--lp-muted) !important;
  font-family: var(--lp-font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  user-select: none !important;
}

.lp-features .lp-features-tab:hover {
  border-color: rgba(236, 71, 100, 0.4) !important;
  color: var(--lp-foreground) !important;
}

.lp-features .lp-features-tab.lp-features-tab--active {
  background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%) !important;
  color: var(--lp-white) !important;
  border-color: var(--lp-primary) !important;
  box-shadow: 0 4px 14px -2px rgba(236, 71, 100, 0.35) !important;
}

/* ---------- 6. Panel — Show / Hide ---------- */
.lp-features .lp-features-panel {
  display: none !important;
}

.lp-features .lp-features-panel.lp-features-panel--active {
  display: block !important;
  animation: lp-features-fadeIn 0.4s ease !important;
}

@keyframes lp-features-fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ---------- 7. Panel Grid (2 Columns: Content Left + Image Right) ---------- */
.lp-features .lp-features-panel-grid {
  gap: 32px !important;
  align-items: flex-start !important;
  max-width: 1100px !important;
  margin: 0 auto 24px !important;
}

/* ---------- 8. Panel Content Column ---------- */
.lp-features .lp-features-panel-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 8px 0 !important;
}

/* ---------- 9. Panel Title ---------- */
.lp-features .lp-features-panel-title {
  font-family: var(--lp-font-display) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.lp-features .lp-features-tab-label {
  color: var(--lp-primary) !important;
}

/* ---------- 10. Panel Description ---------- */
.lp-features .lp-features-panel-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 15px !important;
  color: var(--lp-muted) !important;
  line-height: 1.7 !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* ---------- 11. Feature Bullets (Checkmark Style) ---------- */
.lp-features .lp-features-bullets {
  list-style: none !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 15px !important;
}

.lp-features .lp-features-bullets li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-foreground) !important;
  line-height: 1.5 !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
}

.lp-features .lp-features-bullets li:last-child {
  margin-bottom: 0 !important;
}

.lp-features .lp-features-bullets li::before {
  content: "✓" !important;
  color: var(--lp-primary) !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}

.lp-features .lp-features-bullets li::marker {
  content: none !important;
}

/* ---------- 12. Panel Image Column ---------- */
.lp-features .lp-features-panel-img-col {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.lp-features .lp-features-panel-img {
  margin: 0 !important;
}

.lp-features .lp-features-panel-img img {
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -5px rgba(43, 48, 64, 0.12) !important;
  max-width: 100% !important;
  height: auto !important;
/*   aspect-ratio: 4 / 3 !important; */
  object-fit: cover !important;
}

/* ==========================================================
   13. Bottom Cards Grid (3 Columns)
   ========================================================== */
.lp-features .lp-features-cards {
  gap: 16px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}

/* ---------- 14. Card Styling ---------- */
.lp-features .lp-features-card {
  background: var(--lp-card-bg) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  border: 1px solid rgba(229, 231, 235, 0.5) !important;
  box-shadow: var(--lp-card-shadow) !important;
  display: flex !important;
  flex-direction: column !important;
}

/* ---------- 15. Card Title ---------- */
.lp-features .lp-features-card-title {
  font-family: var(--lp-font-display) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

/* ---------- 16. Card Text ---------- */
.lp-features .lp-features-card-text {
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

/* ---------- 17. Card Bullets (Key Benefits) ---------- */
.lp-features .lp-features-card-bullets {
  list-style: none !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.lp-features .lp-features-card-bullets li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  line-height: 1.5 !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}

.lp-features .lp-features-card-bullets li:last-child {
  margin-bottom: 0 !important;
}

.lp-features .lp-features-card-bullets li::before {
  content: "•" !important;
  color: var(--lp-primary) !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}

.lp-features .lp-features-card-bullets li::marker {
  content: none !important;
}

/* ---------- 18. Card Links ---------- */
.lp-features .lp-features-card-link {
  text-align: right !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-top: 12px !important;
}

.lp-features .lp-features-card-link a {
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--lp-primary) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: all 0.2s ease !important;
}

.lp-features .lp-features-card-link a:hover {
  text-decoration: underline !important;
}

/* Arrow icon after card link */
.lp-features .lp-features-card-link a::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23EC4764' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0 !important;
}

/* ==========================================================
   19. CTA Button
   ========================================================== */
.lp-features .lp-features-cta {
  margin-top: 40px !important;
  justify-content: center !important;
}

.lp-features .lp-features-cta-btn .wp-block-button__link {
  background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%) !important;
  color: var(--lp-white) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px -2px rgba(236, 71, 100, 0.35) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.4 !important;
}

.lp-features .lp-features-cta-btn .wp-block-button__link:hover {
  background: var(--lp-primary-dark) !important;
  box-shadow: 0 6px 20px -2px rgba(236, 71, 100, 0.45) !important;
  transform: translateY(-1px) !important;
}

/* Arrow icon after CTA text */
.lp-features .lp-features-cta-btn .wp-block-button__link::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}

.lp-features .lp-features-cta-btn .wp-block-button__link:hover::after {
  transform: translateX(4px) !important;
}

/* ==========================================================
   20. Responsive
   ========================================================== */

/* --- Mobile (< 768px) --- */
@media (max-width: 767px) {
  .lp-features {
    padding: 48px 16px 20px !important;
  }

  .lp-features .lp-features-title {
    font-size: 26px !important;
  }

  /* Tabs: scroll horizontally */
  .lp-features .lp-features-tabs {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    margin-bottom: 24px !important;
  }

  .lp-features .lp-features-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .lp-features .lp-features-tab {
    white-space: nowrap !important;
    font-size: 12px !important;
    padding: 6px 12px !important;
  }

  /* Stack panel columns */
  .lp-features .lp-features-panel-grid {
    flex-direction: column !important;
    gap: 20px !important;
  }

  .lp-features .lp-features-panel-content,
  .lp-features .lp-features-panel-img-col {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .lp-features .lp-features-panel-title {
    font-size: 18px !important;
  }

  /* Stack bottom cards */
  .lp-features .lp-features-cards {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .lp-features .lp-features-card {
    flex-basis: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
  }
}

/* --- Tablet (768px – 1023px) --- */
@media (min-width: 768px) and (max-width: 1023px) {
  .lp-features .lp-features-title {
    font-size: 30px !important;
  }

  .lp-features .lp-features-panel-grid {
    flex-direction: column !important;
    gap: 24px !important;
  }

  .lp-features .lp-features-panel-content,
  .lp-features .lp-features-panel-img-col {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .lp-features .lp-features-cards {
    gap: 12px !important;
  }
}

/* --- Desktop (>= 1024px) --- */
@media (min-width: 1024px) {
  .lp-features .lp-features-panel-grid {
    flex-wrap: nowrap !important;
  }

  .lp-features .lp-features-cards {
    flex-wrap: nowrap !important;
  }
}

/* =========================================================
   All-in-One Section — Scoped Styles for WordPress / Sydney Pro
   Add via WPCode > CSS Snippet (site-wide header)
   ========================================================= */

/* ---------- 1. CSS Custom Properties ---------- */
.lp-allinone {
  --lp-primary: #EC4764;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ---------- 2. Section Layout ---------- */
.lp-allinone {
  padding: 20px 0 80px !important;
  background: var(--lp-white) !important;
}

.lp-allinone .lp-allinone-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* ---------- 3. Section Title ---------- */
.lp-allinone .lp-allinone-title {
  font-family: var(--lp-font-display) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.02em !important;
}

.lp-allinone .lp-allinone-highlight {
  color: var(--lp-primary) !important;
}

/* ---------- 4. Section Description ---------- */
.lp-allinone .lp-allinone-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 15px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 48px !important;
}

/* ---------- 5. Card Grid ---------- */
.lp-allinone .lp-allinone-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}

/* ---------- 6. Card Styling ---------- */
.lp-allinone .lp-allinone-card {
  background: var(--lp-card-bg) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(229, 231, 235, 0.5) !important;
  padding: 24px 20px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

.lp-allinone .lp-allinone-card:hover {
  box-shadow: 0 8px 24px -4px rgba(43, 48, 64, 0.1) !important;
  transform: translateY(-2px) !important;
}

/* ---------- 7. Icon Container — Base ---------- */
/* .lp-allinone .lp-allinone-icon {
  width: 56px !important;
  height: 56px !important;
  margin: 0 auto 16px !important;
  flex-shrink: 0 !important;
}

.lp-allinone .lp-allinone-icon img {
  width: 56px !important;
  height: 56px !important;
  border-radius: 12px !important;
  object-fit: contain !important;
} */
.lp-allinone .lp-allinone-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 12px !important;
  margin: 0 auto 16px !important;
  flex-shrink: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
}

/* ---------- 8. Per-Icon Colors and SVGs ---------- */

/* Invoicing & Billing — blue */
.lp-allinone .lp-allinone-icon--invoicing {
  background-color: #EFF6FF !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cline x1='10' y1='9' x2='8' y2='9'/%3E%3C/svg%3E") !important;
}

/* GST Accounting — yellow */
.lp-allinone .lp-allinone-icon--gst-accounting {
  background-color: #FFFBEB !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23D97706' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' ry='2'/%3E%3Cline x1='8' y1='6' x2='16' y2='6'/%3E%3Cline x1='16' y1='14' x2='16' y2='18'/%3E%3Cline x1='12' y1='14' x2='12' y2='18'/%3E%3Cline x1='8' y1='14' x2='8' y2='18'/%3E%3C/svg%3E") !important;
}

/* Bookkeeping — green */
.lp-allinone .lp-allinone-icon--bookkeeping {
  background-color: #F0FDF4 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E") !important;
}

/* GST E-Invoicing — purple */
.lp-allinone .lp-allinone-icon--gst-einvoicing {
  background-color: #FAF5FF !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239333EA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cpolyline points='9 15 11 17 15 13'/%3E%3C/svg%3E") !important;
}

/* E-Way Bill Generation — orange */
.lp-allinone .lp-allinone-icon--eway-bill {
  background-color: #FFF7ED !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23EA580C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11v14H5z'/%3E%3Cpath d='M14 3h4l3 4v7h-7V3z'/%3E%3Ccircle cx='5.5' cy='17.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/svg%3E") !important;
}

/* Inventory Management — pink */
.lp-allinone .lp-allinone-icon--inventory {
  background-color: #FDF2F8 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23DB2777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E") !important;
}

/* Ledger Creation — teal */
.lp-allinone .lp-allinone-icon--ledger {
  background-color: #F0FDFA !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230D9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3Cpolyline points='10 2 10 10 13 7 16 10 16 2'/%3E%3C/svg%3E") !important;
}

/* Quotation Maker — indigo */
.lp-allinone .lp-allinone-icon--quotation {
  background-color: #EEF2FF !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234F46E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cline x1='12' y1='11' x2='16' y2='11'/%3E%3Cline x1='12' y1='16' x2='16' y2='16'/%3E%3Cline x1='8' y1='11' x2='8.01' y2='11'/%3E%3Cline x1='8' y1='16' x2='8.01' y2='16'/%3E%3C/svg%3E") !important;
}

/* Delivery Challan — rose */
.lp-allinone .lp-allinone-icon--delivery {
  background-color: #FFF1F2 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23E11D48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1-2-1Z'/%3E%3Cline x1='8' y1='7' x2='16' y2='7'/%3E%3Cline x1='8' y1='11' x2='16' y2='11'/%3E%3Cline x1='8' y1='15' x2='16' y2='15'/%3E%3C/svg%3E") !important;
}

/* ---------- 9. Card Title ---------- */
.lp-allinone .lp-allinone-card-title {
  font-family: var(--lp-font-display) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* ---------- 10. Card Description ---------- */
.lp-allinone .lp-allinone-card-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 13px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==========================================================
   11. Responsive
   ========================================================== */

/* --- Mobile (< 640px) --- */
@media (max-width: 639px) {
  .lp-allinone {
    padding: 48px 16px 0px !important;
  }

  .lp-allinone .lp-allinone-title {
    font-size: 26px !important;
  }

  .lp-allinone .lp-allinone-desc {
    font-size: 14px !important;
    margin-bottom: 32px !important;
  }

  .lp-allinone .lp-allinone-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* --- Tablet (640px – 1023px) --- */
@media (min-width: 640px) and (max-width: 1023px) {
  .lp-allinone .lp-allinone-title {
    font-size: 26px !important;
  }

  .lp-allinone .lp-allinone-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
}

/* --- Desktop (>= 1024px) --- */
@media (min-width: 1024px) {
  .lp-allinone .lp-allinone-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* =========================================================
   Video / How It Works Section — Scoped Styles for WordPress / Sydney Pro
   Add via WPCode > CSS Snippet (site-wide header)
   ========================================================= */

/* ---------- 1. CSS Custom Properties ---------- */
.lp-video {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-primary-light: rgba(236, 71, 100, 0.1);
  --lp-accent-light: rgba(16, 185, 129, 0.08);
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ---------- 2. Section Layout ---------- */
.lp-video {
  padding: 20px 0 20px !important;
  background: var(--lp-white) !important;
}

.lp-video .lp-video-inner {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

/* ---------- 3. Badge ---------- */
.lp-video .lp-video-badge {
  display: inline-block !important;
  padding: 6px 16px !important;
  background: var(--lp-primary-light) !important;
  color: var(--lp-primary) !important;
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  margin-bottom: 16px !important;
  line-height: 1.5 !important;
}

/* ---------- 4. Title ---------- */
.lp-video .lp-video-title {
  font-family: var(--lp-font-display) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
  letter-spacing: -0.02em !important;
  margin-top: 0px !important;
}

.lp-video .lp-video-highlight {
  color: var(--lp-primary) !important;
}

/* ---------- 5. Description ---------- */
.lp-video .lp-video-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  max-width: 520px !important;
  margin: 0 auto 48px !important;
}

/* ---------- 6. Video Wrapper ---------- */
.lp-video .lp-video-wrapper {
  width: 100% !important;
  max-width: 750px !important;
  margin: 0 auto 48px !important;
  position: relative !important;
}

/* ---------- 7. Video Embed ---------- */
.lp-video .lp-video-embed {
  position: relative !important;
  aspect-ratio: 16 / 9 !important;
  background: rgba(43, 48, 64, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 48px -8px rgba(43, 48, 64, 0.18) !important;
  border: 1px solid rgba(229, 231, 235, 0.5) !important;
}

.lp-video .lp-video-embed.lp-active {
  display: block !important;
}

.lp-video .lp-video-embed p {
  margin: 0 !important;
  padding: 0 !important;
}

.lp-video .lp-video-iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  position: absolute !important;
  inset: 0 !important;
}

/* ---------- 12. Steps Grid ---------- */
.lp-video .lp-video-steps {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  max-width: 860px !important;
  margin: 0 auto 32px !important;
  text-align: center !important;
}

/* ---------- 13. Step Number ---------- */
.lp-video .lp-video-step-num {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: var(--lp-primary) !important;
  color: #ffffff !important;
  font-family: var(--lp-font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px !important;
  box-shadow: 0 4px 14px -2px rgba(236, 71, 100, 0.4) !important;
  flex-shrink: 0 !important;
}

.lp-video .lp-video-step-title {
  font-family: var(--lp-font-display) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.3 !important;
  margin: 0 0 6px !important;
}

.lp-video .lp-video-step-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 13px !important;
  color: var(--lp-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ---------- 14. Bottom Banner ---------- */
.lp-video .lp-video-banner {
  max-width: 680px !important;
  margin: 0 auto 24px !important;
  background: var(--lp-primary-light) !important;
  border-radius: 12px !important;
  padding: 16px 24px !important;
  text-align: center !important;
}

.lp-video .lp-video-banner-text {
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-foreground) !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* ---------- 15. CTA Button ---------- */
.lp-video .lp-video-cta {
  justify-content: center !important;
}

.lp-video .lp-video-cta-btn .wp-block-button__link {
  background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%) !important;
  color: var(--lp-white) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px -2px rgba(236, 71, 100, 0.35) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.lp-video .lp-video-cta-btn .wp-block-button__link:hover {
  background: var(--lp-primary-dark) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================
   16. Responsive
   ========================================================== */

@media (max-width: 767px) {
  .lp-video {
    padding: 48px 16px 0px !important;
  }

  .lp-video .lp-video-title {
    font-size: 26px !important;
  }

  .lp-video .lp-video-steps {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .lp-video .lp-video-title {
    font-size: 30px !important;
  }

  .lp-video .lp-video-steps {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1024px) {
  .lp-video .lp-video-steps {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* =========================================================
   Demo Section — Scoped Styles for WordPress / Sydney Pro
   Add via WPCode > CSS Snippet (site-wide header)
   ========================================================= */

/* ---------- 1. CSS Custom Properties ---------- */
.lp-demo {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-primary-light: rgba(236, 71, 100, 0.1);
  --lp-accent: #10B981;
  --lp-accent-light: rgba(16, 185, 129, 0.1);
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-section-bg: #F9FAFB;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ---------- 2. Section Layout ---------- */
.lp-demo {
  padding: 56px 0 72px !important;
  background: var(--lp-section-bg) !important;
}

.lp-demo .lp-demo-inner {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

/* ---------- 3. Badge ---------- */
.lp-demo .lp-demo-badge {
  display: inline-block !important;
  padding: 4px 12px !important;
  background: var(--lp-primary-light) !important;
  color: var(--lp-primary) !important;
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 9999px !important;
  margin-bottom: 12px !important;
  line-height: 1.5 !important;
}

/* ---------- 4. Title + Description ---------- */
.lp-demo .lp-demo-title {
  font-family: var(--lp-font-display) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.02em !important;
}

.lp-demo .lp-demo-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  max-width: 520px !important;
  margin: 0 auto 40px !important;
}

/* ---------- 5. 2-Column Grid ---------- */
.lp-demo .lp-demo-grid {
  align-items: center !important;
  gap: 32px !important;
}

/* ---------- 6. Video Wrapper (16:9) ---------- */
.lp-demo .lp-demo-video-wrapper {
  position: relative !important;
  aspect-ratio: 16 / 9 !important;
  background: linear-gradient(135deg, var(--lp-primary-light) 0%, var(--lp-accent-light) 100%) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px -4px rgba(43, 48, 64, 0.14) !important;
}

/* ---------- 7. Play Button ---------- */
.lp-demo .lp-demo-play-btn {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: var(--lp-primary) !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 20px -2px rgba(236, 71, 100, 0.5) !important;
  transition: transform 0.2s ease !important;
  z-index: 2 !important;
}

.lp-demo .lp-demo-play-btn:hover {
  transform: translate(-50%, -50%) scale(1.12) !important;
}

/* Play triangle via ::before */
.lp-demo .lp-demo-play-btn::before {
  content: "" !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 9px 0 9px 16px !important;
  border-color: transparent transparent transparent #ffffff !important;
  margin-left: 3px !important;
}

/* ---------- 8. Video Bottom Bar ---------- */
.lp-demo .lp-demo-video-bar {
  position: absolute !important;
  bottom: 12px !important;
  left: 12px !important;
  right: 12px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  z-index: 2 !important;
}

.lp-demo .lp-demo-video-avatar {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: var(--lp-primary) !important;
  color: #fff !important;
  font-family: var(--lp-font-display) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.lp-demo .lp-demo-video-title-text {
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--lp-foreground) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.lp-demo .lp-demo-video-duration {
  font-family: var(--lp-font-body) !important;
  font-size: 10px !important;
  color: var(--lp-muted) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

/* ---------- 9. Carousel Card ---------- */
.lp-demo .lp-demo-carousel {
  background: var(--lp-card-bg) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px -4px rgba(43, 48, 64, 0.1) !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}

/* ---------- 10. Slides Area (4:3) ---------- */
.lp-demo .lp-demo-slides {
  aspect-ratio: 4 / 3 !important;
  background: rgba(243, 244, 246, 0.5) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* ---------- 11. Individual Slide ---------- */
.lp-demo .lp-demo-slide {
  display: none !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  position: absolute !important;
  inset: 0 !important;
  text-align: center !important;
  animation: lp-demo-fadeIn 0.35s ease !important;
}

.lp-demo .lp-demo-slide.lp-demo-slide--active {
  display: flex !important;
}

@keyframes lp-demo-fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ---------- 12. Slide Icon Placeholder ---------- */
.lp-demo .lp-demo-slide-icon {
  width: 64px !important;
  height: 64px !important;
  border-radius: 12px !important;
  background: var(--lp-primary-light) !important;
  margin: 0 auto 12px !important;
  position: relative !important;
  flex-shrink: 0 !important;
}

.lp-demo .lp-demo-slide-icon::after {
  content: "" !important;
  position: absolute !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: rgba(236, 71, 100, 0.2) !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* ---------- 13. Slide Text ---------- */
.lp-demo .lp-demo-slide-title {
  font-family: var(--lp-font-display) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

.lp-demo .lp-demo-slide-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  color: var(--lp-muted) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-width: 200px !important;
}

/* ---------- 14. Controls Bar ---------- */
.lp-demo .lp-demo-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px !important;
  border-top: 1px solid var(--lp-border) !important;
}

/* Prev / Next buttons */
.lp-demo .lp-demo-prev,
.lp-demo .lp-demo-next {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(243, 244, 246, 1) !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s ease !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.lp-demo .lp-demo-prev:hover,
.lp-demo .lp-demo-next:hover {
  background: var(--lp-border) !important;
}

/* Chevron left */
.lp-demo .lp-demo-prev::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-left: 2px solid var(--lp-muted) !important;
  border-bottom: 2px solid var(--lp-muted) !important;
  transform: rotate(45deg) !important;
  margin-left: 3px !important;
}

/* Chevron right */
.lp-demo .lp-demo-next::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid var(--lp-muted) !important;
  border-top: 2px solid var(--lp-muted) !important;
  transform: rotate(45deg) !important;
  margin-right: 3px !important;
}

/* ---------- 15. Dot Indicators ---------- */
.lp-demo .lp-demo {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.lp-demo .lp-demo-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 9999px !important;
  background: rgba(107, 114, 128, 0.3) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  padding: 0 !important;
}

.lp-demo .lp-demo-dot.lp-demo-dot--active {
  width: 16px !important;
  background: var(--lp-primary) !important;
}

/* ---------- 16. CTA Button ---------- */
.lp-demo .lp-demo-cta {
  justify-content: center !important;
  margin-top: 0 !important;
}

.lp-demo .lp-demo-cta-btn .wp-block-button__link {
  background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%) !important;
  color: var(--lp-white) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px -2px rgba(236, 71, 100, 0.35) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.lp-demo .lp-demo-cta-btn .wp-block-button__link:hover {
  background: var(--lp-primary-dark) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================
   17. Responsive
   ========================================================== */

@media (max-width: 767px) {
  .lp-demo {
    padding: 48px 16px 0px !important;
  }

  .lp-demo .lp-demo-title {
    font-size: 24px !important;
  }

  .lp-demo .lp-demo-grid {
    flex-direction: column !important;
    gap: 24px !important;
  }

  .lp-demo .lp-demo-video-col,
  .lp-demo .lp-demo-carousel-col {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .lp-demo .lp-demo-title {
    font-size: 28px !important;
  }
}

@media (min-width: 1024px) {
  .lp-demo .lp-demo-grid {
    flex-wrap: nowrap !important;
  }
}

/* =========================================================
   Integrations Section — Scoped Styles for WordPress / Sydney Pro
   Add via WPCode > CSS Snippet (site-wide header)
   ========================================================= */

/* ---------- 1. CSS Custom Properties ---------- */
.lp-integrations {
  --lp-primary: #EC4764;
  --lp-accent: #10B981;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-section-bg: #F9FAFB;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ---------- 2. Section Layout ---------- */
.lp-integrations {
  padding: 20px 0 80px !important;
  background: var(--lp-section-bg) !important;
}

.lp-integrations .lp-integrations-inner {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* ---------- 3. Title ---------- */
.lp-integrations .lp-integrations-title {
  font-family: var(--lp-font-display) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.2 !important;
  margin-bottom: 40px !important;
  letter-spacing: -0.02em !important;
}

.lp-integrations .lp-integrations-highlight {
  color: var(--lp-primary) !important;
}

/* ---------- 4. Cards Container ---------- */
.lp-integrations .lp-integrations-cards {
  max-width: 900px !important;
  margin: 20px auto 40px !important;
  gap: 24px !important;
  overflow: visible !important;
}

/* ---------- 5. Card Base ---------- */
.lp-integrations .lp-integrations-card {
  background: var(--lp-card-bg) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(229, 231, 235, 0.6) !important;
  padding: 24px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

.lp-integrations .lp-integrations-card:hover {
  box-shadow: 0 4px 20px -4px rgba(43, 48, 64, 0.1) !important;
}

/* ---------- 6. Active Card ---------- */
.lp-integrations .lp-integrations-card.lp-integrations-card--active {
  border-color: var(--lp-primary) !important;
  box-shadow: 0 8px 28px -4px rgba(236, 71, 100, 0.16) !important;
  transform: scale(1.02) !important;
}

/* ---------- 7. Card Label ---------- */
.lp-integrations .lp-integrations-card-label {
  font-family: var(--lp-font-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 8px !important;
  margin-top: 0 !important;
  line-height: 1.4 !important;
}

.lp-integrations .lp-integrations-label--primary {
  color: var(--lp-primary) !important;
}

.lp-integrations .lp-integrations-label--accent {
  color: var(--lp-accent) !important;
}

/* ---------- 8. Card Title ---------- */
.lp-integrations .lp-integrations-card-title {
  font-family: var(--lp-font-display) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.3 !important;
  margin: 0 0 12px !important;
}

/* ---------- 9. Card Description ---------- */
.lp-integrations .lp-integrations-card-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 13px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* ---------- 10. Image Preview Wrapper ---------- */
.lp-integrations .lp-integrations-preview {
  max-width: 900px !important;
  margin: 0 auto !important;
}

.lp-integrations .lp-integrations-image-wrapper {
  background: var(--lp-card-bg) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 48px -8px rgba(43, 48, 64, 0.16) !important;
  border: 1px solid rgba(229, 231, 235, 0.5) !important;
  overflow: hidden !important;
  padding: 8px !important;
  position: relative !important;
  aspect-ratio: 16 / 9 !important;
}

/* ---------- 11. Images (stacked, opacity transition) ---------- */
.lp-integrations .lp-integrations-image {
  position: absolute !important;
  inset: 8px !important;
  opacity: 0 !important;
  transition: opacity 0.5s ease !important;
  margin: 0 !important;
}

.lp-integrations .lp-integrations-image.lp-integrations-image--active {
  opacity: 1 !important;
}

.lp-integrations .lp-integrations-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  display: block !important;
}

/* ==========================================================
   12. Responsive
   ========================================================== */

@media (max-width: 767px) {
  .lp-integrations {
    padding: 20px 16px 0px !important;
  }

  .lp-integrations .lp-integrations-title {
    font-size: 26px !important;
  }

  .lp-integrations .lp-integrations-cards {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .lp-integrations .lp-integrations-card {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  /* Disable scale on mobile to prevent layout issues */
  .lp-integrations .lp-integrations-card.lp-integrations-card--active {
    transform: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .lp-integrations .lp-integrations-title {
    font-size: 28px !important;
  }
}

@media (min-width: 1024px) {
  .lp-integrations .lp-integrations-cards {
    flex-wrap: nowrap !important;
  }
}
.lp-clients-wrapper {
  margin-bottom: 0 !important;
}
.lp-clients {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ── Section ── */
.lp-clients {
  padding: 48px 0 !important;
  background: #FCF8F9 !important;
  box-sizing: border-box !important;
}

/* ── Inner wrapper ── */
.lp-clients .lp-clients-inner {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* ── Title ── */
.lp-clients .lp-clients-title {
  font-family: var(--lp-font-display) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  text-align: center !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
}

.lp-clients .lp-clients-highlight {
  color: var(--lp-primary) !important;
}

/* ── Description ── */
.lp-clients .lp-clients-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  text-align: center !important;
  margin-bottom: 32px !important;
  margin-top: 0 !important;
}

/* ── Marquees container ── */
.lp-clients .lp-clients-marquees {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

/* ── Individual row ── */
.lp-clients .lp-clients-row {
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent) !important;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent) !important;
}

/* ── Track ── */
.lp-clients .lp-clients-track {
  display: flex !important;
  gap: 16px !important;
  width: max-content !important;
}

/* ── Left row: scrolls left ── */
.lp-clients .lp-clients-row--left .lp-clients-track {
  animation: lp-clients-marquee 35s linear infinite !important;
}

/* ── Right row: scrolls right ── */
.lp-clients .lp-clients-row--right .lp-clients-track {
  animation: lp-clients-marquee-reverse 35s linear infinite !important;
}

/* ── Pause on hover ── */
.lp-clients .lp-clients-row:hover .lp-clients-track {
  animation-play-state: paused !important;
}

/* ── Keyframes ── */
@keyframes lp-clients-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-33.333%); }
}

@keyframes lp-clients-marquee-reverse {
  0%   { transform: translateX(-33.333%); }
  100% { transform: translateX(0); }
}

/* ── Brand card ── */
.lp-clients .lp-clients-brand {
  flex-shrink: 0 !important;
  background: var(--lp-white) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  border: 1px solid rgba(229, 231, 235, 0.5) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  font-family: var(--lp-font-body) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* ── Brand color variants ── */
.lp-clients .lp-clients-brand--red {
  color: #EC4764 !important;
}

.lp-clients .lp-clients-brand--green {
  color: #16A34A !important;
}

.lp-clients .lp-clients-brand--dark {
  color: #2B3040 !important;
}

.lp-clients .lp-clients-brand--blue {
  color: #2563EB !important;
}

.lp-clients .lp-clients-brand--pink {
  color: #EC4899 !important;
}

.lp-clients .lp-clients-brand--orange {
  color: #F97316 !important;
}

.lp-clients .lp-clients-brand--blue-light {
  color: #3B82F6 !important;
}

.lp-clients .lp-clients-brand--green-light {
  color: #22C55E !important;
}

/* ── Mobile ── */
@media (max-width: 767px) {
  .lp-clients {
    padding: 32px 16px !important;
  }

  .lp-clients .lp-clients-title {
    font-size: 26px !important;
  }
}


.lp-benefits {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;

  padding: 20px 0 80px !important;
  background: #ffffff !important;
  font-family: var(--lp-font-body) !important;
}

.lp-benefits .lp-benefits-inner {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
}

.lp-benefits .lp-benefits-title {
  font-family: var(--lp-font-display) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  margin-bottom: 12px !important;
  line-height: 1.25 !important;
}

.lp-benefits .lp-benefits-highlight {
  color: var(--lp-primary) !important;
}

.lp-benefits .lp-benefits-desc {
  font-size: 15px !important;
  color: var(--lp-muted) !important;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 48px !important;
  line-height: 1.6 !important;
}

.lp-benefits .lp-benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
  max-width: 960px !important;
  margin: 0 auto !important;
}

.lp-benefits .lp-benefits-card {
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(229, 231, 235, 0.5) !important;
  padding: 24px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  transition: all 0.3s ease !important;
}

.lp-benefits .lp-benefits-card:hover {
  box-shadow: 0 8px 24px -4px rgba(43, 48, 64, 0.1) !important;
}

.lp-benefits .lp-benefits-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  flex-shrink: 0 !important;
}

.lp-benefits .lp-benefits-icon--green {
  background: #F0FDF4 !important;
}

.lp-benefits .lp-benefits-icon--yellow {
  background: #FFFBEB !important;
}

.lp-benefits .lp-benefits-icon--orange {
  background: #FFF7ED !important;
}

.lp-benefits .lp-benefits-icon--blue {
  background: #EFF6FF !important;
}

.lp-benefits .lp-benefits-icon--pink {
  background: #FDF2F8 !important;
}

.lp-benefits .lp-benefits-icon--red {
  background: #FFF1F2 !important;
}

.lp-benefits .lp-benefits-icon--teal {
  background: #F0FDFA !important;
}

.lp-benefits .lp-benefits-icon--cyan {
  background: #ECFEFF !important;
}

.lp-benefits .lp-benefits-card-body {
  flex: 1 !important;
  min-width: 0 !important;
}

.lp-benefits .lp-benefits-card-title {
  font-family: var(--lp-font-display) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  margin-bottom: 4px !important;
  margin-top: 0 !important;
  line-height: 1.3 !important;
}

.lp-benefits .lp-benefits-card-desc {
  font-size: 13px !important;
  color: var(--lp-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

@media (max-width: 639px) {
  .lp-benefits .lp-benefits-grid {
    grid-template-columns: 1fr !important;
  }

  .lp-benefits .lp-benefits-title {
    font-size: 26px !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .lp-benefits .lp-benefits-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}



.lp-fastbilling {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ── Section ── */
.lp-fastbilling {
  padding: 20px 0 80px !important;
  background: var(--lp-white) !important;
  box-sizing: border-box !important;
}

/* ── Inner wrapper ── */
.lp-fastbilling .lp-fastbilling-inner {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* ── Badge ── */
.lp-fastbilling .lp-fastbilling-badge {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(236, 71, 100, 0.1) !important;
  color: var(--lp-primary) !important;
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  padding: 6px 16px !important;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
}

/* ── Title ── */
.lp-fastbilling .lp-fastbilling-title {
  font-family: var(--lp-font-display) !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  margin-bottom: 12px !important;
  margin-top: 0 !important;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.25 !important;
}

.lp-fastbilling .lp-fastbilling-highlight {
  color: var(--lp-primary) !important;
}

/* ── Description ── */
.lp-fastbilling .lp-fastbilling-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 32px !important;
  margin-top: 0 !important;
  line-height: 1.65 !important;
}

/* ── Pills container ── */
.lp-fastbilling .lp-fastbilling-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-bottom: 40px !important;
}

/* ── Individual pill ── */
.lp-fastbilling .lp-fastbilling-pill {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid var(--lp-border) !important;
  border-radius: 9999px !important;
  padding: 8px 16px !important;
  font-family: var(--lp-font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--lp-foreground) !important;
  background: var(--lp-white) !important;
  white-space: nowrap !important;
}

/* ── Dark card ── */
.lp-fastbilling .lp-fastbilling-card {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #EC4764 !important;
  border-radius: 16px !important;
  padding: 32px !important;
  box-sizing: border-box !important;
}

/* ── Card grid (wp-block-columns override) ── */
.lp-fastbilling .lp-fastbilling-card-grid {
  gap: 32px !important;
  align-items: center !important;
}

/* ── Card left column ── */
.lp-fastbilling .lp-fastbilling-card-left {
  text-align: left !important;
}

/* ── Card title ── */
.lp-fastbilling .lp-fastbilling-card-title {
  font-family: var(--lp-font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--lp-white) !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

/* ── Card description ── */
.lp-fastbilling .lp-fastbilling-card-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  line-height: 1.6 !important;
}

/* ── Callout box ── */
.lp-fastbilling .lp-fastbilling-callout {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.lp-fastbilling .lp-fastbilling-callout-text {
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  color: var(--lp-white) !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* ── Card right column ── */
.lp-fastbilling .lp-fastbilling-card-right {
  text-align: left !important;
}

/* ── Stats grid ── */
.lp-fastbilling .lp-fastbilling-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

/* ── Individual stat ── */
.lp-fastbilling .lp-fastbilling-stat {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.lp-fastbilling .lp-fastbilling-stat-value {
  font-family: var(--lp-font-display) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--lp-white) !important;
  margin: 0 0 4px !important;
}

.lp-fastbilling .lp-fastbilling-stat-label {
  font-family: var(--lp-font-body) !important;
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  margin: 0 !important;
}

/* ── CTA button group ── */
.lp-fastbilling .lp-fastbilling-cta {
  margin-bottom: 8px !important;
  display: flex;
  justify-content: center;
}

/* ── CTA button: white on red card ── */
.lp-fastbilling .lp-fastbilling-cta-btn .wp-block-button__link {
  background: var(--lp-white) !important;
  color: #EC4764 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-family: var(--lp-font-body) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  width: 100% !important;
  display: block;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.lp-fastbilling .lp-fastbilling-cta-btn .wp-block-button__link:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #EC4764 !important;
}

/* ── Fine print ── */
.lp-fastbilling .lp-fastbilling-fine-print {
  font-family: var(--lp-font-body) !important;
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-align: center !important;
  margin: 0 !important;
}

/* ── Mobile ── */
@media (max-width: 767px) {
  .lp-fastbilling .lp-fastbilling-title {
    font-size: 24px !important;
  }

  .lp-fastbilling .lp-fastbilling-card {
    padding: 24px 16px !important;
  }

  .lp-fastbilling .lp-fastbilling-card-grid {
    flex-direction: column !important;
  }

  .lp-fastbilling .lp-fastbilling-card-left,
  .lp-fastbilling .lp-fastbilling-card-right {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  .lp-fastbilling .lp-fastbilling-stats {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}


.lp-finalcta {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ── Section ── */
.lp-finalcta {
  padding: 56px 0 !important;
  background: linear-gradient(135deg, #EC4764 0%, #D93A57 100%) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* ── Background decoration circles ── */
.lp-finalcta::before {
  content: '' !important;
  position: absolute !important;
  top: -32px !important;
  left: 25% !important;
  width: 256px !important;
  height: 256px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 50% !important;
  filter: blur(40px) !important;
  pointer-events: none !important;
}

.lp-finalcta::after {
  content: '' !important;
  position: absolute !important;
  bottom: -32px !important;
  right: 25% !important;
  width: 224px !important;
  height: 224px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 50% !important;
  filter: blur(40px) !important;
  pointer-events: none !important;
}

/* ── Inner wrapper ── */
.lp-finalcta .lp-finalcta-inner {
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* ── Title ── */
.lp-finalcta .lp-finalcta-title {
  font-family: var(--lp-font-display) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--lp-white) !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  line-height: 1.2 !important;
}

/* ── Description ── */
.lp-finalcta .lp-finalcta-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 32px !important;
  line-height: 1.65 !important;
}

/* ── Button group ── */
.lp-finalcta .lp-finalcta-btns {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-bottom: 32px !important;
}

/* ── Primary button: white bg, primary text ── */
.lp-finalcta .lp-finalcta-btn-primary .wp-block-button__link {
  background: #ffffff !important;
  color: #EC4764 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-family: var(--lp-font-body) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  display: inline-block;
  box-shadow: none !important;
  transition: background 0.2s ease !important;
}

.lp-finalcta .lp-finalcta-btn-primary .wp-block-button__link:hover {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #EC4764 !important;
}

/* ── Secondary button: ghost / semi-transparent ── */
.lp-finalcta .lp-finalcta-btn-secondary .wp-block-button__link {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-family: var(--lp-font-body) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  display: inline-block !important;
  box-shadow: none !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  min-width: 220px;
}

.lp-finalcta .lp-finalcta-btn-secondary .wp-block-button__link:hover {
  background: #ffffff !important;
  color: #EC4764 !important;
}

/* ── Trust badges row ── */
.lp-finalcta .lp-finalcta-trust {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 24px !important;
}

/* ── Individual trust badge ── */
.lp-finalcta .lp-finalcta-trust-item {
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* ── Mobile ── */
@media (max-width: 767px) {
  .lp-finalcta .lp-finalcta-title {
    font-size: 24px !important;
  }

  .lp-finalcta .lp-finalcta-btns {
    flex-direction: column !important;
    align-items: center !important;
  }

  .lp-finalcta .lp-finalcta-btn-primary .wp-block-button__link,
  .lp-finalcta .lp-finalcta-btn-secondary .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
  }
}


.lp-clients {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ── Section ── */
.lp-clients {
  padding: 48px 0 !important;
  background: #FCF8F9 !important;
  box-sizing: border-box !important;
}

/* ── Inner wrapper ── */
.lp-clients .lp-clients-inner {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* ── Title ── */
.lp-clients .lp-clients-title {
  font-family: var(--lp-font-display) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  text-align: center !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
}

.lp-clients .lp-clients-highlight {
  color: var(--lp-primary) !important;
}

/* ── Description ── */
.lp-clients .lp-clients-desc {
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  text-align: center !important;
  margin-bottom: 32px !important;
  margin-top: 0 !important;
}

/* ── Marquees container ── */
.lp-clients .lp-clients-marquees {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

/* ── Individual row ── */
.lp-clients .lp-clients-row {
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent) !important;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent) !important;
}

/* ── Track ── */
.lp-clients .lp-clients-track {
  display: flex !important;
  gap: 16px !important;
  width: max-content !important;
}

/* ── Left row: scrolls left ── */
.lp-clients .lp-clients-row--left .lp-clients-track {
  animation: lp-clients-marquee 35s linear infinite !important;
}

/* ── Right row: scrolls right ── */
.lp-clients .lp-clients-row--right .lp-clients-track {
  animation: lp-clients-marquee-reverse 35s linear infinite !important;
}

/* ── Pause on hover ── */
.lp-clients .lp-clients-row:hover .lp-clients-track {
  animation-play-state: paused !important;
}

/* ── Keyframes ── */
@keyframes lp-clients-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-33.333%); }
}

@keyframes lp-clients-marquee-reverse {
  0%   { transform: translateX(-33.333%); }
  100% { transform: translateX(0); }
}

/* ── Brand card ── */
.lp-clients .lp-clients-brand {
  flex-shrink: 0 !important;
  background: var(--lp-white) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  border: 1px solid rgba(229, 231, 235, 0.5) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  font-family: var(--lp-font-body) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* ── Brand color variants ── */
.lp-clients .lp-clients-brand--red {
  color: #EC4764 !important;
}

.lp-clients .lp-clients-brand--green {
  color: #16A34A !important;
}

.lp-clients .lp-clients-brand--dark {
  color: #2B3040 !important;
}

.lp-clients .lp-clients-brand--blue {
  color: #2563EB !important;
}

.lp-clients .lp-clients-brand--pink {
  color: #EC4899 !important;
}

.lp-clients .lp-clients-brand--orange {
  color: #F97316 !important;
}

.lp-clients .lp-clients-brand--blue-light {
  color: #3B82F6 !important;
}

.lp-clients .lp-clients-brand--green-light {
  color: #22C55E !important;
}

/* ── Mobile ── */
@media (max-width: 767px) {
  .lp-clients {
    padding: 32px 16px !important;
  }

  .lp-clients .lp-clients-title {
    font-size: 26px !important;
  }
}


.lp-testimonials {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;

  padding: 20px 0 0px !important;
  background: #ffffff !important;
  font-family: var(--lp-font-body) !important;
}

.lp-testimonials .lp-testimonials-inner {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
}

.lp-testimonials .lp-testimonials-title {
  font-family: var(--lp-font-display) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  max-width: 700px !important;
  margin: 0 auto 12px !important;
  line-height: 1.25 !important;
}

.lp-testimonials .lp-testimonials-desc {
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  margin-bottom: 40px !important;
  margin-top: 0 !important;
  line-height: 1.6 !important;
}

.lp-testimonials .lp-testimonials-carousel {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 24px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}

.lp-testimonials .lp-testimonials-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.lp-testimonials .lp-testimonials-dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  border: none !important;
  background: #D1D5DB !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all 0.3s ease !important;
}

.lp-testimonials .lp-testimonials-dot.lp-active {
  background: #ed1a3b !important;
  width: 12px !important;
  height: 12px !important;
}

.lp-testimonials .lp-testimonials-dot:hover {
  background: #9CA3AF !important;
}

.lp-testimonials .lp-testimonials-dot.lp-active:hover {
  background: #ed1a3b !important;
}

.lp-testimonials .lp-testimonials-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  flex: 1 !important;
}

.lp-testimonials .lp-testimonials-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid rgba(229, 231, 235, 0.6) !important;
  padding: 24px !important;
  display: none !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.3s ease !important;
}

.lp-testimonials .lp-testimonials-card.lp-active {
  display: flex !important;
}

.lp-testimonials .lp-testimonials-card:hover {
  box-shadow: 0 8px 24px -4px rgba(43, 48, 64, 0.1) !important;
}

.lp-testimonials .lp-testimonials-quote {
  font-size: 13px !important;
  color: var(--lp-foreground) !important;
  line-height: 1.7 !important;
  margin-bottom: 24px !important;
  margin-top: 0 !important;
  flex: 1 !important;
}

.lp-testimonials .lp-testimonials-author {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.lp-testimonials .lp-testimonials-avatar {
  width: 55px !important;
  height: 55px !important;
  border-radius: 50% !important;
  background: rgba(236, 71, 100, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--lp-font-display) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--lp-primary) !important;
  flex-shrink: 0 !important;
}

.lp-testimonials .lp-testimonials-name-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 2px !important;
}

.lp-testimonials .lp-testimonials-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--lp-foreground) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.lp-testimonials .lp-testimonials-stars {
  font-size: 10px !important;
  line-height: 1 !important;
}

.lp-testimonials .lp-testimonials-business {
  font-size: 11px !important;
  color: var(--lp-muted) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

@media (max-width: 767px) {
  .lp-testimonials .lp-testimonials-grid {
    grid-template-columns: 1fr !important;
  }

  .lp-testimonials .lp-testimonials-title {
    font-size: 26px !important;
  }
}


/* ── Section ── */
.lp-magazine {
  padding: 20px 0 40px;
  background: #ffffff;
  overflow: hidden !important;
  box-sizing: border-box;
  width: 80%;
  margin: auto;
  position: relative !important;
  max-width: 100% !important;
}

/* ── Header ── */
.lp-magazine .lp-magazine-header {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* ── Label ── */
.lp-magazine .lp-magazine-label {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #6B7280;
  text-align: center;
  margin-top: 0;
  margin-bottom: 32px;
}

/* ── Overflow clip ── */
.lp-magazine .lp-magazine-overflow {
  overflow: hidden !important;
  width: 100vw !important;
  position: relative !important;
}

/* ── Track ── */
.lp-magazine .lp-magazine-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  align-items: center !important;
  animation: lp-mag-scroll 20s linear infinite !important;
}

/* ── Keyframes ── */
@keyframes lp-mag-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-33.333%); }
}

/* ── Flatten WP <p> wrappers & hide <br> breaks ── */
.lp-magazine .lp-magazine-track p {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}

.lp-magazine .lp-magazine-track br {
  display: none !important;
}

.lp-magazine .lp-mag,
.lp-magazine a.lp-mag,
.lp-magazine .lp-magazine-track a {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin: 0 28px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  height: 32px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  float: none !important;
}

.lp-magazine .lp-mag img,
.lp-magazine a.lp-mag img,
.lp-magazine .lp-magazine-track a img,
.lp-magazine .lp-magazine-track img {
  max-width: 150px !important;
  object-fit: contain !important;
  filter: grayscale(100%) opacity(0.5) !important;
  transition: filter 0.3s ease !important;
  display: inline-block !important;
  vertical-align: middle !important;
  float: none !important;
}

.lp-magazine .lp-mag:hover img,
.lp-magazine a.lp-mag:hover img {
  filter: grayscale(0%) opacity(1) !important;
}

.lp-magazine .lp-mag img:hover,
.lp-magazine a.lp-mag img:hover {
  filter: grayscale(0%) opacity(1) !important;
}


.lp-mobileapp {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;

  padding: 48px 0 64px !important;
  background: #FCF8F9 !important;
  overflow: hidden !important;
  font-family: var(--lp-font-body) !important;
}

.lp-mobileapp-inner {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
}

.lp-mobileapp-grid {
  gap: 48px !important;
  align-items: center !important;
}

.lp-mobileapp-phone-wrapper {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.lp-mobileapp-phone-img {
  /* width: 280px !important;
  box-shadow: 0 20px 60px -10px rgba(43, 48, 64, 0.2) !important; */
  margin: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
}

.lp-mobileapp-phone-img img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 24px !important;
}

.lp-mobileapp-float {
  position: absolute !important;
  background: var(--lp-white) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  box-shadow: 0 4px 16px -2px rgba(43, 48, 64, 0.12) !important;
  border: 1px solid rgba(229, 231, 235, 0.5) !important;
}

.lp-mobileapp-float--analytics {
  right: -32px !important;
  top: 64px !important;
  width: 160px !important;
}

.lp-mobileapp-float-label {
  font-size: 10px !important;
  color: var(--lp-muted) !important;
  margin: 0 0 2px !important;
}

.lp-mobileapp-float-value {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #10B981 !important;
  margin: 0 0 4px !important;
}

.lp-mobileapp-mini-bars {
  display: flex !important;
  align-items: flex-end !important;
  gap: 2px !important;
  height: 32px !important;
}

.lp-mobileapp-mini-bars div {
  flex: 1 !important;
  background: rgba(236, 71, 100, 0.4) !important;
  border-radius: 2px 2px 0 0 !important;
}

.lp-mobileapp-float--sync {
  left: -48px !important;
  bottom: 96px !important;
  width: 128px !important;
}

.lp-mobileapp-float-sync-label {
  font-size: 9px !important;
  color: var(--lp-muted) !important;
  margin: 0 !important;
}

.lp-mobileapp-float-sync-value {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--lp-foreground) !important;
  margin: 0 !important;
}

.lp-mobileapp-title {
  font-family: var(--lp-font-display) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  margin-bottom: 12px !important;
  margin-top: 0 !important;
  line-height: 1.3 !important;
}

.lp-mobileapp-highlight {
  color: var(--lp-primary) !important;
}

.lp-mobileapp-desc {
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  max-width: 440px !important;
  margin-bottom: 20px !important;
}

.lp-mobileapp-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 24px !important;
}

.lp-mobileapp-pill {
  padding: 6px 14px !important;
  background: var(--lp-white) !important;
  border: 1px solid var(--lp-border) !important;
  border-radius: 9999px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--lp-foreground) !important;
}

.lp-mobileapp-store-btns {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
}

.lp-mobileapp-store-btn {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #000000 !important;
  color: var(--lp-white) !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: background 0.2s ease !important;
}

.lp-mobileapp-store-btn:hover {
  background: #333333 !important;
}

.lp-mobileapp-stats {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

.lp-mobileapp-stat {
  text-align: center !important;
}

.lp-mobileapp-stat-value {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  margin: 0 0 2px !important;
}

.lp-mobileapp-stat-label {
  font-size: 10px !important;
  color: var(--lp-muted) !important;
  margin: 0 !important;
}

.lp-mobileapp-stat-divider {
  width: 1px !important;
  height: 32px !important;
  background: var(--lp-border) !important;
  flex-shrink: 0 !important;
}

@media (max-width: 767px) {
  .lp-mobileapp-grid {
    flex-direction: column !important;
  }

  .lp-mobileapp-img-col,
  .lp-mobileapp-content {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  .lp-mobileapp-img-col {
    order: 2 !important;
  }

  .lp-mobileapp-content {
    order: 1 !important;
  }

  .lp-mobileapp-phone-wrapper {
    justify-content: center !important;
  }

  .lp-mobileapp-float--analytics {
    right: -8px !important;
    top: 40px !important;
    width: 130px !important;
  }

  .lp-mobileapp-float--sync {
    left: -8px !important;
    bottom: 60px !important;
    width: 110px !important;
  }

  .lp-mobileapp-store-btns {
    justify-content: center !important;
  }

  .lp-mobileapp-stats {
    justify-content: center !important;
  }

  .lp-mobileapp-title {
    font-size: 26px !important;
  }
}


.lp-security {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;

  padding: 20px 0 20px !important;
  background: #ffffff !important;
  font-family: var(--lp-font-body) !important;
}

.lp-security-inner {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
}

.lp-security-grid {
  gap: 40px !important;
  align-items: center !important;
}

.lp-security-content {
  display: flex !important;
  flex-direction: column !important;
}

.lp-security-title {
  font-family: var(--lp-font-display) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
  margin-top: 0 !important;
}

.lp-security-highlight {
  color: var(--lp-primary) !important;
}

.lp-security-desc {
  font-size: 15px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  margin-bottom: 32px !important;
}

.lp-security-features {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.lp-security-feature {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.lp-security-feature-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  flex-shrink: 0 !important;
}

.lp-security-icon--yellow {
  background: #FFFBEB !important;
  color: #D97706 !important;
}

.lp-security-icon--green {
  background: #F0FDF4 !important;
  color: #16A34A !important;
}

.lp-security-icon--rose {
  background: #FFF1F2 !important;
  color: #E11D48 !important;
}

.lp-security-feature-title {
  font-family: var(--lp-font-display) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  margin-bottom: 4px !important;
  margin-top: 0 !important;
}

.lp-security-feature-desc {
  font-size: 13px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.lp-security-illustration {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.lp-security-orbit-wrapper {
  position: relative !important;
  width: 320px !important;
  height: 320px !important;
}

.lp-security-orbit {
  position: absolute !important;
  inset: 16px !important;
  border-radius: 50% !important;
  border: 2px dashed rgba(236, 71, 100, 0.2) !important;
}

.lp-security-shield {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  background: rgba(16, 185, 129, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 40px !important;
}

.lp-security-float {
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  font-size: 20px !important;
}

.lp-security-float--1 {
  top: 8px !important;
  right: 48px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: #EFF6FF !important;
}

.lp-security-float--2 {
  top: 64px !important;
  left: 0 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: #FFF7ED !important;
}

.lp-security-float--3 {
  bottom: 32px !important;
  left: 32px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: #F0FDF4 !important;
}

.lp-security-float--4 {
  bottom: 16px !important;
  right: 32px !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: #FAF5FF !important;
}

.lp-security-float--5 {
  top: 24px !important;
  left: 80px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  background: #FFF1F2 !important;
}

.lp-security-float--6 {
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: #EEF2FF !important;
}

@media (max-width: 767px) {
  .lp-security-grid {
    flex-direction: column !important;
  }

  .lp-security-content,
  .lp-security-illustration {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  .lp-security-illustration {
    order: 2 !important;
  }

  .lp-security-orbit-wrapper {
    width: 240px !important;
    height: 240px !important;
  }

  .lp-security-title {
    font-size: 26px !important;
  }
}


/* =========================================================
   FAQ Section — Scoped Styles for WordPress / Sydney Pro
   Add via WPCode > CSS Snippet (site-wide header)
   ========================================================= */

/* ---------- 1. CSS Custom Properties ---------- */
.lp-faq {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-primary-light: rgba(236, 71, 100, 0.08);
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* ---------- 2. Section Layout ---------- */
.lp-faq {
  padding: 20px 0 80px !important;
  background: var(--lp-white) !important;
}

.lp-faq .lp-faq-inner {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* ---------- 3. Header ---------- */
.lp-faq .lp-faq-header {
  display: block !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  visibility: visible !important;
}

.lp-faq .lp-faq-badge {
  display: inline-block !important;
  padding: 4px 14px !important;
  background: var(--lp-primary-light) !important;
  color: var(--lp-primary) !important;
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  margin-bottom: 12px !important;
  line-height: 1.5 !important;
  visibility: visible !important;
}

.lp-faq .lp-faq-title {
  display: block !important;
  font-family: var(--lp-font-display) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.25 !important;
  margin: 0 0 12px !important;
  letter-spacing: -0.01em !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.lp-faq .lp-faq-desc {
  display: block !important;
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  visibility: visible !important;
}

/* ---------- 4. FAQ List ---------- */
.lp-faq .lp-faq-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-bottom: 40px !important;
}

/* ---------- 5. FAQ Item ---------- */
.lp-faq .lp-faq-item {
  background: var(--lp-card-bg) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(229, 231, 235, 0.8) !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(43, 48, 64, 0.04) !important;
  transition: box-shadow 0.2s ease !important;
}

.lp-faq .lp-faq-item:hover {
  box-shadow: 0 4px 16px -4px rgba(43, 48, 64, 0.1) !important;
}

/* ---------- 6. Question Button ---------- */
.lp-faq .lp-faq-question {
	margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px 20px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  text-align: left !important;
  font-family: var(--lp-font-display) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.4 !important;
  transition: background 0.2s ease !important;
}

.lp-faq .lp-faq-question:hover {
  background: rgba(243, 244, 246, 0.5) !important;
}

.lp-faq .lp-faq-item.lp-faq-item--open .lp-faq-question {
  background: var(--lp-primary-light) !important;
  color: var(--lp-primary) !important;
}

/* ---------- 7. Expand Icon ---------- */
.lp-faq .lp-faq-icon {
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--lp-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  transition: all 0.25s ease !important;
}

/* Plus icon via pseudo-elements */
.lp-faq .lp-faq-icon::before,
.lp-faq .lp-faq-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  background: var(--lp-muted) !important;
  border-radius: 1px !important;
  transition: all 0.25s ease !important;
}

.lp-faq .lp-faq-icon::before {
  width: 10px !important;
  height: 1.5px !important;
  transform: translate(-50%, -50%) !important;
}

.lp-faq .lp-faq-icon::after {
  width: 1.5px !important;
  height: 10px !important;
  transform: translate(-50%, -50%) !important;
}

/* Open state: minus icon, red border */
.lp-faq .lp-faq-item.lp-faq-item--open .lp-faq-icon {
  border-color: var(--lp-primary) !important;
}

.lp-faq .lp-faq-item.lp-faq-item--open .lp-faq-icon::before {
  background: var(--lp-primary) !important;
}

.lp-faq .lp-faq-item.lp-faq-item--open .lp-faq-icon::after {
  height: 0 !important;
  opacity: 0 !important;
  transform: translate(-50%, -50%) !important;
}

/* ---------- 8. Answer (collapsible) ---------- */
.lp-faq .lp-faq-answer {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.35s ease !important;
}

.lp-faq .lp-faq-item.lp-faq-item--open .lp-faq-answer {
  max-height: 400px !important;
}

.lp-faq .lp-faq-answer p {
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  padding: 0 20px 16px !important;
}

/* ---------- 9. Contact CTA ---------- */
.lp-faq .lp-faq-contact {
  text-align: center !important;
}

.lp-faq .lp-faq-contact-text {
  font-family: var(--lp-font-body) !important;
  font-size: 13px !important;
  color: var(--lp-muted) !important;
  margin: 0 0 8px !important;
}

.lp-faq .lp-faq-contact-link {
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--lp-primary) !important;
  text-decoration: none !important;
  transition: text-decoration 0.15s ease !important;
}

.lp-faq .lp-faq-contact-link:hover {
  text-decoration: underline !important;
}

/* ==========================================================
   10. Responsive
   ========================================================== */

@media (max-width: 767px) {
  .lp-faq {
    padding: 48px 16px 0px !important;
  }

  .lp-faq .lp-faq-inner {
    padding: 0 !important;
  }

  .lp-faq .lp-faq-title {
    font-size: 26px !important;
  }

  .lp-faq .lp-faq-question {
    font-size: 13px !important;
    padding: 14px 16px !important;
  }

  .lp-faq .lp-faq-answer p {
    padding: 0 16px 14px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .lp-faq .lp-faq-title {
    font-size: 26px !important;
  }
}



.lp-einvoicing {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;

  padding: 20px 0 0px !important;
  background: #FCF8F9 !important;
  font-family: var(--lp-font-body) !important;
  margin-bottom: 0 !important;
}

.lp-einvoicing-inner {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
}

.lp-einvoicing-title {
  font-family: var(--lp-font-display) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.3 !important;
  margin-bottom: 16px !important;
}

.lp-einvoicing-highlight {
  color: var(--lp-primary) !important;
}

.lp-einvoicing-desc {
  font-size: 15px !important;
  color: var(--lp-muted) !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 48px !important;
  line-height: 1.65 !important;
}

.lp-einvoicing-grid {
  gap: 40px !important;
  align-items: flex-start !important;
}

.lp-einvoicing-steps {
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
  max-height: 420px !important;
  overflow-y: auto !important;
  padding-right: 12px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(236, 71, 100, 0.3) transparent !important;
}

.lp-einvoicing-steps::-webkit-scrollbar {
  width: 4px !important;
}

.lp-einvoicing-steps::-webkit-scrollbar-track {
  background: transparent !important;
}

.lp-einvoicing-steps::-webkit-scrollbar-thumb {
  background: rgba(236, 71, 100, 0.3) !important;
  border-radius: 4px !important;
}

.lp-einvoicing-steps::-webkit-scrollbar-thumb:hover {
  background: rgba(236, 71, 100, 0.5) !important;
}

.lp-einvoicing-step {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.lp-einvoicing-step-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
}

.lp-einvoicing-icon--orange {
  background-color: #FED7AA !important;
  color: #EA580C !important;
}

.lp-einvoicing-icon--green {
  background-color: #DCFCE7 !important;
  color: #16A34A !important;
}

.lp-einvoicing-icon--purple {
  background-color: #EDE9FE !important;
  color: #9333EA !important;
}

.lp-einvoicing-step-body {
  flex: 1 !important;
}

.lp-einvoicing-step-title {
  font-family: var(--lp-font-display) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  margin-bottom: 8px !important;
  margin-top: 0 !important;
}

.lp-einvoicing-step-desc {
  font-size: 13px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.lp-einvoicing-card {
  background: var(--lp-white) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px -4px rgba(43, 48, 64, 0.12) !important;
  border: 1px solid rgba(229, 231, 235, 0.5) !important;
  padding: 16px !important;
  overflow: hidden !important;
}

.lp-einvoicing-card-header {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.lp-einvoicing-dots {
  display: flex !important;
  gap: 6px !important;
}

.lp-einvoicing-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  display: inline-block !important;
}

.lp-einvoicing-dot--red {
  background: rgba(239, 68, 68, 0.6) !important;
}

.lp-einvoicing-dot--yellow {
  background: rgba(250, 204, 21, 0.8) !important;
}

.lp-einvoicing-dot--green {
  background: rgba(16, 185, 129, 0.6) !important;
}

.lp-einvoicing-app-label {
  font-size: 11px !important;
  color: var(--lp-muted) !important;
  margin-left: auto !important;
  letter-spacing: 0.05em !important;
}

.lp-einvoicing-dark-area {
  background: #2B3040 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  min-height: 240px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.lp-einvoicing-bars {
  display: grid !important;
  grid-template-columns: repeat(8, 1fr) !important;
  gap: 8px !important;
  align-items: flex-end !important;
  height: 90px !important;
}

.lp-einvoicing-bar {
  background: rgba(236, 71, 100, 0.6) !important;
  border-radius: 4px 4px 0 0 !important;
  width: 100% !important;
}

.lp-einvoicing-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

.lp-einvoicing-stat {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 8px !important;
  text-align: center !important;
}

.lp-einvoicing-stat-value {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 2px !important;
}

.lp-einvoicing-stat--red .lp-einvoicing-stat-value {
  color: #EC4764 !important;
}

.lp-einvoicing-stat--green .lp-einvoicing-stat-value {
  color: #10B981 !important;
}

.lp-einvoicing-stat--yellow .lp-einvoicing-stat-value {
  color: #EAB308 !important;
}

.lp-einvoicing-stat-key {
  font-size: 9px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  margin: 0 !important;
}

.lp-einvoicing-card-footer {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 16px !important;
}

.lp-einvoicing-cta {
  margin: 20px !important;
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}

.lp-einvoicing-cta-btn .wp-block-button__link {
  background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%) !important;
  color: var(--lp-white) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: none !important;
  font-family: var(--lp-font-body) !important;
  white-space: nowrap !important;
}

.lp-einvoicing-cta-btn .wp-block-button__link:hover {
  background: linear-gradient(135deg, var(--lp-primary-dark) 0%, #C4304A 100%) !important;
}

@media (max-width: 767px) {
  .lp-einvoicing-grid {
    flex-direction: column !important;
  }

  .lp-einvoicing-steps,
  .lp-einvoicing-mockup {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  .lp-einvoicing-title {
    font-size: 26px !important;
  }
}

.lp-aggregator {
  --lp-primary: #EC4764;
  --lp-primary-dark: #D93A57;
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;

  padding: 20px 0 80px !important;
  background: #FCF8F9 !important;
  font-family: var(--lp-font-body) !important;
}

.lp-aggregator .lp-aggregator-inner {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
}

.lp-aggregator .lp-aggregator-grid {
  display: flex !important;
  gap: 48px !important;
  align-items: center !important;
}

.lp-aggregator .lp-aggregator-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
}

.lp-aggregator .lp-aggregator-title {
  font-family: var(--lp-font-display) !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.2 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.lp-aggregator .lp-aggregator-highlight {
  color: var(--lp-primary) !important;
}

.lp-aggregator .lp-aggregator-stats {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px 32px !important;
}

.lp-aggregator .lp-aggregator-stat {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.lp-aggregator .lp-aggregator-stat-icon {
  font-size: 24px !important;
  color: var(--lp-primary) !important;
  flex-shrink: 0 !important;
}

.lp-aggregator .lp-aggregator-stat-value {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  margin: 0 0 2px !important;
  line-height: 1.2 !important;
}

.lp-aggregator .lp-aggregator-stat-label {
  font-size: 13px !important;
  color: var(--lp-muted) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.lp-aggregator .lp-aggregator-right {
  display: flex !important;
  flex-direction: column !important;
}

.lp-aggregator .lp-aggregator-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 24px 32px !important;
  box-shadow: 0 4px 20px -4px rgba(43, 48, 64, 0.1) !important;
  border: 3px solid #ed1a3b !important;
}

.lp-aggregator .lp-aggregator-card-header {
  font-size: 13px !important;
  color: var(--lp-muted) !important;
  margin-bottom: 24px !important;
  margin-top: 0 !important;
  font-style: italic !important;
  letter-spacing: 0.01em !important;
}

.lp-aggregator .lp-aggregator-platforms {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
}

.lp-aggregator .lp-aggregator-platform {
  border-radius: 12px !important;
  padding: 16px !important;
  text-align: center !important;
}

.lp-aggregator .lp-aggregator-platform-name {
  font-family: var(--lp-font-display) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 6px !important;
  line-height: 1.3 !important;
}

.lp-aggregator .lp-aggregator-platform-rating {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

@media (max-width: 767px) {
  .lp-aggregator .lp-aggregator-grid {
    flex-direction: column !important;
  }

  .lp-aggregator .lp-aggregator-left,
  .lp-aggregator .lp-aggregator-right {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  .lp-aggregator .lp-aggregator-title {
    font-size: 26px !important;
  }
	.lp-aggregator .lp-aggregator-platform {
    padding: 10px !important;
  }
}
.lp-business {
    --lp-primary: #EC4764;
    --lp-primary-dark: #D93A57;
    --lp-foreground: #2B3040;
    --lp-muted: #6B7280;
    --lp-border: #E5E7EB;
    --lp-white: #ffffff;
    --lp-card-bg: #ffffff;
    --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif;
  
    padding: 20px 0 80px !important;
    background: #ffffff !important;
    font-family: var(--lp-font-body) !important;
  }
  
  .lp-business-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px !important;
  }
  
  .lp-business-badge {
    display: inline-block !important;
    background: rgba(236, 71, 100, 0.08) !important;
    color: var(--lp-primary) !important;
    border: 1px solid rgba(236, 71, 100, 0.2) !important;
    border-radius: 9999px !important;
    padding: 4px 14px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }
  
  .lp-business-title {
    font-family: var(--lp-font-display) !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: var(--lp-foreground) !important;
    margin-bottom: 12px !important;
    margin-top: 0 !important;
    line-height: 1.3 !important;
  }
  
  .lp-business-highlight {
    color: var(--lp-primary) !important;
  }
  
  .lp-business-desc {
    font-size: 14px !important;
    color: var(--lp-muted) !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 48px !important;
    line-height: 1.65 !important;
  }
  
  .lp-business-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
  }
  
  .lp-business-card {
    background: var(--lp-white) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(229, 231, 235, 0.6) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    cursor: default !important;
    padding: 0 !important;
  }
  
  .lp-business-card:hover {
    box-shadow: 0 8px 24px -4px rgba(43, 48, 64, 0.1) !important;
  }
  
  .lp-business-card-img {
    height: 176px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  
  .lp-business-card-img img {
    height: 176px !important;
    object-fit: cover !important;
    width: 100% !important;
    display: block !important;
    background: rgba(236, 71, 100, 0.05) !important;
    transition: transform 0.5s ease !important;
  }
  
  .lp-business-card:hover .lp-business-card-img img {
    transform: scale(1.05) !important;
  }
  
  .lp-business-card-body {
    padding: 16px !important;
  }
  
  .lp-business-card-title {
    font-family: var(--lp-font-display) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--lp-foreground) !important;
    margin-bottom: 8px !important;
    margin-top: 0 !important;
  }
  
  .lp-business-card-desc {
    font-size: 13px !important;
    color: var(--lp-muted) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }
  
  @media (max-width: 639px) {
    .lp-business-grid {
      grid-template-columns: 1fr !important;
      gap: 12px !important;
    }
  
    .lp-business-title {
      font-size: 26px !important;
    }
  }
  
  @media (min-width: 640px) and (max-width: 1023px) {
    .lp-business-grid {
      grid-template-columns: repeat(2, 1fr) !important;
    }
  }
  
  @media (min-width: 1024px) {
    .lp-business-grid {
      grid-template-columns: repeat(4, 1fr) !important;
    }
  }

/* =========================================================
   GLOBAL MOBILE OVERFLOW & RESPONSIVENESS FIXES
   Appended last so these rules win over section-specific CSS
   ========================================================= */

@media (max-width: 767px) {

  /* ── 1. Prevent horizontal overflow on every LP section ── */
  .lp-hero, .lp-magazine, .lp-overview, .lp-features,
  .lp-allinone, .lp-video, .lp-demo, .lp-testimonials,
  .lp-pricing, .lp-faq, .lp-finalcta, .lp-integrations,
  .lp-security, .lp-business, .lp-fastbilling, .lp-mobileapp,
  .lp-benefits, .lp-clients, .lp-einvoicing, .lp-aggregator {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  /* ── 2. All inner containers: full width + safe padding ── */
  [class*="lp-"][class$="-inner"] {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* ── 3. Force ALL wp-block-columns inside our sections to stack ── */
  .lp-hero .wp-block-columns,
  .lp-overview .wp-block-columns,
  .lp-features .wp-block-columns,
  .lp-allinone .wp-block-columns,
  .lp-video .wp-block-columns,
  .lp-demo .wp-block-columns,
  .lp-testimonials .wp-block-columns,
  .lp-pricing .wp-block-columns,
  .lp-security .wp-block-columns,
  .lp-fastbilling .wp-block-columns,
  .lp-mobileapp .wp-block-columns,
  .lp-benefits .wp-block-columns,
  .lp-einvoicing .wp-block-columns,
  .lp-aggregator .wp-block-columns {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  /* ── 4. Force ALL wp-block-column to full width (overrides inline flex-basis) ── */
  .lp-hero .wp-block-column,
  .lp-overview .wp-block-column,
  .lp-features .wp-block-column,
  .lp-allinone .wp-block-column,
  .lp-video .wp-block-column,
  .lp-demo .wp-block-column,
  .lp-testimonials .wp-block-column,
  .lp-pricing .wp-block-column,
  .lp-security .wp-block-column,
  .lp-fastbilling .wp-block-column,
  .lp-mobileapp .wp-block-column,
  .lp-benefits .wp-block-column,
  .lp-einvoicing .wp-block-column,
  .lp-aggregator .wp-block-column {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* ── 5. All images inside LP sections are responsive ── */
  .lp-hero img, .lp-overview img, .lp-features img,
  .lp-allinone img, .lp-video img, .lp-demo img,
  .lp-testimonials img, .lp-pricing img, .lp-security img,
  .lp-fastbilling img, .lp-mobileapp img, .lp-benefits img,
  .lp-einvoicing img, .lp-aggregator img, .lp-clients img,
  .lp-business img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ── 6. Hero specifics ── */
  .lp-hero {
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    min-height: auto !important;
  }

  .lp-hero .lp-hero-inner {
    width: 100% !important;
    max-width: 100% !important;
  }

  .lp-hero .lp-hero-grid {
    flex-direction: column !important;
    gap: 24px !important;
  }

  .lp-hero .lp-hero-headline {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }

  .lp-hero .lp-hero-pills {
    flex-wrap: wrap !important;
    display: flex;
    justify-content: center;
  }

  /* ── 7. Overview panel grid ── */
  .lp-overview .lp-overview-panel-grid {
    flex-direction: column !important;
  }

  .lp-overview .lp-overview-panel-img-col,
  .lp-overview .lp-overview-panel-content {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .lp-overview .lp-overview-panel-content {
    order: -1 !important;
    padding: 20px !important;
  }

  .lp-overview .lp-overview-panel-img-col {
    padding: 20px !important;
  }

  /* ── 8. Features panel grid + cards ── */
  .lp-features .lp-features-panel-grid {
    flex-direction: column !important;
    gap: 20px !important;
  }

  .lp-features .lp-features-cards {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .lp-features .lp-features-card {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .mobile-margin {
    margin-bottom: 20px !important;
  }

  /* ── 9. All-in-one grid ── */
  .lp-allinone .lp-allinone-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* ── 10. Video wrapper ── */
  .lp-video .lp-video-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .lp-video .lp-video-steps {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  /* ── 11. Demo grid ── */
  .lp-demo .lp-demo-grid {
    flex-direction: column !important;
  }

  /* ── 12. Testimonials carousel ── */
  .lp-testimonials .lp-testimonials-carousel {
    gap: 16px !important;
  }

  .lp-testimonials .lp-testimonials-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    flex-basis: 100% !important;
  }

  .lp-testimonials .lp-testimonials-card {
    padding: 20px !important;
  }

  .lp-testimonials .lp-testimonials-dots {
    gap: 8px !important;
  }

  .lp-testimonials .lp-testimonials-dot {
    width: 8px !important;
    height: 8px !important;
  }

  .lp-testimonials .lp-testimonials-dot.lp-active {
    width: 10px !important;
    height: 10px !important;
  }

  /* ── 13. FAQ ── */
  .lp-faq .lp-faq-inner {
    padding: 0 16px !important;
  }

  /* ── 14. Buttons: full-width on mobile ── */
  .lp-hero .wp-block-buttons,
  .lp-overview .wp-block-buttons,
  .lp-video .wp-block-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .lp-hero .wp-block-button,
  .lp-overview .wp-block-button,
  .lp-video .wp-block-button {
    width: 100% !important;
  }

  .lp-hero .wp-block-button__link,
  .lp-overview .wp-block-button__link,
  .lp-video .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  .lp-magazine {
    width: 100% !important;
  }
  .limitations-container {
    gap: 0 !important
  }
}
.tab {
	  margin: 5px 10px 10px 10px;
    border-radius: 10px !important;
    box-shadow: 0 0 20px #00000029 !important;
}