/* Isolated CSS for lp-integrations-wrapper. Source: business-theme.css. */
.lp-integrations { --lp-primary: #ed1a3b;
  --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; }
.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; }
.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; }
.lp-integrations .lp-integrations-cards { max-width: 900px !important;
  margin: 20px auto 40px !important;
  gap: 24px !important;
  overflow: visible !important; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
@media (max-width: 767px) {
.lp-integrations { padding: 20px 16px 0px !important; }
}
@media (max-width: 767px) {
.lp-integrations .lp-integrations-title { font-size: 26px !important; }
}
@media (max-width: 767px) {
.lp-integrations .lp-integrations-cards { flex-direction: column !important;
    gap: 12px !important; }
}
@media (max-width: 767px) {
.lp-integrations .lp-integrations-card { flex-basis: 100% !important;
    max-width: 100% !important; }
}
@media (max-width: 767px) {
.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; }
}
@media (max-width: 767px) {
.lp-integrations { overflow-x: hidden !important;
    max-width: 100vw !important;
    box-sizing: border-box !important; }
}
@media (max-width: 767px) {
.lp-integrations-wrapper [class*="lp-"][class$="-inner"] { max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important; }
}