{"id":11,"date":"2026-05-20T12:46:45","date_gmt":"2026-05-20T12:46:45","guid":{"rendered":"https:\/\/stagingloom.com\/mightyfine\/?page_id=11"},"modified":"2026-05-22T06:03:24","modified_gmt":"2026-05-22T06:03:24","slug":"home","status":"publish","type":"page","link":"https:\/\/stagingloom.com\/mightyfinetwo\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdf9e83 e-con-full e-flex e-con e-parent\" data-id=\"bdf9e83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c79b976 elementor-widget elementor-widget-html\" data-id=\"c79b976\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  MIGHTY FINE EXTERIOR CLEANING \u2014 Body \/ Page Content\r\n  Scoped to #mf-home  |  All classes prefixed mf-\r\n  Drop into an Elementor HTML widget on a blank canvas page.\r\n  Self-contained with full styles so it works standalone.\r\n-->\r\n\r\n<div id=\"mf-home\">\r\n\r\n<style>\r\n\/* ================================================================\r\n   MIGHTY FINE \u2014 SCOPED STYLES (no global selectors)\r\n   ================================================================ *\/\r\n\r\n\/* ============== FULL-BLEED BREAKOUT ==============\r\n   Forces #mf-home to span the full viewport width regardless of\r\n   any parent Elementor container, widget, or section padding. *\/\r\n#mf-home {\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw !important;\r\n  margin-right: -50vw !important;\r\n}\r\n\r\n\/* Neutralise common Elementor parent padding that creates side gaps *\/\r\n.elementor-widget-html:has(#mf-home),\r\n.elementor-widget-html .elementor-widget-container:has(#mf-home),\r\n.elementor-element:has(> .elementor-widget-container > #mf-home),\r\n.e-con:has(#mf-home),\r\n.elementor-section:has(#mf-home) > .elementor-container {\r\n  padding-left: 0 !important;\r\n  padding-right: 0 !important;\r\n  max-width: 100% !important;\r\n  width: 100% !important;\r\n}\r\n\r\n#mf-home {\r\n  --mf-navy-deep: #060c2e;\r\n  --mf-navy: #0c1750;\r\n  --mf-navy-mid: #1a2dbb;\r\n  --mf-navy-bright: #2d44e8;\r\n  --mf-cyan: #56c8f5;\r\n  --mf-cyan-soft: #8ed7f4;\r\n  --mf-cyan-glow: rgba(86, 200, 245, 0.45);\r\n  --mf-pearl: #eef4fb;\r\n  --mf-cream: #f7f3ec;\r\n  --mf-text-light: rgba(238, 244, 251, 0.92);\r\n  --mf-text-muted: rgba(238, 244, 251, 0.62);\r\n  --mf-text-dim: rgba(238, 244, 251, 0.42);\r\n  --mf-border-soft: rgba(143, 215, 244, 0.16);\r\n  --mf-border-bright: rgba(143, 215, 244, 0.42);\r\n  --mf-shadow-deep: 0 30px 80px -20px rgba(0, 0, 0, 0.55);\r\n  --mf-shadow-glow: 0 0 60px -10px rgba(86, 200, 245, 0.35);\r\n  --mf-font-display: 'Fraunces', 'Cormorant Garamond', Georgia, serif;\r\n  --mf-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  --mf-radius-sm: 8px;\r\n  --mf-radius-md: 16px;\r\n  --mf-radius-lg: 28px;\r\n  --mf-radius-xl: 40px;\r\n\r\n  background-color: var(--mf-navy-deep);\r\n  color: var(--mf-text-light);\r\n  font-family: var(--mf-font-body);\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n  overflow-x: clip;\r\n  position: relative;\r\n}\r\n\r\n\/* Import fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300..800&display=swap');\r\n\r\n#mf-home .mf-wrap {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n}\r\n\r\n#mf-home .mf-wrap-narrow {\r\n  max-width: 1080px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n}\r\n\r\n\/* ============== TYPOGRAPHY (scoped) ============== *\/\r\n\r\n#mf-home h1, #mf-home h2, #mf-home h3, #mf-home h4, #mf-home h5, #mf-home h6 {\r\n  font-family: var(--mf-font-display);\r\n  font-weight: 400;\r\n  line-height: 1.08;\r\n  letter-spacing: -0.02em;\r\n  color: var(--mf-pearl);\r\n  margin: 0;\r\n  font-variation-settings: \"opsz\" 144, \"SOFT\" 30;\r\n}\r\n\r\n#mf-home p { margin: 0; }\r\n\r\n#mf-home .mf-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: var(--mf-font-body);\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.22em;\r\n  color: var(--mf-cyan);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#mf-home .mf-eyebrow::before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 32px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, var(--mf-cyan));\r\n}\r\n\r\n#mf-home .mf-eyebrow.mf-center {\r\n  justify-content: center;\r\n}\r\n\r\n#mf-home .mf-eyebrow.mf-center::after {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 32px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, var(--mf-cyan), transparent);\r\n}\r\n\r\n#mf-home .mf-italic {\r\n  font-style: italic;\r\n  font-weight: 300;\r\n  color: var(--mf-cyan-soft);\r\n}\r\n\r\n\/* ============== WATER BEADS BACKGROUND ============== *\/\r\n\r\n#mf-home .mf-beads-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  opacity: 0.55;\r\n  z-index: 1;\r\n  background-image:\r\n    radial-gradient(circle at 12% 20%, rgba(143, 215, 244, 0.25) 0, transparent 6px),\r\n    radial-gradient(circle at 22% 65%, rgba(143, 215, 244, 0.18) 0, transparent 4px),\r\n    radial-gradient(circle at 38% 35%, rgba(143, 215, 244, 0.30) 0, transparent 8px),\r\n    radial-gradient(circle at 55% 80%, rgba(143, 215, 244, 0.20) 0, transparent 5px),\r\n    radial-gradient(circle at 68% 22%, rgba(143, 215, 244, 0.22) 0, transparent 7px),\r\n    radial-gradient(circle at 82% 55%, rgba(143, 215, 244, 0.18) 0, transparent 4px),\r\n    radial-gradient(circle at 92% 30%, rgba(143, 215, 244, 0.25) 0, transparent 6px),\r\n    radial-gradient(circle at 8% 88%, rgba(143, 215, 244, 0.16) 0, transparent 5px),\r\n    radial-gradient(circle at 48% 12%, rgba(143, 215, 244, 0.20) 0, transparent 5px),\r\n    radial-gradient(circle at 75% 92%, rgba(143, 215, 244, 0.22) 0, transparent 6px);\r\n}\r\n\r\n#mf-home .mf-beads-dense {\r\n  background-image:\r\n    radial-gradient(circle at 5% 15%, rgba(143, 215, 244, 0.35) 0, transparent 7px),\r\n    radial-gradient(circle at 14% 42%, rgba(143, 215, 244, 0.28) 0, transparent 5px),\r\n    radial-gradient(circle at 22% 78%, rgba(143, 215, 244, 0.22) 0, transparent 4px),\r\n    radial-gradient(circle at 31% 25%, rgba(143, 215, 244, 0.40) 0, transparent 9px),\r\n    radial-gradient(circle at 40% 60%, rgba(143, 215, 244, 0.25) 0, transparent 5px),\r\n    radial-gradient(circle at 48% 18%, rgba(143, 215, 244, 0.30) 0, transparent 6px),\r\n    radial-gradient(circle at 57% 88%, rgba(143, 215, 244, 0.22) 0, transparent 5px),\r\n    radial-gradient(circle at 65% 38%, rgba(143, 215, 244, 0.35) 0, transparent 7px),\r\n    radial-gradient(circle at 73% 72%, rgba(143, 215, 244, 0.20) 0, transparent 4px),\r\n    radial-gradient(circle at 82% 28%, rgba(143, 215, 244, 0.32) 0, transparent 8px),\r\n    radial-gradient(circle at 89% 55%, rgba(143, 215, 244, 0.25) 0, transparent 5px),\r\n    radial-gradient(circle at 95% 82%, rgba(143, 215, 244, 0.28) 0, transparent 6px);\r\n}\r\n\r\n\/* SVG droplet decorative shape *\/\r\n#mf-home .mf-droplet-shape {\r\n  position: absolute;\r\n  pointer-events: none;\r\n  opacity: 0.06;\r\n  z-index: 0;\r\n}\r\n\r\n#mf-home .mf-droplet-shape svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n\/* Sparkle accent *\/\r\n#mf-home .mf-sparkle {\r\n  position: absolute;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-sparkle svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  fill: var(--mf-cyan);\r\n  filter: drop-shadow(0 0 8px var(--mf-cyan-glow));\r\n  animation: mf-sparkle-pulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes mf-sparkle-pulse {\r\n  0%, 100% { opacity: 0.7; transform: scale(1); }\r\n  50% { opacity: 1; transform: scale(1.15); }\r\n}\r\n\r\n\/* ============== BUTTONS ============== *\/\r\n\r\n#mf-home .mf-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 16px 32px;\r\n  font-family: var(--mf-font-body);\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.05em;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  border: none;\r\n  border-radius: 999px;\r\n  cursor: pointer;\r\n  transition: all 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n  position: relative;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  box-sizing: border-box;\r\n  max-width: 100%;\r\n}\r\n\r\n#mf-home .mf-btn-primary {\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-navy-bright) 100%);\r\n  color: #fff;\r\n  box-shadow: 0 12px 30px -8px var(--mf-cyan-glow), inset 0 1px 0 rgba(255,255,255,0.3);\r\n}\r\n\r\n#mf-home .mf-btn-primary:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 20px 40px -10px var(--mf-cyan-glow), inset 0 1px 0 rgba(255,255,255,0.4);\r\n}\r\n\r\n#mf-home .mf-btn-primary::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n#mf-home .mf-btn-primary:hover::after {\r\n  left: 100%;\r\n}\r\n\r\n#mf-home .mf-btn-ghost {\r\n  background: transparent;\r\n  color: var(--mf-pearl);\r\n  border: 1.5px solid var(--mf-border-bright);\r\n  backdrop-filter: blur(6px);\r\n}\r\n\r\n#mf-home .mf-btn-ghost:hover {\r\n  background: rgba(143, 215, 244, 0.08);\r\n  border-color: var(--mf-cyan);\r\n  color: var(--mf-cyan);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n#mf-home .mf-btn-icon {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n\/* ============== HEADER ============== *\/\r\n\r\n#mf-home .mf-header {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 100;\r\n  padding: 14px 0;\r\n  background: linear-gradient(180deg, rgba(6, 12, 46, 0.85) 0%, rgba(6, 12, 46, 0.55) 100%);\r\n  backdrop-filter: blur(14px) saturate(140%);\r\n  -webkit-backdrop-filter: blur(14px) saturate(140%);\r\n  border-bottom: 1px solid var(--mf-border-soft);\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n#mf-home .mf-header.mf-scrolled {\r\n  background: rgba(6, 12, 46, 0.95);\r\n  padding: 10px 0;\r\n  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n#mf-home .mf-header-inner {\r\n  max-width: 1320px;\r\n  margin: 0 auto;\r\n  padding: 0 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n}\r\n\r\n#mf-home .mf-logo {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  flex-shrink: 0;\r\n}\r\n\r\n#mf-home .mf-logo img {\r\n  height: 44px;\r\n  width: auto;\r\n  display: block;\r\n  filter: drop-shadow(0 2px 8px rgba(86, 200, 245, 0.2));\r\n}\r\n\r\n#mf-home .mf-nav {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n\r\n#mf-home .mf-nav-link {\r\n  position: relative;\r\n  padding: 10px 16px;\r\n  font-family: var(--mf-font-body);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-text-light);\r\n  text-decoration: none;\r\n  transition: color 0.25s ease;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n#mf-home .mf-nav-link:hover {\r\n  color: var(--mf-cyan);\r\n}\r\n\r\n#mf-home .mf-nav-link::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 4px;\r\n  width: 0;\r\n  height: 1px;\r\n  background: var(--mf-cyan);\r\n  transition: all 0.3s ease;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n#mf-home .mf-nav-link:hover::after {\r\n  width: calc(100% - 32px);\r\n}\r\n\r\n#mf-home .mf-nav-item {\r\n  position: relative;\r\n}\r\n\r\n#mf-home .mf-nav-chevron {\r\n  width: 10px;\r\n  height: 10px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n#mf-home .mf-nav-item:hover .mf-nav-chevron {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n#mf-home .mf-dropdown {\r\n  position: absolute;\r\n  top: calc(100% + 10px);\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(-8px);\r\n  min-width: 280px;\r\n  background: linear-gradient(180deg, rgba(12, 23, 80, 0.98), rgba(6, 12, 46, 0.98));\r\n  border: 1px solid var(--mf-border-soft);\r\n  border-radius: var(--mf-radius-md);\r\n  padding: 10px;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: all 0.3s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n  box-shadow: var(--mf-shadow-deep);\r\n  backdrop-filter: blur(20px);\r\n}\r\n\r\n#mf-home .mf-nav-item:hover .mf-dropdown {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  transform: translateX(-50%) translateY(0);\r\n}\r\n\r\n#mf-home .mf-dropdown::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -6px;\r\n  left: 50%;\r\n  transform: translateX(-50%) rotate(45deg);\r\n  width: 12px;\r\n  height: 12px;\r\n  background: rgba(12, 23, 80, 0.98);\r\n  border-left: 1px solid var(--mf-border-soft);\r\n  border-top: 1px solid var(--mf-border-soft);\r\n}\r\n\r\n#mf-home .mf-dropdown-link {\r\n  display: block;\r\n  padding: 11px 16px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.02em;\r\n  color: var(--mf-text-light);\r\n  text-decoration: none;\r\n  border-radius: 10px;\r\n  transition: all 0.2s ease;\r\n  text-transform: none;\r\n}\r\n\r\n#mf-home .mf-dropdown-link:hover {\r\n  background: rgba(86, 200, 245, 0.1);\r\n  color: var(--mf-cyan);\r\n  padding-left: 22px;\r\n}\r\n\r\n#mf-home .mf-header-cta {\r\n  padding: 12px 24px;\r\n  font-size: 12px;\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-navy-bright) 100%);\r\n  color: #fff;\r\n  border-radius: 999px;\r\n  text-decoration: none;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 8px 24px -6px var(--mf-cyan-glow);\r\n}\r\n\r\n#mf-home .mf-header-cta:hover {\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 12px 30px -6px var(--mf-cyan-glow);\r\n}\r\n\r\n#mf-home .mf-mobile-toggle {\r\n  display: none;\r\n  background: transparent;\r\n  border: 1px solid var(--mf-border-soft);\r\n  border-radius: 10px;\r\n  width: 44px;\r\n  height: 44px;\r\n  padding: 0;\r\n  cursor: pointer;\r\n  color: var(--mf-pearl);\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  transition: border-color 0.3s ease, background 0.3s ease;\r\n}\r\n\r\n#mf-home .mf-mobile-toggle:hover { border-color: var(--mf-cyan); }\r\n#mf-home .mf-mobile-toggle.mf-open { border-color: var(--mf-cyan); background: rgba(86, 200, 245, 0.06); }\r\n\r\n#mf-home .mf-mobile-toggle svg {\r\n  width: 22px;\r\n  height: 22px;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n}\r\n#mf-home .mf-mobile-toggle .mf-icon-open  { opacity: 1; transform: translate(-50%, -50%) rotate(0deg); }\r\n#mf-home .mf-mobile-toggle .mf-icon-close { opacity: 0; transform: translate(-50%, -50%) rotate(-90deg); }\r\n#mf-home .mf-mobile-toggle.mf-open .mf-icon-open  { opacity: 0; transform: translate(-50%, -50%) rotate(90deg); }\r\n#mf-home .mf-mobile-toggle.mf-open .mf-icon-close { opacity: 1; transform: translate(-50%, -50%) rotate(0deg); }\r\n\r\n#mf-home .mf-mobile-menu {\r\n  display: none;\r\n}\r\n\r\n\/* ============== HERO ============== *\/\r\n\r\n#mf-home .mf-hero {\r\n  position: relative;\r\n  min-height: 100vh;\r\n  padding: 160px 0 100px;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n#mf-home .mf-hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n}\r\n\r\n#mf-home .mf-hero-bg img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  filter: brightness(0.45) saturate(1.1);\r\n}\r\n\r\n#mf-home .mf-hero-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse at top right, rgba(45, 68, 232, 0.35) 0%, transparent 50%),\r\n    radial-gradient(ellipse at bottom left, rgba(86, 200, 245, 0.18) 0%, transparent 55%),\r\n    linear-gradient(180deg, rgba(6, 12, 46, 0.78) 0%, rgba(6, 12, 46, 0.92) 100%);\r\n  z-index: -1;\r\n}\r\n\r\n#mf-home .mf-hero-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 28px;\r\n}\r\n\r\n#mf-home .mf-hero-content {\r\n  max-width: 820px;\r\n}\r\n\r\n#mf-home .mf-hero-title {\r\n  font-size: clamp(48px, 7.5vw, 96px);\r\n  line-height: 0.98;\r\n  letter-spacing: -0.035em;\r\n  font-weight: 300;\r\n  margin-bottom: 28px;\r\n  font-variation-settings: \"opsz\" 144, \"SOFT\" 50;\r\n}\r\n\r\n#mf-home .mf-hero-title em {\r\n  font-style: italic;\r\n  font-weight: 300;\r\n  color: var(--mf-cyan-soft);\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-cyan-soft) 50%, #fff 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  position: relative;\r\n}\r\n\r\n#mf-home .mf-hero-subtitle {\r\n  font-size: clamp(16px, 1.4vw, 19px);\r\n  line-height: 1.65;\r\n  color: var(--mf-text-light);\r\n  max-width: 620px;\r\n  margin-bottom: 38px;\r\n  font-weight: 400;\r\n}\r\n\r\n#mf-home .mf-hero-ctas {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n#mf-home .mf-hero-trust {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 28px;\r\n  padding-top: 32px;\r\n  border-top: 1px solid var(--mf-border-soft);\r\n  max-width: 720px;\r\n}\r\n\r\n#mf-home .mf-trust-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: var(--mf-text-light);\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n#mf-home .mf-trust-icon {\r\n  width: 20px;\r\n  height: 20px;\r\n  flex-shrink: 0;\r\n  color: var(--mf-cyan);\r\n}\r\n\r\n#mf-home .mf-trust-stars {\r\n  display: inline-flex;\r\n  gap: 2px;\r\n  color: #ffc649;\r\n}\r\n\r\n#mf-home .mf-hero-vertical {\r\n  position: absolute;\r\n  right: 40px;\r\n  top: 50%;\r\n  transform: translateY(-50%) rotate(90deg);\r\n  transform-origin: right center;\r\n  font-family: var(--mf-font-body);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.6em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-text-muted);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  z-index: 3;\r\n}\r\n\r\n#mf-home .mf-hero-vertical::before {\r\n  content: \"\";\r\n  width: 60px;\r\n  height: 1px;\r\n  background: var(--mf-text-dim);\r\n}\r\n\r\n#mf-home .mf-hero-scroll {\r\n  position: absolute;\r\n  bottom: 36px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--mf-text-muted);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  z-index: 3;\r\n}\r\n\r\n#mf-home .mf-scroll-line {\r\n  width: 1px;\r\n  height: 50px;\r\n  background: linear-gradient(180deg, var(--mf-text-dim), transparent);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n#mf-home .mf-scroll-line::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -20px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 20px;\r\n  background: linear-gradient(180deg, transparent, var(--mf-cyan));\r\n  animation: mf-scroll-drop 2.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes mf-scroll-drop {\r\n  0% { top: -20px; }\r\n  100% { top: 70px; }\r\n}\r\n\r\n\/* ============== STATS COUNTER ============== *\/\r\n\r\n#mf-home .mf-stats {\r\n  position: relative;\r\n  padding: 70px 0;\r\n  background: linear-gradient(180deg, var(--mf-navy-deep) 0%, var(--mf-navy) 100%);\r\n  border-top: 1px solid var(--mf-border-soft);\r\n  border-bottom: 1px solid var(--mf-border-soft);\r\n  overflow: hidden;\r\n}\r\n\r\n#mf-home .mf-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 30px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-stat-item {\r\n  text-align: center;\r\n  padding: 20px;\r\n  position: relative;\r\n}\r\n\r\n#mf-home .mf-stat-item:not(:last-child)::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -15px;\r\n  top: 20%;\r\n  bottom: 20%;\r\n  width: 1px;\r\n  background: linear-gradient(180deg, transparent, var(--mf-border-bright), transparent);\r\n}\r\n\r\n#mf-home .mf-stat-number {\r\n  font-family: var(--mf-font-display);\r\n  font-size: clamp(48px, 5vw, 72px);\r\n  font-weight: 300;\r\n  line-height: 1;\r\n  color: var(--mf-pearl);\r\n  letter-spacing: -0.04em;\r\n  margin-bottom: 10px;\r\n  background: linear-gradient(135deg, #fff 0%, var(--mf-cyan-soft) 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  font-variation-settings: \"opsz\" 144;\r\n}\r\n\r\n#mf-home .mf-stat-suffix {\r\n  color: var(--mf-cyan);\r\n  -webkit-text-fill-color: var(--mf-cyan);\r\n}\r\n\r\n#mf-home .mf-stat-label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-text-muted);\r\n}\r\n\r\n\/* ============== ABOUT ============== *\/\r\n\r\n#mf-home .mf-about {\r\n  position: relative;\r\n  padding: 130px 0;\r\n  background: var(--mf-navy-deep);\r\n  overflow: hidden;\r\n}\r\n\r\n#mf-home .mf-about-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-about-visual {\r\n  position: relative;\r\n}\r\n\r\n#mf-home .mf-about-img-wrap {\r\n  position: relative;\r\n  border-radius: var(--mf-radius-lg);\r\n  overflow: hidden;\r\n  aspect-ratio: 4\/5;\r\n  box-shadow: var(--mf-shadow-deep);\r\n}\r\n\r\n#mf-home .mf-about-img-wrap::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, transparent 50%, rgba(6, 12, 46, 0.5) 100%);\r\n  pointer-events: none;\r\n}\r\n\r\n#mf-home .mf-about-img-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n#mf-home .mf-about-badge {\r\n  position: absolute;\r\n  bottom: -30px;\r\n  left: -30px;\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-navy-bright) 100%);\r\n  border-radius: var(--mf-radius-md);\r\n  padding: 24px 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  box-shadow: var(--mf-shadow-deep), var(--mf-shadow-glow);\r\n  z-index: 3;\r\n  max-width: 280px;\r\n}\r\n\r\n#mf-home .mf-about-badge-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  flex-shrink: 0;\r\n  background: rgba(255,255,255,0.18);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n}\r\n\r\n#mf-home .mf-about-badge-text {\r\n  color: #fff;\r\n}\r\n\r\n#mf-home .mf-about-badge-text strong {\r\n  font-family: var(--mf-font-display);\r\n  font-size: 22px;\r\n  font-weight: 400;\r\n  display: block;\r\n  line-height: 1.1;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n#mf-home .mf-about-badge-text span {\r\n  font-size: 11px;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  opacity: 0.85;\r\n}\r\n\r\n#mf-home .mf-about-vertical {\r\n  position: absolute;\r\n  left: -50px;\r\n  top: 50%;\r\n  transform: translateY(-50%) rotate(-90deg);\r\n  transform-origin: left center;\r\n  font-family: var(--mf-font-body);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.55em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-text-dim);\r\n  white-space: nowrap;\r\n}\r\n\r\n#mf-home .mf-about-title {\r\n  font-size: clamp(36px, 4.4vw, 60px);\r\n  margin-bottom: 24px;\r\n  letter-spacing: -0.025em;\r\n  font-weight: 300;\r\n}\r\n\r\n#mf-home .mf-about-text {\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  color: var(--mf-text-light);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#mf-home .mf-about-features {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 32px 0;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 14px;\r\n}\r\n\r\n#mf-home .mf-about-features li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: var(--mf-text-light);\r\n}\r\n\r\n#mf-home .mf-about-features li svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  flex-shrink: 0;\r\n  color: var(--mf-cyan);\r\n}\r\n\r\n\/* ============== SERVICES ============== *\/\r\n\r\n#mf-home .mf-services {\r\n  position: relative;\r\n  padding: 130px 0;\r\n  background:\r\n    linear-gradient(180deg, var(--mf-navy-deep) 0%, var(--mf-navy) 50%, var(--mf-navy-deep) 100%);\r\n  overflow: hidden;\r\n}\r\n\r\n#mf-home .mf-section-head {\r\n  text-align: center;\r\n  max-width: 720px;\r\n  margin: 0 auto 70px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-section-title {\r\n  font-size: clamp(38px, 5vw, 64px);\r\n  letter-spacing: -0.03em;\r\n  font-weight: 300;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#mf-home .mf-section-subtitle {\r\n  font-size: 17px;\r\n  line-height: 1.65;\r\n  color: var(--mf-text-muted);\r\n  max-width: 580px;\r\n  margin: 0 auto;\r\n}\r\n\r\n#mf-home .mf-services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-service-card {\r\n  position: relative;\r\n  border-radius: var(--mf-radius-lg);\r\n  overflow: hidden;\r\n  aspect-ratio: 3\/4;\r\n  cursor: pointer;\r\n  transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n  isolation: isolate;\r\n  text-decoration: none;\r\n  display: block;\r\n}\r\n\r\n#mf-home .mf-service-card:hover {\r\n  transform: translateY(-8px);\r\n}\r\n\r\n#mf-home .mf-service-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n}\r\n\r\n#mf-home .mf-service-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n}\r\n\r\n#mf-home .mf-service-card:hover .mf-service-img img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n#mf-home .mf-service-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(180deg, rgba(6, 12, 46, 0.15) 0%, rgba(6, 12, 46, 0.65) 50%, rgba(6, 12, 46, 0.95) 100%);\r\n  z-index: -1;\r\n  transition: background 0.5s ease;\r\n}\r\n\r\n#mf-home .mf-service-card:hover .mf-service-overlay {\r\n  background:\r\n    linear-gradient(180deg, rgba(6, 12, 46, 0.35) 0%, rgba(26, 45, 187, 0.45) 50%, rgba(6, 12, 46, 0.95) 100%);\r\n}\r\n\r\n#mf-home .mf-service-content {\r\n  position: absolute;\r\n  inset: 0;\r\n  padding: 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n}\r\n\r\n#mf-home .mf-service-icon-wrap {\r\n  width: 54px;\r\n  height: 54px;\r\n  border-radius: 14px;\r\n  background: rgba(86, 200, 245, 0.15);\r\n  border: 1px solid var(--mf-border-bright);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  backdrop-filter: blur(8px);\r\n  align-self: flex-start;\r\n}\r\n\r\n#mf-home .mf-service-icon-wrap svg {\r\n  width: 26px;\r\n  height: 26px;\r\n  color: var(--mf-cyan);\r\n}\r\n\r\n#mf-home .mf-service-body {\r\n  color: #fff;\r\n}\r\n\r\n#mf-home .mf-service-title {\r\n  font-family: var(--mf-font-display);\r\n  font-size: 26px;\r\n  font-weight: 400;\r\n  line-height: 1.1;\r\n  letter-spacing: -0.02em;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n  font-variation-settings: \"opsz\" 144;\r\n}\r\n\r\n#mf-home .mf-service-text {\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n  color: var(--mf-text-light);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#mf-home .mf-service-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-cyan);\r\n  text-decoration: none;\r\n}\r\n\r\n#mf-home .mf-service-link svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n#mf-home .mf-service-card:hover .mf-service-link svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* ============== WHY CHOOSE US ============== *\/\r\n\r\n#mf-home .mf-why {\r\n  position: relative;\r\n  padding: 130px 0;\r\n  background: var(--mf-navy-deep);\r\n  overflow: hidden;\r\n}\r\n\r\n#mf-home .mf-why-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-why-card {\r\n  padding: 38px 28px;\r\n  background: linear-gradient(180deg, rgba(26, 45, 187, 0.12) 0%, rgba(6, 12, 46, 0.3) 100%);\r\n  border: 1px solid var(--mf-border-soft);\r\n  border-radius: var(--mf-radius-lg);\r\n  transition: all 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n  position: relative;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n#mf-home .mf-why-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at 50% 0%, rgba(86, 200, 245, 0.18), transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n  z-index: -1;\r\n}\r\n\r\n#mf-home .mf-why-card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: var(--mf-border-bright);\r\n  box-shadow: 0 30px 60px -20px rgba(86, 200, 245, 0.25);\r\n}\r\n\r\n#mf-home .mf-why-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n#mf-home .mf-why-icon {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 16px;\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-navy-bright) 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n  box-shadow: 0 12px 30px -8px var(--mf-cyan-glow);\r\n}\r\n\r\n#mf-home .mf-why-icon svg {\r\n  width: 28px;\r\n  height: 28px;\r\n  color: #fff;\r\n}\r\n\r\n#mf-home .mf-why-title {\r\n  font-family: var(--mf-font-display);\r\n  font-size: 22px;\r\n  font-weight: 400;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  color: var(--mf-pearl);\r\n  margin-bottom: 12px;\r\n  font-variation-settings: \"opsz\" 144;\r\n}\r\n\r\n#mf-home .mf-why-text {\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  color: var(--mf-text-muted);\r\n}\r\n\r\n\/* ============== PROCESS ============== *\/\r\n\r\n#mf-home .mf-process {\r\n  position: relative;\r\n  padding: 130px 0;\r\n  background: linear-gradient(180deg, var(--mf-navy-deep) 0%, var(--mf-navy) 100%);\r\n  overflow: hidden;\r\n}\r\n\r\n#mf-home .mf-process-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-process-step {\r\n  position: relative;\r\n  padding: 50px 36px 40px;\r\n  background: linear-gradient(180deg, rgba(26, 45, 187, 0.10) 0%, rgba(6, 12, 46, 0.4) 100%);\r\n  border: 1px solid var(--mf-border-soft);\r\n  border-radius: var(--mf-radius-lg);\r\n  text-align: left;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n#mf-home .mf-process-step:hover {\r\n  transform: translateY(-6px);\r\n  border-color: var(--mf-border-bright);\r\n}\r\n\r\n#mf-home .mf-process-num {\r\n  font-family: var(--mf-font-display);\r\n  font-size: 110px;\r\n  font-weight: 200;\r\n  line-height: 0.9;\r\n  letter-spacing: -0.05em;\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, rgba(86, 200, 245, 0.15) 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 20px;\r\n  display: inline-block;\r\n  font-variation-settings: \"opsz\" 144;\r\n}\r\n\r\n#mf-home .mf-process-step h3 {\r\n  font-size: 28px;\r\n  font-weight: 400;\r\n  margin-bottom: 14px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n#mf-home .mf-process-step p {\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n  color: var(--mf-text-muted);\r\n}\r\n\r\n#mf-home .mf-process-step::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  right: -30px;\r\n  width: 20px;\r\n  height: 1px;\r\n  background: var(--mf-border-bright);\r\n  display: none;\r\n}\r\n\r\n\/* ============== BEFORE \/ AFTER SLIDER ============== *\/\r\n\r\n#mf-home .mf-ba {\r\n  position: relative;\r\n  padding: 130px 0;\r\n  background: var(--mf-navy-deep);\r\n  overflow: hidden;\r\n}\r\n\r\n#mf-home .mf-ba-wrap {\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  padding: 0 28px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-ba-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 16\/10;\r\n  border-radius: var(--mf-radius-lg);\r\n  overflow: hidden;\r\n  box-shadow: var(--mf-shadow-deep);\r\n  cursor: ew-resize;\r\n  user-select: none;\r\n  border: 1px solid var(--mf-border-soft);\r\n  margin-bottom: 28px;\r\n}\r\n\r\n#mf-home .mf-ba-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n#mf-home .mf-ba-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  pointer-events: none;\r\n  display: block;\r\n}\r\n\r\n#mf-home .mf-ba-after {\r\n  z-index: 1;\r\n}\r\n\r\n#mf-home .mf-ba-before {\r\n  z-index: 2;\r\n  clip-path: inset(0 50% 0 0);\r\n}\r\n\r\n#mf-home .mf-ba-label {\r\n  position: absolute;\r\n  top: 24px;\r\n  padding: 8px 18px;\r\n  background: rgba(6, 12, 46, 0.8);\r\n  backdrop-filter: blur(12px);\r\n  border: 1px solid var(--mf-border-bright);\r\n  border-radius: 999px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-cyan);\r\n  z-index: 4;\r\n  pointer-events: none;\r\n}\r\n\r\n#mf-home .mf-ba-label-before { left: 24px; }\r\n#mf-home .mf-ba-label-after { right: 24px; }\r\n\r\n#mf-home .mf-ba-handle {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 3px;\r\n  background: linear-gradient(180deg, transparent, var(--mf-cyan) 20%, var(--mf-cyan) 80%, transparent);\r\n  z-index: 3;\r\n  pointer-events: none;\r\n  box-shadow: 0 0 30px var(--mf-cyan-glow);\r\n}\r\n\r\n#mf-home .mf-ba-handle-knob {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 60px;\r\n  height: 60px;\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-navy-bright) 100%);\r\n  border: 3px solid #fff;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 0 40px var(--mf-cyan-glow), 0 8px 20px rgba(0,0,0,0.4);\r\n  pointer-events: none;\r\n}\r\n\r\n#mf-home .mf-ba-handle-knob svg {\r\n  width: 26px;\r\n  height: 26px;\r\n  color: #fff;\r\n}\r\n\r\n#mf-home .mf-ba-thumbs {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, 1fr);\r\n  gap: 12px;\r\n}\r\n\r\n#mf-home .mf-ba-thumb {\r\n  aspect-ratio: 16\/10;\r\n  border-radius: var(--mf-radius-sm);\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  border: 2px solid transparent;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  background: none;\r\n  padding: 0;\r\n}\r\n\r\n#mf-home .mf-ba-thumb img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  opacity: 0.5;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n#mf-home .mf-ba-thumb:hover img,\r\n#mf-home .mf-ba-thumb.mf-active img {\r\n  opacity: 1;\r\n}\r\n\r\n#mf-home .mf-ba-thumb.mf-active {\r\n  border-color: var(--mf-cyan);\r\n  box-shadow: 0 0 20px var(--mf-cyan-glow);\r\n}\r\n\r\n#mf-home .mf-ba-hint {\r\n  text-align: center;\r\n  margin-top: 24px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-text-muted);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n}\r\n\r\n#mf-home .mf-ba-hint svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  color: var(--mf-cyan);\r\n}\r\n\r\n\/* ============== TESTIMONIALS ============== *\/\r\n\r\n#mf-home .mf-testimonials {\r\n  position: relative;\r\n  padding: 130px 0;\r\n  background: var(--mf-navy-deep);\r\n  overflow: hidden;\r\n}\r\n\r\n#mf-home .mf-test-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-test-card {\r\n  position: relative;\r\n  padding: 40px 32px 36px;\r\n  background: linear-gradient(180deg, rgba(26, 45, 187, 0.12) 0%, rgba(6, 12, 46, 0.4) 100%);\r\n  border: 1px solid var(--mf-border-soft);\r\n  border-radius: var(--mf-radius-lg);\r\n  transition: all 0.4s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#mf-home .mf-test-card:hover {\r\n  transform: translateY(-4px);\r\n  border-color: var(--mf-border-bright);\r\n}\r\n\r\n#mf-home .mf-test-quote {\r\n  position: absolute;\r\n  top: -16px;\r\n  left: 32px;\r\n  width: 48px;\r\n  height: 48px;\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-navy-bright) 100%);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 8px 20px -4px var(--mf-cyan-glow);\r\n}\r\n\r\n#mf-home .mf-test-quote svg {\r\n  width: 22px;\r\n  height: 22px;\r\n  color: #fff;\r\n}\r\n\r\n#mf-home .mf-test-stars {\r\n  display: flex;\r\n  gap: 3px;\r\n  margin-bottom: 18px;\r\n  margin-top: 8px;\r\n  color: #ffc649;\r\n}\r\n\r\n#mf-home .mf-test-stars svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  fill: currentColor;\r\n}\r\n\r\n#mf-home .mf-test-text {\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  color: var(--mf-text-light);\r\n  margin-bottom: 24px;\r\n  flex-grow: 1;\r\n  font-weight: 300;\r\n}\r\n\r\n#mf-home .mf-test-author {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding-top: 20px;\r\n  border-top: 1px solid var(--mf-border-soft);\r\n}\r\n\r\n#mf-home .mf-test-avatar {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-navy-bright) 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: var(--mf-font-display);\r\n  font-size: 20px;\r\n  color: #fff;\r\n  flex-shrink: 0;\r\n  font-weight: 500;\r\n}\r\n\r\n#mf-home .mf-test-name {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: var(--mf-pearl);\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\n#mf-home .mf-test-source {\r\n  font-size: 12px;\r\n  color: var(--mf-text-muted);\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n\/* ============== CTA BANNER ============== *\/\r\n\r\n#mf-home .mf-cta {\r\n  position: relative;\r\n  padding: 110px 0;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n#mf-home .mf-cta-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n}\r\n\r\n#mf-home .mf-cta-bg img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  filter: brightness(0.4);\r\n}\r\n\r\n#mf-home .mf-cta-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse at center, rgba(26, 45, 187, 0.55) 0%, transparent 70%),\r\n    linear-gradient(180deg, rgba(6, 12, 46, 0.85) 0%, rgba(6, 12, 46, 0.95) 100%);\r\n  z-index: -1;\r\n}\r\n\r\n#mf-home .mf-cta-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  max-width: 880px;\r\n  margin: 0 auto;\r\n  padding: 0 28px;\r\n}\r\n\r\n#mf-home .mf-cta-title {\r\n  font-size: clamp(40px, 5.5vw, 72px);\r\n  font-weight: 300;\r\n  line-height: 1.05;\r\n  letter-spacing: -0.03em;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#mf-home .mf-cta-text {\r\n  font-size: 17px;\r\n  line-height: 1.7;\r\n  color: var(--mf-text-light);\r\n  margin-bottom: 38px;\r\n  max-width: 680px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n#mf-home .mf-cta-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\/* ============== CONTACT ============== *\/\r\n\r\n#mf-home .mf-contact {\r\n  position: relative;\r\n  padding: 130px 0;\r\n  background: var(--mf-navy-deep);\r\n  overflow: hidden;\r\n}\r\n\r\n#mf-home .mf-contact-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  gap: 60px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-contact-info h2 {\r\n  font-size: clamp(36px, 4.4vw, 56px);\r\n  letter-spacing: -0.025em;\r\n  font-weight: 300;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#mf-home .mf-contact-text {\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  color: var(--mf-text-muted);\r\n  margin-bottom: 36px;\r\n}\r\n\r\n#mf-home .mf-contact-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 18px;\r\n}\r\n\r\n#mf-home .mf-contact-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n  padding: 18px 22px;\r\n  background: linear-gradient(180deg, rgba(26, 45, 187, 0.10) 0%, rgba(6, 12, 46, 0.4) 100%);\r\n  border: 1px solid var(--mf-border-soft);\r\n  border-radius: var(--mf-radius-md);\r\n  text-decoration: none;\r\n  color: var(--mf-text-light);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n#mf-home .mf-contact-item:hover {\r\n  border-color: var(--mf-border-bright);\r\n  transform: translateX(4px);\r\n}\r\n\r\n#mf-home .mf-contact-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-navy-bright) 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n#mf-home .mf-contact-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  color: #fff;\r\n}\r\n\r\n#mf-home .mf-contact-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-cyan);\r\n  display: block;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n#mf-home .mf-contact-value {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: var(--mf-pearl);\r\n}\r\n\r\n#mf-home .mf-contact-form {\r\n  padding: 40px;\r\n  background: linear-gradient(180deg, rgba(26, 45, 187, 0.12) 0%, rgba(6, 12, 46, 0.4) 100%);\r\n  border: 1px solid var(--mf-border-soft);\r\n  border-radius: var(--mf-radius-lg);\r\n  position: relative;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n#mf-home .mf-form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n#mf-home .mf-form-field {\r\n  margin-bottom: 16px;\r\n  position: relative;\r\n}\r\n\r\n#mf-home .mf-form-label {\r\n  display: block;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-cyan);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n#mf-home .mf-form-input,\r\n#mf-home .mf-form-textarea {\r\n  width: 100%;\r\n  padding: 14px 18px;\r\n  background: rgba(6, 12, 46, 0.5);\r\n  border: 1px solid var(--mf-border-soft);\r\n  border-radius: 12px;\r\n  color: var(--mf-pearl);\r\n  font-family: var(--mf-font-body);\r\n  font-size: 15px;\r\n  transition: all 0.3s ease;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#mf-home .mf-form-textarea {\r\n  resize: vertical;\r\n  min-height: 120px;\r\n}\r\n\r\n#mf-home .mf-form-input:focus,\r\n#mf-home .mf-form-textarea:focus {\r\n  border-color: var(--mf-cyan);\r\n  background: rgba(6, 12, 46, 0.7);\r\n  box-shadow: 0 0 0 4px rgba(86, 200, 245, 0.12);\r\n}\r\n\r\n#mf-home .mf-form-input::placeholder,\r\n#mf-home .mf-form-textarea::placeholder {\r\n  color: var(--mf-text-dim);\r\n}\r\n\r\n#mf-home .mf-form-submit {\r\n  width: 100%;\r\n  margin-top: 8px;\r\n}\r\n\r\n\/* ============== FOOTER \u2014 modern brand-led compact ============== *\/\r\n\r\n#mf-home .mf-footer {\r\n  position: relative;\r\n  background: linear-gradient(180deg, var(--mf-navy-deep) 0%, #03061a 100%);\r\n  border-top: 1px solid var(--mf-border-soft);\r\n  overflow: hidden;\r\n  padding: 70px 0 0;\r\n}\r\n\r\n#mf-home .mf-footer-top {\r\n  display: grid;\r\n  grid-template-columns: 1.6fr 1fr;\r\n  gap: 40px;\r\n  align-items: end;\r\n  padding-bottom: 44px;\r\n  border-bottom: 1px solid var(--mf-border-soft);\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-footer-brand h2 {\r\n  font-family: var(--mf-font-display);\r\n  font-weight: 400;\r\n  font-size: clamp(44px, 6.5vw, 88px);\r\n  line-height: 0.94;\r\n  letter-spacing: -0.04em;\r\n  color: var(--mf-pearl);\r\n  margin: 0;\r\n  font-variation-settings: \"opsz\" 144;\r\n}\r\n\r\n#mf-home .mf-footer-brand h2 em {\r\n  font-style: italic;\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-cyan-soft) 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n#mf-home .mf-footer-tag {\r\n  margin: 16px 0 0;\r\n  font-size: 14px;\r\n  color: var(--mf-text-muted);\r\n  max-width: 380px;\r\n  line-height: 1.6;\r\n}\r\n\r\n#mf-home .mf-footer-cta {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  gap: 10px;\r\n  padding-bottom: 6px;\r\n  text-align: right;\r\n}\r\n\r\n#mf-home .mf-footer-cta-lead {\r\n  font-family: var(--mf-font-body);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.24em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-cyan);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n#mf-home .mf-footer-cta-lead::before {\r\n  content: \"\";\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--mf-cyan);\r\n}\r\n\r\n#mf-home .mf-footer-cta-phone {\r\n  font-family: var(--mf-font-display);\r\n  font-size: clamp(28px, 3.4vw, 42px);\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  color: var(--mf-pearl);\r\n  text-decoration: none;\r\n  transition: color 0.3s ease;\r\n  font-variation-settings: \"opsz\" 144;\r\n}\r\n\r\n#mf-home .mf-footer-cta-phone:hover {\r\n  color: var(--mf-cyan);\r\n}\r\n\r\n#mf-home .mf-footer-cta-meta {\r\n  font-size: 12px;\r\n  color: var(--mf-text-muted);\r\n  letter-spacing: 0.04em;\r\n}\r\n\r\n#mf-home .mf-footer-nav {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 40px;\r\n  padding: 48px 0;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-footer-col {\r\n  background: rgba(255, 255, 255, 0.025);\r\n  border: 1px solid rgba(143, 215, 244, 0.08);\r\n  border-radius: 14px;\r\n  padding: 22px 20px;\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  transition: border-color 0.3s ease, background 0.3s ease;\r\n}\r\n\r\n#mf-home .mf-footer-col:hover {\r\n  background: rgba(255, 255, 255, 0.04);\r\n  border-color: rgba(143, 215, 244, 0.16);\r\n}\r\n\r\n#mf-home .mf-footer-col h4 {\r\n  font-family: var(--mf-font-body);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.24em;\r\n  text-transform: uppercase;\r\n  color: var(--mf-cyan);\r\n  margin: 0 0 18px;\r\n}\r\n\r\n#mf-home .mf-footer-col ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n#mf-home .mf-footer-col li a,\r\n#mf-home .mf-footer-col li span {\r\n  font-size: 13px;\r\n  color: var(--mf-text-muted);\r\n  text-decoration: none;\r\n  transition: color 0.3s ease;\r\n  line-height: 1.5;\r\n  display: inline-block;\r\n}\r\n\r\n#mf-home .mf-footer-col li a:hover {\r\n  color: var(--mf-pearl);\r\n}\r\n\r\n#mf-home .mf-footer-bottom {\r\n  padding: 22px 0;\r\n  border-top: 1px solid var(--mf-border-soft);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#mf-home .mf-footer-copy {\r\n  font-size: 12px;\r\n  color: var(--mf-text-muted);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 22px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n#mf-home .mf-footer-copy a {\r\n  color: var(--mf-text-muted);\r\n  text-decoration: none;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n#mf-home .mf-footer-copy a:hover {\r\n  color: var(--mf-cyan);\r\n}\r\n\r\n#mf-home .mf-footer-social {\r\n  display: flex;\r\n  gap: 8px;\r\n}\r\n\r\n#mf-home .mf-footer-social a {\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 8px;\r\n  background: rgba(86, 200, 245, 0.06);\r\n  border: 1px solid var(--mf-border-soft);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--mf-text-light);\r\n  transition: all 0.3s ease;\r\n  text-decoration: none;\r\n}\r\n\r\n#mf-home .mf-footer-social a:hover {\r\n  background: var(--mf-cyan);\r\n  border-color: var(--mf-cyan);\r\n  color: var(--mf-navy-deep);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n#mf-home .mf-footer-social svg {\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n\r\n\/* ============== ANIMATIONS ============== *\/\r\n\r\n@keyframes mf-fade-up {\r\n  from { opacity: 0; transform: translateY(30px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes mf-fade-in {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n\r\n#mf-home .mf-animate {\r\n  opacity: 0;\r\n  animation: mf-fade-up 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;\r\n}\r\n\r\n#mf-home .mf-delay-1 { animation-delay: 0.15s; }\r\n#mf-home .mf-delay-2 { animation-delay: 0.3s; }\r\n#mf-home .mf-delay-3 { animation-delay: 0.45s; }\r\n#mf-home .mf-delay-4 { animation-delay: 0.6s; }\r\n\r\n\/* ============== RESPONSIVE ============== *\/\r\n\r\n@media (max-width: 1024px) {\r\n  #mf-home .mf-services-grid { grid-template-columns: repeat(2, 1fr); }\r\n  #mf-home .mf-why-grid { grid-template-columns: repeat(2, 1fr); }\r\n  #mf-home .mf-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }\r\n  #mf-home .mf-stat-item:nth-child(2)::after { display: none; }\r\n  #mf-home .mf-test-grid { grid-template-columns: 1fr; }\r\n  #mf-home .mf-about-grid { grid-template-columns: 1fr; gap: 60px; }\r\n  #mf-home .mf-contact-grid { grid-template-columns: 1fr; gap: 40px; }\r\n  #mf-home .mf-process-grid { grid-template-columns: 1fr; }\r\n  #mf-home .mf-hero-vertical { display: none; }\r\n  #mf-home .mf-footer-top { grid-template-columns: 1fr; gap: 28px; align-items: start; }\r\n  #mf-home .mf-footer-cta { align-items: flex-start; text-align: left; }\r\n  #mf-home .mf-footer-nav { grid-template-columns: 1fr 1fr; gap: 36px 30px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  #mf-home .mf-nav { display: none; }\r\n  #mf-home .mf-header-cta { display: none; }\r\n  #mf-home .mf-mobile-toggle { display: inline-flex; }\r\n  #mf-home .mf-mobile-menu {\r\n    display: block;\r\n    position: fixed;\r\n    top: 70px;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(180deg, var(--mf-navy-deep) 0%, var(--mf-navy) 100%);\r\n    padding: 30px 24px;\r\n    z-index: 101;\r\n    overflow-y: auto;\r\n    transform: translateX(100%);\r\n    transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n  }\r\n  #mf-home .mf-mobile-menu.mf-open { transform: translateX(0); }\r\n  #mf-home .mf-mobile-menu .mf-nav-link {\r\n    display: block;\r\n    padding: 16px 0;\r\n    font-size: 15px;\r\n    border-bottom: 1px solid var(--mf-border-soft);\r\n  }\r\n  #mf-home .mf-mobile-submenu-toggle {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    background: transparent;\r\n    border: none;\r\n    border-bottom: 1px solid var(--mf-border-soft);\r\n    padding: 16px 0;\r\n    font-size: 15px;\r\n    font-family: inherit;\r\n    font-weight: 500;\r\n    color: var(--mf-pearl);\r\n    cursor: pointer;\r\n    text-align: left;\r\n    transition: color 0.3s ease;\r\n  }\r\n  #mf-home .mf-mobile-submenu-toggle:hover { color: var(--mf-cyan); }\r\n  #mf-home .mf-mobile-chev {\r\n    width: 14px;\r\n    height: 14px;\r\n    color: var(--mf-cyan);\r\n    transition: transform 0.35s ease;\r\n    flex-shrink: 0;\r\n    margin-left: 10px;\r\n  }\r\n  #mf-home .mf-mobile-submenu.mf-open .mf-mobile-chev { transform: rotate(180deg); }\r\n  #mf-home .mf-mobile-menu .mf-dropdown {\r\n    position: static;\r\n    transform: none;\r\n    visibility: visible;\r\n    background: transparent;\r\n    border: none;\r\n    box-shadow: none;\r\n    backdrop-filter: none;\r\n    max-height: 0;\r\n    opacity: 0;\r\n    overflow: hidden;\r\n    padding: 0 0 0 14px;\r\n    transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;\r\n  }\r\n  #mf-home .mf-mobile-submenu.mf-open .mf-dropdown {\r\n    max-height: 600px;\r\n    opacity: 1;\r\n    padding: 4px 0 14px 14px;\r\n  }\r\n  #mf-home .mf-mobile-menu .mf-dropdown::before { display: none; }\r\n  #mf-home .mf-mobile-cta { margin-top: 24px; width: 100%; }\r\n\r\n  #mf-home .mf-hero { padding: 120px 15px 80px; min-height: auto; }\r\n  #mf-home .mf-hero-inner { padding: 0 15px; }\r\n  #mf-home .mf-hero-title { font-size: clamp(34px, 5.8vw, 46px); line-height: 1.08; }\r\n  #mf-home .mf-section-title,\r\n  #mf-home .mf-about-title,\r\n  #mf-home .mf-cta-title,\r\n  #mf-home .mf-contact-info h2 { font-size: clamp(34px, 5.8vw, 46px); line-height: 1.08; }\r\n  #mf-home .mf-hero-ctas { flex-direction: column; gap: 10px; }\r\n  #mf-home .mf-hero-ctas .mf-btn { width: 100%; justify-content: center; box-sizing: border-box; }\r\n  #mf-home .mf-hero-trust { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; padding-top: 26px; }\r\n  #mf-home .mf-trust-item { font-size: 12px; gap: 8px; min-width: 0; align-items: flex-start; line-height: 1.35; }\r\n  #mf-home .mf-trust-icon, #mf-home .mf-trust-stars { flex-shrink: 0; }\r\n  #mf-home .mf-hero-scroll { display: none; }\r\n  #mf-home .mf-wrap, #mf-home .mf-wrap-narrow,\r\n  #mf-home .mf-header-inner, #mf-home .mf-cta-inner,\r\n  #mf-home .mf-ba-wrap { padding-left: 28px; padding-right: 28px; }\r\n\r\n  #mf-home .mf-services-grid { grid-template-columns: 1fr; }\r\n  #mf-home .mf-why-grid { grid-template-columns: 1fr; }\r\n  #mf-home .mf-stats-grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; }\r\n  #mf-home .mf-stat-number { font-size: clamp(36px, 9vw, 52px); letter-spacing: -0.035em; }\r\n  #mf-home .mf-stat-label { font-size: 11px; letter-spacing: 0.16em; }\r\n  #mf-home .mf-stat-item::after { display: none; }\r\n  #mf-home .mf-about, #mf-home .mf-services, #mf-home .mf-why,\r\n  #mf-home .mf-process, #mf-home .mf-ba, #mf-home .mf-testimonials,\r\n  #mf-home .mf-contact { padding: 80px 0; }\r\n  #mf-home .mf-cta { padding: 80px 0; }\r\n  #mf-home .mf-about-features { grid-template-columns: 1fr; }\r\n  #mf-home .mf-about-vertical { display: none; }\r\n  #mf-home .mf-about-badge { position: relative; bottom: auto; left: auto; margin-top: 20px; padding: 14px 18px; gap: 12px; }\r\n  #mf-home .mf-about-badge-icon { width: 36px; height: 36px; border-radius: 9px; }\r\n  #mf-home .mf-about-badge-icon svg { width: 18px; height: 18px; }\r\n  #mf-home .mf-about-badge-text strong { font-size: 16px; margin-bottom: 2px; }\r\n  #mf-home .mf-about-badge-text span { font-size: 10px; letter-spacing: 0.14em; }\r\n  #mf-home .mf-ba-thumbs { grid-template-columns: repeat(3, 1fr); }\r\n  #mf-home .mf-ba-handle-knob { width: 50px; height: 50px; }\r\n  #mf-home .mf-process-num { font-size: 90px; }\r\n  #mf-home .mf-form-row { grid-template-columns: 1fr; }\r\n  #mf-home .mf-contact-form { padding: 28px 22px; }\r\n  #mf-home .mf-footer { padding: 50px 0 0; }\r\n  #mf-home .mf-footer-top { padding-bottom: 32px; }\r\n  #mf-home .mf-footer-brand h2 { font-size: clamp(38px, 9vw, 56px); }\r\n  #mf-home .mf-footer-cta-phone { font-size: clamp(24px, 6.5vw, 32px); }\r\n  #mf-home .mf-footer-nav { grid-template-columns: 1fr; gap: 14px; padding: 32px 0; }\r\n  #mf-home .mf-footer-col h4 { font-size: 10px; margin-bottom: 14px; letter-spacing: 0.2em; }\r\n  #mf-home .mf-footer-col li a,\r\n  #mf-home .mf-footer-col li span { font-size: 12.5px; }\r\n  #mf-home .mf-footer-bottom { flex-direction: column-reverse; gap: 16px; text-align: center; padding: 20px 0 24px; }\r\n  #mf-home .mf-footer-copy { justify-content: center; font-size: 11.5px; gap: 16px; }\r\n}\r\n\r\n\/* Elementor section reset (in case container injects padding) *\/\r\n.elementor-section .elementor-container { padding: 0; }\r\n\/* ============================================================\r\n   LIGHT THEME OVERRIDE  (client request: reduce navy \/ brighten)\r\n   Keeps header, footer and the CTA band navy; everything else light.\r\n   Light sections redefine the color variables locally, which cascades\r\n   to all their text \u2014 so the dark sections stay untouched.\r\n   ============================================================ *\/\r\n#mf-home {\r\n  --mf-ink: #0a1335;\r\n  --mf-ink-soft: #3c466e;\r\n  --mf-ink-muted: #5f6a90;\r\n  --mf-paper: #ffffff;\r\n  --mf-paper-2: #f4f8ff;\r\n  --mf-paper-tint: #eaf3fb;\r\n  background-color: #eef4fb !important;\r\n}\r\n\r\n\/* --- Light sections: flip text vars (cascades to children) --- *\/\r\n#mf-home .mf-hero,\r\n#mf-home .mf-stats,\r\n#mf-home .mf-about,\r\n#mf-home .mf-services,\r\n#mf-home .mf-why,\r\n#mf-home .mf-process,\r\n#mf-home .mf-ba,\r\n#mf-home .mf-testimonials,\r\n#mf-home .mf-contact {\r\n  --mf-pearl: #0a1335;\r\n  --mf-text-light: #3c466e;\r\n  --mf-text-muted: #5f6a90;\r\n  --mf-text-dim: #8893b5;\r\n  --mf-border-soft: rgba(12, 23, 80, 0.10);\r\n  --mf-border-bright: rgba(45, 68, 232, 0.30);\r\n  --mf-shadow-deep: 0 24px 60px -28px rgba(10, 19, 53, 0.22);\r\n  --mf-shadow-glow: 0 20px 50px -24px rgba(45, 68, 232, 0.22);\r\n}\r\n\r\n\/* --- Section surfaces \u2192 clean alternating white \/ soft-tint rhythm --- *\/\r\n#mf-home .mf-about,\r\n#mf-home .mf-why,\r\n#mf-home .mf-ba,\r\n#mf-home .mf-contact { background: #ffffff !important; }\r\n\r\n#mf-home .mf-stats,\r\n#mf-home .mf-services,\r\n#mf-home .mf-process,\r\n#mf-home .mf-testimonials {\r\n  background: linear-gradient(180deg, #f4f8ff 0%, #eaf3fb 100%) !important;\r\n}\r\n\r\n\/* --- Services \u2192 dark navy cards with image on top --- *\/\r\n#mf-home .mf-service-card {\r\n  aspect-ratio: auto !important;\r\n  display: flex !important;\r\n  flex-direction: column;\r\n  background: linear-gradient(165deg, #0c1750 0%, #060c2e 100%) !important;\r\n  border: 1px solid rgba(143, 215, 244, 0.16) !important;\r\n  box-shadow: 0 26px 60px -30px rgba(6, 12, 46, 0.55);\r\n}\r\n#mf-home .mf-service-img {\r\n  position: relative !important;\r\n  inset: auto !important;\r\n  height: 210px;\r\n  flex-shrink: 0;\r\n  z-index: auto !important;\r\n}\r\n#mf-home .mf-service-overlay { display: none !important; }\r\n#mf-home .mf-service-content {\r\n  position: relative !important;\r\n  inset: auto !important;\r\n  padding: 26px !important;\r\n  justify-content: flex-start !important;\r\n  gap: 14px;\r\n  flex: 1;\r\n}\r\n#mf-home .mf-service-icon-wrap {\r\n  background: linear-gradient(135deg, var(--mf-cyan) 0%, var(--mf-navy-bright) 100%) !important;\r\n  border: none !important;\r\n  backdrop-filter: none !important;\r\n  -webkit-backdrop-filter: none !important;\r\n  margin-top: -53px;\r\n  position: relative;\r\n  z-index: 2;\r\n  box-shadow: 0 10px 24px -8px rgba(45, 68, 232, 0.45);\r\n}\r\n#mf-home .mf-service-icon-wrap svg { color: #fff !important; }\r\n#mf-home .mf-service-title { color: #ffffff !important; }\r\n#mf-home .mf-service-text { color: #cfd9f0 !important; }\r\n#mf-home .mf-service-link { color: var(--mf-cyan) !important; }\r\n\r\n\/* --- Hero: bright pearl scrim over the photo (text sits left) --- *\/\r\n#mf-home .mf-hero-overlay {\r\n  background:\r\n    radial-gradient(ellipse at top right, rgba(86, 200, 245, 0.16) 0%, transparent 55%),\r\n    linear-gradient(105deg, rgba(244, 248, 255, 0.97) 0%, rgba(244, 248, 255, 0.90) 36%, rgba(244, 248, 255, 0.50) 62%, rgba(244, 248, 255, 0.12) 100%) !important;\r\n}\r\n#mf-home .mf-hero-bg img { filter: saturate(1.05) brightness(1.04); }\r\n\r\n\/* --- Gradient-text accents \u2192 navy\u2192cyan so they read on light --- *\/\r\n#mf-home .mf-hero-title em,\r\n#mf-home .mf-stat-number {\r\n  background: linear-gradient(135deg, var(--mf-navy-bright) 0%, var(--mf-cyan) 100%) !important;\r\n  -webkit-background-clip: text !important;\r\n  background-clip: text !important;\r\n  -webkit-text-fill-color: transparent !important;\r\n}\r\n\/* process numbers sit on dark cards \u2192 keep them bright *\/\r\n#mf-home .mf-process-num {\r\n  background: linear-gradient(135deg, #ffffff 0%, var(--mf-cyan-soft) 100%) !important;\r\n  -webkit-background-clip: text !important;\r\n  background-clip: text !important;\r\n  -webkit-text-fill-color: transparent !important;\r\n}\r\n\/* section-title italic accents \u2192 readable navy\u2192cyan on light *\/\r\n#mf-home .mf-section-title em,\r\n#mf-home .mf-about-title em,\r\n#mf-home .mf-ba-title em {\r\n  background: linear-gradient(135deg, var(--mf-navy-bright) 0%, var(--mf-cyan) 100%) !important;\r\n  -webkit-background-clip: text !important;\r\n  background-clip: text !important;\r\n  -webkit-text-fill-color: transparent !important;\r\n  color: var(--mf-navy-bright) !important;\r\n}\r\n\r\n\/* --- Eyebrows \u2192 navy-bright on light --- *\/\r\n#mf-home .mf-hero .mf-eyebrow,\r\n#mf-home .mf-stats .mf-eyebrow,\r\n#mf-home .mf-about .mf-eyebrow,\r\n#mf-home .mf-services .mf-eyebrow,\r\n#mf-home .mf-why .mf-eyebrow,\r\n#mf-home .mf-process .mf-eyebrow,\r\n#mf-home .mf-ba .mf-eyebrow,\r\n#mf-home .mf-testimonials .mf-eyebrow,\r\n#mf-home .mf-contact .mf-eyebrow { color: var(--mf-navy-bright) !important; }\r\n#mf-home .mf-hero .mf-eyebrow::before, #mf-home .mf-hero .mf-eyebrow::after,\r\n#mf-home .mf-stats .mf-eyebrow::before, #mf-home .mf-stats .mf-eyebrow::after,\r\n#mf-home .mf-about .mf-eyebrow::before, #mf-home .mf-about .mf-eyebrow::after,\r\n#mf-home .mf-services .mf-eyebrow::before, #mf-home .mf-services .mf-eyebrow::after,\r\n#mf-home .mf-why .mf-eyebrow::before, #mf-home .mf-why .mf-eyebrow::after,\r\n#mf-home .mf-process .mf-eyebrow::before, #mf-home .mf-process .mf-eyebrow::after,\r\n#mf-home .mf-ba .mf-eyebrow::before, #mf-home .mf-ba .mf-eyebrow::after,\r\n#mf-home .mf-testimonials .mf-eyebrow::before, #mf-home .mf-testimonials .mf-eyebrow::after,\r\n#mf-home .mf-contact .mf-eyebrow::before, #mf-home .mf-contact .mf-eyebrow::after { background: var(--mf-navy-bright) !important; }\r\n\r\n\/* --- Cards \u2192 dark navy surfaces with light text --- *\/\r\n#mf-home .mf-why-card,\r\n#mf-home .mf-process-step,\r\n#mf-home .mf-test-card {\r\n  --mf-pearl: #ffffff;\r\n  --mf-text-light: #cfd9f0;\r\n  --mf-text-muted: #a4b1d4;\r\n  --mf-text-dim: #7b88ad;\r\n  --mf-border-soft: rgba(143, 215, 244, 0.16);\r\n  --mf-border-bright: rgba(143, 215, 244, 0.30);\r\n  background: linear-gradient(165deg, #0c1750 0%, #060c2e 100%) !important;\r\n  border: 1px solid rgba(143, 215, 244, 0.16) !important;\r\n  box-shadow: 0 26px 60px -30px rgba(6, 12, 46, 0.55) !important;\r\n}\r\n\r\n\/* --- Contact section stays LIGHT (white cards) --- *\/\r\n#mf-home .mf-contact-item,\r\n#mf-home .mf-contact-form {\r\n  background: #ffffff !important;\r\n  border: 1px solid rgba(12, 23, 80, 0.08) !important;\r\n  box-shadow: 0 18px 46px -30px rgba(10, 19, 53, 0.18) !important;\r\n}\r\n#mf-home .mf-contact-label,\r\n#mf-home .mf-form-label { color: var(--mf-navy-bright) !important; }\r\n#mf-home .mf-contact-value { color: #0a1335 !important; }\r\n#mf-home .mf-contact-text { color: #5f6a90 !important; }\r\n\r\n\/* --- Contact form fields \u2192 light (on the white form card) --- *\/\r\n#mf-home .mf-form-input,\r\n#mf-home .mf-form-textarea {\r\n  background: #f4f8ff !important;\r\n  border: 1px solid rgba(12, 23, 80, 0.12) !important;\r\n  color: #0a1335 !important;\r\n}\r\n#mf-home .mf-form-input:focus,\r\n#mf-home .mf-form-textarea:focus {\r\n  background: #ffffff !important;\r\n  border-color: var(--mf-cyan) !important;\r\n  box-shadow: 0 0 0 4px rgba(86, 200, 245, 0.14) !important;\r\n}\r\n#mf-home .mf-form-input::placeholder,\r\n#mf-home .mf-form-textarea::placeholder { color: #8893b5 !important; }\r\n\r\n\/* --- Ghost buttons on light sections --- *\/\r\n#mf-home .mf-hero .mf-btn-ghost,\r\n#mf-home .mf-about .mf-btn-ghost,\r\n#mf-home .mf-contact .mf-btn-ghost {\r\n  color: var(--mf-navy-bright) !important;\r\n  border-color: rgba(45, 68, 232, 0.40) !important;\r\n  background: rgba(255, 255, 255, 0.55) !important;\r\n}\r\n#mf-home .mf-hero .mf-btn-ghost:hover,\r\n#mf-home .mf-about .mf-btn-ghost:hover,\r\n#mf-home .mf-contact .mf-btn-ghost:hover {\r\n  background: #ffffff !important;\r\n  border-color: var(--mf-navy-bright) !important;\r\n}\r\n\r\n\/* --- Water-bead pattern: lower opacity on light so it stays subtle --- *\/\r\n#mf-home .mf-hero .mf-beads-bg,\r\n#mf-home .mf-stats .mf-beads-bg,\r\n#mf-home .mf-about .mf-beads-bg,\r\n#mf-home .mf-services .mf-beads-bg,\r\n#mf-home .mf-why .mf-beads-bg,\r\n#mf-home .mf-process .mf-beads-bg,\r\n#mf-home .mf-ba .mf-beads-bg,\r\n#mf-home .mf-testimonials .mf-beads-bg,\r\n#mf-home .mf-contact .mf-beads-bg { opacity: 0.10 !important; }\r\n<\/style>\r\n<!-- ============================================================\r\n     HERO\r\n     ============================================================ -->\r\n<section class=\"mf-hero\">\r\n  <div class=\"mf-hero-bg\">\r\n    <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/06\/465850131_18246686245286995_4765414446864581529_n.jpg\" alt=\"Professional exterior cleaning Sunshine Coast\">\r\n  <\/div>\r\n  <div class=\"mf-hero-overlay\"><\/div>\r\n  <div class=\"mf-beads-bg mf-beads-dense\"><\/div>\r\n\r\n  <!-- Sparkle accents -->\r\n  <div class=\"mf-sparkle\" style=\"top: 22%; left: 8%; width: 32px; height: 32px;\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 0 L13.5 9 L24 12 L13.5 15 L12 24 L10.5 15 L0 12 L10.5 9 Z\"\/><\/svg>\r\n  <\/div>\r\n  <div class=\"mf-sparkle\" style=\"top: 35%; right: 12%; width: 22px; height: 22px; animation-delay: 1s;\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 0 L13.5 9 L24 12 L13.5 15 L12 24 L10.5 15 L0 12 L10.5 9 Z\"\/><\/svg>\r\n  <\/div>\r\n  <div class=\"mf-sparkle\" style=\"bottom: 28%; right: 22%; width: 18px; height: 18px; animation-delay: 2s;\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 0 L13.5 9 L24 12 L13.5 15 L12 24 L10.5 15 L0 12 L10.5 9 Z\"\/><\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"mf-hero-inner\">\r\n    <div class=\"mf-hero-content\">\r\n      <div class=\"mf-eyebrow mf-animate\">Sunshine Coast's #1 Accredited Soft Wash Specialists<\/div>\r\n      <h1 class=\"mf-hero-title mf-animate mf-delay-1\">\r\n        Bringing the <em>Shine<\/em><br>Back to Your Property\r\n      <\/h1>\r\n      <p class=\"mf-hero-subtitle mf-animate mf-delay-2\">\r\n        Exterior cleaning experts trusted across Sippy Downs, Buderim, Mountain Creek, Kawana, and Caloundra. Accredited in soft washing, working at heights, and sanitising \u2014 we protect your investment while restoring its shine.\r\n      <\/p>\r\n      <div class=\"mf-hero-ctas mf-animate mf-delay-3\">\r\n        <a href=\"#mf-contact\" class=\"mf-btn mf-btn-primary\">\r\n          Get a Free Quote\r\n          <svg class=\"mf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"tel:1800640418\" class=\"mf-btn mf-btn-ghost\">\r\n          <svg class=\"mf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n          1800 640 418\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"mf-hero-trust mf-animate mf-delay-4\">\r\n        <div class=\"mf-trust-item\">\r\n          <svg class=\"mf-trust-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          Google Reviewed\r\n        <\/div>\r\n        <div class=\"mf-trust-item\">\r\n          <svg class=\"mf-trust-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\r\n          Fully Accredited\r\n        <\/div>\r\n        <div class=\"mf-trust-item\">\r\n          <svg class=\"mf-trust-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          Insured &amp; Trained Team\r\n        <\/div>\r\n        <div class=\"mf-trust-item\">\r\n          <svg class=\"mf-trust-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n          Servicing Sunshine Coast\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mf-hero-vertical\">Mighty Fine \u00b7 Exterior Cleaning<\/div>\r\n  <div class=\"mf-hero-scroll\">\r\n    Scroll\r\n    <div class=\"mf-scroll-line\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     STATS COUNTER\r\n     ============================================================ -->\r\n<section class=\"mf-stats\" id=\"mf-stats\">\r\n  <div class=\"mf-beads-bg\" style=\"opacity: 0.3;\"><\/div>\r\n  <div class=\"mf-wrap\">\r\n    <div class=\"mf-stats-grid\">\r\n      <div class=\"mf-stat-item\">\r\n        <div class=\"mf-stat-number\" data-count=\"15\"><span class=\"mf-counter\">0<\/span><span class=\"mf-stat-suffix\">+<\/span><\/div>\r\n        <div class=\"mf-stat-label\">Years of Experience<\/div>\r\n      <\/div>\r\n      <div class=\"mf-stat-item\">\r\n        <div class=\"mf-stat-number\" data-count=\"2500\"><span class=\"mf-counter\">0<\/span><span class=\"mf-stat-suffix\">+<\/span><\/div>\r\n        <div class=\"mf-stat-label\">Properties Cleaned<\/div>\r\n      <\/div>\r\n      <div class=\"mf-stat-item\">\r\n        <div class=\"mf-stat-number\" data-count=\"100\"><span class=\"mf-counter\">0<\/span><span class=\"mf-stat-suffix\">%<\/span><\/div>\r\n        <div class=\"mf-stat-label\">Satisfaction Guaranteed<\/div>\r\n      <\/div>\r\n      <div class=\"mf-stat-item\">\r\n        <div class=\"mf-stat-number\" data-count=\"7\"><span class=\"mf-counter\">0<\/span><span class=\"mf-stat-suffix\">\/Day<\/span><\/div>\r\n        <div class=\"mf-stat-label\">Service Availability<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     ABOUT US\r\n     ============================================================ -->\r\n<section class=\"mf-about\">\r\n  <div class=\"mf-beads-bg\" style=\"opacity: 0.25;\"><\/div>\r\n\r\n  <div class=\"mf-wrap\">\r\n    <div class=\"mf-about-grid\">\r\n      <div class=\"mf-about-visual\">\r\n        <div class=\"mf-about-vertical\">EST \u00b7 SUNSHINE COAST \u00b7 ACCREDITED<\/div>\r\n\r\n        <div class=\"mf-sparkle\" style=\"top: 8%; right: 6%; width: 28px; height: 28px;\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 0 L13.5 9 L24 12 L13.5 15 L12 24 L10.5 15 L0 12 L10.5 9 Z\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mf-about-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/06\/465850131_18246686245286995_4765414446864581529_n.jpg\" alt=\"Mighty Fine team cleaning a roof\">\r\n        <\/div>\r\n\r\n        <div class=\"mf-about-badge\">\r\n          <div class=\"mf-about-badge-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L9 9l-7 1 5 5-1 7 6-3 6 3-1-7 5-5-7-1z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"mf-about-badge-text\">\r\n            <strong>Accredited<\/strong>\r\n            <span>Soft Wash Specialists<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mf-about-content\">\r\n        <div class=\"mf-eyebrow\">About Mighty Fine<\/div>\r\n        <h2 class=\"mf-about-title\">Sunshine Coast's Trusted <em class=\"mf-italic\">Exterior Cleaning<\/em> Experts<\/h2>\r\n        <p class=\"mf-about-text\">\r\n          We're external cleaning experts on the Sunshine Coast, providing professional, reliable, and friendly service you can trust. Accredited in soft washing, working at heights, and sanitising, we handle a wide range of property maintenance tasks \u2014 from resorts and shopping centres to keeping your home, business, or commercial premises looking their very best.\r\n        <\/p>\r\n        <p class=\"mf-about-text\">\r\n          From gutter vacuuming and roof washing to solar panels, patios, and driveways, we customise every service to fit your needs. Soft washing safely removes stains, moss, and bacteria while protecting your property's lifespan \u2014 unlike pressure washing, which can cause damage.\r\n        <\/p>\r\n\r\n        <ul class=\"mf-about-features\">\r\n          <li>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Soft Wash Accredited\r\n          <\/li>\r\n          <li>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Working at Heights Certified\r\n          <\/li>\r\n          <li>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Eco-Friendly Solutions\r\n          <\/li>\r\n          <li>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Residential &amp; Commercial\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <a href=\"https:\/\/mighty-fine.com.au\/about-us\/\" class=\"mf-btn mf-btn-primary\">\r\n          Discover Our Story\r\n          <svg class=\"mf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     SERVICES\r\n     ============================================================ -->\r\n<section class=\"mf-services\">\r\n  <div class=\"mf-beads-bg\" style=\"opacity: 0.3;\"><\/div>\r\n\r\n  <div class=\"mf-wrap\">\r\n    <div class=\"mf-section-head\">\r\n      <div class=\"mf-eyebrow mf-center\">Our Expert Services<\/div>\r\n      <h2 class=\"mf-section-title\">Premium Cleaning, <em class=\"mf-italic\">Genuinely Mighty Fine<\/em><\/h2>\r\n      <p class=\"mf-section-subtitle\">From soft washing to gutter vacuuming, every service is delivered by an accredited team using methods that protect your property while restoring its shine.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mf-services-grid\">\r\n      <!-- Soft Wash -->\r\n      <a href=\"https:\/\/mighty-fine.com.au\/soft-wash-sunshine-coast\/\" class=\"mf-service-card\">\r\n        <div class=\"mf-service-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/06\/495806766_1307750401352197_5063466400289587527_n-e1749647479995.jpg\" alt=\"Soft wash service\">\r\n        <\/div>\r\n        <div class=\"mf-service-overlay\"><\/div>\r\n        <div class=\"mf-service-content\">\r\n          <div class=\"mf-service-icon-wrap\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2.5c0 0-7 8.5-7 13.5a7 7 0 0 0 14 0c0-5-7-13.5-7-13.5z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"mf-service-body\">\r\n            <h3 class=\"mf-service-title\">Genuine Soft Wash<\/h3>\r\n            <p class=\"mf-service-text\">Gentle \"low pressure\" process to remove mould, mildew, cobwebs and staining without damage.<\/p>\r\n            <span class=\"mf-service-link\">\r\n              Learn More\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Gutter Vacuuming -->\r\n      <a href=\"https:\/\/mighty-fine.com.au\/gutter-vacuum-sunshine-coast\/\" class=\"mf-service-card\">\r\n        <div class=\"mf-service-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/06\/491167906_1282941570499747_1230738526537792652_n-e1749647188593.jpg\" alt=\"Gutter vacuuming service\">\r\n        <\/div>\r\n        <div class=\"mf-service-overlay\"><\/div>\r\n        <div class=\"mf-service-content\">\r\n          <div class=\"mf-service-icon-wrap\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 7h18l-1.5 12a2 2 0 0 1-2 1.8h-11a2 2 0 0 1-2-1.8z\"\/><path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"mf-service-body\">\r\n            <h3 class=\"mf-service-title\">Gutter Vacuuming<\/h3>\r\n            <p class=\"mf-service-text\">Commercial vacuum system removes leaves, twigs, sludge and debris from residential and commercial properties.<\/p>\r\n            <span class=\"mf-service-link\">\r\n              Learn More\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Pressure Cleaning -->\r\n      <a href=\"https:\/\/mighty-fine.com.au\/pressure-cleaning-service\/\" class=\"mf-service-card\">\r\n        <div class=\"mf-service-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/pc002.jpg\" alt=\"Pressure cleaning service\">\r\n        <\/div>\r\n        <div class=\"mf-service-overlay\"><\/div>\r\n        <div class=\"mf-service-content\">\r\n          <div class=\"mf-service-icon-wrap\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h6m6 0h6\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 3v3M12 18v3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"mf-service-body\">\r\n            <h3 class=\"mf-service-title\">Pressure Cleaning<\/h3>\r\n            <p class=\"mf-service-text\">Pressure cleaning hard surfaces in conjunction with our specialised soft wash solutions and mould inhibitors.<\/p>\r\n            <span class=\"mf-service-link\">\r\n              Learn More\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Window Cleaning -->\r\n      <a href=\"https:\/\/mighty-fine.com.au\/window-cleaning-sunshine-coast\/\" class=\"mf-service-card\">\r\n        <div class=\"mf-service-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/06\/50622456_460230521177849_2424491094218637312_n-e1749647996606.jpg\" alt=\"Window cleaning service\">\r\n        <\/div>\r\n        <div class=\"mf-service-overlay\"><\/div>\r\n        <div class=\"mf-service-content\">\r\n          <div class=\"mf-service-icon-wrap\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"21\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"mf-service-body\">\r\n            <h3 class=\"mf-service-title\">Window Cleaning<\/h3>\r\n            <p class=\"mf-service-text\">Filtered water-fed broom cleans all exterior glass \u2014 from pool fencing to multi-storey windows \u2014 safely at ground level.<\/p>\r\n            <span class=\"mf-service-link\">\r\n              Learn More\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Roof Cleaning -->\r\n      <a href=\"https:\/\/mighty-fine.com.au\/roof-cleaning-service\/\" class=\"mf-service-card\">\r\n        <div class=\"mf-service-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/22-scaled.jpg\" alt=\"Roof cleaning service\">\r\n        <\/div>\r\n        <div class=\"mf-service-overlay\"><\/div>\r\n        <div class=\"mf-service-content\">\r\n          <div class=\"mf-service-icon-wrap\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12L12 4l9 8\"\/><path d=\"M5 10v10h14V10\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"mf-service-body\">\r\n            <h3 class=\"mf-service-title\">Roof Cleaning<\/h3>\r\n            <p class=\"mf-service-text\">Professional roof cleaning safely removes moss, lichen, dirt and stains \u2014 protecting your roofline and curb appeal.<\/p>\r\n            <span class=\"mf-service-link\">\r\n              Learn More\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- House Washing -->\r\n      <a href=\"https:\/\/mighty-fine.com.au\/house-washing-service\/\" class=\"mf-service-card\">\r\n        <div class=\"mf-service-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/wdg-blog-how-to-clean-the-exterior-of-your-home2.png\" alt=\"House washing service\">\r\n        <\/div>\r\n        <div class=\"mf-service-overlay\"><\/div>\r\n        <div class=\"mf-service-content\">\r\n          <div class=\"mf-service-icon-wrap\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 9L12 2l9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"mf-service-body\">\r\n            <h3 class=\"mf-service-title\">House Washing<\/h3>\r\n            <p class=\"mf-service-text\">Complete house washing \u2014 gentle on render, brick and timber \u2014 leaving your home spotless and refreshed.<\/p>\r\n            <span class=\"mf-service-link\">\r\n              Learn More\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     WHY CHOOSE US\r\n     ============================================================ -->\r\n<section class=\"mf-why\">\r\n  <div class=\"mf-beads-bg\" style=\"opacity: 0.2;\"><\/div>\r\n\r\n  <div class=\"mf-wrap\">\r\n    <div class=\"mf-section-head\">\r\n      <div class=\"mf-eyebrow mf-center\">Why Choose Mighty Fine<\/div>\r\n      <h2 class=\"mf-section-title\">Built on <em class=\"mf-italic\">Trust<\/em>, Backed by Results<\/h2>\r\n      <p class=\"mf-section-subtitle\">Four reasons Sunshine Coast homeowners and businesses choose Mighty Fine over the rest.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mf-why-grid\">\r\n      <div class=\"mf-why-card\">\r\n        <div class=\"mf-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"mf-why-title\">Certified &amp; Accredited<\/h3>\r\n        <p class=\"mf-why-text\">Fully accredited in soft washing, working at heights and sanitising. Our team is trained, qualified and ready.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"mf-why-card\">\r\n        <div class=\"mf-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2.5c0 0-7 8.5-7 13.5a7 7 0 0 0 14 0c0-5-7-13.5-7-13.5z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"mf-why-title\">Gentle &amp; Safe<\/h3>\r\n        <p class=\"mf-why-text\">Soft wash technology protects your surfaces \u2014 paint, render, timber, tiles \u2014 while removing stubborn growth.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"mf-why-card\">\r\n        <div class=\"mf-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"mf-why-title\">On Time, Every Time<\/h3>\r\n        <p class=\"mf-why-text\">Punctual, communicative service. We arrive when we say we will and leave your property spotless.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"mf-why-card\">\r\n        <div class=\"mf-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L9 9l-7 1 5 5-1 7 6-3 6 3-1-7 5-5-7-1z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"mf-why-title\">Quality Guaranteed<\/h3>\r\n        <p class=\"mf-why-text\">Every job is backed by our quality guarantee. If you're not delighted, we'll make it right.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     PROCESS\r\n     ============================================================ -->\r\n<section class=\"mf-process\">\r\n  <div class=\"mf-beads-bg\" style=\"opacity: 0.25;\"><\/div>\r\n\r\n  <div class=\"mf-wrap\">\r\n    <div class=\"mf-section-head\">\r\n      <div class=\"mf-eyebrow mf-center\">A Hassle-Free Experience<\/div>\r\n      <h2 class=\"mf-section-title\">Our <em class=\"mf-italic\">Three-Step<\/em> Process<\/h2>\r\n      <p class=\"mf-section-subtitle\">Simple, transparent, and stress-free \u2014 from your first call to a spotless finish.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mf-process-grid\">\r\n      <div class=\"mf-process-step\">\r\n        <div class=\"mf-process-num\">01<\/div>\r\n        <h3>Consultation &amp; Quote<\/h3>\r\n        <p>Get a free, no-obligation quote tailored to your property's specific cleaning requirements.<\/p>\r\n      <\/div>\r\n      <div class=\"mf-process-step\">\r\n        <div class=\"mf-process-num\">02<\/div>\r\n        <h3>Assessment &amp; Planning<\/h3>\r\n        <p>We assess every surface, plan the safest cleaning method, and schedule a time that suits you.<\/p>\r\n      <\/div>\r\n      <div class=\"mf-process-step\">\r\n        <div class=\"mf-process-num\">03<\/div>\r\n        <h3>Preparation &amp; Cleaning<\/h3>\r\n        <p>Our team arrives prepared, protects surrounding areas, and delivers spotless results with care.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     BEFORE \/ AFTER SLIDER\r\n     ============================================================ -->\r\n<section class=\"mf-ba\">\r\n  <div class=\"mf-beads-bg\" style=\"opacity: 0.2;\"><\/div>\r\n\r\n  <div class=\"mf-ba-wrap\">\r\n    <div class=\"mf-section-head\">\r\n      <div class=\"mf-eyebrow mf-center\">Real Transformations<\/div>\r\n      <h2 class=\"mf-section-title\">Before &amp; <em class=\"mf-italic\">After<\/em><\/h2>\r\n      <p class=\"mf-section-subtitle\">Drag the slider to see the Mighty Fine difference. Click the thumbnails below to explore more projects.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mf-ba-slider\" id=\"mf-ba-slider\">\r\n      <div class=\"mf-ba-img mf-ba-after\">\r\n        <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/2.jpg\" alt=\"After cleaning\" id=\"mf-ba-after-img\">\r\n      <\/div>\r\n      <div class=\"mf-ba-img mf-ba-before\" id=\"mf-ba-before-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/1.jpg\" alt=\"Before cleaning\" id=\"mf-ba-before-img\">\r\n      <\/div>\r\n      <div class=\"mf-ba-label mf-ba-label-before\">Before<\/div>\r\n      <div class=\"mf-ba-label mf-ba-label-after\">After<\/div>\r\n      <div class=\"mf-ba-handle\" id=\"mf-ba-handle\">\r\n        <div class=\"mf-ba-handle-knob\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n            <polyline points=\"15 18 9 12 15 6\"\/>\r\n            <polyline points=\"9 18 3 12 9 6\" style=\"transform: translateX(10px);\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mf-ba-thumbs\" id=\"mf-ba-thumbs\">\r\n      <button class=\"mf-ba-thumb mf-active\" data-before=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/1.jpg\" data-after=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/2.jpg\">\r\n        <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/2.jpg\" alt=\"Project 1\">\r\n      <\/button>\r\n      <button class=\"mf-ba-thumb\" data-before=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/3.jpg\" data-after=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/4.jpg\">\r\n        <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/4.jpg\" alt=\"Project 2\">\r\n      <\/button>\r\n      <button class=\"mf-ba-thumb\" data-before=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/5.jpg\" data-after=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/6.jpg\">\r\n        <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/6.jpg\" alt=\"Project 3\">\r\n      <\/button>\r\n      <button class=\"mf-ba-thumb\" data-before=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/7.jpg\" data-after=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/8.jpg\">\r\n        <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/8.jpg\" alt=\"Project 4\">\r\n      <\/button>\r\n      <button class=\"mf-ba-thumb\" data-before=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/9.jpg\" data-after=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/10.jpg\">\r\n        <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/10.jpg\" alt=\"Project 5\">\r\n      <\/button>\r\n      <button class=\"mf-ba-thumb\" data-before=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/11.jpg\" data-after=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/12.jpg\">\r\n        <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/12.jpg\" alt=\"Project 6\">\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"mf-ba-hint\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 18 3 12 9 6\" style=\"transform: translateX(8px);\"\/><\/svg>\r\n      Drag to Reveal\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     TESTIMONIALS\r\n     ============================================================ -->\r\n<section class=\"mf-testimonials\">\r\n  <div class=\"mf-beads-bg\" style=\"opacity: 0.25;\"><\/div>\r\n\r\n  <div class=\"mf-wrap\">\r\n    <div class=\"mf-section-head\">\r\n      <div class=\"mf-eyebrow mf-center\">What Clients Say<\/div>\r\n      <h2 class=\"mf-section-title\">Five-Star <em class=\"mf-italic\">Service<\/em>, Every Time<\/h2>\r\n      <p class=\"mf-section-subtitle\">Real reviews from real Sunshine Coast clients who chose Mighty Fine.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mf-test-grid\">\r\n      <div class=\"mf-test-card\">\r\n        <div class=\"mf-test-quote\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 21V11.5c0-3.6 1.8-6.4 5.5-8.5l1.5 2c-2.8 1.6-4 3.2-4.2 5h2.8C9.7 10 11 11.3 11 13v4c0 1.7-1.3 3-3 3H3.6c-.3 0-.6-.3-.6-1zm12 0V11.5c0-3.6 1.8-6.4 5.5-8.5l1.5 2c-2.8 1.6-4 3.2-4.2 5h2.8c1.1 0 2.4 1.3 2.4 3v4c0 1.7-1.3 3-3 3h-4.4c-.3 0-.6-.3-.6-1z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"mf-test-stars\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"mf-test-text\">\"I highly recommend Alan from Mighty Fine. He went the extra mile \u2014 tarping footpaths, notifying neighbours, scrubbing tough areas by hand. The roof was like new! Punctual, responsive, and a first-class result.\"<\/p>\r\n        <div class=\"mf-test-author\">\r\n          <div class=\"mf-test-avatar\">J<\/div>\r\n          <div>\r\n            <div class=\"mf-test-name\">James W.<\/div>\r\n            <div class=\"mf-test-source\">Google Review<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mf-test-card\">\r\n        <div class=\"mf-test-quote\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 21V11.5c0-3.6 1.8-6.4 5.5-8.5l1.5 2c-2.8 1.6-4 3.2-4.2 5h2.8C9.7 10 11 11.3 11 13v4c0 1.7-1.3 3-3 3H3.6c-.3 0-.6-.3-.6-1zm12 0V11.5c0-3.6 1.8-6.4 5.5-8.5l1.5 2c-2.8 1.6-4 3.2-4.2 5h2.8c1.1 0 2.4 1.3 2.4 3v4c0 1.7-1.3 3-3 3h-4.4c-.3 0-.6-.3-.6-1z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"mf-test-stars\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"mf-test-text\">\"The exterior clean of our home has completely rejuvenated the outside \u2014 with the added benefit of no damage thanks to the unique soft wash system. Thanks Alan, great job!\"<\/p>\r\n        <div class=\"mf-test-author\">\r\n          <div class=\"mf-test-avatar\">S<\/div>\r\n          <div>\r\n            <div class=\"mf-test-name\">Sarah K.<\/div>\r\n            <div class=\"mf-test-source\">Google Review<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mf-test-card\">\r\n        <div class=\"mf-test-quote\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 21V11.5c0-3.6 1.8-6.4 5.5-8.5l1.5 2c-2.8 1.6-4 3.2-4.2 5h2.8C9.7 10 11 11.3 11 13v4c0 1.7-1.3 3-3 3H3.6c-.3 0-.6-.3-.6-1zm12 0V11.5c0-3.6 1.8-6.4 5.5-8.5l1.5 2c-2.8 1.6-4 3.2-4.2 5h2.8c1.1 0 2.4 1.3 2.4 3v4c0 1.7-1.3 3-3 3h-4.4c-.3 0-.6-.3-.6-1z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"mf-test-stars\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <\/div>\r\n        <p class=\"mf-test-text\">\"Genuinely the most professional cleaning team we've used. Their attention to detail and customer service is outstanding \u2014 the property looks brand new again.\"<\/p>\r\n        <div class=\"mf-test-author\">\r\n          <div class=\"mf-test-avatar\">M<\/div>\r\n          <div>\r\n            <div class=\"mf-test-name\">Michelle B.<\/div>\r\n            <div class=\"mf-test-source\">Google Review<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     CTA BANNER\r\n     ============================================================ -->\r\n<section class=\"mf-cta\">\r\n  <div class=\"mf-cta-bg\">\r\n    <img decoding=\"async\" src=\"https:\/\/mighty-fine.com.au\/wp-content\/uploads\/2025\/05\/22-scaled.jpg\" alt=\"Mighty Fine Exterior Cleaning\">\r\n  <\/div>\r\n  <div class=\"mf-cta-overlay\"><\/div>\r\n  <div class=\"mf-beads-bg mf-beads-dense\"><\/div>\r\n\r\n  <div class=\"mf-sparkle\" style=\"top: 18%; left: 12%; width: 26px; height: 26px;\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 0 L13.5 9 L24 12 L13.5 15 L12 24 L10.5 15 L0 12 L10.5 9 Z\"\/><\/svg>\r\n  <\/div>\r\n  <div class=\"mf-sparkle\" style=\"bottom: 22%; right: 16%; width: 30px; height: 30px; animation-delay: 1.5s;\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 0 L13.5 9 L24 12 L13.5 15 L12 24 L10.5 15 L0 12 L10.5 9 Z\"\/><\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"mf-cta-inner\">\r\n    <div class=\"mf-eyebrow mf-center\">Book Today<\/div>\r\n    <h2 class=\"mf-cta-title\">Ready to Refresh <em class=\"mf-italic\">Your Space?<\/em><\/h2>\r\n    <p class=\"mf-cta-text\">\r\n      Looking for a reliable external cleaning team you can trust? Contact Mighty Fine today for professional, stress-free service across the Sunshine Coast \u2014 from Sippy Downs to Caloundra and everywhere between.\r\n    <\/p>\r\n    <div class=\"mf-cta-buttons\">\r\n      <a href=\"#mf-contact\" class=\"mf-btn mf-btn-primary\">\r\n        Get a Free Quote\r\n        <svg class=\"mf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"tel:1800640418\" class=\"mf-btn mf-btn-ghost\">\r\n        <svg class=\"mf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n        Call 1800 640 418\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     CONTACT\r\n     ============================================================ -->\r\n<section class=\"mf-contact\" id=\"mf-contact\">\r\n  <div class=\"mf-beads-bg\" style=\"opacity: 0.22;\"><\/div>\r\n\r\n  <div class=\"mf-wrap\">\r\n    <div class=\"mf-contact-grid\">\r\n      <div class=\"mf-contact-info\">\r\n        <div class=\"mf-eyebrow\">Get in Touch<\/div>\r\n        <h2>Request Your <em class=\"mf-italic\">Free Quote<\/em><\/h2>\r\n        <p class=\"mf-contact-text\">\r\n          Tell us about your property and we'll get back to you with a tailored, no-obligation quote \u2014 usually within 24 hours.\r\n        <\/p>\r\n\r\n        <ul class=\"mf-contact-list\">\r\n          <li>\r\n            <a href=\"tel:1800640418\" class=\"mf-contact-item\" style=\"text-decoration: none; color: inherit; padding: 0; background: none; border: none;\">\r\n              <div class=\"mf-contact-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <span class=\"mf-contact-label\">Phone<\/span>\r\n                <span class=\"mf-contact-value\">1800 640 418<\/span>\r\n              <\/div>\r\n            <\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"mailto:info@mightyfinegroup.com\" class=\"mf-contact-item\" style=\"text-decoration: none; color: inherit; padding: 0; background: none; border: none;\">\r\n              <div class=\"mf-contact-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22 6 12 13 2 6\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <span class=\"mf-contact-label\">Email<\/span>\r\n                <span class=\"mf-contact-value\">info@mightyfinegroup.com<\/span>\r\n              <\/div>\r\n            <\/a>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"mf-contact-item\" style=\"padding: 0; background: none; border: none;\">\r\n              <div class=\"mf-contact-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <span class=\"mf-contact-label\">Service Area<\/span>\r\n                <span class=\"mf-contact-value\">Sunshine Coast QLD<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <form class=\"mf-contact-form\" onsubmit=\"event.preventDefault(); alert('Thanks! This is a demo form. Connect to CF7, WPForms, or your preferred form plugin in WordPress.');\">\r\n        <div class=\"mf-form-row\">\r\n          <div class=\"mf-form-field\">\r\n            <label class=\"mf-form-label\" for=\"mf-name\">Name<\/label>\r\n            <input type=\"text\" id=\"mf-name\" class=\"mf-form-input\" placeholder=\"Your name\" required>\r\n          <\/div>\r\n          <div class=\"mf-form-field\">\r\n            <label class=\"mf-form-label\" for=\"mf-phone\">Phone<\/label>\r\n            <input type=\"tel\" id=\"mf-phone\" class=\"mf-form-input\" placeholder=\"Your phone\" required>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mf-form-row\">\r\n          <div class=\"mf-form-field\">\r\n            <label class=\"mf-form-label\" for=\"mf-email\">Email<\/label>\r\n            <input type=\"email\" id=\"mf-email\" class=\"mf-form-input\" placeholder=\"you@example.com\" required>\r\n          <\/div>\r\n          <div class=\"mf-form-field\">\r\n            <label class=\"mf-form-label\" for=\"mf-subject\">Service<\/label>\r\n            <input type=\"text\" id=\"mf-subject\" class=\"mf-form-input\" placeholder=\"e.g. Soft wash, gutters\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mf-form-field\">\r\n          <label class=\"mf-form-label\" for=\"mf-message\">Message<\/label>\r\n          <textarea id=\"mf-message\" class=\"mf-form-textarea\" placeholder=\"Tell us about your property and what you need cleaned...\" required><\/textarea>\r\n        <\/div>\r\n        <button type=\"submit\" class=\"mf-btn mf-btn-primary mf-form-submit\">\r\n          Send Message\r\n          <svg class=\"mf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n        <\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mf-home');\r\n  if (!root) return;\r\n\r\n  \/\/ ---------- Animated stats counter ----------\r\n  var counters = root.querySelectorAll('.mf-stat-number');\r\n  var animateCounter = function(el) {\r\n    var target = parseInt(el.getAttribute('data-count'), 10);\r\n    var span = el.querySelector('.mf-counter');\r\n    if (!span || isNaN(target)) return;\r\n    var duration = 1800;\r\n    var start = null;\r\n    var step = function(ts) {\r\n      if (!start) start = ts;\r\n      var progress = Math.min((ts - start) \/ duration, 1);\r\n      \/\/ ease-out\r\n      var eased = 1 - Math.pow(1 - progress, 3);\r\n      var value = Math.floor(eased * target);\r\n      span.textContent = value.toLocaleString();\r\n      if (progress < 1) requestAnimationFrame(step);\r\n      else span.textContent = target.toLocaleString();\r\n    };\r\n    requestAnimationFrame(step);\r\n  };\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var obs = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          animateCounter(entry.target);\r\n          obs.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.4 });\r\n    counters.forEach(function(c) { obs.observe(c); });\r\n  } else {\r\n    counters.forEach(animateCounter);\r\n  }\r\n\r\n  \/\/ ---------- Before \/ After slider ----------\r\n  var slider = root.querySelector('#mf-ba-slider');\r\n  var beforeWrap = root.querySelector('#mf-ba-before-wrap');\r\n  var handle = root.querySelector('#mf-ba-handle');\r\n  var beforeImg = root.querySelector('#mf-ba-before-img');\r\n  var afterImg = root.querySelector('#mf-ba-after-img');\r\n  var thumbs = root.querySelectorAll('.mf-ba-thumb');\r\n  var dragging = false;\r\n\r\n  var setSlider = function(percent) {\r\n    percent = Math.max(0, Math.min(100, percent));\r\n    if (beforeWrap) beforeWrap.style.clipPath = 'inset(0 ' + (100 - percent) + '% 0 0)';\r\n    if (handle) handle.style.left = percent + '%';\r\n  };\r\n\r\n  var pointerToPercent = function(clientX) {\r\n    if (!slider) return 50;\r\n    var rect = slider.getBoundingClientRect();\r\n    return ((clientX - rect.left) \/ rect.width) * 100;\r\n  };\r\n\r\n  if (slider) {\r\n    var startDrag = function(e) {\r\n      dragging = true;\r\n      var x = e.touches ? e.touches[0].clientX : e.clientX;\r\n      setSlider(pointerToPercent(x));\r\n      e.preventDefault();\r\n    };\r\n    var doDrag = function(e) {\r\n      if (!dragging) return;\r\n      var x = e.touches ? e.touches[0].clientX : e.clientX;\r\n      setSlider(pointerToPercent(x));\r\n    };\r\n    var endDrag = function() { dragging = false; };\r\n\r\n    slider.addEventListener('mousedown', startDrag);\r\n    slider.addEventListener('touchstart', startDrag, { passive: false });\r\n    window.addEventListener('mousemove', doDrag);\r\n    window.addEventListener('touchmove', doDrag, { passive: true });\r\n    window.addEventListener('mouseup', endDrag);\r\n    window.addEventListener('touchend', endDrag);\r\n\r\n    \/\/ Initial state\r\n    setSlider(50);\r\n\r\n    \/\/ Thumbnail switching\r\n    thumbs.forEach(function(thumb) {\r\n      thumb.addEventListener('click', function() {\r\n        var beforeSrc = thumb.getAttribute('data-before');\r\n        var afterSrc = thumb.getAttribute('data-after');\r\n        if (beforeImg) beforeImg.src = beforeSrc;\r\n        if (afterImg) afterImg.src = afterSrc;\r\n        thumbs.forEach(function(t) { t.classList.remove('mf-active'); });\r\n        thumb.classList.add('mf-active');\r\n        setSlider(50);\r\n      });\r\n    });\r\n  }\r\n})();\r\n})();\r\n<\/script>\r\n\r\n<\/div><!-- \/#mf-home -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sunshine Coast&#8217;s #1 Accredited Soft Wash Specialists Bringing the ShineBack to Your Property Exterior cleaning experts trusted across Sippy Downs, Buderim, Mountain Creek, Kawana, and Caloundra. Accredited in soft washing, working at heights, and sanitising \u2014 we protect your investment while restoring its shine. Get a Free Quote 1800 640 418 Google Reviewed Fully Accredited [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stagingloom.com\/mightyfinetwo\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stagingloom.com\/mightyfinetwo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stagingloom.com\/mightyfinetwo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stagingloom.com\/mightyfinetwo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stagingloom.com\/mightyfinetwo\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":37,"href":"https:\/\/stagingloom.com\/mightyfinetwo\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/stagingloom.com\/mightyfinetwo\/wp-json\/wp\/v2\/pages\/11\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/stagingloom.com\/mightyfinetwo\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}