{"id":11,"date":"2026-05-06T18:44:18","date_gmt":"2026-05-06T18:44:18","guid":{"rendered":"https:\/\/upperleftexteriorcleaning.com\/?page_id=11"},"modified":"2026-05-18T18:59:36","modified_gmt":"2026-05-18T18:59:36","slug":"elementor-11","status":"publish","type":"page","link":"https:\/\/upperleftexteriorcleaning.com\/","title":{"rendered":"Elementor #11"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b46eac6 e-con-full e-flex e-con e-parent\" data-id=\"b46eac6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cc1310 elementor-widget elementor-widget-html\" data-id=\"5cc1310\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800;900&display=swap');\r\n\r\n:root {\r\n  --ul-navy: #001735;\r\n  --ul-charcoal: #0b1420;\r\n  --ul-teal: #196c90;\r\n  --ul-teal-dark: #0f4f72;\r\n  --ul-white: #ffffff;\r\n  --ul-soft: #f4f8fa;\r\n  --ul-soft-gray: #eef3f6;\r\n  --ul-text: #102033;\r\n  --ul-muted: #5f6f7d;\r\n  --ul-border: rgba(0, 23, 53, 0.12);\r\n  --ul-shadow: 0 18px 45px rgba(0, 23, 53, 0.16);\r\n  --ul-shadow-strong: 0 28px 70px rgba(0, 23, 53, 0.28);\r\n  --ul-radius: 22px;\r\n}\r\n\r\n* { box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n  margin: 0;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  color: var(--ul-text);\r\n  background: var(--ul-white);\r\n  font-size: 17px;\r\n  line-height: 1.6;\r\n}\r\n\r\na { color: inherit; text-decoration: none; }\r\n.ul-page { width: 100%; overflow-x: hidden; }\r\n.ul-container { width: min(1160px, calc(100% - 36px)); margin: 0 auto; }\r\n\r\n\/* \u2500\u2500\u2500 FORCE FONTS OVER ELEMENTOR \u2500\u2500\u2500 *\/\r\n.ul-header,\r\n.ul-page,\r\n.ul-hero,\r\n.ul-footer {\r\n  font-family: Arial, Helvetica, sans-serif !important;\r\n}\r\n\r\n\/* Montserrat for headings & UI *\/\r\n.ul-hero h1,\r\n.ul-section-header h2,\r\n.ul-card h3,\r\n.ul-compact-card h3,\r\n.ul-faq-card h3,\r\n.ul-service-area-card h2,\r\n.ul-pricing-card h3,\r\n.ul-step-card h3,\r\n.ul-footer h3 {\r\n  font-family: 'Montserrat', Arial, sans-serif !important;\r\n  font-weight: 900 !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.ul-menu,\r\n.ul-menu a,\r\n.ul-button,\r\n.ul-button-light,\r\n.ul-button-outline,\r\n.ul-trust-item,\r\n.ul-section-kicker,\r\n.ul-badge,\r\n.ul-price,\r\n.ul-compact-card h3 {\r\n  font-family: 'Montserrat', Arial, sans-serif !important;\r\n  font-weight: 800 !important;\r\n}\r\n\r\n\/* Arial for body copy *\/\r\n.ul-hero-copy p,\r\n.ul-card p,\r\n.ul-card li,\r\n.ul-section-header p,\r\n.ul-faq-card p,\r\n.ul-footer p,\r\n.ul-service-area-card p,\r\n.ul-trust-popup,\r\n.ul-service-note {\r\n  font-family: Arial, Helvetica, sans-serif !important;\r\n  font-weight: 400 !important;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\u2500 *\/\r\n.ul-animate {\r\n  opacity: 0;\r\n  transform: translateY(36px);\r\n  transition: opacity 0.65s cubic-bezier(.22,1,.36,1), transform 0.65s cubic-bezier(.22,1,.36,1);\r\n}\r\n.ul-animate.from-left {\r\n  transform: translateX(-40px);\r\n}\r\n.ul-animate.from-right {\r\n  transform: translateX(40px);\r\n}\r\n.ul-animate.scale-in {\r\n  transform: scale(0.92);\r\n}\r\n.ul-animate.visible {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n.ul-animate.delay-1 { transition-delay: 0.08s; }\r\n.ul-animate.delay-2 { transition-delay: 0.16s; }\r\n.ul-animate.delay-3 { transition-delay: 0.24s; }\r\n.ul-animate.delay-4 { transition-delay: 0.32s; }\r\n.ul-animate.delay-5 { transition-delay: 0.40s; }\r\n.ul-animate.delay-6 { transition-delay: 0.48s; }\r\n\r\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\r\n.ul-header {\r\n  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,250,253,.96) 100%);\r\n  backdrop-filter: blur(16px);\r\n  border-bottom: 1px solid rgba(25,108,144,.15);\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 50;\r\n  box-shadow:\r\n    0 4px 24px rgba(0,23,53,.10),\r\n    0 1px 0 rgba(255,255,255,.9) inset;\r\n}\r\n\r\n.ul-header::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, var(--ul-navy), var(--ul-teal), #8ed8f2, var(--ul-teal), var(--ul-navy));\r\n  z-index: 1;\r\n}\r\n\r\n.ul-header::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, var(--ul-navy), var(--ul-teal), #8ed8f2, var(--ul-teal), var(--ul-navy));\r\n  z-index: 1;\r\n}\r\n\r\n.ul-nav {\r\n  min-height: 96px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n}\r\n\r\n.ul-logo-link {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  flex: 0 0 42%;\r\n  margin-left: -18px;\r\n  perspective: 600px;\r\n}\r\n\r\n.ul-logo {\r\n  width: 430px;\r\n  max-width: min(44vw, 430px);\r\n  height: auto;\r\n  display: block;\r\n  transition: transform .35s cubic-bezier(.22,1,.36,1), filter .35s ease;\r\n  filter: drop-shadow(0 4px 12px rgba(25,108,144,.18));\r\n  transform-style: preserve-3d;\r\n}\r\n\r\n.ul-logo:hover {\r\n  transform: rotateY(-8deg) rotateX(3deg) scale(1.04);\r\n  filter: drop-shadow(0 8px 20px rgba(25,108,144,.32));\r\n}\r\n\r\n.ul-menu {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  flex: 1;\r\n  align-items: center;\r\n  gap: 26px;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  color: var(--ul-navy);\r\n}\r\n\r\n.ul-menu a { transition: color .2s ease; }\r\n.ul-menu a:hover { color: var(--ul-teal); }\r\n\r\n\/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500 *\/\r\n.ul-button,\r\n.ul-button-light,\r\n.ul-button-outline {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 52px;\r\n  padding: 15px 26px;\r\n  border-radius: 999px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.02em;\r\n  border: 2px solid transparent;\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.ul-button::after,\r\n.ul-button-light::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(120deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.18) 50%, rgba(255,255,255,0) 70%);\r\n  transform: translateX(-100%);\r\n  transition: transform 0.5s ease;\r\n}\r\n.ul-button:hover::after,\r\n.ul-button-light:hover::after {\r\n  transform: translateX(100%);\r\n}\r\n\r\n.ul-button {\r\n  background: var(--ul-teal);\r\n  color: var(--ul-white);\r\n  box-shadow: 0 14px 30px rgba(25,108,144,.26);\r\n}\r\n.ul-button:hover {\r\n  background: var(--ul-navy);\r\n  color: var(--ul-white);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 18px 36px rgba(0,23,53,.26);\r\n}\r\n\r\n.ul-button-light {\r\n  background: var(--ul-white);\r\n  color: var(--ul-navy);\r\n  box-shadow: 0 14px 30px rgba(0,23,53,.18);\r\n}\r\n.ul-button-light:hover {\r\n  background: #eaf6fa;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 18px 36px rgba(0,23,53,.24);\r\n}\r\n\r\n.ul-button-outline {\r\n  border-color: rgba(255,255,255,.72);\r\n  color: var(--ul-white);\r\n  background: rgba(255,255,255,.06);\r\n}\r\n.ul-button-outline:hover {\r\n  background: rgba(255,255,255,.14);\r\n  border-color: var(--ul-white);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\r\n.ul-hero {\r\n  position: relative;\r\n  background:\r\n    radial-gradient(circle at 12% 10%, rgba(255,255,255,.06), transparent 28%),\r\n    linear-gradient(135deg, var(--ul-charcoal) 0%, var(--ul-navy) 38%, var(--ul-teal) 100%);\r\n  color: var(--ul-white);\r\n  padding: 68px 0 72px;\r\n  overflow: hidden;\r\n}\r\n\r\n.ul-hero:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, rgba(0,0,0,.28), rgba(0,0,0,.10)),\r\n    radial-gradient(circle at 18% 20%, rgba(255,255,255,.10), transparent 32%),\r\n    radial-gradient(circle at 84% 78%, rgba(255,255,255,.10), transparent 28%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Subtle animated highlight on hero *\/\r\n.ul-hero:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -60%;\r\n  left: -20%;\r\n  width: 60%;\r\n  height: 200%;\r\n  background: linear-gradient(105deg, rgba(255,255,255,0), rgba(255,255,255,.04), rgba(255,255,255,0));\r\n  animation: heroSheen 7s ease-in-out infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n@keyframes heroSheen {\r\n  0%, 100% { transform: translateX(-10%) rotate(5deg); opacity: 0; }\r\n  50% { transform: translateX(120%) rotate(5deg); opacity: 1; }\r\n}\r\n\r\n.ul-hero .ul-container { position: relative; z-index: 2; }\r\n\r\n.ul-hero-stack {\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n}\r\n\r\n.ul-hero h1 {\r\n  margin: 0 0 24px;\r\n  font-size: clamp(46px, 7vw, 78px);\r\n  line-height: .96;\r\n  letter-spacing: -.055em;\r\n  text-transform: uppercase;\r\n  color: #f3f7fa;\r\n  text-shadow: 0 10px 30px rgba(0,0,0,.32);\r\n}\r\n\r\n.ul-teal-text { color: #8ed8f2; }\r\n\r\n.ul-hero-image {\r\n  width: min(760px, 100%);\r\n  min-height: 300px;\r\n  border-radius: var(--ul-radius);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0;\r\n  color: rgba(255,255,255,.9);\r\n  font-weight: 900;\r\n  box-shadow:\r\n    0 32px 80px rgba(0,23,53,.45),\r\n    0 0 0 1px rgba(255,255,255,.10),\r\n    inset 0 1px 0 rgba(255,255,255,.15);\r\n  margin-bottom: 26px;\r\n  overflow: hidden;\r\n  transition: box-shadow .3s ease, transform .3s ease;\r\n}\r\n\r\n.ul-hero-image:hover {\r\n  box-shadow:\r\n    0 40px 100px rgba(0,23,53,.55),\r\n    0 0 0 1px rgba(255,255,255,.14);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.ul-hero-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 300px;\r\n  object-fit: cover;\r\n  display: block;\r\n  border-radius: var(--ul-radius);\r\n}\r\n\r\n.ul-hero-copy { max-width: 690px; }\r\n.ul-hero-copy p {\r\n  margin: 0;\r\n  font-size: clamp(18px, 2vw, 21px);\r\n  line-height: 1.58;\r\n  color: rgba(255,255,255,.92);\r\n}\r\n\r\n.ul-hero-actions,\r\n.ul-section-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-top: 26px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SECTIONS \u2500\u2500\u2500 *\/\r\n.ul-section {\r\n  padding: 68px 0;\r\n  border-top: 1px solid rgba(0,23,53,.05);\r\n}\r\n\r\n.ul-section-soft {\r\n  background: linear-gradient(180deg, var(--ul-soft) 0%, var(--ul-soft-gray) 100%);\r\n}\r\n\r\n.ul-section-light { background: var(--ul-white); }\r\n\r\n.ul-section-teal-band {\r\n  background: var(--ul-navy);\r\n  color: var(--ul-white);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.ul-section-teal-band:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 18% 18%, rgba(255,255,255,.13), transparent 34%),\r\n    radial-gradient(circle at 82% 70%, rgba(255,255,255,.07), transparent 30%);\r\n  pointer-events: none;\r\n}\r\n.ul-section-teal-band .ul-container { position: relative; }\r\n\r\n.ul-section-dark {\r\n  background:\r\n    radial-gradient(circle at 16% 18%, rgba(25,108,144,.24), transparent 32%),\r\n    radial-gradient(circle at 84% 80%, rgba(255,255,255,.07), transparent 28%),\r\n    linear-gradient(145deg, var(--ul-charcoal) 0%, var(--ul-navy) 100%);\r\n  color: var(--ul-white);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.ul-section-dark .ul-section-header h2,\r\n.ul-section-dark .ul-section-header p { color: var(--ul-white); }\r\n\r\n.ul-section-header { max-width: 780px; margin-bottom: 32px; }\r\n.ul-section-header.center { margin-left: auto; margin-right: auto; text-align: center; }\r\n\r\n.ul-section-kicker {\r\n  display: inline-flex;\r\n  margin-bottom: 12px;\r\n  padding: 7px 12px;\r\n  border-radius: 999px;\r\n  background: rgba(25,108,144,.11);\r\n  color: var(--ul-teal);\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: .09em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.ul-section-dark .ul-section-kicker {\r\n  background: rgba(255,255,255,.10);\r\n  color: #8ed8f2;\r\n}\r\n\r\n.ul-section-header h2 {\r\n  margin: 0 0 12px;\r\n  font-size: clamp(34px, 4vw, 42px);\r\n  line-height: 1.05;\r\n  letter-spacing: -.04em;\r\n  color: var(--ul-navy);\r\n}\r\n\r\n.ul-section-header p {\r\n  margin: 0;\r\n  color: var(--ul-muted);\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.ul-section-teal-band .ul-section-header h2,\r\n.ul-section-teal-band .ul-section-header p { color: var(--ul-white); }\r\n\r\n\/* \u2500\u2500\u2500 GRIDS \u2500\u2500\u2500 *\/\r\n.ul-card-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\r\n.ul-card-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }\r\n\r\n\/* \u2500\u2500\u2500 CARDS \u2500\u2500\u2500 *\/\r\n.ul-card {\r\n  background: var(--ul-white);\r\n  border: 1px solid var(--ul-border);\r\n  border-radius: var(--ul-radius);\r\n  padding: 28px;\r\n  box-shadow:\r\n    0 12px 30px rgba(0,23,53,.07),\r\n    0 1px 0 rgba(255,255,255,.9) inset,\r\n    0 -1px 0 rgba(0,23,53,.04) inset;\r\n  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.ul-card:not(.ul-step)::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, var(--ul-teal), #8ed8f2, var(--ul-teal));\r\n  opacity: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n.ul-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow:\r\n    0 24px 56px rgba(0,23,53,.13),\r\n    0 1px 0 rgba(255,255,255,.9) inset;\r\n  border-color: rgba(25,108,144,.2);\r\n}\r\n\r\n.ul-card:not(.ul-step):hover::before { opacity: 1; }\r\n\r\n.ul-card.dark {\r\n  background: rgba(255,255,255,.08);\r\n  border-color: rgba(255,255,255,.18);\r\n  color: var(--ul-white);\r\n  box-shadow:\r\n    0 20px 50px rgba(0,0,0,.28),\r\n    0 1px 0 rgba(255,255,255,.12) inset;\r\n}\r\n\r\n.ul-card.dark::before {\r\n  background: linear-gradient(90deg, rgba(142,216,242,.6), rgba(255,255,255,.3), rgba(142,216,242,.6));\r\n}\r\n\r\n.ul-card h3 {\r\n  margin: 0 0 10px;\r\n  font-size: clamp(20px, 2vw, 24px);\r\n  line-height: 1.18;\r\n  color: var(--ul-navy);\r\n}\r\n\r\n.ul-card.dark h3 { color: var(--ul-white); }\r\n\r\n.ul-card p,\r\n.ul-card li {\r\n  color: var(--ul-muted);\r\n  line-height: 1.6;\r\n  font-size: 17px;\r\n}\r\n\r\n.ul-card.dark p,\r\n.ul-card.dark li { color: rgba(255,255,255,.82); }\r\n\r\n\/* \u2500\u2500\u2500 TRUST STRIP \u2500\u2500\u2500 *\/\r\n.ul-trust-strip {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 16px;\r\n}\r\n\r\n.ul-trust-item {\r\n  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(244,248,250,.96));\r\n  border-radius: 20px;\r\n  border: 1px solid rgba(0,23,53,.10);\r\n  padding: 24px 18px;\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-weight: 900;\r\n  color: var(--ul-navy);\r\n  cursor: pointer;\r\n  transition: transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n  position: relative;\r\n  overflow: visible;\r\n  box-shadow:\r\n    0 14px 34px rgba(0,23,53,.08),\r\n    0 1px 0 rgba(255,255,255,.9) inset;\r\n}\r\n\r\n.ul-trust-item:before {\r\n  content: \"\u2713\";\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(145deg, var(--ul-teal), var(--ul-teal-dark));\r\n  color: var(--ul-white);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 12px;\r\n  font-weight: 900;\r\n  box-shadow: 0 10px 22px rgba(25,108,144,.34), 0 2px 4px rgba(255,255,255,.2) inset;\r\n}\r\n\r\n.ul-trust-item:hover {\r\n  background: var(--ul-white);\r\n  color: var(--ul-navy);\r\n  transform: translateY(-6px);\r\n  border-color: rgba(25,108,144,.30);\r\n  box-shadow: 0 22px 48px rgba(0,23,53,.16);\r\n}\r\n\r\n.ul-trust-item.active .ul-trust-popup { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }\r\n\r\n.ul-trust-popup {\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: calc(100% + 14px);\r\n  width: min(300px, calc(100vw - 48px));\r\n  background: rgba(255,255,255,.98);\r\n  color: var(--ul-navy);\r\n  border-radius: 14px;\r\n  padding: 15px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  box-shadow: 0 12px 26px rgba(0,23,53,.18);\r\n  opacity: 0;\r\n  transform: translate(-50%, 10px);\r\n  transition: all .22s ease;\r\n  pointer-events: none;\r\n  text-align: left;\r\n  font-weight: 700;\r\n  z-index: 20;\r\n}\r\n\r\n.ul-trust-popup:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -8px;\r\n  transform: translateX(-50%) rotate(45deg);\r\n  width: 16px;\r\n  height: 16px;\r\n  background: rgba(255,255,255,.98);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 TRUST MEDIA \u2500\u2500\u2500 *\/\r\n.ul-trust-media-layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 22px;\r\n  margin-top: 30px;\r\n  align-items: stretch;\r\n}\r\n\r\n.ul-family-photo,\r\n.ul-google-reviews-box {\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  min-height: 300px;\r\n  height: 300px;\r\n  box-shadow:\r\n    0 24px 56px rgba(0,23,53,.18),\r\n    0 0 0 1px rgba(0,23,53,.06);\r\n  transition: transform .3s ease, box-shadow .3s ease;\r\n}\r\n\r\n.ul-family-photo:hover,\r\n.ul-google-reviews-box:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 34px 72px rgba(0,23,53,.24);\r\n}\r\n\r\n.ul-family-photo { position: relative; }\r\n\r\n.ul-family-photo:after {\r\n  content: \"Locally owned. Personally operated. Built around doing the job right.\";\r\n  position: absolute;\r\n  left: 18px;\r\n  right: 18px;\r\n  bottom: 18px;\r\n  padding: 14px 16px;\r\n  border-radius: 16px;\r\n  background: rgba(0,23,53,.82);\r\n  backdrop-filter: blur(6px);\r\n  color: var(--ul-white);\r\n  font-weight: 900;\r\n  line-height: 1.35;\r\n  box-shadow: 0 12px 28px rgba(0,23,53,.22);\r\n}\r\n\r\n.ul-family-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center 28%;\r\n  display: block;\r\n  transition: transform .5s ease;\r\n}\r\n\r\n.ul-family-photo:hover img { transform: scale(1.04); }\r\n\r\n.ul-google-reviews-box {\r\n  border: 1px solid rgba(0,23,53,.10);\r\n  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(244,248,250,.98));\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  padding: 24px;\r\n  color: var(--ul-muted);\r\n  font-weight: 900;\r\n  position: relative;\r\n}\r\n\r\n.ul-google-reviews-box:before {\r\n  content: \"\u2605\u2605\u2605\u2605\u2605\";\r\n  display: block;\r\n  color: var(--ul-teal);\r\n  font-size: 30px;\r\n  letter-spacing: .12em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 BENEFIT PROOF \u2500\u2500\u2500 *\/\r\n.ul-benefit-proof-layout {\r\n  display: grid;\r\n  grid-template-columns: 360px 1fr;\r\n  gap: 28px;\r\n  align-items: stretch;\r\n}\r\n\r\n.ul-compact-benefits { display: grid; gap: 14px; align-content: center; }\r\n\r\n.ul-compact-card {\r\n  background: rgba(255,255,255,.96);\r\n  border: 1px solid rgba(255,255,255,.20);\r\n  border-radius: 18px;\r\n  padding: 18px 20px;\r\n  min-height: 82px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  box-shadow:\r\n    0 12px 30px rgba(0,23,53,.14),\r\n    0 1px 0 rgba(255,255,255,.8) inset;\r\n  transition: transform .22s ease, box-shadow .22s ease;\r\n}\r\n\r\n.ul-compact-card:hover {\r\n  transform: translateX(6px);\r\n  box-shadow: 0 18px 42px rgba(0,23,53,.20);\r\n}\r\n\r\n.ul-compact-icon {\r\n  width: 42px;\r\n  height: 42px;\r\n  min-width: 42px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(145deg, var(--ul-teal), var(--ul-teal-dark));\r\n  color: var(--ul-white);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 20px;\r\n  font-weight: 900;\r\n  box-shadow: 0 6px 16px rgba(25,108,144,.38), 0 1px 2px rgba(255,255,255,.2) inset;\r\n}\r\n\r\n.ul-compact-card h3 { margin: 0; font-size: 20px; line-height: 1.15; color: var(--ul-navy); }\r\n\r\n.ul-before-after-image {\r\n  border-radius: var(--ul-radius);\r\n  overflow: hidden;\r\n  background: rgba(255,255,255,.08);\r\n  box-shadow:\r\n    0 32px 72px rgba(0,0,0,.32),\r\n    0 0 0 1px rgba(255,255,255,.10);\r\n  min-height: 360px;\r\n  transition: transform .3s ease, box-shadow .3s ease;\r\n}\r\n\r\n.ul-before-after-image:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 42px 88px rgba(0,0,0,.40);\r\n}\r\n\r\n.ul-before-after-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 360px;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform .5s ease;\r\n}\r\n\r\n.ul-before-after-image:hover img { transform: scale(1.03); }\r\n\r\n\/* \u2500\u2500\u2500 STEPS \u2500\u2500\u2500 *\/\r\n.ul-steps { counter-reset: step; }\r\n\r\n.ul-step { position: relative; padding-left: 78px; }\r\n\r\n.ul-step:before {\r\n  counter-increment: step;\r\n  content: counter(step);\r\n  position: absolute;\r\n  left: 24px;\r\n  top: 28px;\r\n  width: 46px;\r\n  height: 46px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(145deg, var(--ul-teal), var(--ul-teal-dark));\r\n  color: var(--ul-white);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 900;\r\n  box-shadow: 0 10px 24px rgba(25,108,144,.44), 0 2px 4px rgba(255,255,255,.18) inset;\r\n}\r\n\r\n.ul-step-card {\r\n  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.07));\r\n  border: 1px solid rgba(255,255,255,.16);\r\n  box-shadow:\r\n    0 22px 48px rgba(0,0,0,.22),\r\n    0 1px 0 rgba(255,255,255,.12) inset;\r\n  color: var(--ul-white);\r\n  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n}\r\n\r\n.ul-step-card:hover {\r\n  transform: translateY(-5px);\r\n  border-color: rgba(142,216,242,.42);\r\n  box-shadow: 0 32px 64px rgba(0,0,0,.32), 0 1px 0 rgba(255,255,255,.16) inset;\r\n}\r\n\r\n.ul-step-card::before { background: linear-gradient(90deg, rgba(142,216,242,.5), rgba(255,255,255,.2), rgba(142,216,242,.5)); }\r\n.ul-step-card h3 { color: var(--ul-white); }\r\n.ul-step-card p { color: rgba(255,255,255,.78); }\r\n\r\n\/* \u2500\u2500\u2500 PRICING \u2500\u2500\u2500 *\/\r\n.ul-pricing-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.ul-pricing-card.featured {\r\n  background: linear-gradient(160deg, var(--ul-navy) 0%, #062a55 56%, var(--ul-teal) 100%);\r\n  color: var(--ul-white);\r\n  border: 3px solid #8ed8f2;\r\n  transform: translateY(-8px) scale(1.015);\r\n  box-shadow:\r\n    0 32px 80px rgba(0,23,53,.36),\r\n    0 0 0 1px rgba(142,216,242,.3),\r\n    0 1px 0 rgba(255,255,255,.15) inset;\r\n  z-index: 2;\r\n}\r\n\r\n.ul-pricing-card.featured:hover {\r\n  transform: translateY(-14px) scale(1.018);\r\n  box-shadow: 0 42px 96px rgba(0,23,53,.44);\r\n}\r\n\r\n.ul-pricing-card.featured h3,\r\n.ul-pricing-card.featured .ul-price,\r\n.ul-pricing-card.featured .ul-price small,\r\n.ul-pricing-card.featured p,\r\n.ul-pricing-card.featured li { color: var(--ul-white); position: relative; }\r\n\r\n.ul-pricing-card .ul-button,\r\n.ul-pricing-card .ul-button-light { margin-top: auto; }\r\n\r\n.ul-badge {\r\n  display: inline-flex;\r\n  background: var(--ul-white);\r\n  color: var(--ul-navy);\r\n  padding: 7px 12px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .08em;\r\n  margin-bottom: 14px;\r\n  width: fit-content;\r\n  box-shadow: 0 4px 12px rgba(0,23,53,.18);\r\n}\r\n\r\n.ul-price {\r\n  font-size: 52px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: -.05em;\r\n  color: var(--ul-navy);\r\n  margin: 14px 0 6px;\r\n}\r\n\r\n.ul-price small { font-size: 17px; color: var(--ul-muted); letter-spacing: 0; }\r\n\r\n.ul-list { padding: 0; margin: 22px 0 24px; list-style: none; }\r\n.ul-list li { padding: 9px 0 9px 28px; position: relative; }\r\n.ul-list li:before { content: \"\u2713\"; position: absolute; left: 0; color: var(--ul-teal); font-weight: 900; }\r\n\r\n\/* \u2500\u2500\u2500 SERVICE AREA \u2500\u2500\u2500 *\/\r\n.ul-service-area-card {\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  padding: 38px;\r\n}\r\n\r\n.ul-service-area-card h2 {\r\n  margin: 0 0 14px;\r\n  font-size: clamp(34px, 4vw, 44px);\r\n  line-height: 1.05;\r\n  letter-spacing: -.04em;\r\n  color: var(--ul-white);\r\n}\r\n\r\n.ul-service-area-card p { margin: 0; color: rgba(255,255,255,.84); font-size: 18px; line-height: 1.65; }\r\n.ul-service-area-card .ul-button-light { margin-top: 24px; }\r\n\r\n.ul-service-city-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 10px;\r\n  margin-top: 28px;\r\n  text-align: left;\r\n}\r\n\r\n.ul-service-city {\r\n  background: rgba(255,255,255,.10);\r\n  border: 1px solid rgba(255,255,255,.15);\r\n  color: rgba(255,255,255,.92);\r\n  border-radius: 999px;\r\n  padding: 10px 14px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  text-align: center;\r\n  transition: background .2s ease, transform .2s ease, border-color .2s ease;\r\n  cursor: default;\r\n}\r\n\r\n.ul-service-city:hover {\r\n  background: rgba(255,255,255,.18);\r\n  border-color: rgba(142,216,242,.5);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.ul-service-note { margin-top: 22px !important; font-size: 15px !important; color: rgba(255,255,255,.74) !important; }\r\n\r\n\/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\r\n.ul-faq-list { max-width: 920px; margin: 0 auto; display: grid; gap: 16px; }\r\n\r\n.ul-faq-card { perspective: 1200px; min-height: 78px; cursor: pointer; }\r\n\r\n.ul-faq-inner {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 78px;\r\n  transform-style: preserve-3d;\r\n  transition: transform .5s ease;\r\n}\r\n\r\n.ul-faq-card.active .ul-faq-inner { transform: rotateY(180deg); }\r\n\r\n.ul-faq-front,\r\n.ul-faq-back {\r\n  position: absolute;\r\n  inset: 0;\r\n  backface-visibility: hidden;\r\n  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(244,248,250,.98));\r\n  border: 1px solid rgba(0,23,53,.10);\r\n  border-radius: 20px;\r\n  padding: 12px 18px 12px 56px;\r\n  box-shadow:\r\n    0 8px 24px rgba(0,23,53,.08),\r\n    0 1px 0 rgba(255,255,255,.9) inset;\r\n  transition: box-shadow .22s ease, border-color .22s ease, transform .22s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.ul-faq-card:hover .ul-faq-front,\r\n.ul-faq-card:hover .ul-faq-back {\r\n  border-color: rgba(25,108,144,.28);\r\n  box-shadow: 0 16px 40px rgba(0,23,53,.13);\r\n}\r\n\r\n.ul-faq-back {\r\n  transform: rotateY(180deg);\r\n  background: linear-gradient(160deg, var(--ul-navy), var(--ul-teal));\r\n  box-shadow: 0 8px 24px rgba(0,23,53,.22);\r\n}\r\n\r\n.ul-faq-front:before {\r\n  content: \"+\";\r\n  position: absolute;\r\n  left: 16px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(145deg, var(--ul-teal), var(--ul-teal-dark));\r\n  color: var(--ul-white);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 900;\r\n  font-size: 18px;\r\n  line-height: 1;\r\n  box-shadow: 0 6px 14px rgba(25,108,144,.34);\r\n}\r\n\r\n.ul-faq-back:before {\r\n  content: \"\u21ba\";\r\n  position: absolute;\r\n  left: 16px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,.16);\r\n  color: var(--ul-white);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 900;\r\n  font-size: 18px;\r\n  line-height: 1;\r\n}\r\n\r\n.ul-faq-card h3 { margin: 0; color: var(--ul-navy); font-size: 17px; line-height: 1.2; }\r\n.ul-faq-card p { margin: 0; color: rgba(255,255,255,.88); line-height: 1.65; font-weight: 700; font-size: 15px; padding-left: 16px; }\r\n\r\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\r\n.ul-footer {\r\n  background: var(--ul-charcoal);\r\n  color: var(--ul-white);\r\n  padding: 24px 0;\r\n  box-shadow: 0 -8px 32px rgba(0,0,0,.18);\r\n}\r\n\r\n.ul-footer-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 24px; align-items: start; }\r\n.ul-footer h3 { margin: 0 0 8px; font-size: 18px; }\r\n.ul-footer p { color: rgba(255,255,255,.78); margin: 6px 0; font-size: 14px; line-height: 1.45; }\r\n.ul-footer a { color: rgba(255,255,255,.84); }\r\n\r\n.ul-socials { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }\r\n\r\n.ul-social {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 50%;\r\n  background: var(--ul-teal);\r\n  color: var(--ul-white) !important;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;\r\n  box-shadow: 0 4px 12px rgba(25,108,144,.32);\r\n}\r\n\r\n.ul-social:hover {\r\n  background: #2383ad;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 20px rgba(25,108,144,.42);\r\n}\r\n\r\n.ul-social svg { width: 18px; height: 18px; fill: currentColor; }\r\n\r\n\/* \u2500\u2500\u2500 FLOAT BUTTON \u2500\u2500\u2500 *\/\r\n.ul-service-float { position: fixed; left: 22px; bottom: 22px; z-index: 90; }\r\n\r\n.ul-service-float button {\r\n  width: 88px;\r\n  height: 88px;\r\n  border-radius: 50%;\r\n  border: none;\r\n  background: linear-gradient(145deg, var(--ul-teal), var(--ul-teal-dark));\r\n  color: var(--ul-white);\r\n  box-shadow: 0 0 0 0 rgba(25,108,144,.42), 0 0 34px rgba(25,108,144,.58), 0 14px 30px rgba(0,23,53,.26);\r\n  font-weight: 900;\r\n  font-size: 11px;\r\n  line-height: 1.18;\r\n  padding: 13px;\r\n  cursor: pointer;\r\n  position: relative;\r\n  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;\r\n  animation: ulPulse 2.4s infinite;\r\n}\r\n\r\n.ul-service-float button:hover {\r\n  transform: translateY(-3px) scale(1.035);\r\n  box-shadow: 0 0 42px rgba(25,108,144,.54), 0 18px 36px rgba(0,23,53,.32);\r\n}\r\n\r\n@keyframes ulPulse {\r\n  0%   { box-shadow: 0 0 0 0 rgba(25,108,144,.42), 0 0 28px rgba(25,108,144,.50), 0 14px 30px rgba(0,23,53,.24); }\r\n  70%  { box-shadow: 0 0 0 14px rgba(25,108,144,0), 0 0 42px rgba(25,108,144,.62), 0 14px 30px rgba(0,23,53,.24); }\r\n  100% { box-shadow: 0 0 0 0 rgba(25,108,144,0), 0 0 28px rgba(25,108,144,.50), 0 14px 30px rgba(0,23,53,.24); }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 MODAL \u2500\u2500\u2500 *\/\r\n.ul-modal-backdrop {\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0,23,53,.72);\r\n  backdrop-filter: blur(4px);\r\n  z-index: 100;\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 20px;\r\n}\r\n\r\n.ul-modal-backdrop.active { display: flex; }\r\n\r\n.ul-modal {\r\n  background: var(--ul-white);\r\n  border-radius: var(--ul-radius);\r\n  width: min(540px, 100%);\r\n  padding: 28px;\r\n  box-shadow: 0 40px 100px rgba(0,23,53,.36), 0 0 0 1px rgba(0,23,53,.08);\r\n  position: relative;\r\n}\r\n\r\n.ul-modal h2 { color: var(--ul-navy); margin: 0 0 10px; }\r\n\r\n.ul-modal-close {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 16px;\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 50%;\r\n  border: none;\r\n  background: var(--ul-soft);\r\n  cursor: pointer;\r\n  font-weight: 900;\r\n  transition: background .2s ease, transform .2s ease;\r\n}\r\n\r\n.ul-modal-close:hover { background: var(--ul-soft-gray); transform: rotate(90deg); }\r\n\r\n.ul-service-links { display: grid; gap: 10px; margin: 20px 0; }\r\n\r\n.ul-service-links a {\r\n  background: var(--ul-teal);\r\n  border: 1px solid rgba(255,255,255,.08);\r\n  border-radius: 14px;\r\n  padding: 14px;\r\n  font-weight: 850;\r\n  color: var(--ul-white);\r\n  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;\r\n  box-shadow: 0 6px 16px rgba(25,108,144,.22);\r\n}\r\n\r\n.ul-service-links a:hover {\r\n  background: var(--ul-navy);\r\n  color: var(--ul-white);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 24px rgba(0,23,53,.24);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 920px) {\r\n  .ul-nav { align-items: flex-start; flex-direction: column; padding: 16px 0; }\r\n  .ul-logo-link { margin-left: -12px; }\r\n  .ul-menu { width: 100%; overflow-x: auto; padding-bottom: 6px; }\r\n  .ul-card-grid-3,\r\n  .ul-card-grid-2,\r\n  .ul-footer-grid,\r\n  .ul-trust-strip,\r\n  .ul-benefit-proof-layout,\r\n  .ul-trust-media-layout,\r\n  .ul-service-city-grid { grid-template-columns: 1fr; }\r\n  .ul-hero { background: linear-gradient(160deg, var(--ul-charcoal), var(--ul-teal)); }\r\n  .ul-pricing-card.featured { transform: none; }\r\n  .ul-family-photo, .ul-google-reviews-box { height: 280px; min-height: 280px; }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .ul-container { width: min(100% - 24px, 1160px); }\r\n  .ul-logo { max-width: 92vw; }\r\n  .ul-menu { gap: 14px; font-size: 14px; }\r\n  .ul-section { padding: 54px 0; }\r\n  .ul-hero { padding: 52px 0 58px; }\r\n  .ul-hero h1 { font-size: clamp(42px, 12vw, 58px); margin-bottom: 22px; }\r\n  .ul-hero-image { min-height: 230px; }\r\n  .ul-hero-image img { min-height: 230px; }\r\n  .ul-hero-actions, .ul-section-actions { flex-direction: column; }\r\n  .ul-button, .ul-button-light, .ul-button-outline { width: 100%; }\r\n  .ul-step { padding-left: 30px; }\r\n  .ul-step:before { position: static; margin-bottom: 16px; }\r\n  .ul-before-after-image, .ul-before-after-image img { min-height: 260px; }\r\n  .ul-family-photo, .ul-google-reviews-box { height: 240px; min-height: 240px; }\r\n  .ul-family-photo:after { font-size: 14px; left: 12px; right: 12px; bottom: 12px; }\r\n  .ul-faq-card, .ul-faq-inner { min-height: 96px; }\r\n  .ul-faq-front, .ul-faq-back { padding: 38px 16px 16px; }\r\n  .ul-faq-front:before, .ul-faq-back:before { left: 16px; top: 14px; transform: none; }\r\n  .ul-footer { padding: 22px 0; }\r\n}\r\n<\/style>\r\n\r\n<header class=\"ul-header\">\r\n  <div class=\"ul-container ul-nav\">\r\n    <a class=\"ul-logo-link\" href=\"#top\">\r\n      <img decoding=\"async\" class=\"ul-logo\" src=\"https:\/\/upper-left-external-cleaning-e77fdd.ingress-baronn.ewp.live\/wp-content\/uploads\/2026\/05\/Copy-of-Upper-Left-Logo-e1778087729127.png\" alt=\"Upper Left Exterior Cleaning logo\">\r\n    <\/a>\r\n    <nav class=\"ul-menu\" aria-label=\"Main navigation\">\r\n      <a href=\"#top\">Home<\/a>\r\n      <a href=\"#about\">About<\/a>\r\n      <a href=\"#pricing-preview\">Pricing<\/a>\r\n      <a href=\"#service-area\">Service Area<\/a>\r\n      <a href=\"#faqs\">FAQs<\/a>\r\n      <a class=\"ul-button\" href=\"\/booking\">Book Now<\/a>\r\n    <\/nav>\r\n  <\/div>\r\n<\/header>\r\n\r\n<main class=\"ul-page\" id=\"top\">\r\n  <section class=\"ul-hero\">\r\n    <div class=\"ul-container\">\r\n      <div class=\"ul-hero-stack\">\r\n        <h1 class=\"ul-animate\">Your Trash Bin.<br><span class=\"ul-teal-text\">Actually Clean.<\/span><\/h1>\r\n\r\n        <div class=\"ul-hero-image ul-animate delay-1\" style=\"border:none; background:none; padding:0; width:100%; min-height:unset;\">\r\n          <img decoding=\"async\" src=\"https:\/\/upper-left-external-cleaning-e77fdd.ingress-baronn.ewp.live\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-11-2026-10_03_07-AM.png\" alt=\"Professional trash bin pressure washing service\">\r\n        <\/div>\r\n\r\n        <div class=\"ul-hero-copy ul-animate delay-2\">\r\n          <p>Professional trash bin cleaning for homes across the Portland metro area, including Vancouver, Washington. We clean, sanitize, and deodorize your bins after trash pickup, helping fight the odors, bacteria, mossy grime, and rainy-season buildup common in the Pacific Northwest.<\/p>\r\n          <div class=\"ul-hero-actions\">\r\n            <a class=\"ul-button-light\" href=\"\/booking\">Book Your Bin Cleaning<\/a>\r\n            <a class=\"ul-button-outline\" href=\"#pricing-preview\">View Pricing<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ul-section ul-section-soft\" id=\"about\" style=\"scroll-margin-top:110px;\">\r\n    <div class=\"ul-container\">\r\n      <div class=\"ul-section-header center ul-animate\">\r\n        <span class=\"ul-section-kicker\">Local family-owned service<\/span>\r\n        <h2>Built on trust.<\/h2>\r\n        <p>Reliable local service, clear communication, and professional care for your home.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ul-trust-strip\">\r\n        <div class=\"ul-trust-item ul-animate delay-1\" data-trust-card>\r\n          Locally Owned & Operated\r\n          <div class=\"ul-trust-popup\">Support a local family-owned business focused on reliable service, clear communication, and long-term customer relationships.<\/div>\r\n        <\/div>\r\n        <div class=\"ul-trust-item ul-animate delay-2\" data-trust-card>\r\n          Fully Insured\r\n          <div class=\"ul-trust-popup\">Protected with up to $1,000,000 in liability insurance for added peace of mind.<\/div>\r\n        <\/div>\r\n        <div class=\"ul-trust-item ul-animate delay-3\" data-trust-card>\r\n          Reliable Scheduled Service\r\n          <div class=\"ul-trust-popup\">Leave your bins out after pickup. We show up on schedule, handle the cleaning, and keep the process simple.<\/div>\r\n        <\/div>\r\n        <div class=\"ul-trust-item ul-animate delay-4\" data-trust-card>\r\n          Professional-Grade Sanitization\r\n          <div class=\"ul-trust-popup\">Your bins are washed, sanitized, and deodorized to help control odor, bacteria, and grime.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ul-trust-media-layout\">\r\n        <div class=\"ul-family-photo ul-animate from-left\">\r\n          <img decoding=\"async\" src=\"https:\/\/upper-left-external-cleaning-e77fdd.ingress-baronn.ewp.live\/wp-content\/uploads\/2026\/05\/IMG_4330_1-scaled.jpg\" alt=\"Upper Left Exterior Cleaning family photo\">\r\n        <\/div>\r\n        <div class=\"ul-google-reviews-box ul-animate from-right\">\r\n          Google Reviews Placeholder\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ul-section ul-section-teal-band\">\r\n    <div class=\"ul-container\">\r\n      <div class=\"ul-section-header center ul-animate\">\r\n        <h2>A cleaner bin without the hassle.<\/h2>\r\n        <p>Trash bins collect bacteria, grime, food residue, mossy buildup, and odor over time. We make bin cleaning simple, scheduled, and professional.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ul-benefit-proof-layout\">\r\n        <div class=\"ul-compact-benefits\">\r\n          <article class=\"ul-compact-card ul-animate from-left delay-1\">\r\n            <div class=\"ul-compact-icon\">\u2726<\/div>\r\n            <h3>Eliminates odor and bacteria<\/h3>\r\n          <\/article>\r\n          <article class=\"ul-compact-card ul-animate from-left delay-2\">\r\n            <div class=\"ul-compact-icon\">\u2713<\/div>\r\n            <h3>Keeps bins clean and sanitary<\/h3>\r\n          <\/article>\r\n          <article class=\"ul-compact-card ul-animate from-left delay-3\">\r\n            <div class=\"ul-compact-icon\">\u25f7<\/div>\r\n            <h3>Convenient after pickup<\/h3>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"ul-before-after-image ul-animate from-right delay-1\">\r\n          <img decoding=\"async\" src=\"https:\/\/upper-left-external-cleaning-e77fdd.ingress-baronn.ewp.live\/wp-content\/uploads\/2026\/05\/trash-bin-2.png\" alt=\"Before and after trash bin cleaning result\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ul-section ul-section-dark\">\r\n    <div class=\"ul-container\">\r\n      <div class=\"ul-section-header center ul-animate\">\r\n        <span class=\"ul-section-kicker\">Simple process<\/span>\r\n        <h2>How it works<\/h2>\r\n        <p>Simple process. No complicated prep.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ul-card-grid-2 ul-steps\">\r\n        <article class=\"ul-card ul-step ul-step-card ul-animate delay-1\">\r\n          <h3>Book your cleaning<\/h3>\r\n          <p>Choose a one-time, monthly, or every-other-month service plan.<\/p>\r\n        <\/article>\r\n        <article class=\"ul-card ul-step ul-step-card ul-animate delay-2\">\r\n          <h3>Leave bins out<\/h3>\r\n          <p>Place your bins where we can access them after trash pickup.<\/p>\r\n        <\/article>\r\n        <article class=\"ul-card ul-step ul-step-card ul-animate delay-3\">\r\n          <h3>We clean and deodorize<\/h3>\r\n          <p>Your bins are washed, sanitized, and deodorized professionally.<\/p>\r\n        <\/article>\r\n        <article class=\"ul-card ul-step ul-step-card ul-animate delay-4\">\r\n          <h3>Enjoy fresh bins<\/h3>\r\n          <p>Cleaner bins, less odor, and one less unpleasant chore.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ul-section ul-section-light\" id=\"pricing-preview\" style=\"scroll-margin-top:110px;\">\r\n    <div class=\"ul-container\">\r\n      <div class=\"ul-section-header center ul-animate\">\r\n        <h2>Simple pricing<\/h2>\r\n        <p>Pick the cleaning frequency that fits your household.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ul-card-grid-3\">\r\n        <article class=\"ul-card ul-pricing-card ul-animate delay-1\">\r\n          <h3>One-Time Cleaning<\/h3>\r\n          <div class=\"ul-price\">$50<\/div>\r\n          <p>First bin. Additional bins are $25 each.<\/p>\r\n          <ul class=\"ul-list\">\r\n            <li>Best for first-time cleanups<\/li>\r\n            <li>No recurring commitment<\/li>\r\n            <li>Great before guests or move-out<\/li>\r\n          <\/ul>\r\n          <a class=\"ul-button\" href=\"\/booking?plan=one-time\">Book One-Time Cleaning<\/a>\r\n        <\/article>\r\n\r\n        <article class=\"ul-card ul-pricing-card featured ul-animate delay-2 scale-in\">\r\n          <span class=\"ul-badge\">Best Value<\/span>\r\n          <h3>Monthly Cleaning<\/h3>\r\n          <div class=\"ul-price\">$20 <small><\/small><\/div>\r\n          <p>First bin. Additional bins are only $10\/month each.<\/p>\r\n          <ul class=\"ul-list\">\r\n            <li>Best ongoing odor control<\/li>\r\n            <li>Recurring monthly service<\/li>\r\n            <li>Fresh bins all year<\/li>\r\n          <\/ul>\r\n          <a class=\"ul-button-light\" href=\"https:\/\/buy.stripe.com\/bJeeVf78Zbxt0ft36xgUM00\">Book Monthly Cleaning<\/a>\r\n        <\/article>\r\n\r\n        <article class=\"ul-card ul-pricing-card ul-animate delay-3\">\r\n          <h3>Every Other Month<\/h3>\r\n          <div class=\"ul-price\">$35 <small><\/small><\/div>\r\n          <p>First bin. Additional bins are $15 each.<\/p>\r\n          <ul class=\"ul-list\">\r\n            <li>Cleaned every other month<\/li>\r\n            <li>Lower frequency option<\/li>\r\n            <li>Good middle ground<\/li>\r\n          <\/ul>\r\n          <a class=\"ul-button\" href=\"\/booking?plan=every-other-month\">Book Every Other Month<\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ul-section ul-section-dark\" id=\"service-area\" style=\"scroll-margin-top:110px;\">\r\n    <div class=\"ul-container\">\r\n      <div class=\"ul-card dark ul-service-area-card ul-animate scale-in\">\r\n        <h2>Serving the Portland metro area.<\/h2>\r\n        <p>Trash bin cleaning service for homes across the Portland metro area, nearby Oregon suburbs, and Vancouver, Washington.<\/p>\r\n\r\n        <div class=\"ul-service-city-grid\">\r\n          <div class=\"ul-service-city ul-animate delay-1\">Portland<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-1\">Beaverton<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-1\">Tigard<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-1\">Tualatin<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-2\">Lake Oswego<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-2\">West Linn<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-2\">Milwaukie<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-2\">Oregon City<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-3\">Happy Valley<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-3\">Clackamas<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-3\">Gresham<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-3\">Troutdale<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-4\">Fairview<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-4\">Wood Village<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-4\">Hillsboro<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-4\">Cornelius<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-5\">Forest Grove<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-5\">Aloha<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-5\">Sherwood<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-5\">King City<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-6\">Durham<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-6\">Wilsonville<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-6\">Canby<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-6\">Gladstone<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-6\">Sandy<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-6\">Vancouver<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-6\">Camas<\/div>\r\n          <div class=\"ul-service-city ul-animate delay-6\">Battle Ground<\/div>\r\n        <\/div>\r\n\r\n        <p class=\"ul-service-note\">Not sure if you are inside the service area? Send your address and we will confirm availability.<\/p>\r\n        <a class=\"ul-button-light\" href=\"\/booking\">Get Started<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ul-section ul-section-soft\" id=\"faqs\" style=\"scroll-margin-top:110px;\">\r\n    <div class=\"ul-container\">\r\n      <div class=\"ul-section-header center ul-animate\">\r\n        <span class=\"ul-section-kicker\">Questions before booking?<\/span>\r\n        <h2>Frequently asked questions<\/h2>\r\n        <p>Click a question to flip the card and see the answer.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ul-faq-list\">\r\n        <article class=\"ul-faq-card ul-animate delay-1\" data-faq-card>\r\n          <div class=\"ul-faq-inner\">\r\n            <div class=\"ul-faq-front\"><h3>Do I need to be home?<\/h3><\/div>\r\n            <div class=\"ul-faq-back\"><p>No. As long as your bins are accessible after pickup, we can complete the service without you being home.<\/p><\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ul-faq-card ul-animate delay-2\" data-faq-card>\r\n          <div class=\"ul-faq-inner\">\r\n            <div class=\"ul-faq-front\"><h3>How often should bins be cleaned?<\/h3><\/div>\r\n            <div class=\"ul-faq-back\"><p>Monthly service is best for controlling odor, bacteria, and buildup year-round, especially during warmer months.<\/p><\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ul-faq-card ul-animate delay-3\" data-faq-card>\r\n          <div class=\"ul-faq-inner\">\r\n            <div class=\"ul-faq-front\"><h3>Do you use safe cleaning products?<\/h3><\/div>\r\n            <div class=\"ul-faq-back\"><p>Yes. We use professional cleaning and sanitizing methods designed for residential trash bins and exterior surfaces.<\/p><\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ul-faq-card ul-animate delay-4\" data-faq-card>\r\n          <div class=\"ul-faq-inner\">\r\n            <div class=\"ul-faq-front\"><h3>What areas do you service?<\/h3><\/div>\r\n            <div class=\"ul-faq-back\"><p>We serve homes across the Portland metro area, nearby Oregon suburbs, and Vancouver, Washington.<\/p><\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\r\n\r\n<footer class=\"ul-footer\">\r\n  <div class=\"ul-container ul-footer-grid\">\r\n    <div>\r\n      <h3>Upper Left Exterior Cleaning<\/h3>\r\n      <p>Premium, local trash bin cleaning for the Portland metro area and Vancouver, Washington.<\/p>\r\n      <div class=\"ul-socials\">\r\n        <a class=\"ul-social\" href=\"FACEBOOK_URL_HERE\" aria-label=\"Facebook\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M22 12.07C22 6.48 17.52 2 11.93 2S2 6.48 2 12.07c0 5.02 3.66 9.18 8.44 9.93v-7.03H7.9v-2.9h2.54V9.86c0-2.5 1.49-3.89 3.77-3.89 1.09 0 2.23.2 2.23.2v2.45h-1.25c-1.24 0-1.63.77-1.63 1.56v1.89h2.78l-.44 2.9h-2.34V22c4.78-.75 8.44-4.91 8.44-9.93z\"><\/path><\/svg>\r\n        <\/a>\r\n        <a class=\"ul-social\" href=\"INSTAGRAM_URL_HERE\" aria-label=\"Instagram\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 2h10c2.76 0 5 2.24 5 5v10c0 2.76-2.24 5-5 5H7c-2.76 0-5-2.24-5-5V7c0-2.76 2.24-5 5-5zm10 2H7C5.34 4 4 5.34 4 7v10c0 1.66 1.34 3 3 3h10c1.66 0 3-1.34 3-3V7c0-1.66-1.34-3-3-3zm-5 3.5A4.5 4.5 0 1 1 12 16a4.5 4.5 0 0 1 0-9zm0 2A2.5 2.5 0 1 0 12 14a2.5 2.5 0 0 0 0-5zm5.25-2.25a1 1 0 1 1-1 1 1 1 0 0 1 1-1z\"><\/path><\/svg>\r\n        <\/a>\r\n        <a class=\"ul-social\" href=\"YOUTUBE_URL_HERE\" aria-label=\"YouTube\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.12C19.55 3.58 12 3.58 12 3.58s-7.55 0-9.4.5A3 3 0 0 0 .5 6.2 31.28 31.28 0 0 0 0 12a31.28 31.28 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.12c1.85.5 9.4.5 9.4.5s7.55 0 9.4-.5a3 3 0 0 0 2.1-2.12A31.28 31.28 0 0 0 24 12a31.28 31.28 0 0 0-.5-5.8zM9.6 15.57V8.43L15.86 12 9.6 15.57z\"><\/path><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div>\r\n      <h3>Contact<\/h3>\r\n      <p><a href=\"tel:PHONE_NUMBER_HERE\">PHONE_NUMBER_HERE<\/a><\/p>\r\n      <p><a href=\"mailto:EMAIL_HERE\">EMAIL_HERE<\/a><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<div class=\"ul-service-float\">\r\n  <button type=\"button\" data-ul-open-modal>What else can we do?<\/button>\r\n<\/div>\r\n\r\n<div class=\"ul-modal-backdrop\" data-ul-modal>\r\n  <div class=\"ul-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ul-modal-title\">\r\n    <button class=\"ul-modal-close\" type=\"button\" data-ul-close-modal aria-label=\"Close modal\">\u00d7<\/button>\r\n    <h2 id=\"ul-modal-title\">What else can we do?<\/h2>\r\n    <p>Select a service below to request a quote, or call us directly.<\/p>\r\n    <div class=\"ul-service-links\">\r\n      <a href=\"\/quote?service=pressure-washing\">Pressure washing<\/a>\r\n      <a href=\"\/quote?service=concrete-cleaning\">Concrete cleaning<\/a>\r\n      <a href=\"\/quote?service=roof-cleaning\">Roof cleaning<\/a>\r\n      <a href=\"\/quote?service=soft-wash\">Soft wash<\/a>\r\n      <a href=\"\/quote?service=window-cleaning\">Window cleaning<\/a>\r\n    <\/div>\r\n    <p><strong>Prefer to talk?<\/strong> <a href=\"tel:PHONE_NUMBER_HERE\">Call PHONE_NUMBER_HERE<\/a>.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  \/* \u2500\u2500\u2500 Modal \u2500\u2500\u2500 *\/\r\n  const openButton = document.querySelector('[data-ul-open-modal]');\r\n  const closeButton = document.querySelector('[data-ul-close-modal]');\r\n  const modal = document.querySelector('[data-ul-modal]');\r\n\r\n  if (openButton && closeButton && modal) {\r\n    openButton.addEventListener('click', function () { modal.classList.add('active'); });\r\n    closeButton.addEventListener('click', function () { modal.classList.remove('active'); });\r\n    modal.addEventListener('click', function (e) { if (e.target === modal) modal.classList.remove('active'); });\r\n    document.addEventListener('keydown', function (e) { if (e.key === 'Escape') modal.classList.remove('active'); });\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Trust cards \u2500\u2500\u2500 *\/\r\n  const trustCards = document.querySelectorAll('[data-trust-card]');\r\n  trustCards.forEach(function(card) {\r\n    card.addEventListener('click', function() {\r\n      const isActive = card.classList.contains('active');\r\n      trustCards.forEach(function(c) { c.classList.remove('active'); });\r\n      if (!isActive) card.classList.add('active');\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 FAQ cards \u2500\u2500\u2500 *\/\r\n  const faqCards = document.querySelectorAll('[data-faq-card]');\r\n  faqCards.forEach(function(card) {\r\n    card.addEventListener('click', function() { card.classList.toggle('active'); });\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 Scroll animations \u2500\u2500\u2500 *\/\r\n  const animatedEls = document.querySelectorAll('.ul-animate');\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    const observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.12 });\r\n\r\n    animatedEls.forEach(function(el) { observer.observe(el); });\r\n  } else {\r\n    \/* Fallback for older browsers *\/\r\n    animatedEls.forEach(function(el) { el.classList.add('visible'); });\r\n  }\r\n})();\r\n<\/script>\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>Home About Pricing Service Area FAQs Book Now Your Trash Bin.Actually Clean. Professional trash bin cleaning for homes across the Portland metro area, including Vancouver, Washington. We clean, sanitize, and deodorize your bins after trash pickup, helping fight the odors, bacteria, mossy grime, and rainy-season buildup common in the Pacific Northwest. Book Your Bin Cleaning [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/upperleftexteriorcleaning.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upperleftexteriorcleaning.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/upperleftexteriorcleaning.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/upperleftexteriorcleaning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/upperleftexteriorcleaning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":5,"href":"https:\/\/upperleftexteriorcleaning.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/upperleftexteriorcleaning.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/upperleftexteriorcleaning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}