.elementor-3726 .elementor-element.elementor-element-5846919{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3726 .elementor-element.elementor-element-3934658 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-3726 .elementor-element.elementor-element-9abd505{width:100%;max-width:100%;}.elementor-3726 .elementor-element.elementor-element-9abd505 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-9abd505 */.clf-lp-wrapper {
  --clf-primary: #2e60a5;
  --clf-primary-hover: #244e87;
  --clf-primary-dark: #1d3e6d;
  --clf-light-tint: #eef3fb;
  --clf-light: #F7F7F7;
  --clf-dark: #121212;
  --clf-body: #404751;
  --clf-black: #121212;
  --clf-white: #fff;
  --clf-gray: #f4f6f8;
  --clf-gray-border: #e6eaee;
  --clf-text-muted: #5f6770;
  --clf-footer-bg: #0f1419;
  --clf-success: #16a34a;
  --clf-star: #f59e0b;
  --clf-shadow-sm: 0 1px 2px rgba(17, 31, 44, .04), 0 2px 6px rgba(17, 31, 44, .04);
  --clf-shadow-md: 0 4px 12px rgba(17, 31, 44, .06), 0 8px 24px rgba(17, 31, 44, .04);
  --clf-shadow-lg: 0 12px 32px rgba(17, 31, 44, .08), 0 24px 56px rgba(17, 31, 44, .06);
  --clf-shadow-blue: 0 6px 20px rgba(46, 96, 165, .22);
  --clf-radius: 10px;
  --clf-radius-sm: 6px;
  --clf-radius-lg: 16px;
  --clf-radius-xl: 20px;
  --clf-ease: cubic-bezier(.16, 1, .3, 1);
  --clf-dur-fast: 180ms;
  --clf-dur-base: 320ms;
  --clf-dur-slow: 600ms;
  font-family: 'Titillium Web', sans-serif;
  color: var(--clf-body);
  line-height: 1.65;
  background: #fff;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: clip;
  max-width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.clf-lp-wrapper *,
.clf-lp-wrapper *::before,
.clf-lp-wrapper *::after {
  box-sizing: border-box
}

.clf-lp-wrapper h1,
.clf-lp-wrapper h2,
.clf-lp-wrapper h3,
.clf-lp-wrapper h4,
.clf-lp-wrapper h5 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  color: var(--clf-black);
  margin: 0 0 14px 0;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-transform: none !important
}

.clf-lp-wrapper p { margin: 0 0 12px 0 }

.clf-lp-wrapper a {
  text-decoration: none;
  color: var(--clf-primary);
  transition: color var(--clf-dur-fast) ease
}

.clf-lp-wrapper ul { list-style: none; padding: 0; margin: 0 }

.clf-lp-wrapper img { max-width: 100%; height: auto; display: block }

.clf-lp-container { max-width: 1180px; margin: 0 auto; padding: 0 24px }

[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity 700ms var(--clf-ease), transform 700ms var(--clf-ease); transition-delay: var(--reveal-delay, 0ms) }
[data-reveal].is-visible, .clf-lp-wrapper:not(.js-reveal-ready) [data-reveal] { opacity: 1; transform: translateY(0) }

.clf-lp-prehead {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: transparent;
  color: var(--clf-primary);
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.005em;
  text-transform: none !important;
  padding: 0;
  border-radius: 0;
  margin-bottom: 18px
}

.clf-lp-prehead::before,
.clf-lp-prehead::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 2px;
  background: var(--clf-primary);
  border-radius: 2px;
  margin: 0 12px;
}

.clf-lp-section-title {
  font-size: 52px;
  line-height: 1.05;
  margin-bottom: 18px;
  color: var(--clf-black);
  font-weight: 700;
  letter-spacing: -0.025em;
  text-align: center;
  text-transform: none !important
}

.clf-lp-section-title span {
  color: var(--clf-primary);
  font-style: italic;
  font-weight: 700;
  padding-right: 0.12em;
}

.clf-lp-section-subtitle {
  display: block !important;
  width: 100% !important;
  font-size: 19px;
  color: var(--clf-text-muted);
  font-weight: 400;
  margin: 0 auto 48px auto !important;
  max-width: 800px !important;
  line-height: 1.55;
  text-align: center !important;
  text-transform: none !important
}

/* ── Buttons ── */
.clf-lp-btn {
  text-transform: none;
  letter-spacing: -0.005em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 28px;
  background: var(--clf-primary);
  color: #fff !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-size: 16px;
  border-radius: 10px;
  border: 1.5px solid var(--clf-primary);
  cursor: pointer;
  transition: all var(--clf-dur-base) var(--clf-ease);
  box-shadow: var(--clf-shadow-blue);
  position: relative;
  overflow: hidden;
  text-decoration: none !important;
  line-height: 1.2
}

.clf-lp-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .35) 50%, transparent 70%);
  transform: translateX(-120%);
  transition: transform 700ms var(--clf-ease);
  pointer-events: none
}

.clf-lp-btn:hover::before { transform: translateX(120%) }

.clf-lp-btn:hover {
  background: var(--clf-primary-hover);
  border-color: var(--clf-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(46, 96, 165, .35)
}

.clf-lp-btn > * { position: relative; z-index: 1 }

.clf-lp-btn-white {
  background: #fff !important;
  color: var(--clf-primary) !important;
  border-color: #fff !important
}

.clf-lp-btn-white:hover {
  background: var(--clf-light) !important;
  border-color: var(--clf-light) !important;
  color: var(--clf-primary) !important
}

.clf-lp-btn-white-outline {
  background: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
  box-shadow: none !important
}

.clf-lp-btn-white-outline:hover {
  background: #fff !important;
  color: var(--clf-primary) !important
}

/* ── Topbar ── */
.clf-lp-topbar {
  background: var(--clf-primary);
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.005em
}

.clf-lp-topbar > span { margin: 0 14px }

.clf-lp-topbar > span i { margin-right: 6px; font-size: 12px; opacity: .9 }

/* ── Header ── */
.clf-lp-header {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  padding: 14px 24px;
  position: sticky;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid var(--clf-gray-border)
}

.clf-lp-header-flex {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px
}

.clf-lp-header-logo img { max-width: 130px; height: auto }

.clf-lp-header-nav { display: flex; align-items: center; gap: 28px }

.clf-lp-header-nav a {
  color: var(--clf-dark);
  font-weight: 500;
  font-size: 15px;
  font-family: 'Titillium Web', sans-serif;
  position: relative;
  padding: 4px 0;
  letter-spacing: -0.005em
}

.clf-lp-header-nav a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: var(--clf-primary);
  transition: width var(--clf-dur-base) var(--clf-ease)
}

.clf-lp-header-nav a:hover::after { width: 100% }
.clf-lp-header-nav a:hover { color: var(--clf-primary) }

.clf-lp-header-cta { display: flex; align-items: center; gap: 14px }

.clf-lp-header-phone-mobile {
  display: none;
  padding: 10px 16px;
  background: var(--clf-primary);
  color: #fff !important;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Titillium Web', sans-serif;
  letter-spacing: -0.005em;
  box-shadow: var(--clf-shadow-blue);
  white-space: nowrap
}

/* ── Google Reviews badge (header) ── */
.clf-lp-google-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  background: #fff;
  border: 1px solid rgba(46, 96, 165, 0.35);
  border-radius: 12px;
  padding: 10px 20px;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(46, 96, 165, 0.12);
  flex-shrink: 0;
  transition: box-shadow 0.2s ease;
  min-width: 116px;
}

.clf-lp-google-badge:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.14) }

.clf-lp-google-badge-top { display: flex; align-items: center; gap: 8px }

.clf-lp-google-badge-logo { width: 25px; height: 25px; object-fit: contain; flex-shrink: 0 }

.clf-lp-google-badge-score { font-size: 20px; font-weight: 700; color: #202124; line-height: 1 }

.clf-lp-google-badge-stars { color: #FBBC04; font-size: 18px; letter-spacing: 2px; line-height: 1 }

.clf-lp-google-badge-count { font-size: 13px; color: var(--clf-text-muted); font-weight: 400; line-height: 1 }

/* ── Hero (light mode) ── */
.clf-lp-hero {
  position: relative;
  padding: 90px 24px 100px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(238, 243, 251, 0.88) 50%, rgba(255, 255, 255, 0.86) 100%), url('https://cliffordsjunkremoval.com/wp-content/uploads/2026/03/2025-05-25-scaled.jpg');
  background-size: cover;
  background-position: center;
  overflow: hidden
}

.clf-lp-hero::before {
  content: '';
  position: absolute;
  top: -150px;
  right: -150px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(46, 96, 165, .12) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none
}

.clf-lp-hero-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 72px;
  align-items: start;
  position: relative;
  z-index: 2
}

.clf-lp-hero-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(46, 96, 165, 0.08);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(46, 96, 165, 0.3);
  color: var(--clf-primary) !important;
  font-weight: 700;
  font-size: 14.5px;
  padding: 8px 20px;
  border-radius: 30px;
  margin-bottom: 24px;
  letter-spacing: -0.005em;
}

.clf-lp-hero-label i { font-size: 12px }

.clf-lp-hero h1 {
  font-size: 64px;
  line-height: 1.1;
  margin-bottom: 22px;
  color: var(--clf-black);
  font-weight: 700;
  letter-spacing: -0.03em
}

.clf-lp-hero h1 span {
  font-style: italic;
  font-weight: 700;
  color: var(--clf-primary);
  font-family: 'Titillium Web', sans-serif
}

.clf-lp-hero-subtitle {
  font-size: 20px;
  color: var(--clf-text-muted);
  margin-bottom: 34px;
  line-height: 1.55;
  max-width: 540px
}

.clf-lp-hero-bullets {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 36px;
  max-width: 540px
}

.clf-lp-hero-bullets li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15.5px;
  font-weight: 500;
  color: var(--clf-dark);
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(46, 96, 165, 0.14);
  border-radius: 12px;
  transition: all var(--clf-dur-base) var(--clf-ease);
  line-height: 1.35
}

.clf-lp-hero-bullets li:hover {
  background: #fff;
  border-color: rgba(46, 96, 165, 0.35);
  transform: translateY(-2px);
  box-shadow: var(--clf-shadow-md)
}

.clf-lp-hero-bullets li i {
  color: var(--clf-primary);
  font-size: 14px;
  background: var(--clf-light-tint);
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.clf-lp-hero-cta-row {
  display: flex;
  gap: 12px;
  margin-top: 28px;
  max-width: 540px;
  flex-wrap: wrap;
}

.clf-lp-hero-cta-row .clf-lp-btn { width: auto }

/* ── Form card ── */
.clf-lp-form-card {
  background: #f4f6f9;
  border-radius: 20px;
  padding: 36px 32px;
  box-shadow: 0 20px 60px rgba(17, 31, 44, .10), 0 4px 14px rgba(17, 31, 44, .05);
  border: 1px solid #dde3ee;
  position: relative
}

.clf-lp-form-title {
  font-size: 26px !important;
  margin-bottom: 8px;
  color: var(--clf-black);
  letter-spacing: -0.02em;
  text-align: center;
}

.clf-lp-form-title span { color: var(--clf-primary); font-style: italic; font-weight: 700 }

.clf-lp-form-subtitle {
  font-size: 15px;
  color: var(--clf-text-muted);
  margin-bottom: 24px;
  line-height: 1.55;
  text-align: center;
}

.clf-lp-form-trust {
  display: flex;
  gap: 14px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #dde3ee;
  font-size: 12px;
  color: var(--clf-text-muted);
  justify-content: center;
  flex-wrap: wrap
}

.clf-lp-form-trust span { display: inline-flex; align-items: center; gap: 5px }
.clf-lp-form-trust i { color: var(--clf-success) }

/* WPForms styling */
.clf-lp-form-card .wpforms-hidden,
.clf-lp-form-card .wpforms-field-hp,
.clf-lp-form-card [class*="wpforms-field-hp"],
.clf-lp-form-card input[name*="[hp]"],
.clf-lp-form-card input[name*="honeypot"] {
  display: none !important;
  position: absolute !important;
  left: -99999px !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.clf-lp-form-card .wpforms-container,
.clf-lp-form-card .wpforms-container-full,
.clf-lp-form-card .wpforms-form {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important
}

.clf-lp-form-card .wpforms-field { padding: 0 0 14px 0 !important; margin: 0 !important }

.clf-lp-form-card .wpforms-field-label {
  font-family: 'Titillium Web', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--clf-dark) !important;
  margin-bottom: 6px !important
}

.clf-lp-form-card .wpforms-field input[type="text"],
.clf-lp-form-card .wpforms-field input[type="email"],
.clf-lp-form-card .wpforms-field input[type="tel"],
.clf-lp-form-card .wpforms-field input[type="number"],
.clf-lp-form-card .wpforms-field input[type="url"],
.clf-lp-form-card .wpforms-field select,
.clf-lp-form-card .wpforms-field textarea {
  width: 100% !important;
  max-width: 100% !important;
  border: 1.5px solid rgba(46, 96, 165, 0.3) !important;
  border-radius: 8px !important;
  padding: 13px 15px !important;
  font-family: 'Titillium Web', sans-serif !important;
  font-size: 15px !important;
  background: #ffffff !important;
  color: var(--clf-dark) !important;
  transition: border-color 200ms, box-shadow 200ms !important;
  box-sizing: border-box !important
}

.clf-lp-form-card .wpforms-field input:focus,
.clf-lp-form-card .wpforms-field select:focus,
.clf-lp-form-card .wpforms-field textarea:focus {
  border-color: var(--clf-primary) !important;
  box-shadow: 0 0 0 3px rgba(46, 96, 165, .15) !important;
  outline: none !important
}

.clf-lp-form-card .wpforms-submit-container { padding: 0 !important; margin-top: 10px !important; text-align: center }

.clf-lp-form-card .wpforms-submit,
.clf-lp-form-card button[type="submit"] {
  background: var(--clf-primary) !important;
  color: #fff !important;
  width: 100% !important;
  padding: 16px !important;
  font-family: 'Titillium Web', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 250ms var(--clf-ease) !important;
  box-shadow: var(--clf-shadow-blue) !important
}

.clf-lp-form-card .wpforms-submit:hover,
.clf-lp-form-card button[type="submit"]:hover {
  background: var(--clf-primary-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(46, 96, 165, .35) !important
}

/* ── Section backgrounds ── */
.clf-lp-testimonials { padding: 110px 24px; background: #fff }
.clf-lp-services { padding: 110px 24px; background: var(--clf-light) }
.clf-lp-mid-cta { padding: 90px 24px; background: var(--clf-light-tint) }
.clf-lp-areas { padding: 110px 24px; background: var(--clf-light) }
.clf-lp-faq { padding: 110px 24px; background: #fff }

/* ── Reviews / Testimonials ── */
.clf-lp-testimonials-header { text-align: center; margin-bottom: 48px }

.clf-lp-swipe-hint {
  display: none;
  text-align: center;
  color: var(--clf-text-muted);
  font-size: 14px;
  margin-bottom: 14px;
  font-style: italic
}

.clf-lp-slider-wrapper { position: relative; max-width: 1200px; margin: 0 auto }

.clf-lp-slider-arrow,
.clf-lp-slider-arrow-subtle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: transparent !important;
  border: none !important;
  color: var(--clf-primary) !important;
  cursor: pointer;
  z-index: 10;
  font-size: 26px;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.clf-lp-slider-arrow.left,
.clf-lp-slider-arrow-subtle.left { left: -52px }

.clf-lp-slider-arrow.right,
.clf-lp-slider-arrow-subtle.right { right: -52px }

.clf-lp-testimonials-wrapper { padding: 0 60px }

.clf-lp-slider {
  display: flex;
  overflow-x: auto;
  gap: 22px;
  padding-bottom: 20px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none
}

.clf-lp-slider::-webkit-scrollbar { display: none }

.clf-lp-testimonial-card {
  flex: 0 0 calc(33.333% - 15px);
  min-width: 300px;
  background: #fff;
  padding: 32px 28px;
  border-radius: 16px;
  box-shadow: var(--clf-shadow-sm);
  border: 1px solid var(--clf-gray-border);
  scroll-snap-align: start;
  transition: all var(--clf-dur-base) var(--clf-ease);
  display: flex;
  flex-direction: column
}

.clf-lp-testimonial-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--clf-shadow-lg)
}

.clf-lp-testimonial-stars {
  color: var(--clf-star);
  font-size: 15px;
  margin-bottom: 14px;
  letter-spacing: 2px
}

.clf-lp-testimonial-card p {
  font-size: 15px;
  color: var(--clf-dark);
  line-height: 1.65;
  flex-grow: 1;
  margin-bottom: 20px;
  font-weight: 400;
  letter-spacing: -0.005em
}

.clf-lp-testimonial-author {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid var(--clf-gray-border)
}

.clf-lp-testimonial-avatar {
  width: 44px;
  height: 44px;
  background: var(--clf-primary);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
  flex-shrink: 0;
  letter-spacing: -0.01em
}

.clf-lp-testimonial-info { display: flex; flex-direction: column }

.clf-lp-testimonial-name {
  font-weight: 700;
  color: var(--clf-black);
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.01em
}

.clf-lp-testimonial-source { font-size: 11px; color: var(--clf-text-muted); margin-top: 2px }

.clf-lp-testimonials-cta { text-align: center; margin-top: 36px }

/* ── Services ── */
.clf-lp-services-header { text-align: center; margin-bottom: 56px }

.clf-lp-services-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.clf-lp-service-card {
  background: #fff;
  padding: 36px 28px;
  border-radius: 16px;
  border: 1px solid var(--clf-gray-border);
  box-shadow: var(--clf-shadow-sm);
  text-align: left;
  transition: all var(--clf-dur-base) var(--clf-ease);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.clf-lp-service-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--clf-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--clf-dur-base) var(--clf-ease);
}

.clf-lp-service-card:hover::before { transform: scaleX(1) }

.clf-lp-service-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--clf-shadow-lg);
  border-color: rgba(46, 96, 165, 0.25);
}

.clf-lp-service-icon {
  width: 60px;
  height: 60px;
  background: var(--clf-light-tint);
  color: var(--clf-primary);
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 22px;
  transition: all var(--clf-dur-base) var(--clf-ease)
}

.clf-lp-service-card:hover .clf-lp-service-icon {
  background: var(--clf-primary);
  color: #fff;
  transform: scale(1.06)
}

.clf-lp-service-card h3 {
  font-size: 21px;
  margin-bottom: 10px;
  letter-spacing: -0.015em;
  color: var(--clf-black);
}

.clf-lp-service-card p {
  font-size: 14.5px;
  color: var(--clf-text-muted);
  margin: 0;
  line-height: 1.6
}

/* ── Mid CTA ── */
.clf-lp-mid-cta-inner { text-align: center; max-width: 720px; margin: 0 auto }

.clf-lp-mid-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 8px;
  margin-bottom: 26px;
  flex-wrap: wrap;
}

.clf-lp-mid-cta-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 14px;
  color: var(--clf-text-muted);
  font-weight: 500;
}

.clf-lp-mid-cta-trust span { display: inline-flex; align-items: center; gap: 6px }
.clf-lp-mid-cta-trust i { color: var(--clf-success); font-size: 14px }

/* ── Areas ── */
.clf-lp-areas-header { text-align: center; margin-bottom: 48px }

.clf-lp-cities-slider { max-width: 1000px; margin: 0 auto }

.clf-lp-cities {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  max-width: 1000px;
  margin: 0 auto
}

.clf-lp-city-col { display: contents }

.clf-lp-city {
  background: #fff;
  color: var(--clf-dark);
  padding: 14px 22px;
  border-radius: 12px;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  border: 1px solid var(--clf-gray-border);
  transition: all var(--clf-dur-fast) ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  letter-spacing: -0.005em;
  white-space: nowrap;
  min-width: 210px;
  flex-shrink: 0
}

.clf-lp-city i { color: var(--clf-primary); font-size: 13px; flex-shrink: 0 }

.clf-lp-city:hover {
  background: var(--clf-light-tint);
  border-color: var(--clf-primary);
  transform: translateY(-2px)
}

/* ── FAQ ── */
.clf-lp-faq-header { text-align: center; margin-bottom: 48px }

.clf-lp-faq-list {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 16px;
  align-items: start
}

.clf-lp-faq-item {
  background: #fff;
  border: 1px solid var(--clf-gray-border);
  border-radius: 14px;
  margin-bottom: 0;
  overflow: hidden;
  transition: all var(--clf-dur-base) ease
}

.clf-lp-faq-item[open] {
  border-color: var(--clf-primary);
  box-shadow: var(--clf-shadow-md)
}

.clf-lp-faq-question {
  width: 100%;
  padding: 22px 26px;
  background: transparent;
  border: none;
  text-align: left;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-size: 17px;
  color: var(--clf-black);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  transition: color var(--clf-dur-fast) ease;
  letter-spacing: -0.015em;
  line-height: 1.4;
  list-style: none;
}

.clf-lp-faq-question::-webkit-details-marker,
.clf-lp-faq-question::marker { display: none; content: '' }

.clf-lp-faq-question:hover { color: var(--clf-primary) !important }

.clf-lp-faq-item[open] .clf-lp-faq-question { color: var(--clf-primary) !important }

.clf-lp-faq-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background: var(--clf-light-tint);
  color: var(--clf-primary);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: transform var(--clf-dur-base) var(--clf-ease)
}

.clf-lp-faq-item[open] .clf-lp-faq-icon {
  transform: rotate(180deg);
  background: var(--clf-primary);
  color: #fff
}

.clf-lp-faq-answer { overflow: hidden; animation: clfFaqSlide 0.35s ease }

@keyframes clfFaqSlide {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.clf-lp-faq-answer-inner {
  padding: 0 26px 24px 26px;
  font-size: 15.5px;
  color: var(--clf-text-muted);
  line-height: 1.7
}

.clf-lp-faq-extra {
  text-align: center;
  margin-top: 56px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.clf-lp-faq-extra h4 {
  font-size: 22px;
  color: var(--clf-black);
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}

.clf-lp-faq-extra p {
  font-size: 15.5px;
  color: var(--clf-text-muted);
  margin-bottom: 22px;
}

/* ── Final CTA ── */
.clf-lp-final-cta {
  padding: 130px 24px;
  background-image: linear-gradient(135deg, rgba(46, 96, 165, 0.91) 0%, rgba(29, 62, 109, 0.97) 100%), url('https://cliffordsjunkremoval.com/wp-content/uploads/2026/03/unnamed-1-scaled.jpg');
  background-size: cover;
  background-position: center;
  color: #fff !important;
  text-align: center;
  position: relative;
  overflow: hidden
}

.clf-lp-final-cta-inner {
  max-width: 820px;
  margin: 0 auto;
  position: relative;
  z-index: 2
}

.clf-lp-final-cta .clf-lp-prehead {
  background: transparent;
  color: rgba(255, 255, 255, .9);
  margin-bottom: 22px
}

.clf-lp-final-cta .clf-lp-prehead::before,
.clf-lp-final-cta .clf-lp-prehead::after {
  background: rgba(255, 255, 255, .7)
}

.clf-lp-final-cta h2 {
  color: #fff;
  font-size: 56px;
  margin-bottom: 22px;
  line-height: 1.05;
  letter-spacing: -0.025em;
  font-weight: 700
}

.clf-lp-final-cta h2 em { font-style: italic; font-weight: 700; color: #fff }

.clf-lp-final-cta p {
  color: rgba(255, 255, 255, .92);
  font-size: 19px;
  margin-bottom: 40px;
  line-height: 1.55;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto
}

.clf-lp-final-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap
}

/* ── Footer ── */
.clf-lp-footer {
  background: var(--clf-footer-bg);
  color: rgba(255, 255, 255, .72);
  padding: 72px 24px 28px;
  border-top: 4px solid var(--clf-primary)
}

.clf-lp-footer-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 60px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.clf-lp-footer-brand { max-width: 420px }

.clf-lp-footer-logo img { max-width: 130px; margin-bottom: 18px }

.clf-lp-footer-brand p { font-size: 14px; line-height: 1.6; margin-bottom: 16px }

.clf-lp-footer-social { display: flex; gap: 10px }

.clf-lp-footer-social a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, .08);
  color: #fff !important;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: all var(--clf-dur-base) var(--clf-ease)
}

.clf-lp-footer-social a:hover {
  background: var(--clf-primary);
  transform: translateY(-2px)
}

.clf-lp-footer h4 {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.015em;
  margin-bottom: 20px
}

.clf-lp-footer ul li { margin-bottom: 12px; font-size: 14.5px }

.clf-lp-footer ul li a {
  color: rgba(255, 255, 255, .7);
  transition: color var(--clf-dur-fast) ease;
  display: inline-flex;
  align-items: center;
  gap: 8px
}

.clf-lp-footer ul li a:hover { color: var(--clf-primary) }

.clf-lp-footer ul li i { color: var(--clf-primary); font-size: 12px; width: 14px }

.clf-lp-footer-bottom {
  max-width: 1200px;
  margin: 24px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 13px;
  color: rgba(255, 255, 255, .55)
}

.clf-lp-footer-bottom a {
  color: rgba(255, 255, 255, .6);
  margin-left: 16px
}

.clf-lp-footer-bottom a:hover { color: var(--clf-primary) }

/* ── FAB floating phone ── */
.clf-lp-fab {
  position: fixed;
  bottom: 22px;
  right: 22px;
  z-index: 998;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--clf-primary);
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 10px 28px rgba(46, 96, 165, .45), 0 4px 12px rgba(46, 96, 165, .3);
  transition: transform var(--clf-dur-base) var(--clf-ease), background var(--clf-dur-base) ease;
  animation: clfFabPulse 2.4s ease-in-out infinite;
  text-decoration: none !important
}

.clf-lp-fab:hover,
.clf-lp-fab:focus {
  transform: scale(1.08);
  background: var(--clf-primary-hover);
  color: #fff !important
}

@keyframes clfFabPulse {
  0%, 100% { box-shadow: 0 10px 28px rgba(46, 96, 165, .45), 0 0 0 0 rgba(46, 96, 165, .5) }
  50%      { box-shadow: 0 10px 28px rgba(46, 96, 165, .45), 0 0 0 14px rgba(46, 96, 165, 0) }
}

.clf-lp-btn i {
  background-color: transparent !important;
  color: inherit !important;
  width: auto;
  height: auto;
  border-radius: 0;
  margin-left: 0;
  font-size: inherit;
  transition: none;
  display: inline;
}

.clf-lp-btn:hover i { transform: none !important }

em { font-weight: 700; font-style: italic }

/* Helpers for mobile/desktop swaps */
.clf-prehead-text-mobile { display: none }
.clf-prehead-text-desktop { display: inline }
.clf-br-mobile { display: none }

/* ── Why Choose Clifford's ── */
.clf-lp-why {
  padding: 110px 24px;
  background: var(--clf-light)
}

.clf-lp-why-header { text-align: center; margin-bottom: 56px }

.clf-lp-why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  max-width: 1180px;
  margin: 0 auto
}

.clf-lp-why-card {
  background: #fff;
  padding: 32px 26px;
  border-radius: 16px;
  border: 1px solid var(--clf-gray-border);
  box-shadow: var(--clf-shadow-sm);
  transition: all var(--clf-dur-base) var(--clf-ease);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden
}

.clf-lp-why-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--clf-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--clf-dur-base) var(--clf-ease)
}

.clf-lp-why-card:hover::before { transform: scaleX(1) }

.clf-lp-why-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--clf-shadow-lg);
  border-color: rgba(46, 96, 165, 0.25)
}

.clf-lp-why-icon {
  width: 54px;
  height: 54px;
  background: var(--clf-light-tint);
  color: var(--clf-primary);
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 20px;
  transition: all var(--clf-dur-base) var(--clf-ease)
}

.clf-lp-why-card:hover .clf-lp-why-icon {
  background: var(--clf-primary);
  color: #fff;
  transform: scale(1.08)
}

.clf-lp-why-card h3 {
  font-size: 19px;
  margin-bottom: 10px;
  letter-spacing: -0.015em;
  color: var(--clf-black);
  line-height: 1.25
}

.clf-lp-why-card p {
  font-size: 14.5px;
  color: var(--clf-text-muted);
  margin: 0;
  line-height: 1.6
}

/* ── Our Process ── */
.clf-lp-process {
  padding: 110px 24px;
  background: #fff;
  position: relative;
  overflow: hidden
}

.clf-lp-process-header { text-align: center; margin-bottom: 56px }

.clf-lp-process-wrapper {
  position: relative;
  max-width: 1180px;
  margin: 0 auto
}

.clf-lp-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  position: relative;
  z-index: 2
}

.clf-lp-process-card {
  background: #fff;
  padding: 36px 28px 30px;
  border-radius: 16px;
  border: 1px solid var(--clf-gray-border);
  box-shadow: var(--clf-shadow-sm);
  position: relative;
  overflow: hidden;
  transition: transform 500ms var(--clf-ease), box-shadow 500ms var(--clf-ease), border-color 300ms ease
}

.clf-lp-process-watermark {
  position: absolute;
  top: -34px;
  right: -10px;
  font-size: 150px;
  font-weight: 700;
  color: rgba(46, 96, 165, .05);
  line-height: 1;
  pointer-events: none;
  font-family: 'Titillium Web', sans-serif;
  letter-spacing: -0.04em
}

.clf-lp-step-badge {
  width: 44px;
  height: 44px;
  background: var(--clf-primary);
  color: #fff;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 18px;
  box-shadow: var(--clf-shadow-blue);
  position: relative;
  z-index: 1
}

.clf-lp-process-icon {
  color: var(--clf-primary);
  font-size: 26px;
  margin-bottom: 14px;
  position: relative;
  z-index: 1
}

.clf-lp-process-card h3 {
  font-size: 20px;
  margin-bottom: 10px;
  letter-spacing: -0.015em;
  color: var(--clf-black);
  position: relative;
  z-index: 1
}

.clf-lp-process-card p {
  font-size: 14.5px;
  color: var(--clf-text-muted);
  margin: 0;
  line-height: 1.6;
  position: relative;
  z-index: 1
}

/* Truck animation track */
.clf-lp-truck-track {
  position: relative;
  margin: 40px auto 0;
  height: 60px;
  max-width: 1100px;
  display: block
}

.clf-lp-truck-track::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  height: 0;
  border-top: 3px dashed rgba(46, 96, 165, .25);
  z-index: 1
}

.clf-lp-truck-trail {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 4px;
  width: 0;
  background: linear-gradient(90deg, transparent 0%, var(--clf-primary) 100%);
  border-radius: 4px;
  z-index: 2;
  pointer-events: none;
  box-shadow: 0 0 12px rgba(46, 96, 165, .35)
}

.clf-lp-truck {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  background: var(--clf-primary);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 8px 22px rgba(46, 96, 165, .45);
  z-index: 3
}

/* Truck animation — runs only when section has .process-active (desktop only) */
.clf-lp-process.process-active .clf-lp-truck {
  animation: clfTruckRide 7s linear infinite
}

.clf-lp-process.process-active .clf-lp-truck-trail {
  animation: clfTrailFill 7s linear infinite
}

.clf-lp-process.process-active .clf-lp-process-card {
  animation: clfCardPop 7s ease-in-out infinite
}

.clf-lp-process.process-active .clf-lp-process-card:nth-child(1) { animation-delay: 0s }
.clf-lp-process.process-active .clf-lp-process-card:nth-child(2) { animation-delay: 1.75s }
.clf-lp-process.process-active .clf-lp-process-card:nth-child(3) { animation-delay: 3.5s }
.clf-lp-process.process-active .clf-lp-process-card:nth-child(4) { animation-delay: 5.25s }

@keyframes clfTruckRide {
  0%   { left: 0%; opacity: 0 }
  4%   { opacity: 1 }
  96%  { opacity: 1 }
  100% { left: 100%; opacity: 0 }
}

@keyframes clfTrailFill {
  0%   { width: 0; opacity: 0 }
  4%   { opacity: 1 }
  95%  { width: 100%; opacity: 1 }
  100% { width: 100%; opacity: 0 }
}

@keyframes clfCardPop {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: var(--clf-shadow-sm); border-color: var(--clf-gray-border) }
  6%       { transform: translateY(-8px) scale(1.04); box-shadow: var(--clf-shadow-lg); border-color: rgba(46, 96, 165, .35) }
  15%      { transform: translateY(0) scale(1); box-shadow: var(--clf-shadow-sm); border-color: var(--clf-gray-border) }
}

/* ───────── Responsive ───────── */
@media (max-width: 1024px) {
  .clf-lp-services-grid { grid-template-columns: repeat(3, 1fr) }
  .clf-lp-why-grid { grid-template-columns: repeat(2, 1fr) }
  .clf-lp-process-grid { grid-template-columns: repeat(2, 1fr) }
  .clf-lp-truck-track { display: none }
  .clf-lp-process.process-active .clf-lp-process-card { animation: none }
  .clf-lp-footer-inner { flex-wrap: wrap }
  .clf-lp-testimonial-card { flex: 0 0 calc(50% - 11px) }
  .clf-lp-hero h1 { font-size: 46px }
  .clf-lp-final-cta h2 { font-size: 44px }
}

@media (max-width: 768px) {
  .clf-lp-header-nav { display: none }

  .clf-lp-header-cta .clf-lp-google-badge { padding: 7px 14px; min-width: 100px }
  .clf-lp-google-badge-logo { width: 21px; height: 21px }
  .clf-lp-google-badge-score { font-size: 17px }
  .clf-lp-google-badge-stars { font-size: 15px }
  .clf-lp-google-badge-count { font-size: 11px }

  .clf-lp-header-phone-mobile { display: none !important }

  /* Mobile-only swaps */
  .clf-hide-mobile { display: none !important }
  .clf-prehead-text-desktop { display: none }
  .clf-prehead-text-mobile { display: inline }
  .clf-br-mobile { display: inline }

  .clf-lp-hero-cta-desktop { display: none !important }

  .clf-lp-header { position: static; top: auto }

  .clf-lp-hero { padding: 56px 16px 64px }

  .clf-lp-hero-inner { grid-template-columns: 1fr; gap: 36px }

  .clf-lp-hero-left {
    padding-right: 0;
    order: 1
  }

  .clf-lp-hero-right {
    order: 2;
    width: 100%;
    max-width: 420px;
    margin: 0 auto
  }

  .clf-lp-hero h1 { font-size: 36px; line-height: 1.15 }
  .clf-lp-hero-subtitle { font-size: 17px; margin-bottom: 28px }

  .clf-lp-hero-bullets {
    grid-template-columns: 1fr;
    gap: 10px
  }

  .clf-lp-hero-bullets li {
    font-size: 14px;
    padding: 12px 14px
  }

  .clf-lp-form-card { padding: 28px 24px }
  .clf-lp-form-title { font-size: 22px !important }
  .clf-lp-form-subtitle { font-size: 14px }

  .clf-lp-fab {
    bottom: 16px;
    right: 16px;
    width: 56px;
    height: 56px;
    font-size: 20px
  }

  .clf-lp-swipe-hint { display: block !important }

  .clf-lp-testimonials-wrapper { padding: 0 4px }
  .clf-lp-testimonial-card { flex: 0 0 85%; min-width: 280px }
  .clf-lp-testimonial-card p { font-size: 14px }

  .clf-lp-testimonials,
  .clf-lp-services,
  .clf-lp-mid-cta,
  .clf-lp-areas,
  .clf-lp-faq { padding: 66px 16px }

  /* Mobile sliders for Why / Services / Process */
  .clf-lp-why-grid,
  .clf-lp-services-grid,
  .clf-lp-process-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 14px !important;
    grid-template-columns: none !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 4px 4px 16px;
    max-width: 100%;
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px
  }

  .clf-lp-why-grid::-webkit-scrollbar,
  .clf-lp-services-grid::-webkit-scrollbar,
  .clf-lp-process-grid::-webkit-scrollbar { display: none }

  .clf-lp-why-card,
  .clf-lp-service-card,
  .clf-lp-process-card {
    flex: 0 0 85% !important;
    max-width: 85% !important;
    scroll-snap-align: start;
    margin: 0 !important
  }

  .clf-lp-service-card:nth-child(5):last-child { grid-column: auto; max-width: 85% !important; margin: 0 !important }

  .clf-lp-why, .clf-lp-process { padding: 66px 16px }

  .clf-lp-faq-list { grid-template-columns: 1fr }

  .clf-lp-final-cta { padding: 80px 16px }
  .clf-lp-final-cta h2 { font-size: 33px }
  .clf-lp-final-cta p { font-size: 15px }
  .clf-lp-final-cta-actions { flex-direction: column; align-items: stretch }
  .clf-lp-final-cta-actions .clf-lp-btn { width: 100% }

  .clf-lp-cities {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 14px;
    padding: 4px 2px 8px;
    max-width: 100%
  }

  .clf-lp-cities::-webkit-scrollbar { display: none }

  .clf-lp-city-col {
    display: flex;
    flex-direction: column;
    flex: 0 0 82%;
    min-width: 0;
    gap: 10px;
    scroll-snap-align: center
  }

  .clf-lp-city {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding: 12px 18px;
    font-size: 14px
  }

  .clf-lp-slider-arrow { display: none !important }

  .clf-lp-footer { padding: 60px 18px 24px }
  .clf-lp-footer-inner { flex-direction: column; align-items: center; gap: 28px; text-align: center; padding-bottom: 36px }
  .clf-lp-footer-brand { max-width: 100%; text-align: center }
  .clf-lp-footer-logo img { margin-left: auto; margin-right: auto; max-width: 120px }
  .clf-lp-footer-social { justify-content: center }
  .clf-lp-footer ul li { text-align: center }
  .clf-lp-footer-bottom { flex-direction: column; text-align: center; gap: 8px }
  .clf-lp-footer-bottom a { margin: 0 8px }

  .clf-lp-section-title { font-size: 34px }
  .clf-lp-section-subtitle { font-size: 15px; margin-bottom: 32px; max-width: none !important }
  .clf-lp-prehead { font-size: 13.5px; margin-bottom: 16px }

  .clf-lp-mid-cta-trust { gap: 14px; font-size: 13px }

  .clf-lp-btn { padding: 14px 22px; font-size: 15px }

  .clf-lp-mid-cta-actions { flex-direction: column; gap: 12px; align-items: stretch }
  .clf-lp-mid-cta-actions .clf-lp-btn { width: 100% }

  .clf-lp-faq-item summary { padding: 18px 20px; font-size: 15px }
  .clf-lp-faq-answer-inner { padding: 0 20px 20px; font-size: 14px }
  .clf-lp-faq-icon { width: 24px; height: 24px; font-size: 11px }
}/* End custom CSS */