{"id":1412,"date":"2026-03-16T18:29:44","date_gmt":"2026-03-16T18:29:44","guid":{"rendered":"https:\/\/mardihills.com\/?page_id=39&lang=zh-CN"},"modified":"2026-05-09T23:11:47","modified_gmt":"2026-05-09T23:11:47","slug":"engage","status":"publish","type":"page","link":"https:\/\/mardihills.com\/zh-hans\/","title":{"rendered":"Engage [ZH]"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\nMardi Hills - Hero v6.2 \u5fbd\u6807\u5bf9\u9f50<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:wght@400;600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\"\/>\n<style>\r\n\/* ========================================\r\n MARDI HILLS - HERO CINEMATIC v6.2\r\n \u2705 Logo alineado al t\u00edtulo en TODAS las resoluciones\r\n \u2705 Responsive mobile completamente optimizado\r\n======================================== *\/\r\n\r\n.mardihills-ultra * {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n}\r\n\r\n.mardihills-ultra {\r\n --forest-green: #1A4D2E;\r\n --forest-green-dark: #153D24;\r\n --sea-navy: #1B3A4B;\r\n --champagne-gold: #D4AF37;\r\n --caucasus-stone: #F5F5F0;\r\n --warm-slate: #5A6670;\r\n \r\n position: relative !important;\r\n width: 100vw !important;\r\n min-height: 100vh !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n overflow: visible !important;\r\n background: #000000 !important;\r\n}\r\n\r\nbody.mardihills-ultra-locked {\r\n overflow: hidden !important;\r\n height: 100vh !important;\r\n}\r\n\r\nbody.menu-open {\r\n overflow: hidden !important;\r\n}\r\n\r\n\/* ========================================\r\n FASE 1: PRELOADER ELEGANTE\r\n======================================== *\/\r\n.ultra-intro {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n \r\n background: linear-gradient(\r\n 135deg,\r\n #0a1f15 0%,\r\n #153D24 25%,\r\n #1A4D2E 50%,\r\n #1B3A4B 100%\r\n ) !important;\r\n \r\n z-index: 10000 !important;\r\n \r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n \r\n opacity: 1;\r\n visibility: visible;\r\n animation: introFadeOut 1s ease-out 2.5s both;\r\n}\r\n\r\n.ultra-intro.finished {\r\n display: none !important;\r\n}\r\n\r\n.ultra-logo {\r\n max-width: 280px !important;\r\n width: 75% !important;\r\n height: auto !important;\r\n filter: brightness(0) invert(1) !important;\r\n opacity: 0;\r\n animation: logoAppear 2s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;\r\n}\r\n\r\n.ultra-tagline {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 7px !important;\r\n text-transform: uppercase !important;\r\n color: var(--champagne-gold) !important;\r\n margin-top: 28px !important;\r\n opacity: 0;\r\n animation: taglineAppear 1.5s ease-out 1.2s both;\r\n}\r\n\r\n\/* ========================================\r\n FASE 2: CORTINAS LATERALES\r\n======================================== *\/\r\n.ultra-reveal-container {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n z-index: 9999 !important;\r\n pointer-events: none !important;\r\n}\r\n\r\n.ultra-reveal-container.finished {\r\n display: none !important;\r\n}\r\n\r\n.ultra-reveal-left,\r\n.ultra-reveal-right {\r\n position: absolute !important;\r\n top: 0 !important;\r\n width: 50vw !important;\r\n height: 100vh !important;\r\n background: #000000 !important;\r\n z-index: 9999 !important;\r\n}\r\n\r\n.ultra-reveal-left {\r\n left: 0 !important;\r\n animation: revealLeft 2s cubic-bezier(0.77, 0, 0.175, 1) 3s both;\r\n}\r\n\r\n.ultra-reveal-right {\r\n right: 0 !important;\r\n animation: revealRight 2s cubic-bezier(0.77, 0, 0.175, 1) 3s both;\r\n}\r\n\r\n\/* ========================================\r\n FASE 3: IMAGEN + GRADIENTE\r\n======================================== *\/\r\n.ultra-image-wrapper {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n z-index: 1 !important;\r\n opacity: 0;\r\n animation: imageFadeIn 1.5s ease-out 3.5s both;\r\n}\r\n\r\n.ultra-background-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center right !important;\r\n filter: brightness(0.85) contrast(1.08) saturate(1.05) !important;\r\n}\r\n\r\n.ultra-gradient {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to right,\r\n rgba(26, 77, 46, 0.95) 0%,\r\n rgba(26, 77, 46, 0.85) 25%,\r\n rgba(26, 77, 46, 0.6) 50%,\r\n rgba(26, 77, 46, 0.3) 70%,\r\n transparent 90%\r\n ) !important;\r\n z-index: 2 !important;\r\n opacity: 0;\r\n animation: gradientFadeIn 2s ease-out 4s both;\r\n}\r\n\r\n\/* ========================================\r\n CONTENIDO FINAL\r\n======================================== *\/\r\n.ultra-final-layout {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n padding-top: 120px !important;\r\n padding-bottom: 80px !important;\r\n z-index: 100 !important;\r\n opacity: 0;\r\n animation: layoutFadeIn 1.8s cubic-bezier(0.16, 1, 0.3, 1) 5s both;\r\n}\r\n\r\n.ultra-content-wrapper {\r\n width: 100% !important;\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 80px !important;\r\n}\r\n\r\n.ultra-content-main {\r\n max-width: 650px !important;\r\n}\r\n\r\n\/* ========================================\r\n \u2705 HEADER CON INNER CONTAINER ALINEADO\r\n Mismo max-width + padding que .ultra-content-wrapper\r\n======================================== *\/\r\n.ultra-header-initial {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 200 !important;\r\n padding: 40px 0 !important;\r\n opacity: 0;\r\n animation: headerInitialFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) 5.2s both;\r\n}\r\n\r\n.ultra-header-initial-inner {\r\n width: 100% !important;\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 80px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n}\r\n\r\n.ultra-header-initial-logo {\r\n max-width: 180px !important;\r\n width: 100% !important;\r\n height: auto !important;\r\n transition: all 0.4s ease !important;\r\n}\r\n\r\n.ultra-header-initial-logo:hover {\r\n transform: scale(1.05) !important;\r\n}\r\n\r\n.ultra-hamburger-initial {\r\n width: 48px !important;\r\n height: 48px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 6px !important;\r\n background: transparent !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n transition: all 0.4s ease !important;\r\n position: relative !important;\r\n}\r\n\r\n.ultra-hamburger-initial:hover {\r\n transform: scale(1.1) !important;\r\n}\r\n\r\n.ultra-hamburger-initial-line {\r\n width: 32px !important;\r\n height: 2px !important;\r\n background: #ffffff !important;\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n transform-origin: center !important;\r\n}\r\n\r\n.ultra-hamburger-initial.active .ultra-hamburger-initial-line:nth-child(1) {\r\n transform: translateY(8px) rotate(45deg) !important;\r\n}\r\n\r\n.ultra-hamburger-initial.active .ultra-hamburger-initial-line:nth-child(2) {\r\n opacity: 0 !important;\r\n transform: translateX(20px) !important;\r\n}\r\n\r\n.ultra-hamburger-initial.active .ultra-hamburger-initial-line:nth-child(3) {\r\n transform: translateY(-8px) rotate(-45deg) !important;\r\n}\r\n\r\n\/* ========================================\r\n \u2705 HEADER FIXED CON INNER CONTAINER ALINEADO\r\n======================================== *\/\r\n.ultra-header-fixed {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 5000 !important;\r\n padding: 28px 0 !important;\r\n background: rgba(26, 77, 46, 0.85) !important;\r\n backdrop-filter: blur(16px) !important;\r\n -webkit-backdrop-filter: blur(16px) !important;\r\n border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transform: translateY(-100%) !important;\r\n transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.ultra-header-fixed.scrolled {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateY(0) !important;\r\n}\r\n\r\n.ultra-header-fixed-inner {\r\n width: 100% !important;\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 80px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n}\r\n\r\n.ultra-header-fixed-logo {\r\n max-width: 180px !important;\r\n width: 100% !important;\r\n height: auto !important;\r\n transition: all 0.4s ease !important;\r\n}\r\n\r\n.ultra-header-fixed-logo:hover {\r\n transform: scale(1.05) !important;\r\n}\r\n\r\n.ultra-hamburger-fixed {\r\n width: 48px !important;\r\n height: 48px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 6px !important;\r\n background: transparent !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n transition: all 0.4s ease !important;\r\n z-index: 6000 !important;\r\n position: relative !important;\r\n}\r\n\r\n.ultra-hamburger-fixed:hover {\r\n transform: scale(1.1) !important;\r\n}\r\n\r\n.ultra-hamburger-fixed-line {\r\n width: 32px !important;\r\n height: 2px !important;\r\n background: #ffffff !important;\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n transform-origin: center !important;\r\n}\r\n\r\n.ultra-hamburger-fixed.active .ultra-hamburger-fixed-line:nth-child(1) {\r\n transform: translateY(8px) rotate(45deg) !important;\r\n}\r\n\r\n.ultra-hamburger-fixed.active .ultra-hamburger-fixed-line:nth-child(2) {\r\n opacity: 0 !important;\r\n transform: translateX(20px) !important;\r\n}\r\n\r\n.ultra-hamburger-fixed.active .ultra-hamburger-fixed-line:nth-child(3) {\r\n transform: translateY(-8px) rotate(-45deg) !important;\r\n}\r\n\r\n\/* ========================================\r\n CONTENIDO HERO\r\n======================================== *\/\r\n.ultra-eyebrow {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 20px !important;\r\n margin-bottom: 32px !important;\r\n opacity: 0;\r\n animation: slideInLeft 1.2s cubic-bezier(0.16, 1, 0.3, 1) 5.3s both;\r\n}\r\n\r\n.ultra-eyebrow-line {\r\n width: 60px !important;\r\n height: 1px !important;\r\n background: linear-gradient(to right, var(--champagne-gold), transparent) !important;\r\n}\r\n\r\n.ultra-eyebrow-text {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: var(--champagne-gold) !important;\r\n}\r\n\r\n.ultra-headline {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(3.5rem, 6vw, 5.5rem) !important;\r\n font-weight: 600 !important;\r\n line-height: 1.1 !important;\r\n letter-spacing: -1.5px !important;\r\n color: #ffffff !important;\r\n margin-bottom: 40px !important;\r\n opacity: 0;\r\n animation: slideInLeft 1.4s cubic-bezier(0.16, 1, 0.3, 1) 5.5s both;\r\n}\r\n\r\n.ultra-headline-accent {\r\n display: block !important;\r\n font-weight: 700 !important;\r\n color: var(--champagne-gold) !important;\r\n font-style: italic !important;\r\n margin-top: 12px !important;\r\n}\r\n\r\n.ultra-description {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: clamp(1.1rem, 2vw, 1.375rem) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n letter-spacing: 0.3px !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n margin-bottom: 56px !important;\r\n opacity: 0;\r\n animation: slideInLeft 1.4s cubic-bezier(0.16, 1, 0.3, 1) 5.8s both;\r\n}\r\n\r\n.ultra-stats-inline {\r\n display: flex !important;\r\n gap: 56px !important;\r\n margin-bottom: 56px !important;\r\n opacity: 0;\r\n animation: slideInLeft 1.2s cubic-bezier(0.16, 1, 0.3, 1) 6.1s both;\r\n}\r\n\r\n.ultra-stat-mini {\r\n position: relative !important;\r\n}\r\n\r\n.ultra-stat-mini:not(:last-child)::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n right: -28px !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 1px !important;\r\n height: 40px !important;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent,\r\n rgba(212, 175, 55, 0.4),\r\n transparent\r\n ) !important;\r\n}\r\n\r\n.ultra-stat-mini-value {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2rem, 3.5vw, 2.75rem) !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -0.5px !important;\r\n color: var(--champagne-gold) !important;\r\n display: block !important;\r\n margin-bottom: 8px !important;\r\n}\r\n\r\n.ultra-stat-mini-label {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n}\r\n\r\n.ultra-cta-wrapper {\r\n display: flex !important;\r\n gap: 24px !important;\r\n opacity: 0;\r\n animation: slideInLeft 1.2s cubic-bezier(0.16, 1, 0.3, 1) 6.3s both;\r\n}\r\n\r\n.ultra-cta-primary {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 20px !important;\r\n padding: 24px 56px !important;\r\n background: var(--champagne-gold) !important;\r\n color: var(--forest-green) !important;\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 8px 32px rgba(212, 175, 55, 0.3) !important;\r\n transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n.ultra-cta-primary::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;\r\n transition: left 0.8s ease !important;\r\n}\r\n\r\n.ultra-cta-primary:hover {\r\n background: #ffffff !important;\r\n color: var(--forest-green) !important;\r\n transform: translateY(-4px) !important;\r\n box-shadow: 0 16px 48px rgba(212, 175, 55, 0.5) !important;\r\n}\r\n\r\n.ultra-cta-primary:hover::before {\r\n left: 100% !important;\r\n}\r\n\r\n.ultra-cta-secondary {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 16px !important;\r\n padding: 24px 48px !important;\r\n background: transparent !important;\r\n border: 1px solid rgba(255, 255, 255, 0.3) !important;\r\n color: #ffffff !important;\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n text-decoration: none !important;\r\n transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.ultra-cta-secondary:hover {\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border-color: var(--champagne-gold) !important;\r\n color: var(--champagne-gold) !important;\r\n transform: translateY(-4px) !important;\r\n}\r\n\r\n.ultra-cta-arrow {\r\n font-size: 18px !important;\r\n transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.ultra-cta-primary:hover .ultra-cta-arrow,\r\n.ultra-cta-secondary:hover .ultra-cta-arrow {\r\n transform: translateX(8px) !important;\r\n}\r\n\r\n.ultra-scroll-hint {\r\n position: absolute !important;\r\n bottom: 48px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n z-index: 1000 !important;\r\n display: none !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n opacity: 0;\r\n animation: scrollHintFadeIn 1s ease-out 6.5s both;\r\n}\r\n\r\n.ultra-scroll-line {\r\n width: 1px !important;\r\n height: 50px !important;\r\n background: linear-gradient(to bottom, rgba(212, 175, 55, 0.6), transparent) !important;\r\n animation: scrollLineMove 2.5s ease-in-out infinite;\r\n}\r\n\r\n\/* ========================================\r\n MEN\u00da MODAL CON IM\u00c1GENES\r\n======================================== *\/\r\n.ultra-menu-modal {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n z-index: 5500 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.ultra-menu-modal.open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n}\r\n\r\n.ultra-menu-bg {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 1 !important;\r\n}\r\n\r\n.ultra-menu-bg-image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n filter: brightness(0.5) !important;\r\n}\r\n\r\n.ultra-menu-bg-image.default-visible {\r\n opacity: 1 !important;\r\n}\r\n\r\n.ultra-menu-bg-image.active {\r\n opacity: 1 !important;\r\n}\r\n\r\n.ultra-menu-bg-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(26, 77, 46, 0.92) 0%,\r\n rgba(21, 61, 36, 0.90) 50%,\r\n rgba(27, 58, 75, 0.92) 100%\r\n ) !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.ultra-menu-content {\r\n position: relative !important;\r\n z-index: 10 !important;\r\n text-align: center !important;\r\n max-width: 800px !important;\r\n padding: 0 40px !important;\r\n}\r\n\r\n.ultra-menu-close {\r\n position: absolute !important;\r\n top: 40px !important;\r\n right: 40px !important;\r\n width: 56px !important;\r\n height: 56px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border: 1px solid rgba(212, 175, 55, 0.3) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n z-index: 20 !important;\r\n}\r\n\r\n.ultra-menu-close:hover {\r\n background: rgba(212, 175, 55, 0.2) !important;\r\n border-color: var(--champagne-gold) !important;\r\n transform: rotate(90deg) scale(1.1) !important;\r\n}\r\n\r\n.ultra-menu-close::before,\r\n.ultra-menu-close::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n width: 24px !important;\r\n height: 2px !important;\r\n background: var(--champagne-gold) !important;\r\n transition: all 0.3s ease !important;\r\n}\r\n\r\n.ultra-menu-close::before {\r\n transform: rotate(45deg) !important;\r\n}\r\n\r\n.ultra-menu-close::after {\r\n transform: rotate(-45deg) !important;\r\n}\r\n\r\n.ultra-menu-nav {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n\r\n.ultra-menu-item {\r\n margin-bottom: 40px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.ultra-menu-modal.open .ultra-menu-item {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n}\r\n\r\n.ultra-menu-modal.open .ultra-menu-item:nth-child(1) { transition-delay: 0.1s !important; }\r\n.ultra-menu-modal.open .ultra-menu-item:nth-child(2) { transition-delay: 0.15s !important; }\r\n.ultra-menu-modal.open .ultra-menu-item:nth-child(3) { transition-delay: 0.2s !important; }\r\n.ultra-menu-modal.open .ultra-menu-item:nth-child(4) { transition-delay: 0.25s !important; }\r\n.ultra-menu-modal.open .ultra-menu-item:nth-child(5) { transition-delay: 0.3s !important; }\r\n\r\n.ultra-menu-link {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2rem, 4vw, 3rem) !important;\r\n font-weight: 600 !important;\r\n letter-spacing: -0.5px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n display: inline-block !important;\r\n position: relative !important;\r\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.ultra-menu-link::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -8px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 0 !important;\r\n height: 3px !important;\r\n background: var(--champagne-gold) !important;\r\n transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.ultra-menu-link:hover {\r\n color: var(--champagne-gold) !important;\r\n transform: translateY(-4px) !important;\r\n}\r\n\r\n.ultra-menu-link:hover::after {\r\n width: 100% !important;\r\n}\r\n\r\n.ultra-menu-footer {\r\n margin-top: 80px !important;\r\n padding-top: 40px !important;\r\n border-top: 1px solid rgba(212, 175, 55, 0.2) !important;\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s !important;\r\n}\r\n\r\n.ultra-menu-modal.open .ultra-menu-footer {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n}\r\n\r\n\/* ========================================\r\n ANIMACIONES\r\n======================================== *\/\r\n@keyframes introFadeOut {\r\n 0% { opacity: 1; visibility: visible; }\r\n 100% { opacity: 0; visibility: hidden; }\r\n}\r\n\r\n@keyframes logoAppear {\r\n 0% { opacity: 0; transform: scale(0.9) translateY(20px); }\r\n 100% { opacity: 1; transform: scale(1) translateY(0); }\r\n}\r\n\r\n@keyframes taglineAppear {\r\n 0% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n@keyframes revealLeft {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-100%); }\r\n}\r\n\r\n@keyframes revealRight {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(100%); }\r\n}\r\n\r\n@keyframes imageFadeIn {\r\n 0% { opacity: 0; transform: scale(1.05); }\r\n 100% { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n@keyframes gradientFadeIn {\r\n 0% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n@keyframes layoutFadeIn {\r\n 0% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n@keyframes slideInLeft {\r\n 0% { opacity: 0; transform: translateX(-40px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n@keyframes headerInitialFadeIn {\r\n 0% { opacity: 0; transform: translateY(-20px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes scrollHintFadeIn {\r\n 0% { opacity: 0; transform: translateX(-50%) translateY(20px); }\r\n 100% { opacity: 1; transform: translateX(-50%) translateY(0); }\r\n}\r\n\r\n@keyframes scrollLineMove {\r\n 0% { transform: translateY(0); opacity: 0.6; }\r\n 100% { transform: translateY(30px); opacity: 0; }\r\n}\r\n\r\n\/* ========================================\r\n \u2705 RESPONSIVE \u2014 INNER CONTAINERS SINCRONIZADOS\r\n======================================== *\/\r\n\r\n\/* Tablet Grande (769px - 1024px) *\/\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n .ultra-content-wrapper {\r\n padding: 0 48px !important;\r\n }\r\n \r\n .ultra-header-initial-inner,\r\n .ultra-header-fixed-inner {\r\n padding: 0 48px !important;\r\n }\r\n \r\n .ultra-content-main {\r\n max-width: 600px !important;\r\n }\r\n \r\n .ultra-headline {\r\n font-size: clamp(3rem, 5vw, 4rem) !important;\r\n }\r\n \r\n .ultra-stats-inline {\r\n gap: 48px !important;\r\n }\r\n \r\n .ultra-header-initial {\r\n padding: 32px 0 !important;\r\n }\r\n \r\n .ultra-header-fixed {\r\n padding: 24px 0 !important;\r\n }\r\n}\r\n\r\n\/* \u2705 TABLET \/ MOBILE GRANDE (481px - 768px) *\/\r\n@media (max-width: 768px) {\r\n .ultra-logo { \r\n max-width: 180px !important;\r\n }\r\n \r\n .ultra-tagline { \r\n font-size: 9px !important; \r\n letter-spacing: 4px !important; \r\n margin-top: 16px !important;\r\n }\r\n \r\n .ultra-background-image {\r\n object-position: center !important;\r\n }\r\n \r\n .ultra-gradient {\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(26, 77, 46, 0.85) 0%,\r\n rgba(26, 77, 46, 0.90) 50%,\r\n rgba(26, 77, 46, 0.85) 100%\r\n ) !important;\r\n }\r\n \r\n .ultra-content-wrapper {\r\n padding: 0 24px !important;\r\n padding-top: 100px !important;\r\n padding-bottom: 80px !important;\r\n }\r\n \r\n .ultra-final-layout {\r\n padding-top: 0 !important;\r\n padding-bottom: 0 !important;\r\n align-items: flex-start !important;\r\n }\r\n \r\n .ultra-header-initial-inner,\r\n .ultra-header-fixed-inner {\r\n padding: 0 24px !important;\r\n }\r\n \r\n .ultra-content-main {\r\n max-width: 100% !important;\r\n text-align: center !important;\r\n }\r\n \r\n .ultra-eyebrow {\r\n justify-content: center !important;\r\n margin-bottom: 20px !important;\r\n gap: 12px !important;\r\n }\r\n \r\n .ultra-eyebrow-line {\r\n width: 30px !important;\r\n }\r\n \r\n .ultra-eyebrow-text {\r\n font-size: 9px !important;\r\n letter-spacing: 2px !important;\r\n }\r\n \r\n .ultra-headline {\r\n font-size: clamp(2.25rem, 8vw, 3rem) !important;\r\n margin-bottom: 20px !important;\r\n line-height: 1.15 !important;\r\n }\r\n \r\n .ultra-headline-accent {\r\n margin-top: 8px !important;\r\n }\r\n \r\n .ultra-description {\r\n font-size: 15px !important;\r\n line-height: 1.6 !important;\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n .ultra-stats-inline {\r\n flex-wrap: wrap !important;\r\n justify-content: center !important;\r\n gap: 24px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n .ultra-stat-mini::after {\r\n display: none !important;\r\n }\r\n \r\n .ultra-stat-mini {\r\n min-width: 90px !important;\r\n text-align: center !important;\r\n }\r\n \r\n .ultra-stat-mini-value {\r\n font-size: 1.75rem !important;\r\n margin-bottom: 4px !important;\r\n }\r\n \r\n .ultra-stat-mini-label {\r\n font-size: 10px !important;\r\n letter-spacing: 1.5px !important;\r\n }\r\n \r\n .ultra-cta-wrapper {\r\n flex-direction: column !important;\r\n gap: 12px !important;\r\n align-items: stretch !important;\r\n }\r\n \r\n .ultra-cta-primary,\r\n .ultra-cta-secondary {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n padding: 18px 32px !important;\r\n font-size: 11px !important;\r\n letter-spacing: 1.5px !important;\r\n gap: 12px !important;\r\n }\r\n \r\n .ultra-scroll-hint {\r\n bottom: 20px !important;\r\n font-size: 9px !important;\r\n letter-spacing: 1.5px !important;\r\n gap: 8px !important;\r\n }\r\n \r\n .ultra-scroll-line {\r\n height: 40px !important;\r\n }\r\n \r\n .ultra-header-initial {\r\n padding: 20px 0 !important;\r\n }\r\n \r\n .ultra-header-initial-logo {\r\n max-width: 120px !important;\r\n }\r\n \r\n .ultra-hamburger-initial {\r\n width: 40px !important;\r\n height: 40px !important;\r\n gap: 5px !important;\r\n }\r\n \r\n .ultra-hamburger-initial-line {\r\n width: 26px !important;\r\n height: 2px !important;\r\n }\r\n \r\n .ultra-hamburger-initial.active .ultra-hamburger-initial-line:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg) !important;\r\n }\r\n \r\n .ultra-hamburger-initial.active .ultra-hamburger-initial-line:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg) !important;\r\n }\r\n \r\n .ultra-header-fixed {\r\n padding: 16px 0 !important;\r\n }\r\n \r\n .ultra-header-fixed-logo {\r\n max-width: 120px !important;\r\n }\r\n \r\n .ultra-hamburger-fixed {\r\n width: 40px !important;\r\n height: 40px !important;\r\n gap: 5px !important;\r\n }\r\n \r\n .ultra-hamburger-fixed-line {\r\n width: 26px !important;\r\n height: 2px !important;\r\n }\r\n \r\n .ultra-hamburger-fixed.active .ultra-hamburger-fixed-line:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg) !important;\r\n }\r\n \r\n .ultra-hamburger-fixed.active .ultra-hamburger-fixed-line:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg) !important;\r\n }\r\n \r\n .ultra-menu-close {\r\n top: 20px !important;\r\n right: 20px !important;\r\n width: 44px !important;\r\n height: 44px !important;\r\n }\r\n \r\n .ultra-menu-close::before,\r\n .ultra-menu-close::after {\r\n width: 20px !important;\r\n }\r\n \r\n .ultra-menu-content {\r\n padding: 0 24px !important;\r\n max-width: 100% !important;\r\n }\r\n \r\n .ultra-menu-item {\r\n margin-bottom: 28px !important;\r\n }\r\n \r\n .ultra-menu-link {\r\n font-size: clamp(1.75rem, 7vw, 2.5rem) !important;\r\n }\r\n \r\n .ultra-menu-footer {\r\n margin-top: 48px !important;\r\n padding-top: 32px !important;\r\n font-size: 10px !important;\r\n letter-spacing: 2px !important;\r\n }\r\n}\r\n\r\n\/* \u2705 MOBILE PEQUE\u00d1O (\u2264480px) *\/\r\n@media (max-width: 480px) {\r\n .ultra-logo { \r\n max-width: 160px !important;\r\n }\r\n \r\n .ultra-tagline { \r\n font-size: 8px !important; \r\n letter-spacing: 3px !important; \r\n margin-top: 14px !important;\r\n }\r\n \r\n .ultra-content-wrapper {\r\n padding: 0 20px !important;\r\n padding-top: 90px !important;\r\n padding-bottom: 70px !important;\r\n }\r\n \r\n .ultra-header-initial-inner,\r\n .ultra-header-fixed-inner {\r\n padding: 0 20px !important;\r\n }\r\n \r\n .ultra-eyebrow {\r\n margin-bottom: 16px !important;\r\n gap: 10px !important;\r\n }\r\n \r\n .ultra-eyebrow-line {\r\n width: 24px !important;\r\n }\r\n \r\n .ultra-eyebrow-text {\r\n font-size: 8px !important;\r\n letter-spacing: 1.5px !important;\r\n }\r\n \r\n .ultra-headline {\r\n font-size: clamp(1.875rem, 9vw, 2.5rem) !important;\r\n margin-bottom: 16px !important;\r\n letter-spacing: -0.5px !important;\r\n }\r\n \r\n .ultra-headline-accent {\r\n margin-top: 6px !important;\r\n }\r\n \r\n .ultra-description {\r\n font-size: 14px !important;\r\n line-height: 1.5 !important;\r\n margin-bottom: 28px !important;\r\n }\r\n \r\n .ultra-stats-inline {\r\n gap: 20px !important;\r\n margin-bottom: 28px !important;\r\n }\r\n \r\n .ultra-stat-mini {\r\n min-width: 80px !important;\r\n }\r\n \r\n .ultra-stat-mini-value {\r\n font-size: 1.5rem !important;\r\n }\r\n \r\n .ultra-stat-mini-label {\r\n font-size: 9px !important;\r\n letter-spacing: 1px !important;\r\n }\r\n \r\n .ultra-cta-wrapper {\r\n gap: 10px !important;\r\n }\r\n \r\n .ultra-cta-primary,\r\n .ultra-cta-secondary {\r\n padding: 16px 28px !important;\r\n font-size: 10px !important;\r\n letter-spacing: 1.2px !important;\r\n }\r\n \r\n .ultra-cta-arrow {\r\n font-size: 16px !important;\r\n }\r\n \r\n .ultra-scroll-hint {\r\n bottom: 16px !important;\r\n font-size: 8px !important;\r\n letter-spacing: 1.2px !important;\r\n gap: 6px !important;\r\n }\r\n \r\n .ultra-scroll-line {\r\n height: 35px !important;\r\n }\r\n \r\n .ultra-header-initial {\r\n padding: 16px 0 !important;\r\n }\r\n \r\n .ultra-header-initial-logo {\r\n max-width: 100px !important;\r\n }\r\n \r\n .ultra-hamburger-initial {\r\n width: 36px !important;\r\n height: 36px !important;\r\n gap: 4px !important;\r\n }\r\n \r\n .ultra-hamburger-initial-line {\r\n width: 24px !important;\r\n }\r\n \r\n .ultra-hamburger-initial.active .ultra-hamburger-initial-line:nth-child(1) {\r\n transform: translateY(6px) rotate(45deg) !important;\r\n }\r\n \r\n .ultra-hamburger-initial.active .ultra-hamburger-initial-line:nth-child(3) {\r\n transform: translateY(-6px) rotate(-45deg) !important;\r\n }\r\n \r\n .ultra-header-fixed {\r\n padding: 14px 0 !important;\r\n }\r\n \r\n .ultra-header-fixed-logo {\r\n max-width: 100px !important;\r\n }\r\n \r\n .ultra-hamburger-fixed {\r\n width: 36px !important;\r\n height: 36px !important;\r\n gap: 4px !important;\r\n }\r\n \r\n .ultra-hamburger-fixed-line {\r\n width: 24px !important;\r\n }\r\n \r\n .ultra-hamburger-fixed.active .ultra-hamburger-fixed-line:nth-child(1) {\r\n transform: translateY(6px) rotate(45deg) !important;\r\n }\r\n \r\n .ultra-hamburger-fixed.active .ultra-hamburger-fixed-line:nth-child(3) {\r\n transform: translateY(-6px) rotate(-45deg) !important;\r\n }\r\n \r\n .ultra-menu-close {\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n }\r\n \r\n .ultra-menu-close::before,\r\n .ultra-menu-close::after {\r\n width: 18px !important;\r\n }\r\n \r\n .ultra-menu-content {\r\n padding: 0 20px !important;\r\n }\r\n \r\n .ultra-menu-item {\r\n margin-bottom: 24px !important;\r\n }\r\n \r\n .ultra-menu-link {\r\n font-size: clamp(1.5rem, 8vw, 2rem) !important;\r\n }\r\n \r\n .ultra-menu-footer {\r\n margin-top: 40px !important;\r\n padding-top: 28px !important;\r\n font-size: 9px !important;\r\n letter-spacing: 1.5px !important;\r\n }\r\n}\r\n\r\n\/* Desktop Grande (\u22651025px) *\/\r\n@media (min-width: 1025px) {\r\n .ultra-content-wrapper {\r\n padding: 0 80px !important;\r\n }\r\n \r\n .ultra-header-initial-inner,\r\n .ultra-header-fixed-inner {\r\n padding: 0 80px !important;\r\n }\r\n}\r\n\r\n\/* Desktop Extra Grande (\u22651400px) *\/\r\n@media (min-width: 1400px) {\r\n .ultra-content-wrapper {\r\n padding: 0 120px !important;\r\n }\r\n \r\n .ultra-header-initial-inner,\r\n .ultra-header-fixed-inner {\r\n padding: 0 120px !important;\r\n }\r\n \r\n .ultra-content-main {\r\n max-width: 700px !important;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n \u2705 SHORT VIEWPORT \u2014 PORT\u00c1TILES CON POCA ALTURA\r\n Comprime espaciado para evitar solapamiento logo\/contenido\r\n======================================== *\/\r\n\r\n\/* Port\u00e1til est\u00e1ndar corto (\u2264800px alto, solo desktop) *\/\r\n@media (min-width: 769px) and (max-height: 800px) {\r\n .ultra-final-layout {\r\n padding-top: 110px !important;\r\n padding-bottom: 60px !important;\r\n }\r\n \r\n .ultra-header-initial {\r\n padding: 28px 0 !important;\r\n }\r\n \r\n .ultra-eyebrow {\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n .ultra-headline {\r\n font-size: clamp(2.5rem, 5vw, 3.5rem) !important;\r\n margin-bottom: 24px !important;\r\n }\r\n \r\n .ultra-description {\r\n font-size: clamp(1rem, 1.5vw, 1.2rem) !important;\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n .ultra-stats-inline {\r\n gap: 40px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n \r\n .ultra-stat-mini-value {\r\n font-size: clamp(1.75rem, 3vw, 2.25rem) !important;\r\n }\r\n \r\n .ultra-cta-primary,\r\n .ultra-cta-secondary {\r\n padding: 20px 44px !important;\r\n }\r\n \r\n .ultra-scroll-hint {\r\n bottom: 24px !important;\r\n }\r\n \r\n .ultra-scroll-line {\r\n height: 36px !important;\r\n }\r\n}\r\n\r\n\/* Port\u00e1til muy corto (\u2264700px alto, solo desktop) *\/\r\n@media (min-width: 769px) and (max-height: 700px) {\r\n .ultra-final-layout {\r\n padding-top: 100px !important;\r\n padding-bottom: 50px !important;\r\n }\r\n \r\n .ultra-header-initial {\r\n padding: 22px 0 !important;\r\n }\r\n \r\n .ultra-header-initial-logo {\r\n max-width: 140px !important;\r\n }\r\n \r\n .ultra-eyebrow {\r\n margin-bottom: 14px !important;\r\n }\r\n \r\n .ultra-eyebrow-text {\r\n font-size: 9px !important;\r\n letter-spacing: 3px !important;\r\n }\r\n \r\n .ultra-headline {\r\n font-size: clamp(2.25rem, 4.5vw, 3rem) !important;\r\n margin-bottom: 18px !important;\r\n }\r\n \r\n .ultra-headline-accent {\r\n margin-top: 6px !important;\r\n }\r\n \r\n .ultra-description {\r\n font-size: 1rem !important;\r\n line-height: 1.55 !important;\r\n margin-bottom: 24px !important;\r\n }\r\n \r\n .ultra-stats-inline {\r\n gap: 32px !important;\r\n margin-bottom: 24px !important;\r\n }\r\n \r\n .ultra-stat-mini-value {\r\n font-size: 1.6rem !important;\r\n margin-bottom: 4px !important;\r\n }\r\n \r\n .ultra-stat-mini-label {\r\n font-size: 10px !important;\r\n }\r\n \r\n .ultra-stat-mini:not(:last-child)::after {\r\n height: 30px !important;\r\n right: -16px !important;\r\n }\r\n \r\n .ultra-cta-wrapper {\r\n gap: 16px !important;\r\n }\r\n \r\n .ultra-cta-primary,\r\n .ultra-cta-secondary {\r\n padding: 16px 36px !important;\r\n font-size: 12px !important;\r\n }\r\n \r\n .ultra-scroll-hint {\r\n bottom: 16px !important;\r\n font-size: 9px !important;\r\n }\r\n \r\n .ultra-scroll-line {\r\n height: 30px !important;\r\n }\r\n}\r\n\r\n\/* Port\u00e1til extremadamente corto (\u2264600px alto, solo desktop) *\/\r\n@media (min-width: 769px) and (max-height: 600px) {\r\n .ultra-final-layout {\r\n padding-top: 85px !important;\r\n padding-bottom: 40px !important;\r\n }\r\n \r\n .ultra-header-initial {\r\n padding: 16px 0 !important;\r\n }\r\n \r\n .ultra-header-initial-logo {\r\n max-width: 120px !important;\r\n }\r\n \r\n .ultra-eyebrow {\r\n margin-bottom: 10px !important;\r\n }\r\n \r\n .ultra-headline {\r\n font-size: clamp(2rem, 4vw, 2.5rem) !important;\r\n margin-bottom: 14px !important;\r\n }\r\n \r\n .ultra-description {\r\n font-size: 0.9375rem !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n .ultra-stats-inline {\r\n gap: 28px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n .ultra-stat-mini-value {\r\n font-size: 1.4rem !important;\r\n }\r\n \r\n .ultra-cta-primary,\r\n .ultra-cta-secondary {\r\n padding: 14px 32px !important;\r\n font-size: 11px !important;\r\n }\r\n \r\n .ultra-scroll-hint {\r\n display: none !important;\r\n }\r\n}\r\n <\/style>\n<\/head>\n<body>\n<div class=\"mardihills-ultra\">\n<!-- FASE 1: INTRO PRELOADER -->\n<div class=\"ultra-intro\">\n<img decoding=\"async\" alt=\"Mardi Hills\" class=\"ultra-logo\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/Mardi_Hills_logo_Verde-scaled.png\"\/>\n<div class=\"ultra-tagline\">\u624b\u5199\u96c6<\/div>\n<\/div>\n<!-- FASE 2: CORTINAS -->\n<div class=\"ultra-reveal-container\">\n<div class=\"ultra-reveal-left\"><\/div>\n<div class=\"ultra-reveal-right\"><\/div>\n<\/div>\n<!-- FASE 3: IMAGEN + CONTENIDO -->\n<div class=\"ultra-image-wrapper\">\n<img decoding=\"async\" alt=\"Mardi Hills Exterior\" class=\"ultra-background-image\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/exterior_1.jpg\"\/>\n<div class=\"ultra-gradient\"><\/div>\n<!-- \u2705 HEADER INICIAL CON INNER CONTAINER -->\n<div class=\"ultra-header-initial\">\n<div class=\"ultra-header-initial-inner\">\n<a href=\"#home\">\n<img decoding=\"async\" alt=\"Mardi Hills\" class=\"ultra-header-initial-logo\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/Mardi_Hills_Blanco-scaled.png\"\/>\n<\/a>\n<button aria-label=\"Toggle Menu\" class=\"ultra-hamburger-initial\" id=\"hamburgerInitialBtn\">\n<span class=\"ultra-hamburger-initial-line\"><\/span>\n<span class=\"ultra-hamburger-initial-line\"><\/span>\n<span class=\"ultra-hamburger-initial-line\"><\/span>\n<\/button>\n<\/div>\n<\/div>\n<div class=\"ultra-final-layout\">\n<div class=\"ultra-content-wrapper\">\n<div class=\"ultra-content-main\">\n<div class=\"ultra-eyebrow\">\n<div class=\"ultra-eyebrow-line\"><\/div>\n<span class=\"ultra-eyebrow-text\">\u683c\u9c81\u5409\u4e9a\u5df4\u7edf<\/span>\n<\/div>\n<h1 class=\"ultra-headline\">\u672c\u8d28<span class=\"ultra-headline-accent\">\u7cbe\u54c1\u5962\u534e<\/span>\n<\/h1>\n<p class=\"ultra-description\">\u7531\u96c5\u9ad8\u624b\u5199\u7cfb\u5217\u7cbe\u5fc3\u7b56\u5212\u7684 197 \u95f4\u4e13\u5c5e\u4f4f\u5b85\uff0c\u4f4d\u4e8e\u9ad8\u52a0\u7d22\u5730\u533a\u9752\u7fe0\u7684\u5c71\u4e18\u4e0e\u65e0\u57a0\u7684\u9ed1\u6d77\u4ea4\u6c47\u5904<\/p>\n<div class=\"ultra-stats-inline\">\n<div class=\"ultra-stat-mini\">\n<span class=\"ultra-stat-mini-value\">197<\/span>\n<span class=\"ultra-stat-mini-label\">\u5355\u4f4d<\/span>\n<\/div>\n<div class=\"ultra-stat-mini\">\n<span class=\"ultra-stat-mini-value\">15%<\/span>\n<span class=\"ultra-stat-mini-label\">\u6295\u8d44\u56de\u62a5\u7387<\/span>\n<\/div>\n<div class=\"ultra-stat-mini\">\n<span class=\"ultra-stat-mini-value\">7.9 \u4e07\u7f8e\u5143<\/span>\n<span class=\"ultra-stat-mini-label\">\u4ece<\/span>\n<\/div>\n<\/div>\n<div class=\"ultra-cta-wrapper\">\n<a class=\"ultra-cta-primary\" href=\"#about\">\u63a2\u7d22\u5df4\u7edf\u5c71<span class=\"ultra-cta-arrow\">\u2192<\/span>\n<\/a>\n<a class=\"ultra-cta-secondary\" href=\"#tipology\">\u67e5\u770b\u4f4f\u5b85<span class=\"ultra-cta-arrow\">\u2192<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"ultra-scroll-hint\">\n<span>\u6eda\u52a8\u67e5\u770b<\/span>\n<div class=\"ultra-scroll-line\"><\/div>\n<\/div>\n<\/div>\n<!-- \u2705 HEADER FIXED CON INNER CONTAINER -->\n<header class=\"ultra-header-fixed\">\n<div class=\"ultra-header-fixed-inner\">\n<a href=\"#home\">\n<img decoding=\"async\" alt=\"Mardi Hills\" class=\"ultra-header-fixed-logo\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/Mardi_Hills_Blanco-scaled.png\"\/>\n<\/a>\n<button aria-label=\"Toggle Menu\" class=\"ultra-hamburger-fixed\" id=\"hamburgerFixedBtn\">\n<span class=\"ultra-hamburger-fixed-line\"><\/span>\n<span class=\"ultra-hamburger-fixed-line\"><\/span>\n<span class=\"ultra-hamburger-fixed-line\"><\/span>\n<\/button>\n<\/div>\n<\/header>\n<!-- MEN\u00da MODAL -->\n<nav class=\"ultra-menu-modal\" id=\"menuModal\">\n<div class=\"ultra-menu-bg\">\n<img decoding=\"async\" alt=\"About\" class=\"ultra-menu-bg-image default-visible\" data-menu=\"about\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/exterior_1.jpg\"\/>\n<img decoding=\"async\" alt=\"Tipology\" class=\"ultra-menu-bg-image\" data-menu=\"tipology\" src=\"https:\/\/images.unsplash.com\/photo-1502672260266-1c1ef2d93688?w=1920&q=80\"\/>\n<img decoding=\"async\" alt=\"Gallery\" class=\"ultra-menu-bg-image\" data-menu=\"gallery\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=1920&q=80\"\/>\n<img decoding=\"async\" alt=\"Location\" class=\"ultra-menu-bg-image\" data-menu=\"location\" src=\"https:\/\/images.unsplash.com\/photo-1555854877-bab0e564b8d5?w=1920&q=80\"\/>\n<img decoding=\"async\" alt=\"Unlock\" class=\"ultra-menu-bg-image\" data-menu=\"unlock\" src=\"https:\/\/images.unsplash.com\/photo-1560448204-e02f11c3d0e2?w=1920&q=80\"\/>\n<div class=\"ultra-menu-bg-overlay\"><\/div>\n<\/div>\n<button aria-label=\"Close Menu\" class=\"ultra-menu-close\" id=\"closeMenuBtn\"><\/button>\n<div class=\"ultra-menu-content\">\n<ul class=\"ultra-menu-nav\">\n<li class=\"ultra-menu-item\">\n<a class=\"ultra-menu-link\" data-menu=\"about\" href=\"#about\">\u5173\u4e8e<\/a>\n<\/li>\n<li class=\"ultra-menu-item\">\n<a class=\"ultra-menu-link\" data-menu=\"tipology\" href=\"#tipology\">\u62d3\u6251\u5b66<\/a>\n<\/li>\n<li class=\"ultra-menu-item\">\n<a class=\"ultra-menu-link\" data-menu=\"gallery\" href=\"#gallery\">\u753b\u5eca<\/a>\n<\/li>\n<li class=\"ultra-menu-item\">\n<a class=\"ultra-menu-link\" data-menu=\"location\" href=\"#location\">\u5730\u70b9<\/a>\n<\/li>\n<li class=\"ultra-menu-item\">\n<a class=\"ultra-menu-link\" data-menu=\"unlock\" href=\"#unlock\">\u89e3\u9501\u4fe1\u606f<\/a>\n<\/li>\n<\/ul>\n<div class=\"ultra-menu-footer\">\u624b\u5199\u6536\u85cf\u00b7\u5df4\u7edf\uff0c\u683c\u9c81\u5409\u4e9a<\/div>\n<\/div>\n<\/nav>\n<\/div>\n<script>\r\n(function() {\r\n 'use strict';\r\n \r\n const LOCK_DURATION = 7000;\r\n let scrollPosition = 0;\r\n let animationComplete = false;\r\n \r\n function lockScroll() {\r\n scrollPosition = window.pageYOffset || document.documentElement.scrollTop;\r\n document.body.classList.add('mardihills-ultra-locked');\r\n }\r\n \r\n function unlockScroll() {\r\n document.body.classList.remove('mardihills-ultra-locked');\r\n window.scrollTo(0, scrollPosition);\r\n }\r\n \r\n function cleanupFixedElements() {\r\n const intro = document.querySelector('.ultra-intro');\r\n const revealContainer = document.querySelector('.ultra-reveal-container');\r\n \r\n if (intro) intro.classList.add('finished');\r\n if (revealContainer) revealContainer.classList.add('finished');\r\n }\r\n \r\n function initAnimation() {\r\n lockScroll();\r\n \r\n setTimeout(() => {\r\n unlockScroll();\r\n cleanupFixedElements();\r\n animationComplete = true;\r\n }, LOCK_DURATION);\r\n }\r\n \r\n const headerFixed = document.querySelector('.ultra-header-fixed');\r\n \r\n function handleScroll() {\r\n if (!animationComplete) return;\r\n \r\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n \r\n if (scrollTop > 100) {\r\n headerFixed.classList.add('scrolled');\r\n } else {\r\n headerFixed.classList.remove('scrolled');\r\n }\r\n }\r\n \r\n window.addEventListener('scroll', handleScroll);\r\n \r\n const hamburgerInitialBtn = document.getElementById('hamburgerInitialBtn');\r\n const hamburgerFixedBtn = document.getElementById('hamburgerFixedBtn');\r\n const closeMenuBtn = document.getElementById('closeMenuBtn');\r\n const menuModal = document.getElementById('menuModal');\r\n const menuLinks = document.querySelectorAll('.ultra-menu-link');\r\n \r\n function openMenu() {\r\n menuModal.classList.add('open');\r\n hamburgerInitialBtn.classList.add('active');\r\n hamburgerFixedBtn.classList.add('active');\r\n document.body.classList.add('menu-open');\r\n }\r\n \r\n function closeMenu() {\r\n menuModal.classList.remove('open');\r\n hamburgerInitialBtn.classList.remove('active');\r\n hamburgerFixedBtn.classList.remove('active');\r\n document.body.classList.remove('menu-open');\r\n \r\n document.querySelectorAll('.ultra-menu-bg-image').forEach(img => {\r\n img.classList.remove('active');\r\n });\r\n document.querySelector('.ultra-menu-bg-image.default-visible').classList.add('active');\r\n }\r\n \r\n function toggleMenu() {\r\n if (menuModal.classList.contains('open')) {\r\n closeMenu();\r\n } else {\r\n openMenu();\r\n }\r\n }\r\n \r\n if (hamburgerInitialBtn) hamburgerInitialBtn.addEventListener('click', toggleMenu);\r\n if (hamburgerFixedBtn) hamburgerFixedBtn.addEventListener('click', toggleMenu);\r\n if (closeMenuBtn) closeMenuBtn.addEventListener('click', closeMenu);\r\n \r\n menuLinks.forEach(link => {\r\n link.addEventListener('mouseenter', function() {\r\n const menuId = this.getAttribute('data-menu');\r\n \r\n document.querySelectorAll('.ultra-menu-bg-image').forEach(img => {\r\n img.classList.remove('active');\r\n });\r\n \r\n const targetImg = document.querySelector(`.ultra-menu-bg-image[data-menu=\"${menuId}\"]`);\r\n if (targetImg) targetImg.classList.add('active');\r\n });\r\n });\r\n \r\n function smoothScrollTo(target) {\r\n const element = document.querySelector(target);\r\n if (element) {\r\n closeMenu();\r\n setTimeout(() => {\r\n element.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }, 400);\r\n }\r\n }\r\n \r\n menuLinks.forEach(link => {\r\n link.addEventListener('click', function(e) {\r\n const href = this.getAttribute('href');\r\n if (href && href.startsWith('#')) {\r\n e.preventDefault();\r\n smoothScrollTo(href);\r\n }\r\n });\r\n });\r\n \r\n const ctaButtons = document.querySelectorAll('.ultra-cta-primary, .ultra-cta-secondary');\r\n ctaButtons.forEach(button => {\r\n button.addEventListener('click', function(e) {\r\n const href = this.getAttribute('href');\r\n if (href && href.startsWith('#')) {\r\n e.preventDefault();\r\n const target = document.querySelector(href);\r\n if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n });\r\n });\r\n \r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && menuModal.classList.contains('open')) closeMenu();\r\n });\r\n \r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initAnimation);\r\n } else {\r\n initAnimation();\r\n }\r\n})();\r\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30b86c2 animated-slow elementor-invisible elementor-widget elementor-widget-video\" data-id=\"30b86c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes","_animation":"zoomIn","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2026\/02\/202511_MARDIHILLS_ENGAGE_ENG_COMP.mp4\" autoplay=\"\" loop=\"\" controls=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-303e2e9 elementor-widget elementor-widget-html\" data-id=\"303e2e9\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"about\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>Mardi Hills - \u7f16\u8f91\u90e8\u5206 v2.4<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:wght@400;600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\"\/>\n<style>\r\n\/* ========================================\r\n MARDI HILLS - EDITORIAL SECTIONS v2.4\r\n \u2705 Stats inline escalados\r\n======================================== *\/\r\n.mardihills-editorial * {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n}\r\n\r\n.mardihills-editorial {\r\n --forest-green: #1A4D2E;\r\n --sea-navy: #1B3A4B;\r\n --champagne-gold: #D4AF37;\r\n --caucasus-stone: #F5F5F0;\r\n --warm-slate: #5A6670;\r\n \r\n position: relative !important;\r\n width: 100vw !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n background: var(--caucasus-stone) !important;\r\n}\r\n\r\n\/* ========================================\r\n INTRO\r\n======================================== *\/\r\n.editorial-intro {\r\n padding: 120px 24px !important;\r\n text-align: center !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n.intro-eyebrow {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 6px !important;\r\n text-transform: uppercase !important;\r\n color: var(--champagne-gold) !important;\r\n margin-bottom: 40px !important;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.intro-title {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--forest-green) !important;\r\n line-height: 1.15 !important;\r\n letter-spacing: -1.5px !important;\r\n margin-bottom: 48px !important;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;\r\n}\r\n\r\n.intro-title em {\r\n font-style: italic !important;\r\n color: var(--champagne-gold) !important;\r\n}\r\n\r\n.intro-divider {\r\n width: 80px !important;\r\n height: 1px !important;\r\n background: var(--champagne-gold) !important;\r\n margin: 0 auto 44px auto !important;\r\n opacity: 0;\r\n transform: scaleX(0);\r\n transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;\r\n}\r\n\r\n.editorial-intro.visible .intro-eyebrow,\r\n.editorial-intro.visible .intro-title {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.editorial-intro.visible .intro-divider {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n}\r\n\r\n\/* ========================================\r\n STATS INLINE ESCALADOS\r\n======================================== *\/\r\n.editorial-intro-stats {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n gap: 20px !important;\r\n flex-wrap: wrap !important;\r\n opacity: 0;\r\n transform: translateY(12px);\r\n transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;\r\n}\r\n\r\n.editorial-intro.visible .editorial-intro-stats {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.editorial-stat-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n}\r\n\r\n.editorial-stat-item svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n flex-shrink: 0 !important;\r\n}\r\n\r\n.editorial-stat-text {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.3px !important;\r\n color: var(--warm-slate) !important;\r\n}\r\n\r\n.editorial-stat-text strong {\r\n font-weight: 700 !important;\r\n color: var(--forest-green) !important;\r\n}\r\n\r\n.editorial-stat-sep {\r\n width: 4px !important;\r\n height: 4px !important;\r\n background: var(--champagne-gold) !important;\r\n border-radius: 50% !important;\r\n flex-shrink: 0 !important;\r\n}\r\n\r\n\/* ========================================\r\n SECTION 1: FULL BLEED IMMERSIVE\r\n======================================== *\/\r\n.section-immersive {\r\n position: relative !important;\r\n width: 100% !important;\r\n min-height: 100vh !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n opacity: 0;\r\n transform: scale(0.98);\r\n transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.section-immersive.visible {\r\n opacity: 1;\r\n transform: scale(1);\r\n}\r\n\r\n.immersive-image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 1 !important;\r\n}\r\n\r\n.immersive-image img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n filter: brightness(0.6) contrast(1.1) saturate(1.05) !important;\r\n}\r\n\r\n.immersive-gradient {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(26, 77, 46, 0.3) 0%,\r\n rgba(26, 77, 46, 0.7) 50%,\r\n rgba(26, 77, 46, 0.9) 100%\r\n ) !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.immersive-content {\r\n position: relative !important;\r\n z-index: 10 !important;\r\n width: 100% !important;\r\n padding: 80px 32px !important;\r\n}\r\n\r\n.immersive-number {\r\n font-family: 'Lora', serif !important;\r\n font-size: 120px !important;\r\n font-weight: 700 !important;\r\n color: rgba(212, 175, 55, 0.15) !important;\r\n line-height: 1 !important;\r\n margin-bottom: 32px !important;\r\n}\r\n\r\n.immersive-heading {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\r\n font-weight: 600 !important;\r\n color: #ffffff !important;\r\n line-height: 1.2 !important;\r\n letter-spacing: -1px !important;\r\n margin-bottom: 32px !important;\r\n max-width: 600px !important;\r\n}\r\n\r\n.immersive-text {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: clamp(1.125rem, 2vw, 1.375rem) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.8 !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n max-width: 500px !important;\r\n margin-bottom: 40px !important;\r\n}\r\n\r\n.immersive-features {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 20px !important;\r\n max-width: 500px !important;\r\n}\r\n\r\n.immersive-feature {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 16px !important;\r\n}\r\n\r\n.feature-dot {\r\n width: 8px !important;\r\n height: 8px !important;\r\n min-width: 8px !important;\r\n background: var(--champagne-gold) !important;\r\n border-radius: 50% !important;\r\n margin-top: 8px !important;\r\n box-shadow: 0 0 12px rgba(212, 175, 55, 0.5) !important;\r\n}\r\n\r\n.feature-label {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.7 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n}\r\n\r\n\/* ========================================\r\n SECTION 2: SPLIT SCREEN\r\n======================================== *\/\r\n.section-split {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n background: #ffffff !important;\r\n min-height: auto !important;\r\n opacity: 0;\r\n transform: translateY(60px);\r\n transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.section-split.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.split-side {\r\n position: relative !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n}\r\n\r\n.split-image-side {\r\n min-height: 50vh !important;\r\n width: 100% !important;\r\n background: var(--caucasus-stone) !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n.split-image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n filter: brightness(0.95) contrast(1.05) !important;\r\n transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.section-split.visible .split-image {\r\n transform: scale(1.05) !important;\r\n}\r\n\r\n.split-content-side {\r\n width: 100% !important;\r\n padding: 80px 32px !important;\r\n background: #ffffff !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n}\r\n\r\n.split-label {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 5px !important;\r\n text-transform: uppercase !important;\r\n color: var(--champagne-gold) !important;\r\n margin-bottom: 32px !important;\r\n}\r\n\r\n.split-heading {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--forest-green) !important;\r\n line-height: 1.15 !important;\r\n letter-spacing: -1px !important;\r\n margin-bottom: 32px !important;\r\n max-width: 600px !important;\r\n}\r\n\r\n.split-description {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.8 !important;\r\n color: var(--warm-slate) !important;\r\n margin-bottom: 56px !important;\r\n max-width: 500px !important;\r\n}\r\n\r\n.split-stats {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 40px 32px !important;\r\n max-width: 600px !important;\r\n}\r\n\r\n.split-stat {\r\n border-left: 2px solid var(--champagne-gold) !important;\r\n padding-left: 20px !important;\r\n}\r\n\r\n.split-stat-value {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\r\n font-weight: 700 !important;\r\n color: var(--champagne-gold) !important;\r\n line-height: 1 !important;\r\n margin-bottom: 12px !important;\r\n}\r\n\r\n.split-stat-label {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: var(--warm-slate) !important;\r\n}\r\n\r\n\/* ========================================\r\n SECTION 3: STATEMENT PARALLAX\r\n======================================== *\/\r\n.section-statement {\r\n position: relative !important;\r\n min-height: 80vh !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 100px 32px !important;\r\n overflow: hidden !important;\r\n opacity: 0;\r\n transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.section-statement.visible {\r\n opacity: 1;\r\n}\r\n\r\n.statement-bg {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 1 !important;\r\n}\r\n\r\n.statement-bg img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n filter: brightness(0.4) !important;\r\n}\r\n\r\n.statement-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(27, 58, 75, 0.85) 0%,\r\n rgba(26, 77, 46, 0.9) 100%\r\n ) !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.statement-content {\r\n position: relative !important;\r\n z-index: 10 !important;\r\n text-align: center !important;\r\n max-width: 900px !important;\r\n}\r\n\r\n.statement-quote {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2rem, 5vw, 4rem) !important;\r\n font-weight: 600 !important;\r\n font-style: italic !important;\r\n color: #ffffff !important;\r\n line-height: 1.3 !important;\r\n letter-spacing: -1px !important;\r\n margin-bottom: 48px !important;\r\n}\r\n\r\n.statement-author {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: var(--champagne-gold) !important;\r\n}\r\n\r\n\/* ========================================\r\n SECTION 4: AMENITIES FULL-WIDTH\r\n======================================== *\/\r\n.section-amenities {\r\n padding: 100px 0px 0px 0px !important;\r\n background: #E8E8D8 !important;\r\n opacity: 0;\r\n transform: translateY(60px);\r\n transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.section-amenities.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.amenities-intro {\r\n max-width: 600px !important;\r\n margin: 0 auto 80px !important;\r\n text-align: center !important;\r\n padding: 0 32px !important;\r\n}\r\n\r\n.amenities-label {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 5px !important;\r\n text-transform: uppercase !important;\r\n color: var(--champagne-gold) !important;\r\n margin-bottom: 24px !important;\r\n}\r\n\r\n.amenities-heading {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2rem, 4vw, 3.5rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--forest-green) !important;\r\n line-height: 1.2 !important;\r\n letter-spacing: -1px !important;\r\n}\r\n\r\n.amenities-list {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n}\r\n\r\n.amenity-row {\r\n position: relative !important;\r\n width: 100% !important;\r\n min-height: 180px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: default !important;\r\n overflow: hidden !important;\r\n border-bottom: 1px solid rgba(26, 77, 46, 0.1) !important;\r\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.amenity-bg {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 1 !important;\r\n opacity: 0 !important;\r\n transform: scale(1.1) !important;\r\n transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.amenity-bg img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n filter: brightness(0.75) contrast(1.05) !important;\r\n}\r\n\r\n.amenity-bg-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: radial-gradient(\r\n ellipse at center,\r\n rgba(26, 77, 46, 0.75) 0%,\r\n rgba(27, 58, 75, 0.65) 30%,\r\n rgba(0, 0, 0, 0.3) 60%,\r\n transparent 80%\r\n ) !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.amenity-content {\r\n position: relative !important;\r\n z-index: 10 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n width: 100% !important;\r\n padding: 0 32px !important;\r\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.amenity-number {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 3px !important;\r\n color: var(--champagne-gold) !important;\r\n margin-bottom: 12px !important;\r\n transition: all 0.6s ease !important;\r\n}\r\n\r\n.amenity-name {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(1.5rem, 4vw, 2.25rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--forest-green) !important;\r\n line-height: 1.2 !important;\r\n letter-spacing: -0.5px !important;\r\n transition: all 0.6s ease !important;\r\n}\r\n\r\n\/* ESTADOS HOVER *\/\r\n.amenity-row:hover,\r\n.amenity-row.auto-active {\r\n min-height: 200px !important;\r\n border-bottom-color: transparent !important;\r\n}\r\n\r\n.amenity-row:hover .amenity-bg,\r\n.amenity-row.auto-active .amenity-bg {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n}\r\n\r\n.amenity-row:hover .amenity-number,\r\n.amenity-row.auto-active .amenity-number {\r\n color: #ffffff !important;\r\n letter-spacing: 5px !important;\r\n}\r\n\r\n.amenity-row:hover .amenity-name,\r\n.amenity-row.auto-active .amenity-name {\r\n color: #ffffff !important;\r\n transform: translateY(-3px) !important;\r\n text-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;\r\n}\r\n\r\n\/* ========================================\r\n TABLET (768px+)\r\n======================================== *\/\r\n@media (min-width: 768px) {\r\n .editorial-intro {\r\n padding: 0px 48px !important;\r\n }\r\n\r\n .editorial-intro-stats {\r\n gap: 28px !important;\r\n }\r\n\r\n .editorial-stat-item svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n }\r\n\r\n .editorial-stat-text {\r\n font-size: 16px !important;\r\n }\r\n \r\n .immersive-content {\r\n padding: 100px 64px !important;\r\n }\r\n \r\n .immersive-number {\r\n font-size: 160px !important;\r\n }\r\n \r\n .split-image-side {\r\n min-height: 60vh !important;\r\n }\r\n \r\n .split-content-side {\r\n padding: 100px 64px !important;\r\n }\r\n \r\n .split-stats {\r\n gap: 48px 40px !important;\r\n }\r\n \r\n .section-statement {\r\n padding: 120px 64px !important;\r\n }\r\n \r\n .section-amenities {\r\n padding: 120px 0px 0px 0px !important;\r\n }\r\n \r\n .amenities-intro {\r\n margin-bottom: 100px !important;\r\n padding: 0 64px !important;\r\n }\r\n \r\n .amenity-row {\r\n min-height: 200px !important;\r\n }\r\n \r\n .amenity-row:hover,\r\n .amenity-row.auto-active {\r\n min-height: 220px !important;\r\n }\r\n \r\n .amenity-name {\r\n font-size: clamp(1.75rem, 5vw, 2.5rem) !important;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n DESKTOP (1024px+)\r\n======================================== *\/\r\n@media (min-width: 1024px) {\r\n .editorial-intro {\r\n padding: 180px 80px !important;\r\n }\r\n\r\n .editorial-intro-stats {\r\n gap: 32px !important;\r\n }\r\n\r\n .editorial-stat-item svg {\r\n width: 26px !important;\r\n height: 26px !important;\r\n }\r\n\r\n .editorial-stat-text {\r\n font-size: 17px !important;\r\n }\r\n \r\n .immersive-content {\r\n padding: 120px 120px !important;\r\n }\r\n \r\n .immersive-number {\r\n font-size: 200px !important;\r\n }\r\n \r\n .section-split {\r\n flex-direction: row !important;\r\n min-height: 100vh !important;\r\n }\r\n \r\n .split-image-side {\r\n width: 50% !important;\r\n min-height: 100vh !important;\r\n position: sticky !important;\r\n top: 0 !important;\r\n }\r\n \r\n .split-content-side {\r\n width: 50% !important;\r\n min-height: 100vh !important;\r\n padding: 120px 80px !important;\r\n }\r\n \r\n .split-heading {\r\n font-size: 3.5rem !important;\r\n }\r\n \r\n .split-description {\r\n font-size: 17px !important;\r\n }\r\n \r\n .section-statement {\r\n padding: 140px 80px !important;\r\n }\r\n \r\n .section-amenities {\r\n padding: 140px 0px 0px 0px !important;\r\n }\r\n \r\n .amenities-intro {\r\n margin-bottom: 120px !important;\r\n padding: 0 80px !important;\r\n }\r\n \r\n .amenity-row {\r\n min-height: 220px !important;\r\n cursor: pointer !important;\r\n }\r\n \r\n .amenity-row:hover,\r\n .amenity-row.auto-active {\r\n min-height: 240px !important;\r\n }\r\n \r\n .amenity-content {\r\n padding: 0 120px !important;\r\n }\r\n \r\n .amenity-number {\r\n font-size: 13px !important;\r\n letter-spacing: 4px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n .amenity-name {\r\n font-size: clamp(2rem, 5vw, 2.75rem) !important;\r\n }\r\n \r\n .amenity-row:hover .amenity-number,\r\n .amenity-row.auto-active .amenity-number {\r\n letter-spacing: 6px !important;\r\n }\r\n \r\n .amenity-row:hover .amenity-name,\r\n .amenity-row.auto-active .amenity-name {\r\n transform: translateY(-4px) !important;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n LARGE DESKTOP (1400px+)\r\n======================================== *\/\r\n@media (min-width: 1400px) {\r\n .split-content-side {\r\n padding: 140px 120px !important;\r\n }\r\n \r\n .section-amenities {\r\n padding: 160px 0px 0px 0px !important;\r\n }\r\n \r\n .amenity-row {\r\n min-height: 240px !important;\r\n }\r\n \r\n .amenity-row:hover,\r\n .amenity-row.auto-active {\r\n min-height: 260px !important;\r\n }\r\n}\r\n <\/style>\n<\/head>\n<body>\n<section class=\"mardihills-editorial\">\n<!-- INTRO + STATS INLINE ESCALADOS -->\n<div class=\"editorial-intro\" data-observe=\"\">\n<div class=\"intro-eyebrow\">\u6536\u85cf\u54c1<\/div>\n<h2 class=\"intro-title\">\u5728\u54ea\u91cc<em>\u7cbe\u54c1\u5e97<\/em>\u6210\u4e3a<br\/>\u4e00\u79cd\u751f\u6d3b\u65b9\u5f0f<\/h2>\n<div class=\"intro-divider\"><\/div>\n<!-- STATS INLINE \u2014 MISMO FORMATO, M\u00c1S GRANDES -->\n<div class=\"editorial-intro-stats\">\n<div class=\"editorial-stat-item\">\n<svg fill=\"none\" viewbox=\"0 0 16 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect fill=\"none\" height=\"10\" rx=\"1\" stroke=\"#D4AF37\" stroke-width=\"1\" width=\"12\" x=\"2\" y=\"4\"><\/rect>\n<line stroke=\"#D4AF37\" stroke-width=\"1\" x1=\"2\" x2=\"14\" y1=\"7\" y2=\"7\"><\/line>\n<line stroke=\"#D4AF37\" stroke-linecap=\"round\" stroke-width=\"1\" x1=\"5.5\" x2=\"5.5\" y1=\"2\" y2=\"5\"><\/line>\n<line stroke=\"#D4AF37\" stroke-linecap=\"round\" stroke-width=\"1\" x1=\"10.5\" x2=\"10.5\" y1=\"2\" y2=\"5\"><\/line>\n<\/svg>\n<span class=\"editorial-stat-text\">\u5b8c\u6210<strong>2026 \u5e74\u7b2c\u56db\u5b63\u5ea6<\/strong><\/span>\n<\/div>\n<div class=\"editorial-stat-sep\"><\/div>\n<div class=\"editorial-stat-item\">\n<svg fill=\"none\" viewbox=\"0 0 16 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3 14V7L8 3L13 7V14\" fill=\"none\" stroke=\"#D4AF37\" stroke-linejoin=\"round\" stroke-width=\"1\"><\/path>\n<rect fill=\"none\" height=\"4\" stroke=\"#D4AF37\" stroke-width=\"1\" width=\"4\" x=\"6\" y=\"10\"><\/rect>\n<line stroke=\"#D4AF37\" stroke-linecap=\"round\" stroke-width=\"1\" x1=\"3\" x2=\"13\" y1=\"14\" y2=\"14\"><\/line>\n<\/svg>\n<span class=\"editorial-stat-text\">\u9152\u5e97\u5f00\u4e1a<strong>2027 \u5e74\u7b2c\u4e09\u5b63\u5ea6<\/strong><\/span>\n<\/div>\n<\/div>\n<\/div>\n<!-- SECTION 1: FULL BLEED IMMERSIVE -->\n<div class=\"section-immersive\" data-observe=\"\">\n<div class=\"immersive-image\">\n<img decoding=\"async\" alt=\"Mardi Hills Rooftop\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-5000.jpg\"\/>\n<\/div>\n<div class=\"immersive-gradient\"><\/div>\n<div class=\"immersive-content\">\n<div class=\"immersive-number\">01<\/div>\n<h3 class=\"immersive-heading\">\u9ad8\u67b6\u4e4b\u4e0a<br\/>\u666e\u901a\u4eba<\/h3>\n<p class=\"immersive-text\">\u5750\u843d\u5728\u5df4\u7edf\u9752\u7fe0\u7684\u5c71\u4e18\u62e5\u62b1\u4e00\u671b\u65e0\u9645\u7684\u9ed1\u6d77\u7684\u5730\u65b9\uff0c \r\n Mardi Hills \u63d0\u4f9b\u7684\u4e0d\u4ec5\u4ec5\u662f\u4f4f\u5b85\uff0c\u66f4\u662f\u4e00\u79cd\u751f\u6d3b\u65b9\u5f0f\u7684\u63d0\u5347\u3002<\/p>\n<div class=\"immersive-features\">\n<div class=\"immersive-feature\">\n<div class=\"feature-dot\"><\/div>\n<p class=\"feature-label\">\u6a2a\u8de8\u5386\u53f2\u4e2d\u5fc3\u7684\u5168\u666f<\/p>\n<\/div>\n<div class=\"immersive-feature\">\n<div class=\"feature-dot\"><\/div>\n<p class=\"feature-label\">\u5c4b\u9876\u65e0\u8fb9\u6cf3\u6c60\u53ef\u6b23\u8d4f 360\u00b0 \u9ed1\u6d77\u65e5\u843d<\/p>\n<\/div>\n<div class=\"immersive-feature\">\n<div class=\"feature-dot\"><\/div>\n<p class=\"feature-label\">\u8fde\u63a5\u6587\u5316\u4e0e\u6d77\u5cb8\u7ebf\u76847\u516c\u91cc\u6ee8\u6d77\u5927\u9053<\/p>\n<\/div>\n<div class=\"immersive-feature\">\n<div class=\"feature-dot\"><\/div>\n<p class=\"feature-label\">\u8fdc\u79bb\u5927\u4f17\u65c5\u6e38\u7684\u79c1\u5bc6\u98de\u5730<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- SECTION 2: SPLIT SCREEN -->\n<div class=\"section-split\" data-observe=\"\">\n<div class=\"split-side split-image-side\">\n<img decoding=\"async\" alt=\"Mardi Hills Architecture\" class=\"split-image\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/exterior_1.jpg\"\/>\n<\/div>\n<div class=\"split-side split-content-side\">\n<div class=\"split-label\">\u4f4f\u5b85\u533a<\/div>\n<h3 class=\"split-heading\">197 \u5957\u4f4f\u5b85\u3002<br\/>\u65e0\u9650\u7684\u53ef\u80fd\u6027\u3002<\/h3>\n<p class=\"split-description\">\u4e00\u7cfb\u5217\u7cbe\u9009\u7684\u5355\u95f4\u516c\u5bd3\u548c\u4e00\u5367\u5ba4\u5e87\u62a4\u6240\u3002 \r\n \u6bcf\u680b\u4f4f\u5b85\u90fd\u4f53\u73b0\u4e86\u624b\u5199\u6536\u85cf\u7406\u5ff5\uff1a \r\n \u8d34\u5fc3\u7684\u89c4\u6a21\u3001\u4e2a\u6027\u5316\u7684\u670d\u52a1\u3001\u4ee4\u4eba\u96be\u5fd8\u7684\u54c1\u8d28\u3002<\/p>\n<div class=\"split-stats\">\n<div class=\"split-stat\">\n<div class=\"split-stat-value\">197<\/div>\n<div class=\"split-stat-label\">\u4ec5\u9650\u5355\u4f4d<\/div>\n<\/div>\n<div class=\"split-stat\">\n<div class=\"split-stat-value\">15%<\/div>\n<div class=\"split-stat-label\">\u9884\u8ba1\u6295\u8d44\u56de\u62a5\u7387<\/div>\n<\/div>\n<div class=\"split-stat\">\n<div class=\"split-stat-value\">7.9 \u4e07\u7f8e\u5143<\/div>\n<div class=\"split-stat-label\">\u5f00\u59cb\u4e8e<\/div>\n<\/div>\n<div class=\"split-stat\">\n<div class=\"split-stat-value\">60\/40<\/div>\n<div class=\"split-stat-label\">\u96c5\u9ad8\u6a21\u5f0f<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- SECTION 3: STATEMENT PARALLAX -->\n<div class=\"section-statement\" data-observe=\"\">\n<div class=\"statement-bg\">\n<img decoding=\"async\" alt=\"Mardi Hills Night\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BATUMI-night-5000-1.jpg\"\/>\n<\/div>\n<div class=\"statement-overlay\"><\/div>\n<div class=\"statement-content\">\n<blockquote class=\"statement-quote\">\u201c\u7cbe\u54c1\u5962\u534e\u4e0d\u5728\u4e8e\u5927\u5c0f\u2014\u2014<br\/>\u8fd9\u662f\u5173\u4e8e\u7075\u9b42\u7684\u3002\u201d<\/blockquote>\n<div class=\"statement-author\">\u624b\u5199\u6536\u85cf\u7406\u5ff5<\/div>\n<\/div>\n<\/div>\n<!-- SECTION 4: AMENITIES FULL-WIDTH -->\n<div class=\"section-amenities\" data-observe=\"\">\n<div class=\"amenities-intro\">\n<div class=\"amenities-label\">\u4e94\u661f\u7ea7\u751f\u6d3b<\/div>\n<h3 class=\"amenities-heading\">\u4e13\u4e3a\u6311\u5254\u7684\u4eba\u7cbe\u5fc3\u7b56\u5212<\/h3>\n<\/div>\n<div class=\"amenities-list\">\n<div class=\"amenity-row\" data-amenity=\"\">\n<div class=\"amenity-bg\">\n<img decoding=\"async\" alt=\"Rooftop Pool\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-5000.jpg\"\/>\n<div class=\"amenity-bg-overlay\"><\/div>\n<\/div>\n<div class=\"amenity-content\">\n<div class=\"amenity-number\">01<\/div>\n<div class=\"amenity-name\">\u5c4b\u9876\u65e0\u8fb9\u6cf3\u6c60<\/div>\n<\/div>\n<\/div>\n<div class=\"amenity-row\" data-amenity=\"\">\n<div class=\"amenity-bg\">\n<img decoding=\"async\" alt=\"Sky Bar\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/exterior_5.jpg\"\/>\n<div class=\"amenity-bg-overlay\"><\/div>\n<\/div>\n<div class=\"amenity-content\">\n<div class=\"amenity-number\">02<\/div>\n<div class=\"amenity-name\">\u5929\u7a7a\u9152\u5427\u9152\u5eca<\/div>\n<\/div>\n<\/div>\n<div class=\"amenity-row\" data-amenity=\"\">\n<div class=\"amenity-bg\">\n<img decoding=\"async\" alt=\"Spa Wellness\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/exterior_1.jpg\"\/>\n<div class=\"amenity-bg-overlay\"><\/div>\n<\/div>\n<div class=\"amenity-content\">\n<div class=\"amenity-number\">03<\/div>\n<div class=\"amenity-name\">\u6c34\u7597\u53ca\u5065\u5eb7\u4e2d\u5fc3<\/div>\n<\/div>\n<\/div>\n<div class=\"amenity-row\" data-amenity=\"\">\n<div class=\"amenity-bg\">\n<img decoding=\"async\" alt=\"Fitness Center\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-5000.jpg\"\/>\n<div class=\"amenity-bg-overlay\"><\/div>\n<\/div>\n<div class=\"amenity-content\">\n<div class=\"amenity-number\">04<\/div>\n<div class=\"amenity-name\">\u6700\u5148\u8fdb\u7684\u5065\u8eab\u8bbe\u65bd<\/div>\n<\/div>\n<\/div>\n<div class=\"amenity-row\" data-amenity=\"\">\n<div class=\"amenity-bg\">\n<img decoding=\"async\" alt=\"Concierge\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/interior_13.jpg\"\/>\n<div class=\"amenity-bg-overlay\"><\/div>\n<\/div>\n<div class=\"amenity-content\">\n<div class=\"amenity-number\">05<\/div>\n<div class=\"amenity-name\">24\/7 \u793c\u5bbe\u670d\u52a1<\/div>\n<\/div>\n<\/div>\n<div class=\"amenity-row\" data-amenity=\"\">\n<div class=\"amenity-bg\">\n<img decoding=\"async\" alt=\"Housekeeping\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/interior_4.jpg\"\/>\n<div class=\"amenity-bg-overlay\"><\/div>\n<\/div>\n<div class=\"amenity-content\">\n<div class=\"amenity-number\">06<\/div>\n<div class=\"amenity-name\">\u5353\u8d8a\u7684\u5bb6\u653f\u670d\u52a1<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<script>\r\n(function() {\r\n 'use strict';\r\n \r\n const observerOptions = {\r\n root: null,\r\n rootMargin: '0px 0px -100px 0px',\r\n threshold: 0.1\r\n };\r\n \r\n const observerCallback = (entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n };\r\n \r\n const observer = new IntersectionObserver(observerCallback, observerOptions);\r\n \r\n const observeElements = document.querySelectorAll('[data-observe]');\r\n observeElements.forEach(el => observer.observe(el));\r\n \r\n \/\/ AUTO-HOVER SECUENCIAL EN MOBILE\r\n const isMobile = window.innerWidth < 1024;\r\n \r\n if (isMobile) {\r\n const amenityRows = document.querySelectorAll('[data-amenity]');\r\n \r\n amenityRows.forEach(row => {\r\n row.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n return false;\r\n });\r\n row.style.pointerEvents = 'none';\r\n });\r\n \r\n function updateActiveAmenity() {\r\n const viewportCenter = window.scrollY + (window.innerHeight * 0.5);\r\n let closestRow = null;\r\n let closestDistance = Infinity;\r\n \r\n amenityRows.forEach(row => {\r\n const rect = row.getBoundingClientRect();\r\n const rowCenter = rect.top + window.scrollY + (rect.height \/ 2);\r\n const distance = Math.abs(viewportCenter - rowCenter);\r\n \r\n if (distance < closestDistance) {\r\n closestDistance = distance;\r\n closestRow = row;\r\n }\r\n });\r\n \r\n amenityRows.forEach(row => {\r\n if (row === closestRow) {\r\n row.classList.add('auto-active');\r\n } else {\r\n row.classList.remove('auto-active');\r\n }\r\n });\r\n }\r\n \r\n let scrollTimeout;\r\n window.addEventListener('scroll', function() {\r\n if (scrollTimeout) {\r\n window.cancelAnimationFrame(scrollTimeout);\r\n }\r\n scrollTimeout = window.requestAnimationFrame(updateActiveAmenity);\r\n }, { passive: true });\r\n \r\n updateActiveAmenity();\r\n }\r\n})();\r\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c79ccbc elementor-widget elementor-widget-html\" data-id=\"c79ccbc\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tipology\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n MARDI HILLS - UNIT TYPES (2 CARDS)\r\n Residential Typologies Showcase\r\n======================================== *\/\r\n.mardihills-units * {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n}\r\n\r\n.mardihills-units {\r\n --forest-green: #1A4D2E;\r\n --sea-navy: #1B3A4B;\r\n --champagne-gold: #D4AF37;\r\n --caucasus-stone: #F5F5F0;\r\n --warm-slate: #5A6670;\r\n \r\n position: relative !important;\r\n width: 100vw !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n background: #ffffff !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n\/* ========================================\r\n HEADER SECTION\r\n======================================== *\/\r\n.units-header {\r\n padding: 100px 32px 60px !important;\r\n text-align: center !important;\r\n max-width: 900px !important;\r\n margin: 0 auto !important;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.units-header.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.units-eyebrow {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: var(--champagne-gold) !important;\r\n margin-bottom: 20px !important;\r\n}\r\n\r\n.units-title {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--forest-green) !important;\r\n line-height: 1.2 !important;\r\n letter-spacing: -1.5px !important;\r\n margin-bottom: 24px !important;\r\n}\r\n\r\n.units-subtitle {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: clamp(1rem, 2vw, 1.125rem) !important;\r\n font-weight: 400 !important;\r\n color: var(--warm-slate) !important;\r\n line-height: 1.7 !important;\r\n opacity: 0.85 !important;\r\n}\r\n\r\n\/* ========================================\r\n CARDS GRID - 2 COLUMNS\r\n======================================== *\/\r\n.units-grid {\r\n padding: 0 32px 100px !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n gap: 32px !important;\r\n}\r\n\r\n\/* ========================================\r\n UNIT CARD - COMPACT\r\n======================================== *\/\r\n.unit-card {\r\n position: relative !important;\r\n background: var(--caucasus-stone) !important;\r\n overflow: hidden !important;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.unit-card.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.unit-card:hover {\r\n background: #ffffff !important;\r\n box-shadow: 0 12px 40px rgba(26, 77, 46, 0.1) !important;\r\n}\r\n\r\n\/* Card Image *\/\r\n.unit-image {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 280px !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n.unit-image img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n filter: brightness(0.95) contrast(1.05) !important;\r\n transition: all 2.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n transform: scale(1) !important;\r\n}\r\n\r\n.unit-card:hover .unit-image img {\r\n transform: scale(1.08) !important;\r\n filter: brightness(0.92) contrast(1.08) !important;\r\n}\r\n\r\n\/* Gradient Overlay *\/\r\n.unit-image::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent 40%,\r\n rgba(26, 77, 46, 0.5) 100%\r\n ) !important;\r\n}\r\n\r\n\/* Type Badge *\/\r\n.unit-type-badge {\r\n position: absolute !important;\r\n top: 20px !important;\r\n left: 20px !important;\r\n background: rgba(255, 255, 255, 0.95) !important;\r\n backdrop-filter: blur(10px) !important;\r\n padding: 10px 20px !important;\r\n z-index: 10 !important;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;\r\n}\r\n\r\n.unit-type-badge-text {\r\n font-family: 'Lora', serif !important;\r\n font-size: 16px !important;\r\n font-weight: 600 !important;\r\n color: var(--forest-green) !important;\r\n letter-spacing: -0.5px !important;\r\n}\r\n\r\n\/* ROI Badge *\/\r\n.unit-roi-badge {\r\n position: absolute !important;\r\n bottom: 20px !important;\r\n right: 20px !important;\r\n background: var(--champagne-gold) !important;\r\n padding: 12px 20px !important;\r\n z-index: 10 !important;\r\n box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4) !important;\r\n}\r\n\r\n.unit-roi-value {\r\n font-family: 'Lora', serif !important;\r\n font-size: 24px !important;\r\n font-weight: 700 !important;\r\n color: #ffffff !important;\r\n line-height: 1 !important;\r\n display: block !important;\r\n margin-bottom: 4px !important;\r\n}\r\n\r\n.unit-roi-label {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n line-height: 1 !important;\r\n}\r\n\r\n\/* Card Content *\/\r\n.unit-content {\r\n padding: 32px 28px !important;\r\n}\r\n\r\n\/* Specs Row *\/\r\n.unit-specs {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 24px !important;\r\n margin-bottom: 20px !important;\r\n padding-bottom: 20px !important;\r\n border-bottom: 1px solid rgba(26, 77, 46, 0.1) !important;\r\n}\r\n\r\n.unit-spec {\r\n display: flex !important;\r\n align-items: baseline !important;\r\n gap: 8px !important;\r\n}\r\n\r\n.unit-spec-value {\r\n font-family: 'Lora', serif !important;\r\n font-size: 24px !important;\r\n font-weight: 700 !important;\r\n color: var(--forest-green) !important;\r\n line-height: 1 !important;\r\n}\r\n\r\n.unit-spec-label {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n color: var(--warm-slate) !important;\r\n opacity: 0.7 !important;\r\n}\r\n\r\n\/* Features List *\/\r\n.unit-features {\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 12px !important;\r\n}\r\n\r\n.unit-feature {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 14px !important;\r\n color: var(--warm-slate) !important;\r\n line-height: 1.4 !important;\r\n}\r\n\r\n.unit-feature-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n flex-shrink: 0 !important;\r\n color: var(--champagne-gold) !important;\r\n}\r\n\r\n\/* ========================================\r\n TABLET (768px+)\r\n======================================== *\/\r\n@media (min-width: 768px) {\r\n .units-header {\r\n padding: 120px 48px 80px !important;\r\n }\r\n \r\n .units-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n padding: 0 48px 120px !important;\r\n gap: 40px !important;\r\n }\r\n \r\n .unit-image {\r\n height: 320px !important;\r\n }\r\n \r\n .unit-content {\r\n padding: 36px 32px !important;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n DESKTOP (1024px+)\r\n======================================== *\/\r\n@media (min-width: 1024px) {\r\n .units-header {\r\n padding: 140px 80px 100px !important;\r\n }\r\n \r\n .units-grid {\r\n padding: 0 80px 140px !important;\r\n gap: 48px !important;\r\n }\r\n \r\n .unit-image {\r\n height: 340px !important;\r\n }\r\n \r\n .unit-content {\r\n padding: 40px 36px !important;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n LARGE DESKTOP (1400px+)\r\n======================================== *\/\r\n@media (min-width: 1400px) {\r\n .unit-image {\r\n height: 360px !important;\r\n }\r\n \r\n .unit-content {\r\n padding: 44px 40px !important;\r\n }\r\n}\r\n<\/style>\n<!-- HTML -->\n<section class=\"mardihills-units\">\n<!-- HEADER -->\n<div class=\"units-header\" data-observe=\"\">\n<div class=\"units-eyebrow\">\u6295\u8d44\u7c7b\u578b<\/div>\n<h2 class=\"units-title\">\u4e24\u79cd\u6295\u8d44\u65b9\u5f0f<\/h2>\n<p class=\"units-subtitle\">\u6bcf\u95f4\u516c\u5bd3\u90fd\u5c06\u96c5\u9ad8\u7684\u673a\u6784\u4e13\u4e1a\u77e5\u8bc6\u4e0e\u7cbe\u54c1\u5e97\u7684\u72ec\u7279\u6027\u76f8\u7ed3\u5408\u2014\u2014\r\n \u4e3a\u56de\u62a5\u800c\u8bbe\u8ba1\uff0c\u4e3a\u7ee9\u6548\u800c\u7ba1\u7406\u3002<\/p>\n<\/div>\n<!-- CARDS GRID -->\n<div class=\"units-grid\">\n<!-- STUDIO CARD -->\n<div class=\"unit-card\" data-observe=\"\">\n<div class=\"unit-image\">\n<img decoding=\"async\" alt=\"Studio\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/interior_12.jpg\"\/>\n<div class=\"unit-type-badge\">\n<div class=\"unit-type-badge-text\">\u5de5\u4f5c\u5ba4<\/div>\n<\/div>\n<div class=\"unit-roi-badge\">\n<span class=\"unit-roi-value\">14.5 \u4e07\u7f8e\u5143<\/span>\n<span class=\"unit-roi-label\">\u5468\u5e74\u7533\u62a5\u8868*<\/span>\n<\/div>\n<\/div>\n<div class=\"unit-content\">\n<div class=\"unit-specs\">\n<div class=\"unit-spec\">\n<span class=\"unit-spec-value\">25-35<\/span>\n<span class=\"unit-spec-label\">\u5e73\u65b9\u7c73<\/span>\n<\/div>\n<div class=\"unit-spec\">\n<span class=\"unit-spec-label\">\u4ece<\/span>\n<span class=\"unit-spec-value\">8\u4e07\u7f8e\u5143<\/span>\n<\/div>\n<\/div>\n<ul class=\"unit-features\">\n<li class=\"unit-feature\">\n<svg class=\"unit-feature-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M9 11l3 3L22 4\"><\/path>\n<path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"><\/path>\n<\/svg>\u5165\u95e8\u7ea7\u7cbe\u54c1\u6295\u8d44<\/li>\n<li class=\"unit-feature\">\n<svg class=\"unit-feature-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M9 11l3 3L22 4\"><\/path>\n<path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"><\/path>\n<\/svg>\u9ad8\u5165\u4f4f\u7387\u5438\u5f15\u529b<\/li>\n<li class=\"unit-feature\">\n<svg class=\"unit-feature-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M9 11l3 3L22 4\"><\/path>\n<path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"><\/path>\n<\/svg>60\/40 \u6536\u5165\u5206\u914d<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<!-- 1 BEDROOM CARD -->\n<div class=\"unit-card\" data-observe=\"\">\n<div class=\"unit-image\">\n<img decoding=\"async\" alt=\"1 Bedroom\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/interior_3.jpg\"\/>\n<div class=\"unit-type-badge\">\n<div class=\"unit-type-badge-text\">1 \u95f4\u5367\u5ba4<\/div>\n<\/div>\n<div class=\"unit-roi-badge\">\n<span class=\"unit-roi-value\">15900 \u7f8e\u5143<\/span>\n<span class=\"unit-roi-label\">\u5468\u5e74\u7533\u62a5\u8868*<\/span>\n<\/div>\n<\/div>\n<div class=\"unit-content\">\n<div class=\"unit-specs\">\n<div class=\"unit-spec\">\n<span class=\"unit-spec-value\">30-40<\/span>\n<span class=\"unit-spec-label\">\u5e73\u65b9\u7c73<\/span>\n<\/div>\n<div class=\"unit-spec\">\n<span class=\"unit-spec-label\">\u4ece<\/span>\n<span class=\"unit-spec-value\">11 \u4e07\u7f8e\u5143<\/span>\n<\/div>\n<\/div>\n<ul class=\"unit-features\">\n<li class=\"unit-feature\">\n<svg class=\"unit-feature-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M9 11l3 3L22 4\"><\/path>\n<path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"><\/path>\n<\/svg>\u751f\u6d3b\u65b9\u5f0f+\u6295\u8d44\u5e73\u8861<\/li>\n<li class=\"unit-feature\">\n<svg class=\"unit-feature-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M9 11l3 3L22 4\"><\/path>\n<path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"><\/path>\n<\/svg>\u9ad8\u7ea7\u5bbe\u5ba2\u504f\u597d<\/li>\n<li class=\"unit-feature\">\n<svg class=\"unit-feature-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M9 11l3 3L22 4\"><\/path>\n<path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"><\/path>\n<\/svg>\u6bcf\u665a\u4ef7\u683c\u66f4\u9ad8<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<script>\r\n\/* ========================================\r\n INTERSECTION OBSERVER\r\n======================================== *\/\r\n(function() {\r\n 'use strict';\r\n \r\n const observerOptions = {\r\n root: null,\r\n rootMargin: '0px 0px -100px 0px',\r\n threshold: 0.2\r\n };\r\n \r\n const observerCallback = (entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n };\r\n \r\n const observer = new IntersectionObserver(observerCallback, observerOptions);\r\n \r\n const observeElements = document.querySelectorAll('[data-observe]');\r\n observeElements.forEach(el => observer.observe(el));\r\n \r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f7eb1e elementor-widget elementor-widget-html\" data-id=\"2f7eb1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n MARDI HILLS - WHY INVEST (ENGAGE)\r\n Versi\u00f3n Breve y Directa\r\n======================================== *\/\r\n.mardihills-why-engage * {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n}\r\n\r\n.mardihills-why-engage {\r\n --forest-green: #1A4D2E;\r\n --sea-navy: #1B3A4B;\r\n --champagne-gold: #D4AF37;\r\n --caucasus-stone: #F5F5F0;\r\n --warm-slate: #5A6670;\r\n \r\n position: relative !important;\r\n width: 100vw !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n background: var(--caucasus-stone) !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n\/* ========================================\r\n HERO COMPACTO\r\n======================================== *\/\r\n.why-engage-hero {\r\n position: relative !important;\r\n padding: 80px 32px !important;\r\n text-align: center !important;\r\n background: var(--forest-green) !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n.why-engage-hero::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: \r\n radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 50%, rgba(27, 58, 75, 0.4) 0%, transparent 50%) !important;\r\n pointer-events: none !important;\r\n}\r\n\r\n.why-engage-hero-content {\r\n position: relative !important;\r\n z-index: 10 !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;\r\n}\r\n\r\n.why-engage-eyebrow {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: var(--champagne-gold) !important;\r\n margin-bottom: 20px !important;\r\n}\r\n\r\n.why-engage-title {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\r\n font-weight: 600 !important;\r\n color: #ffffff !important;\r\n line-height: 1.15 !important;\r\n letter-spacing: -1.5px !important;\r\n margin-bottom: 24px !important;\r\n}\r\n\r\n.why-engage-title .accent {\r\n color: var(--champagne-gold) !important;\r\n font-style: italic !important;\r\n}\r\n\r\n.why-engage-subtitle {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: clamp(1rem, 2vw, 1.25rem) !important;\r\n font-weight: 400 !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n line-height: 1.7 !important;\r\n}\r\n\r\n\/* ========================================\r\n 2 PILARES COMPACTOS\r\n======================================== *\/\r\n.why-engage-pillars {\r\n padding: 100px 32px !important;\r\n max-width: 1400px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n.why-engage-grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n gap: 80px !important;\r\n}\r\n\r\n.why-engage-pillar {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 32px !important;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.why-engage-pillar.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n\/* Imagen *\/\r\n.why-engage-image {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 350px !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n.why-engage-image img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n filter: brightness(0.95) contrast(1.05) !important;\r\n transition: all 2.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n transform: scale(1) !important;\r\n}\r\n\r\n.why-engage-pillar.visible .why-engage-image img {\r\n transform: scale(1.08) !important;\r\n}\r\n\r\n.why-engage-image::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent 60%,\r\n rgba(26, 77, 46, 0.4) 100%\r\n ) !important;\r\n}\r\n\r\n\/* Stat Badge Flotante *\/\r\n.why-engage-stat-badge {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n left: 24px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n padding: 16px 24px !important;\r\n background: #ffffff !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important;\r\n z-index: 10 !important;\r\n}\r\n\r\n.why-engage-stat-value {\r\n font-family: 'Lora', serif !important;\r\n font-size: 32px !important;\r\n font-weight: 700 !important;\r\n color: var(--champagne-gold) !important;\r\n line-height: 1 !important;\r\n}\r\n\r\n.why-engage-stat-label {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 1px !important;\r\n color: var(--warm-slate) !important;\r\n line-height: 1.3 !important;\r\n}\r\n\r\n\/* Content *\/\r\n.why-engage-content {\r\n padding: 0 !important;\r\n}\r\n\r\n.why-engage-pillar-title {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(1.75rem, 4vw, 2.5rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--forest-green) !important;\r\n line-height: 1.2 !important;\r\n margin-bottom: 16px !important;\r\n}\r\n\r\n.why-engage-pillar-description {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.7 !important;\r\n color: var(--warm-slate) !important;\r\n}\r\n\r\n\/* ========================================\r\n CTA COMPACTO\r\n======================================== *\/\r\n.why-engage-cta {\r\n padding: 80px 32px !important;\r\n text-align: center !important;\r\n background: #ffffff !important;\r\n}\r\n\r\n.why-engage-cta-content {\r\n max-width: 700px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n.why-engage-cta-title {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(1.75rem, 4vw, 2.5rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--forest-green) !important;\r\n line-height: 1.2 !important;\r\n margin-bottom: 20px !important;\r\n}\r\n\r\n.why-engage-cta-button {\r\n display: inline-block !important;\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: var(--champagne-gold) !important;\r\n padding: 18px 40px !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 6px 24px rgba(212, 175, 55, 0.3) !important;\r\n}\r\n\r\n.why-engage-cta-button:hover {\r\n background: var(--forest-green) !important;\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 8px 30px rgba(26, 77, 46, 0.25) !important;\r\n}\r\n\r\n\/* ========================================\r\n ANIMATIONS\r\n======================================== *\/\r\n@keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n\/* ========================================\r\n TABLET (768px+)\r\n======================================== *\/\r\n@media (min-width: 768px) {\r\n .why-engage-hero {\r\n padding: 100px 48px !important;\r\n }\r\n \r\n .why-engage-pillars {\r\n padding: 120px 48px !important;\r\n }\r\n \r\n .why-engage-image {\r\n height: 450px !important;\r\n }\r\n \r\n .why-engage-cta {\r\n padding: 100px 48px !important;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n DESKTOP (1024px+)\r\n======================================== *\/\r\n@media (min-width: 1024px) {\r\n .why-engage-hero {\r\n padding: 120px 80px !important;\r\n }\r\n \r\n .why-engage-pillars {\r\n padding: 140px 80px !important;\r\n }\r\n \r\n .why-engage-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 60px !important;\r\n }\r\n \r\n .why-engage-image {\r\n height: 500px !important;\r\n }\r\n \r\n .why-engage-cta {\r\n padding: 120px 80px !important;\r\n }\r\n}\r\n<\/style>\n<!-- HTML -->\n<section class=\"mardihills-why-engage\">\n<!-- HERO COMPACTO -->\n<div class=\"why-engage-hero\">\n<div class=\"why-engage-hero-content\">\n<div class=\"why-engage-eyebrow\">\u6295\u8d44\u673a\u4f1a<\/div>\n<h2 class=\"why-engage-title\">\u4e3a\u4f55\u6295\u8d44<span class=\"accent\">\u9a6c\u5c14\u8fea\u5c71<\/span>\n<\/h2>\n<p class=\"why-engage-subtitle\">\u683c\u9c81\u5409\u4e9a\u552f\u4e00\u7684\u624b\u5199\u7cfb\u5217\u2014\u2014\u96c5\u9ad8\u7684\u5168\u7403\u4e13\u4e1a\u77e5\u8bc6\u4e3a\u9ed1\u6d77\u6cbf\u5cb8\u5e26\u6765\u4e86\u7cbe\u54c1\u5e97\u7684\u72ec\u7279\u9b45\u529b\u3002<\/p>\n<\/div>\n<\/div>\n<!-- 2 PILARES -->\n<div class=\"why-engage-pillars\">\n<div class=\"why-engage-grid\">\n<!-- PILAR 1: INSTITUTIONAL BACKING -->\n<div class=\"why-engage-pillar\" data-observe=\"\">\n<div class=\"why-engage-image\">\n<img decoding=\"async\" alt=\"Accor Partnership\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-5000.jpg\"\/>\n<div class=\"why-engage-stat-badge\">\n<div class=\"why-engage-stat-value\">5,500+<\/div>\n<div class=\"why-engage-stat-label\">\u9152\u5e97<br\/>\u5168\u4e16\u754c<\/div>\n<\/div>\n<\/div>\n<div class=\"why-engage-content\">\n<h3 class=\"why-engage-pillar-title\">\u5168\u7403\u4e13\u4e1a\u77e5\u8bc6\uff0c\u672c\u571f\u5962\u534e<\/h3>\n<p class=\"why-engage-pillar-description\">\u7531 Accor \u63d0\u4f9b\u652f\u6301\uff0c60 \u5e74\u6765\u5728\u5168\u7403\u7ba1\u7406\u7740 5,500 \u591a\u5bb6\u9152\u5e97\u3002\u60a8\u7684\u6295\u8d44\u5c06\u5f97\u5230\u673a\u6784\u7ea7\u9152\u5e97\u4e13\u4e1a\u77e5\u8bc6\u7684\u4fdd\u969c\u3002<\/p>\n<\/div>\n<\/div>\n<!-- PILAR 2: REVENUE + EXCLUSIVITY -->\n<div class=\"why-engage-pillar\" data-observe=\"\">\n<div class=\"why-engage-image\">\n<img decoding=\"async\" alt=\"Revenue Model\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BATUMI-night-5000-1.jpg\"\/>\n<div class=\"why-engage-stat-badge\">\n<div class=\"why-engage-stat-value\">60%<\/div>\n<div class=\"why-engage-stat-label\">\u6536\u5165<br\/>\u7ed9\u4f60<\/div>\n<\/div>\n<\/div>\n<div class=\"why-engage-content\">\n<h3 class=\"why-engage-pillar-title\">\u65e0\u5fe7\u65e0\u8651\u5730\u9000\u8d27<\/h3>\n<p class=\"why-engage-pillar-description\">\u4fdd\u7559 60% \u7684\u6536\u5165\uff0c\u800c\u96c5\u9ad8\u5219\u83b7\u5f97 40% \u5e76\u7ba1\u7406\u4e00\u5207\u3002\u4ec5\u6709 197 \u4e2a\u5355\u4f4d\uff0c\u72ec\u7279\u6027\u5e26\u6765\u4e86\u9ad8\u5165\u4f4f\u7387\u548c\u6301\u4e45\u4ef7\u503c\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- CTA COMPACTO -->\n<div class=\"why-engage-cta\">\n<div class=\"why-engage-cta-content\">\n<h3 class=\"why-engage-cta-title\">\u60f3\u4e86\u89e3\u66f4\u591a\u5417\uff1f<\/h3>\n<a class=\"why-engage-cta-button\" href=\"#unlock\">\u7d22\u53d6\u4fe1\u606f<\/a>\n<\/div>\n<\/div>\n<\/section>\n<script>\r\n\/* ========================================\r\n INTERSECTION OBSERVER\r\n======================================== *\/\r\n(function() {\r\n 'use strict';\r\n \r\n const observerOptions = {\r\n root: null,\r\n rootMargin: '0px 0px -100px 0px',\r\n threshold: 0.2\r\n };\r\n \r\n const observerCallback = (entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n };\r\n \r\n const observer = new IntersectionObserver(observerCallback, observerOptions);\r\n \r\n const observeElements = document.querySelectorAll('[data-observe]');\r\n observeElements.forEach(el => observer.observe(el));\r\n \r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebdbd3d elementor-widget elementor-widget-html\" data-id=\"ebdbd3d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"gallery\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n MARDI HILLS - BENTO BOX GALLERY\r\n Pinterest-style premium grid\r\n======================================== *\/\r\n.mardihills-gallery * {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n}\r\n\r\n.mardihills-gallery {\r\n --forest-green: #1A4D2E;\r\n --sea-navy: #1B3A4B;\r\n --champagne-gold: #D4AF37;\r\n --caucasus-stone: #F5F5F0;\r\n --warm-slate: #5A6670;\r\n \r\n position: relative !important;\r\n width: 100vw !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n background: var(--caucasus-stone) !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n\/* ========================================\r\n HEADER\r\n======================================== *\/\r\n.gallery-header {\r\n padding: 120px 32px 80px !important;\r\n text-align: center !important;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.gallery-header.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.gallery-eyebrow {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 6px !important;\r\n text-transform: uppercase !important;\r\n color: var(--champagne-gold) !important;\r\n margin-bottom: 24px !important;\r\n}\r\n\r\n.gallery-title {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--forest-green) !important;\r\n line-height: 1.15 !important;\r\n letter-spacing: -1.5px !important;\r\n max-width: 900px !important;\r\n margin: 0 auto 32px !important;\r\n}\r\n\r\n.gallery-subtitle {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n color: var(--warm-slate) !important;\r\n line-height: 1.7 !important;\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n\/* ========================================\r\n BENTO GRID - MOBILE: STACK\r\n======================================== *\/\r\n.bento-grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n padding: 0 20px 80px !important;\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n\/* ========================================\r\n BENTO CARD BASE\r\n======================================== *\/\r\n.bento-card {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background: #ffffff !important;\r\n cursor: pointer !important;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.bento-card.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.bento-card::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(26, 77, 46, 0) 0%,\r\n rgba(26, 77, 46, 0.7) 100%\r\n ) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.bento-card:hover::before {\r\n opacity: 1 !important;\r\n}\r\n\r\n\/* ========================================\r\n CARD IMAGE\r\n======================================== *\/\r\n.card-image-wrapper {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n.card-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n filter: brightness(0.95) contrast(1.05) saturate(1.08) !important;\r\n transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.bento-card:hover .card-image {\r\n transform: scale(1.12) !important;\r\n filter: brightness(0.85) contrast(1.1) saturate(1.15) !important;\r\n}\r\n\r\n\/* ========================================\r\n CARD CONTENT OVERLAY\r\n======================================== *\/\r\n.card-content {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 40px 32px !important;\r\n background: linear-gradient(\r\n 180deg,\r\n transparent 0%,\r\n rgba(0, 0, 0, 0.4) 40%,\r\n rgba(0, 0, 0, 0.85) 100%\r\n ) !important;\r\n z-index: 10 !important;\r\n transform: translateY(20px) !important;\r\n opacity: 0 !important;\r\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.bento-card:hover .card-content {\r\n transform: translateY(0) !important;\r\n opacity: 1 !important;\r\n}\r\n\r\n\/* N\u00famero gigante *\/\r\n.card-number {\r\n font-family: 'Lora', serif !important;\r\n font-size: 80px !important;\r\n font-weight: 700 !important;\r\n color: rgba(212, 175, 55, 0.2) !important;\r\n line-height: 1 !important;\r\n margin-bottom: 16px !important;\r\n}\r\n\r\n\/* Badge *\/\r\n.card-badge {\r\n display: inline-block !important;\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 9px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: var(--champagne-gold) !important;\r\n padding: 6px 14px !important;\r\n border: 1px solid var(--champagne-gold) !important;\r\n background: rgba(26, 77, 46, 0.6) !important;\r\n backdrop-filter: blur(8px) !important;\r\n margin-bottom: 16px !important;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.card-title {\r\n font-family: 'Lora', serif !important;\r\n font-size: clamp(1.25rem, 3vw, 1.75rem) !important;\r\n font-weight: 600 !important;\r\n color: #ffffff !important;\r\n line-height: 1.3 !important;\r\n letter-spacing: -0.5px !important;\r\n margin-bottom: 12px !important;\r\n}\r\n\r\n\/* Descripci\u00f3n *\/\r\n.card-description {\r\n font-family: 'Lato', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.6 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n}\r\n\r\n\/* ========================================\r\n TAMA\u00d1OS DE CARDS - MOBILE\r\n======================================== *\/\r\n.bento-card {\r\n min-height: 400px !important;\r\n}\r\n\r\n.bento-card.tall {\r\n min-height: 500px !important;\r\n}\r\n\r\n\/* ========================================\r\n TABLET (768px+)\r\n======================================== *\/\r\n@media (min-width: 768px) {\r\n .gallery-header {\r\n padding: 140px 48px 100px !important;\r\n }\r\n \r\n .bento-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 24px !important;\r\n padding: 0 32px 100px !important;\r\n }\r\n \r\n .bento-card {\r\n min-height: 450px !important;\r\n }\r\n \r\n .bento-card.tall {\r\n min-height: 600px !important;\r\n }\r\n \r\n .card-content {\r\n padding: 48px 40px !important;\r\n }\r\n \r\n .card-number {\r\n font-size: 100px !important;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n DESKTOP (1024px+) - BENTO BOX ASIM\u00c9TRICO\r\n======================================== *\/\r\n@media (min-width: 1024px) {\r\n .gallery-header {\r\n padding: 160px 80px 120px !important;\r\n }\r\n \r\n .bento-grid {\r\n grid-template-columns: repeat(12, 1fr) !important;\r\n gap: 32px !important;\r\n padding: 0 48px 120px !important;\r\n }\r\n \r\n \/* Layout asim\u00e9trico tipo Pinterest *\/\r\n .bento-card:nth-child(1) {\r\n grid-column: span 7 !important;\r\n grid-row: span 2 !important;\r\n min-height: 700px !important;\r\n }\r\n \r\n .bento-card:nth-child(2) {\r\n grid-column: span 5 !important;\r\n grid-row: span 1 !important;\r\n min-height: 450px !important;\r\n }\r\n \r\n .bento-card:nth-child(3) {\r\n grid-column: span 5 !important;\r\n grid-row: span 1 !important;\r\n min-height: 450px !important;\r\n }\r\n \r\n .bento-card:nth-child(4) {\r\n grid-column: span 5 !important;\r\n grid-row: span 2 !important;\r\n min-height: 700px !important;\r\n }\r\n \r\n .bento-card:nth-child(5) {\r\n grid-column: span 7 !important;\r\n grid-row: span 2 !important;\r\n min-height: 700px !important;\r\n }\r\n \r\n .card-content {\r\n padding: 56px 48px !important;\r\n }\r\n \r\n .card-number {\r\n font-size: 120px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n .card-badge {\r\n font-size: 10px !important;\r\n padding: 8px 16px !important;\r\n }\r\n \r\n .card-title {\r\n font-size: 2rem !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n .card-description {\r\n font-size: 15px !important;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n LARGE DESKTOP (1400px+)\r\n======================================== *\/\r\n@media (min-width: 1400px) {\r\n .bento-grid {\r\n padding: 0 80px 140px !important;\r\n }\r\n \r\n .card-content {\r\n padding: 64px 56px !important;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n HOVER GLOW EFFECT\r\n======================================== *\/\r\n.bento-card::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -50% !important;\r\n left: -50% !important;\r\n width: 200% !important;\r\n height: 200% !important;\r\n background: radial-gradient(\r\n circle,\r\n rgba(212, 175, 55, 0.15) 0%,\r\n transparent 70%\r\n ) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.8s ease !important;\r\n z-index: 1 !important;\r\n pointer-events: none !important;\r\n}\r\n\r\n.bento-card:hover::after {\r\n opacity: 1 !important;\r\n}\r\n<\/style>\n<!-- HTML -->\n<section class=\"mardihills-gallery\">\n<!-- HEADER -->\n<div class=\"gallery-header\" data-observe=\"\">\n<div class=\"gallery-eyebrow\">\u4e3a\u4ec0\u4e48\u9009\u62e9\u739b\u8fea\u5c71<\/div>\n<h2 class=\"gallery-title\">\u7684\u4e94\u4e2a\u652f\u67f1<br\/>\u5353\u8d8a\u7cbe\u54c1\u5e97<\/h2>\n<p class=\"gallery-subtitle\">\u4e86\u89e3\u662f\u4ec0\u4e48\u8ba9 Mardi Hills \u6210\u4e3a\u7cbe\u5fc3\u7b56\u5212\u7684\u5962\u4f88\u54c1\u7684\u7ec8\u6781\u6295\u8d44<\/p>\n<\/div>\n<!-- BENTO GRID GALLERY -->\n<div class=\"bento-grid\">\n<!-- CARD 1: GRANDE - HANDWRITTEN COLLECTION -->\n<div class=\"bento-card\" data-observe=\"\">\n<div class=\"card-image-wrapper\">\n<img decoding=\"async\" alt=\"Handwritten Collection\" class=\"card-image\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/exterior_1.jpg\"\/>\n<\/div>\n<div class=\"card-content\">\n<div class=\"card-number\">01<\/div>\n<div class=\"card-badge\">\u624b\u5199\u96c6<\/div>\n<h3 class=\"card-title\">\u96c5\u9ad8\u7cbe\u54c1\u7cbe\u54c1\u9152\u5e97<\/h3>\n<p class=\"card-description\">\u5c5e\u4e8e\u96c5\u9ad8\u6700\u79c1\u5bc6\u7cfb\u5217\u7684\u4e00\u90e8\u5206\u3002\u6bcf\u5904\u623f\u4ea7\u90fd\u662f\u72ec\u4e00\u65e0\u4e8c\u7684\uff0c\u53cd\u6620\u4e86\u5f53\u5730\u6587\u5316\u548c\u5de5\u5320\u5de5\u827a\u3002<\/p>\n<\/div>\n<\/div>\n<!-- CARD 2: PEQUE\u00d1A - PANORAMIC VIEWS -->\n<div class=\"bento-card\" data-observe=\"\">\n<div class=\"card-image-wrapper\">\n<img decoding=\"async\" alt=\"Panoramic Views\" class=\"card-image\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-kaskaad-5000-1.jpg\"\/>\n<\/div>\n<div class=\"card-content\">\n<div class=\"card-number\">02<\/div>\n<h3 class=\"card-title\">360\u00b0 \u9ed1\u6d77\u7f8e\u666f<\/h3>\n<p class=\"card-description\">\u5c4b\u9876\u65e0\u8fb9\u9645\u6cf3\u6c60\u53ef\u6b23\u8d4f\u65e0\u8fb9\u5730\u5e73\u7ebf\u4e0a\u7684\u5168\u666f\u65e5\u843d\u3002<\/p>\n<\/div>\n<\/div>\n<!-- CARD 3: PEQUE\u00d1A - EXCLUSIVITY -->\n<div class=\"bento-card\" data-observe=\"\">\n<div class=\"card-image-wrapper\">\n<img decoding=\"async\" alt=\"Exclusive Living\" class=\"card-image\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BATUMI-night-5000-1.jpg\"\/>\n<\/div>\n<div class=\"card-content\">\n<div class=\"card-number\">03<\/div>\n<div class=\"card-badge\">\u9650\u91cf197\u4e2a<\/div>\n<h3 class=\"card-title\">\u7a00\u7f3a\u6027\u4e0e\u590d\u6742\u6027\u7684\u7ed3\u5408<\/h3>\n<p class=\"card-description\">\u4e0d\u662f\u5927\u91cf\u7684\u2014\u2014\u4e00\u4e2a\u7cbe\u5fc3\u7b56\u5212\u7684\u7cfb\u5217\uff0c\u4fdd\u8bc1\u4e86\u6392\u4ed6\u6027\u3002<\/p>\n<\/div>\n<\/div>\n<!-- CARD 4: GRANDE - AMENITIES -->\n<div class=\"bento-card tall\" data-observe=\"\">\n<div class=\"card-image-wrapper\">\n<img decoding=\"async\" alt=\"Premium Amenities\" class=\"card-image\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-5000.jpg\"\/>\n<\/div>\n<div class=\"card-content\">\n<div class=\"card-number\">04<\/div>\n<h3 class=\"card-title\">\u4e94\u661f\u7ea7\u751f\u6d3b\uff0c\u7cbe\u54c1\u7075\u9b42<\/h3>\n<p class=\"card-description\">\u7a7a\u4e2d\u9152\u5427\u3001\u6c34\u7597\u4e2d\u5fc3\u3001\u793c\u5bbe\u670d\u52a1\u2014\u2014\u6bcf\u4e00\u4e2a\u7ec6\u8282\u90fd\u529b\u6c42\u5b8c\u7f8e \r\n \u540c\u65f6\u4fdd\u6301\u4eb2\u5bc6\u7684\u7cbe\u54c1\u7279\u8272\u3002<\/p>\n<\/div>\n<\/div>\n<!-- CARD 5: GRANDE - INVESTMENT -->\n<div class=\"bento-card\" data-observe=\"\">\n<div class=\"card-image-wrapper\">\n<img decoding=\"async\" alt=\"Investment Returns\" class=\"card-image\" loading=\"lazy\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/interior_8.jpg\"\/>\n<\/div>\n<div class=\"card-content\">\n<div class=\"card-number\">05<\/div>\n<h3 class=\"card-title\">\u9884\u8ba1\u5e74\u5ea6\u6295\u8d44\u56de\u62a5\u7387\u4e3a 15%<\/h3>\n<p class=\"card-description\">\u96c5\u9ad8\u7ecf\u8fc7\u9a8c\u8bc1\u7684 60\/40 \u6a21\u578b\uff0c\u5177\u6709 10 \u5e74\u5408\u540c\u548c 3 \u5468\u7684\u4e2a\u4eba\u4f7f\u7528\u65f6\u95f4\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<script>\r\n\/* ========================================\r\n INTERSECTION OBSERVER\r\n======================================== *\/\r\n(function() {\r\n 'use strict';\r\n \r\n const observerOptions = {\r\n root: null,\r\n rootMargin: '0px 0px -100px 0px',\r\n threshold: 0.2\r\n };\r\n \r\n const observerCallback = (entries) => {\r\n entries.forEach((entry, index) => {\r\n if (entry.isIntersecting) {\r\n \/\/ Delay progresivo para efecto cascada\r\n setTimeout(() => {\r\n entry.target.classList.add('visible');\r\n }, index * 100);\r\n }\r\n });\r\n };\r\n \r\n const observer = new IntersectionObserver(observerCallback, observerOptions);\r\n \r\n const observeElements = document.querySelectorAll('[data-observe]');\r\n observeElements.forEach(el => observer.observe(el));\r\n \r\n})();\r\n\r\n\/* ========================================\r\n PARALLAX HOVER EFFECT (OPCIONAL)\r\n======================================== *\/\r\n(function() {\r\n 'use strict';\r\n \r\n const cards = document.querySelectorAll('.bento-card');\r\n \r\n cards.forEach(card => {\r\n card.addEventListener('mousemove', function(e) {\r\n const rect = this.getBoundingClientRect();\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n \r\n const centerX = rect.width \/ 2;\r\n const centerY = rect.height \/ 2;\r\n \r\n const percentX = (x - centerX) \/ centerX;\r\n const percentY = (y - centerY) \/ centerY;\r\n \r\n const image = this.querySelector('.card-image');\r\n \r\n if (image) {\r\n image.style.transform = `scale(1.12) translate(${percentX * 10}px, ${percentY * 10}px)`;\r\n }\r\n });\r\n \r\n card.addEventListener('mouseleave', function() {\r\n const image = this.querySelector('.card-image');\r\n if (image) {\r\n image.style.transform = 'scale(1.12) translate(0, 0)';\r\n }\r\n });\r\n });\r\n \r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78a913d elementor-widget elementor-widget-html\" data-id=\"78a913d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"location\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>Mardi Hills \u624b\u5199\u6536\u85cf - \u6218\u7565\u4f4d\u7f6e<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:wght@400;600;700&family=Lato:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<\/head>\n<body>\n<style>\n\/* ========================================\n MARDI HILLS - INTERACTIVE LOCATION MAP\n v2: Fixed height chain for iframe\n======================================== *\/\n.mardihills-location-map * {\n margin: 0 !important;\n padding: 0 !important;\n box-sizing: border-box !important;\n}\n\n.mardihills-location-map {\n --forest-green: #1A4D2E;\n --forest-green-dark: #153D24;\n --sea-navy: #1B3A4B;\n --champagne-gold: #D4AF37;\n --caucasus-stone: #F5F5F0;\n --warm-slate: #5A6670;\n \n position: relative !important;\n width: 100vw !important;\n margin: 0 !important;\n padding: 0 !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n \n background: linear-gradient(\n 135deg, \n var(--forest-green) 0%, \n var(--sea-navy) 100%\n ) !important;\n padding: 80px 0 0 !important;\n font-family: 'Lato', sans-serif !important;\n \n overflow: hidden !important;\n}\n\n.mardihills-location-map::before {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(27, 58, 75, 0.4) 0%, transparent 50%) !important;\n pointer-events: none !important;\n z-index: 1 !important;\n}\n\n\/* ========================================\n HEADER SECTION\n======================================== *\/\n.mardihills-map-header {\n text-align: center !important;\n max-width: 900px !important;\n margin: 0 auto !important;\n padding: 0 80px 60px !important;\n position: relative !important;\n z-index: 10 !important;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\n}\n\n.mardihills-map-label {\n display: inline-block !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 11px !important;\n font-weight: 700 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: var(--champagne-gold) !important;\n margin-bottom: 24px !important;\n position: relative !important;\n}\n\n.mardihills-map-label::after {\n content: '' !important;\n position: absolute !important;\n bottom: -8px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: 40px !important;\n height: 1px !important;\n background: var(--champagne-gold) !important;\n opacity: 0.6 !important;\n}\n\n.mardihills-map-title {\n font-family: 'Lora', serif !important;\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 600 !important;\n color: #ffffff !important;\n line-height: 1.15 !important;\n letter-spacing: -1.5px !important;\n margin-bottom: 28px !important;\n}\n\n.mardihills-map-title .highlight {\n color: var(--champagne-gold) !important;\n font-style: italic !important;\n}\n\n.mardihills-map-subtitle {\n font-family: 'Lato', sans-serif !important;\n font-size: clamp(1rem, 2vw, 1.125rem) !important;\n font-weight: 400 !important;\n color: rgba(255, 255, 255, 0.85) !important;\n line-height: 1.8 !important;\n letter-spacing: 0.3px !important;\n}\n\n\/* ========================================\n MAP CONTAINER - FIXED HEIGHT\n======================================== *\/\n.mardihills-map-container {\n position: relative !important;\n width: 100% !important;\n height: 70vh !important;\n min-height: 500px !important;\n background: #ffffff !important;\n overflow: hidden !important;\n z-index: 10 !important;\n box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.15) !important;\n opacity: 1 !important;\n}\n\n.mardihills-map-wrapper {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100% !important;\n height: 100% !important;\n overflow: hidden !important;\n}\n\n.mardihills-map-wrapper iframe {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n border: none !important;\n -webkit-transform: translateZ(0) !important;\n transform: translateZ(0) !important;\n -webkit-backface-visibility: hidden !important;\n backface-visibility: hidden !important;\n}\n\n\/* ========================================\n DECORATIVE CORNER ACCENTS\n======================================== *\/\n.mardihills-map-container::before,\n.mardihills-map-container::after {\n content: '' !important;\n position: absolute !important;\n width: 60px !important;\n height: 60px !important;\n border: 2px solid var(--champagne-gold) !important;\n opacity: 0.2 !important;\n z-index: 20 !important;\n}\n\n.mardihills-map-container::before {\n top: 20px !important;\n left: 20px !important;\n border-right: none !important;\n border-bottom: none !important;\n}\n\n.mardihills-map-container::after {\n bottom: 20px !important;\n right: 20px !important;\n border-left: none !important;\n border-top: none !important;\n}\n\n\/* ========================================\n ANIMATIONS\n======================================== *\/\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* ========================================\n RESPONSIVE - TABLET\n======================================== *\/\n@media (max-width: 1024px) {\n .mardihills-location-map {\n padding: 60px 0 0 !important;\n }\n \n .mardihills-map-header {\n padding: 0 48px 48px !important;\n }\n \n .mardihills-map-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n }\n \n .mardihills-map-container {\n height: 65vh !important;\n min-height: 450px !important;\n }\n}\n\n\/* ========================================\n RESPONSIVE - MOBILE\n======================================== *\/\n@media (max-width: 768px) {\n .mardihills-location-map {\n padding: 48px 0 0 !important;\n }\n \n .mardihills-map-header {\n padding: 0 32px 32px !important;\n }\n \n .mardihills-map-label {\n font-size: 10px !important;\n letter-spacing: 3px !important;\n }\n \n .mardihills-map-title {\n font-size: 2rem !important;\n margin-bottom: 20px !important;\n }\n \n .mardihills-map-subtitle {\n font-size: 0.95rem !important;\n }\n \n .mardihills-map-container {\n height: 60vh !important;\n min-height: 400px !important;\n }\n \n .mardihills-map-container::before,\n .mardihills-map-container::after {\n display: none !important;\n }\n}\n\n\/* ========================================\n SMALL MOBILE\n======================================== *\/\n@media (max-width: 480px) {\n .mardihills-location-map {\n padding: 40px 0 0 !important;\n }\n \n .mardihills-map-header {\n padding: 0 24px 24px !important;\n }\n \n .mardihills-map-container {\n height: 55vh !important;\n min-height: 350px !important;\n }\n}\n<\/style>\n<section class=\"mardihills-location-map\">\n<!-- HEADER -->\n<div class=\"mardihills-map-header\">\n<div class=\"mardihills-map-label\">\u7cbe\u54c1\u5e97\u6218\u7565\u4f4d\u7f6e<\/div>\n<h2 class=\"mardihills-map-title\">\n<span class=\"highlight\">\u9ad8\u4f4d<\/span><br\/>\u5df4\u7edf\u5386\u53f2\u4e2d\u5fc3\u4e4b\u4e0a<\/h2>\n<p class=\"mardihills-map-subtitle\">Mardi Hills \u5750\u843d\u5728\u5df4\u7edf\u9752\u7fe0\u7684\u5c71\u4e18\u4e0a\uff0c\u53ef\u6b23\u8d4f\u9ed1\u6d77\u5168\u666f\uff0c\u63d0\u4f9b\u4e86\u5b8c\u7f8e\u7684\u5e73\u8861\uff1a\u8ddd\u79bb\u5145\u6ee1\u6d3b\u529b\u7684\u6d77\u5cb8\u4ec5\u51e0\u6b65\u4e4b\u9065\uff0c\u4f46\u53ea\u6709 197 \u5957\u4f4f\u5b85\uff0c\u5374\u53c8\u72ec\u7279\u800c\u5b81\u9759\u3002<\/p>\n<\/div>\n<!-- MAP CONTAINER - FIXED HEIGHT -->\n<div class=\"mardihills-map-container\">\n<div class=\"mardihills-map-wrapper\">\n<iframe allowfullscreen=\"\" id=\"mardihills-map-iframe\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2026\/05\/map-mardihills-zh-hans.html\" title=\"Mardi Hills Handwritten Collection Interactive Map\">\n<\/iframe>\n<\/div>\n<\/div>\n<\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0c9332 e-flex e-con-boxed e-con e-parent\" data-id=\"e0c9332\" data-element_type=\"container\" data-e-type=\"container\" id=\"unlock\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ab8e8c elementor-widget elementor-widget-html\" data-id=\"6ab8e8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>Mardi Hills \u624b\u5199\u6536\u85cf - \u6295\u8d44\u4fe1\u606f<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:wght@400;600;700&family=Lato:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<\/head>\n<body>\n<style>\n\/* ========================================\n MARDI HILLS - CTA FORM SECTION\n Boutique Investment Information Request\n======================================== *\/\n.mardihills-cta-section * {\n margin: 0 !important;\n padding: 0 !important;\n box-sizing: border-box !important;\n}\n\n.mardihills-cta-section {\n --forest-green: #1A4D2E;\n --forest-green-dark: #153D24;\n --sea-navy: #1B3A4B;\n --champagne-gold: #D4AF37;\n --champagne-gold-dark: #B8972D;\n --caucasus-stone: #F5F5F0;\n --warm-slate: #5A6670;\n --neutral-50: #FAFBFC;\n --neutral-100: #F7FAFC;\n --neutral-200: #E2E8F0;\n --neutral-300: #CBD5E0;\n --neutral-400: #A0AEC0;\n --neutral-600: #4A5568;\n --neutral-700: #2D3748;\n --radius-sm: 6px;\n --radius-md: 10px;\n --radius-lg: 14px;\n --radius-pill: 50px;\n --shadow-input: 0 1px 3px rgba(26, 77, 46, 0.04);\n --shadow-input-hover: 0 2px 8px rgba(26, 77, 46, 0.08);\n --shadow-input-focus: 0 4px 16px rgba(212, 175, 55, 0.12), 0 0 0 3px rgba(212, 175, 55, 0.08);\n --shadow-btn: 0 4px 20px rgba(26, 77, 46, 0.12);\n --shadow-btn-hover: 0 8px 32px rgba(212, 175, 55, 0.25);\n --ease-smooth: cubic-bezier(0.19, 1, 0.22, 1);\n \n position: relative !important;\n width: 100vw !important;\n margin: 0 !important;\n padding: 0 !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n \n background: linear-gradient(160deg, var(--caucasus-stone) 0%, #ffffff 50%, #F0F0EA 100%) !important;\n padding: 120px 80px !important;\n font-family: 'Lato', sans-serif !important;\n overflow-x: clip !important;\n}\n\n\/* ========================================\n CONTENT CONTAINER\n======================================== *\/\n.mardihills-cta-container {\n max-width: 720px !important;\n margin: 0 auto !important;\n text-align: center !important;\n}\n\n\/* ========================================\n HEADER\n======================================== *\/\n.mardihills-cta-label {\n display: inline-block !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 11px !important;\n font-weight: 700 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: var(--champagne-gold) !important;\n margin-bottom: 24px !important;\n}\n\n.mardihills-cta-title {\n font-family: 'Lora', serif !important;\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 600 !important;\n color: var(--forest-green) !important;\n line-height: 1.2 !important;\n letter-spacing: -1.5px !important;\n margin-bottom: 24px !important;\n}\n\n.mardihills-cta-title .highlight {\n color: var(--champagne-gold) !important;\n font-style: italic !important;\n}\n\n.mardihills-cta-subtitle {\n font-family: 'Lato', sans-serif !important;\n font-size: clamp(0.95rem, 1.8vw, 1.1rem) !important;\n font-weight: 400 !important;\n color: var(--warm-slate) !important;\n line-height: 1.8 !important;\n letter-spacing: 0.2px !important;\n margin-bottom: 16px !important;\n}\n\n\/* Decorative divider *\/\n.mardihills-cta-divider {\n display: block !important;\n width: 48px !important;\n height: 2px !important;\n background: var(--champagne-gold) !important;\n margin: 0 auto 48px auto !important;\n border-radius: 2px !important;\n opacity: 0.6 !important;\n}\n\n\/* ========================================\n WPFORMS CONTAINER\n======================================== *\/\n.mardihills-cta-form {\n margin: 0 auto !important;\n text-align: left !important;\n}\n\n\/* ========================================\n WPFORMS CUSTOM STYLES - ESTRUCTURA\n======================================== *\/\n\n\/* Form Container *\/\n.mardihills-cta-section .wpforms-container,\n.mardihills-cta-section .wpforms-form,\n.mardihills-cta-section div.wpforms-container-full,\n.mardihills-cta-section #wpforms-612 {\n max-width: 100% !important;\n margin: 0 auto !important;\n}\n\n\/* Field Container *\/\n.mardihills-cta-section .wpforms-field,\n.mardihills-cta-section .wpforms-field-container,\n.mardihills-cta-section #wpforms-612 .wpforms-field {\n margin-bottom: 32px !important;\n text-align: left !important;\n}\n\n\/* ========================================\n WPFORMS - LABELS\n======================================== *\/\n.mardihills-cta-section .wpforms-field-label,\n.mardihills-cta-section .wpforms-form label.wpforms-field-label,\n.mardihills-cta-section #wpforms-612 .wpforms-field-label {\n display: block !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 12px !important;\n font-weight: 700 !important;\n color: var(--forest-green) !important;\n letter-spacing: 1.2px !important;\n text-transform: uppercase !important;\n margin-bottom: 12px !important;\n text-align: left !important;\n}\n\n\/* Required Indicator *\/\n.mardihills-cta-section .wpforms-required-label,\n.mardihills-cta-section .wpforms-field-label .wpforms-required-label {\n color: var(--champagne-gold) !important;\n font-weight: 700 !important;\n}\n\n\/* ========================================\n WPFORMS - INPUT FIELDS\n======================================== *\/\n.mardihills-cta-section .wpforms-field input[type=\"text\"],\n.mardihills-cta-section .wpforms-field input[type=\"email\"],\n.mardihills-cta-section .wpforms-field input[type=\"tel\"],\n.mardihills-cta-section .wpforms-field input[type=\"url\"],\n.mardihills-cta-section .wpforms-field input[type=\"number\"],\n.mardihills-cta-section .wpforms-field input[type=\"date\"],\n.mardihills-cta-section .wpforms-field select,\n.mardihills-cta-section .wpforms-field textarea,\n.mardihills-cta-section #wpforms-612 input[type=\"text\"],\n.mardihills-cta-section #wpforms-612 input[type=\"email\"],\n.mardihills-cta-section #wpforms-612 input[type=\"tel\"],\n.mardihills-cta-section #wpforms-612 select,\n.mardihills-cta-section #wpforms-612 textarea {\n width: 100% !important;\n min-height: 56px !important;\n padding: 16px 20px !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n color: var(--sea-navy) !important;\n background: #ffffff !important;\n border: 1.5px solid var(--neutral-200) !important;\n border-radius: var(--radius-md) !important;\n outline: none !important;\n transition: border-color 0.3s var(--ease-smooth),\n box-shadow 0.3s var(--ease-smooth),\n background-color 0.2s ease !important;\n box-shadow: var(--shadow-input) !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n}\n\n\/* Hover State \u2014 touch-safe *\/\n@media (hover: hover) and (pointer: fine) {\n .mardihills-cta-section .wpforms-field input[type=\"text\"]:hover,\n .mardihills-cta-section .wpforms-field input[type=\"email\"]:hover,\n .mardihills-cta-section .wpforms-field input[type=\"tel\"]:hover,\n .mardihills-cta-section .wpforms-field input[type=\"url\"]:hover,\n .mardihills-cta-section .wpforms-field input[type=\"number\"]:hover,\n .mardihills-cta-section .wpforms-field input[type=\"date\"]:hover,\n .mardihills-cta-section .wpforms-field select:hover,\n .mardihills-cta-section .wpforms-field textarea:hover,\n .mardihills-cta-section #wpforms-612 input[type=\"text\"]:hover,\n .mardihills-cta-section #wpforms-612 input[type=\"email\"]:hover,\n .mardihills-cta-section #wpforms-612 input[type=\"tel\"]:hover,\n .mardihills-cta-section #wpforms-612 select:hover,\n .mardihills-cta-section #wpforms-612 textarea:hover {\n border-color: var(--neutral-300) !important;\n box-shadow: var(--shadow-input-hover) !important;\n }\n}\n\n\/* Input Focus State *\/\n.mardihills-cta-section .wpforms-field input[type=\"text\"]:focus,\n.mardihills-cta-section .wpforms-field input[type=\"email\"]:focus,\n.mardihills-cta-section .wpforms-field input[type=\"tel\"]:focus,\n.mardihills-cta-section .wpforms-field input[type=\"url\"]:focus,\n.mardihills-cta-section .wpforms-field input[type=\"number\"]:focus,\n.mardihills-cta-section .wpforms-field input[type=\"date\"]:focus,\n.mardihills-cta-section .wpforms-field select:focus,\n.mardihills-cta-section .wpforms-field textarea:focus,\n.mardihills-cta-section #wpforms-612 input:focus,\n.mardihills-cta-section #wpforms-612 select:focus,\n.mardihills-cta-section #wpforms-612 textarea:focus {\n border-color: var(--champagne-gold) !important;\n box-shadow: var(--shadow-input-focus) !important;\n background: #ffffff !important;\n}\n\n\/* Placeholder *\/\n.mardihills-cta-section .wpforms-field input::placeholder,\n.mardihills-cta-section .wpforms-field textarea::placeholder,\n.mardihills-cta-section #wpforms-612 input::placeholder,\n.mardihills-cta-section #wpforms-612 textarea::placeholder {\n color: var(--neutral-400) !important;\n opacity: 1 !important;\n font-weight: 400 !important;\n}\n\n\/* Textarea Specific *\/\n.mardihills-cta-section .wpforms-field textarea,\n.mardihills-cta-section #wpforms-612 textarea {\n min-height: 130px !important;\n resize: vertical !important;\n line-height: 1.7 !important;\n}\n\n\/* ========================================\n PHONE FIELD WITH FLAG FIX\n======================================== *\/\n\n\/* Phone field container *\/\n.mardihills-cta-section .wpforms-field-phone,\n.mardihills-cta-section #wpforms-612 .wpforms-field-phone {\n position: relative !important;\n}\n\n\/* Phone input with flag *\/\n.mardihills-cta-section .wpforms-field-phone input[type=\"tel\"],\n.mardihills-cta-section #wpforms-612 input[type=\"tel\"] {\n padding-left: 85px !important;\n}\n\n\/* Flag container *\/\n.mardihills-cta-section .iti,\n.mardihills-cta-section .intl-tel-input {\n width: 100% !important;\n display: block !important;\n}\n\n.mardihills-cta-section .iti__flag-container,\n.mardihills-cta-section .flag-container {\n position: absolute !important;\n left: 22px !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n z-index: 2 !important;\n}\n\n.mardihills-cta-section .iti__selected-flag,\n.mardihills-cta-section .selected-flag {\n padding: 0 10px 0 0 !important;\n background: transparent !important;\n border: none !important;\n}\n\n.mardihills-cta-section .iti__flag,\n.mardihills-cta-section .wpforms-field-phone .flag {\n margin-right: 10px !important;\n}\n\n.mardihills-cta-section .wpforms-field-phone-international input,\n.mardihills-cta-section .wpforms-field-phone input.wpforms-field-phone-international {\n padding-left: 85px !important;\n}\n\n\/* Select Dropdown *\/\n.mardihills-cta-section .wpforms-field select,\n.mardihills-cta-section #wpforms-612 select {\n cursor: pointer !important;\n padding-right: 44px !important;\n padding-left: 20px !important;\n height: auto !important;\n min-height: 56px !important;\n line-height: 1.5 !important;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231A4D2E' d='M1.41 0L6 4.59L10.59 0L12 1.41l-6 6l-6-6z'\/%3E%3C\/svg%3E\") !important;\n background-repeat: no-repeat !important;\n background-position: right 18px center !important;\n background-size: 12px !important;\n overflow: visible !important;\n text-overflow: clip !important;\n white-space: normal !important;\n}\n\n.mardihills-cta-section .wpforms-field select option,\n.mardihills-cta-section #wpforms-612 select option {\n padding: 12px 16px !important;\n color: var(--sea-navy) !important;\n background: #ffffff !important;\n line-height: 1.6 !important;\n min-height: 40px !important;\n}\n\n.mardihills-cta-section .wpforms-field-select,\n.mardihills-cta-section #wpforms-612 .wpforms-field-select {\n overflow: visible !important;\n}\n\n\/* ========================================\n WPFORMS - VALIDATION & ERRORS\n======================================== *\/\n\n\/* Error Messages *\/\n.mardihills-cta-section .wpforms-error,\n.mardihills-cta-section label.wpforms-error,\n.mardihills-cta-section #wpforms-612 .wpforms-error {\n display: block !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 12px !important;\n font-weight: 500 !important;\n color: #C53030 !important;\n margin-top: 10px !important;\n padding: 10px 14px !important;\n background: #FFF5F5 !important;\n border-left: 3px solid #FC8181 !important;\n border-radius: var(--radius-sm) !important;\n letter-spacing: 0.2px !important;\n}\n\n\/* Error Field State *\/\n.mardihills-cta-section .wpforms-field.wpforms-has-error input,\n.mardihills-cta-section .wpforms-field.wpforms-has-error textarea,\n.mardihills-cta-section .wpforms-field.wpforms-has-error select,\n.mardihills-cta-section #wpforms-612 .wpforms-has-error input,\n.mardihills-cta-section #wpforms-612 .wpforms-has-error textarea,\n.mardihills-cta-section #wpforms-612 .wpforms-has-error select {\n border-color: #FC8181 !important;\n background: #FFFAFA !important;\n}\n\n\/* Success Message *\/\n.mardihills-cta-section .wpforms-confirmation-container,\n.mardihills-cta-section #wpforms-612 .wpforms-confirmation-container {\n padding: 40px 32px !important;\n background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%) !important;\n border: 1.5px solid #86EFAC !important;\n border-radius: var(--radius-lg) !important;\n text-align: center !important;\n margin-top: 24px !important;\n}\n\n.mardihills-cta-section .wpforms-confirmation-container p {\n font-family: 'Lato', sans-serif !important;\n font-size: 16px !important;\n font-weight: 500 !important;\n color: #166534 !important;\n line-height: 1.7 !important;\n margin: 0 !important;\n}\n\n\/* ========================================\n WPFORMS - CHECKBOXES & RADIO\n======================================== *\/\n\n.mardihills-cta-section .wpforms-field-checkbox ul,\n.mardihills-cta-section .wpforms-field-radio ul,\n.mardihills-cta-section #wpforms-612 .wpforms-field-checkbox ul,\n.mardihills-cta-section #wpforms-612 .wpforms-field-radio ul {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n.mardihills-cta-section .wpforms-field-checkbox li,\n.mardihills-cta-section .wpforms-field-radio li,\n.mardihills-cta-section #wpforms-612 .wpforms-field-checkbox li,\n.mardihills-cta-section #wpforms-612 .wpforms-field-radio li {\n margin-bottom: 14px !important;\n}\n\n.mardihills-cta-section .wpforms-field-checkbox input[type=\"checkbox\"],\n.mardihills-cta-section .wpforms-field-radio input[type=\"radio\"],\n.mardihills-cta-section #wpforms-612 input[type=\"checkbox\"],\n.mardihills-cta-section #wpforms-612 input[type=\"radio\"] {\n width: 20px !important;\n height: 20px !important;\n min-width: 20px !important;\n margin-right: 12px !important;\n vertical-align: middle !important;\n cursor: pointer !important;\n accent-color: var(--champagne-gold) !important;\n}\n\n.mardihills-cta-section .wpforms-field-checkbox label,\n.mardihills-cta-section .wpforms-field-radio label,\n.mardihills-cta-section #wpforms-612 .wpforms-field-checkbox label,\n.mardihills-cta-section #wpforms-612 .wpforms-field-radio label {\n display: inline-flex !important;\n align-items: center !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n color: var(--sea-navy) !important;\n cursor: pointer !important;\n line-height: 1.5 !important;\n}\n\n\/* ========================================\n WPFORMS - GDPR \/ CONSENT\n======================================== *\/\n.mardihills-cta-section .wpforms-field-gdpr-checkbox,\n.mardihills-cta-section #wpforms-612 .wpforms-field-gdpr-checkbox {\n margin-top: 16px !important;\n padding: 20px !important;\n background: #ffffff !important;\n border-radius: var(--radius-md) !important;\n border: 1.5px solid var(--neutral-200) !important;\n transition: border-color 0.3s ease !important;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .mardihills-cta-section .wpforms-field-gdpr-checkbox:hover {\n border-color: var(--neutral-300) !important;\n }\n}\n\n.mardihills-cta-section .wpforms-field-gdpr-checkbox label {\n font-size: 13px !important;\n line-height: 1.7 !important;\n color: var(--neutral-600) !important;\n}\n\n\/* ========================================\n WPFORMS - SUBMIT BUTTON\n======================================== *\/\n\n.mardihills-cta-section .wpforms-form button[type=\"submit\"],\n.mardihills-cta-section .wpforms-form input[type=\"submit\"],\n.mardihills-cta-section .wpforms-submit,\n.mardihills-cta-section .wpforms-submit-container button,\n.mardihills-cta-section div.wpforms-container-full .wpforms-form button[type=submit],\n.mardihills-cta-section div.wpforms-container-full .wpforms-form input[type=submit],\n.mardihills-cta-section #wpforms-612 button[type=\"submit\"],\n.mardihills-cta-section #wpforms-612 input[type=\"submit\"] {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 10px !important;\n padding: 20px 56px !important;\n margin: 0 !important;\n background: var(--forest-green) !important;\n background-color: var(--forest-green) !important;\n background-image: none !important;\n color: #ffffff !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 14px !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 2px !important;\n border: none !important;\n border-radius: var(--radius-pill) !important;\n cursor: pointer !important;\n transition: all 0.4s var(--ease-smooth) !important;\n box-shadow: var(--shadow-btn) !important;\n width: auto !important;\n min-width: 300px !important;\n text-shadow: none !important;\n text-decoration: none !important;\n outline: none !important;\n position: relative !important;\n overflow: hidden !important;\n}\n\n\/* Shimmer effect *\/\n.mardihills-cta-section .wpforms-form button[type=\"submit\"]::after,\n.mardihills-cta-section .wpforms-submit::after,\n.mardihills-cta-section .wpforms-submit-container button::after,\n.mardihills-cta-section div.wpforms-container-full .wpforms-form button[type=submit]::after,\n.mardihills-cta-section #wpforms-612 button[type=\"submit\"]::after {\n content: '' !important;\n position: absolute !important;\n top: 0 !important;\n left: -100% !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent) !important;\n transition: left 0.6s ease !important;\n pointer-events: none !important;\n}\n\n\/* Submit Button - Hover \u2014 touch-safe *\/\n@media (hover: hover) and (pointer: fine) {\n .mardihills-cta-section .wpforms-form button[type=\"submit\"]:hover,\n .mardihills-cta-section .wpforms-form input[type=\"submit\"]:hover,\n .mardihills-cta-section .wpforms-submit:hover,\n .mardihills-cta-section .wpforms-submit-container button:hover,\n .mardihills-cta-section div.wpforms-container-full .wpforms-form button[type=submit]:hover,\n .mardihills-cta-section div.wpforms-container-full .wpforms-form input[type=submit]:hover,\n .mardihills-cta-section #wpforms-612 button[type=\"submit\"]:hover,\n .mardihills-cta-section #wpforms-612 input[type=\"submit\"]:hover {\n background: var(--champagne-gold) !important;\n background-color: var(--champagne-gold) !important;\n background-image: none !important;\n color: var(--forest-green) !important;\n transform: translateY(-3px) !important;\n box-shadow: var(--shadow-btn-hover) !important;\n }\n\n .mardihills-cta-section .wpforms-form button[type=\"submit\"]:hover::after,\n .mardihills-cta-section .wpforms-submit:hover::after,\n .mardihills-cta-section .wpforms-submit-container button:hover::after,\n .mardihills-cta-section div.wpforms-container-full .wpforms-form button[type=submit]:hover::after,\n .mardihills-cta-section #wpforms-612 button[type=\"submit\"]:hover::after {\n left: 100% !important;\n }\n}\n\n\/* Submit Button - Active *\/\n.mardihills-cta-section .wpforms-form button[type=\"submit\"]:active,\n.mardihills-cta-section .wpforms-form input[type=\"submit\"]:active,\n.mardihills-cta-section .wpforms-submit:active,\n.mardihills-cta-section .wpforms-submit-container button:active,\n.mardihills-cta-section div.wpforms-container-full .wpforms-form button[type=submit]:active,\n.mardihills-cta-section div.wpforms-container-full .wpforms-form input[type=submit]:active,\n.mardihills-cta-section #wpforms-612 button[type=\"submit\"]:active,\n.mardihills-cta-section #wpforms-612 input[type=\"submit\"]:active {\n transform: translateY(-1px) !important;\n box-shadow: 0 4px 16px rgba(26, 77, 46, 0.18) !important;\n background: var(--forest-green) !important;\n background-color: var(--forest-green) !important;\n color: #ffffff !important;\n}\n\n\/* Submit Container *\/\n.mardihills-cta-section .wpforms-submit-container {\n text-align: center !important;\n margin-top: 40px !important;\n}\n\n\/* Loading state *\/\n.mardihills-cta-section .wpforms-submit.wpforms-submit-spinner,\n.mardihills-cta-section .wpforms-form button[type=\"submit\"].wpforms-submit-spinner {\n opacity: 0.7 !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n}\n\n\/* Focus state *\/\n.mardihills-cta-section .wpforms-form button[type=\"submit\"]:focus,\n.mardihills-cta-section .wpforms-form input[type=\"submit\"]:focus,\n.mardihills-cta-section .wpforms-submit:focus,\n.mardihills-cta-section .wpforms-submit-container button:focus,\n.mardihills-cta-section #wpforms-612 button[type=\"submit\"]:focus,\n.mardihills-cta-section #wpforms-612 input[type=\"submit\"]:focus {\n outline: 3px solid var(--champagne-gold) !important;\n outline-offset: 4px !important;\n box-shadow: var(--shadow-btn), 0 0 0 3px rgba(212, 175, 55, 0.15) !important;\n}\n\n\/* ========================================\n WPFORMS - FIELD DESCRIPTION\n======================================== *\/\n.mardihills-cta-section .wpforms-field-description,\n.mardihills-cta-section .wpforms-field-sublabel,\n.mardihills-cta-section #wpforms-612 .wpforms-field-description {\n font-family: 'Lato', sans-serif !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n color: var(--neutral-400) !important;\n line-height: 1.5 !important;\n margin-top: 8px !important;\n font-style: normal !important;\n letter-spacing: 0.2px !important;\n}\n\n\/* ========================================\n WPFORMS - PAGE BREAK\n======================================== *\/\n.mardihills-cta-section .wpforms-page-button,\n.mardihills-cta-section #wpforms-612 .wpforms-page-button {\n display: inline-block !important;\n padding: 14px 32px !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 14px !important;\n font-weight: 600 !important;\n color: var(--forest-green) !important;\n background: transparent !important;\n border: 1.5px solid var(--forest-green) !important;\n border-radius: var(--radius-pill) !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n margin: 8px !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .mardihills-cta-section .wpforms-page-button:hover {\n background: var(--forest-green) !important;\n color: #ffffff !important;\n }\n}\n\n\/* ========================================\n WPFORMS - FILE UPLOAD\n======================================== *\/\n.mardihills-cta-section .wpforms-field-file-upload input[type=\"file\"],\n.mardihills-cta-section #wpforms-612 input[type=\"file\"] {\n padding: 16px !important;\n border: 2px dashed var(--neutral-300) !important;\n background: #F7FAFC !important;\n border-radius: var(--radius-md) !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .mardihills-cta-section .wpforms-field-file-upload input[type=\"file\"]:hover {\n border-color: var(--champagne-gold) !important;\n background: #ffffff !important;\n }\n}\n\n\/* ========================================\n AGENT CARD (trigger below form)\n======================================== *\/\n.mh_agent-trigger {\n margin-top: 48px !important;\n padding-top: 40px !important;\n border-top: 1px solid var(--neutral-200) !important;\n display: flex !important;\n justify-content: center !important;\n}\n\n.mh_agent-card {\n display: block !important;\n padding: 16px 28px !important;\n border: 1.5px solid var(--neutral-200) !important;\n border-radius: var(--radius-lg) !important;\n background: #ffffff !important;\n cursor: pointer !important;\n text-decoration: none !important;\n transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05) !important;\n touch-action: manipulation !important;\n max-width: 360px !important;\n width: 100% !important;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .mh_agent-card:hover {\n border-color: var(--champagne-gold) !important;\n box-shadow: 0 4px 20px rgba(212, 175, 55, 0.1) !important;\n transform: translateY(-2px) !important;\n }\n}\n\n.mh_agent-card-title {\n font-family: 'Lora', serif !important;\n font-size: 14px !important;\n font-weight: 600 !important;\n color: var(--forest-green) !important;\n margin: 0 0 4px 0 !important;\n line-height: 1.4 !important;\n}\n\n.mh_agent-card-sub {\n font-family: 'Lato', sans-serif !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n color: var(--neutral-400) !important;\n margin: 0 !important;\n line-height: 1.5 !important;\n}\n\n\/* ========================================\n AGENT MODAL\n======================================== *\/\n.mh_agent_modal {\n position: fixed !important;\n inset: 0 !important;\n z-index: 99999 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 24px !important;\n opacity: 0 !important;\n visibility: hidden !important;\n pointer-events: none !important;\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\n -webkit-overflow-scrolling: touch !important;\n}\n\n.mh_agent_modal.mh_agent_modal--open {\n opacity: 1 !important;\n visibility: visible !important;\n pointer-events: auto !important;\n}\n\n.mh_agent_modal__backdrop {\n position: absolute !important;\n inset: 0 !important;\n background: rgba(26, 77, 46, 0.85) !important;\n backdrop-filter: blur(8px) !important;\n -webkit-backdrop-filter: blur(8px) !important;\n}\n\n.mh_agent_modal__content {\n position: relative !important;\n z-index: 2 !important;\n width: 100% !important;\n max-width: 680px !important;\n max-height: 90vh !important;\n overflow-y: auto !important;\n -webkit-overflow-scrolling: touch !important;\n background: #ffffff !important;\n border-radius: 20px !important;\n padding: 48px 56px !important;\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3) !important;\n opacity: 0 !important;\n transform: translateY(20px) scale(0.98) !important;\n transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s !important;\n}\n\n.mh_agent_modal--open .mh_agent_modal__content {\n opacity: 1 !important;\n transform: translateY(0) scale(1) !important;\n}\n\n.mh_agent_modal__close {\n position: absolute !important;\n top: 16px !important;\n right: 16px !important;\n width: 40px !important;\n height: 40px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: var(--caucasus-stone) !important;\n border: none !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: background 0.3s ease, transform 0.3s ease !important;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .mh_agent_modal__close:hover {\n background: var(--neutral-200) !important;\n transform: rotate(90deg) !important;\n }\n}\n\n.mh_agent_modal__close svg {\n width: 18px !important;\n height: 18px !important;\n fill: var(--warm-slate) !important;\n}\n\n\/* \u2500\u2500 WPForms \/ HubSpot inside agent modal \u2500\u2500 *\/\n.mh_agent_modal .wpforms-container,\n.mh_agent_modal .wpforms-form {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.mh_agent_modal .wpforms-field {\n margin-bottom: 22px !important;\n padding: 0 !important;\n}\n\n.mh_agent_modal .wpforms-field-label {\n font-family: 'Lato', sans-serif !important;\n font-size: 11px !important;\n font-weight: 700 !important;\n letter-spacing: 1.2px !important;\n text-transform: uppercase !important;\n color: var(--warm-slate) !important;\n margin-bottom: 10px !important;\n display: block !important;\n}\n\n.mh_agent_modal .wpforms-field-required,\n.mh_agent_modal .wpforms-required-label {\n color: var(--champagne-gold) !important;\n}\n\n.mh_agent_modal .wpforms-field input[type=\"text\"],\n.mh_agent_modal .wpforms-field input[type=\"email\"],\n.mh_agent_modal .wpforms-field input[type=\"tel\"],\n.mh_agent_modal .wpforms-field select,\n.mh_agent_modal .wpforms-field textarea {\n width: 100% !important;\n padding: 14px 18px !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n color: var(--sea-navy) !important;\n background-color: var(--neutral-50) !important;\n border: 1.5px solid var(--neutral-200) !important;\n border-radius: var(--radius-md) !important;\n outline: none !important;\n transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .mh_agent_modal .wpforms-field input:hover,\n .mh_agent_modal .wpforms-field select:hover,\n .mh_agent_modal .wpforms-field textarea:hover {\n border-color: var(--neutral-300) !important;\n }\n}\n\n.mh_agent_modal .wpforms-field input:focus,\n.mh_agent_modal .wpforms-field select:focus,\n.mh_agent_modal .wpforms-field textarea:focus {\n background-color: #ffffff !important;\n border-color: var(--champagne-gold) !important;\n box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.08) !important;\n}\n\n.mh_agent_modal .wpforms-field textarea {\n min-height: 100px !important;\n resize: vertical !important;\n}\n\n.mh_agent_modal .wpforms-field select {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231A4D2E' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\n background-repeat: no-repeat !important;\n background-position: right 16px center !important;\n padding-right: 44px !important;\n}\n\n\/* Phone in modal *\/\n.mh_agent_modal .wpforms-field-phone .iti {\n width: 100% !important;\n}\n\n.mh_agent_modal .wpforms-field-phone .iti__flag-container {\n padding: 0 !important;\n}\n\n.mh_agent_modal .wpforms-field-phone .iti__selected-flag {\n padding: 0 12px 0 16px !important;\n background: transparent !important;\n}\n\n.mh_agent_modal .wpforms-field-phone input[type=\"tel\"] {\n padding-left: 85px !important;\n}\n\n.mh_agent_modal .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\n padding-left: 100px !important;\n}\n\n.mh_agent_modal .wpforms-field-phone .iti__country-list {\n max-width: 320px !important;\n border-radius: var(--radius-md) !important;\n border: 1px solid var(--neutral-200) !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\n}\n\n.mh_agent_modal .wpforms-field-phone .iti__country {\n padding: 10px 16px !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 14px !important;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .mh_agent_modal .wpforms-field-phone .iti__country:hover {\n background-color: var(--neutral-50) !important;\n }\n}\n\n\/* GDPR in modal *\/\n.mh_agent_modal .wpforms-field-gdpr-checkbox label,\n.mh_agent_modal .wpforms-field-checkbox label {\n font-family: 'Lato', sans-serif !important;\n font-size: 13px !important;\n line-height: 1.6 !important;\n color: var(--neutral-400) !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 10px !important;\n cursor: pointer !important;\n}\n\n.mh_agent_modal .wpforms-field-gdpr-checkbox label a,\n.mh_agent_modal .wpforms-field-checkbox label a {\n color: var(--champagne-gold) !important;\n text-decoration: none !important;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .mh_agent_modal .wpforms-field-gdpr-checkbox label a:hover,\n .mh_agent_modal .wpforms-field-checkbox label a:hover {\n text-decoration: underline !important;\n }\n}\n\n.mh_agent_modal .wpforms-field-checkbox input,\n.mh_agent_modal .wpforms-field-gdpr-checkbox input {\n width: 18px !important;\n height: 18px !important;\n margin-top: 2px !important;\n accent-color: var(--champagne-gold) !important;\n}\n\n\/* Submit in modal *\/\n.mh_agent_modal .wpforms-submit-container {\n position: relative !important;\n margin-top: 28px !important;\n padding: 0 !important;\n}\n\n.mh_agent_modal .wpforms-submit {\n position: relative !important;\n z-index: 1 !important;\n width: 100% !important;\n padding: 18px 28px !important;\n font-family: 'Lato', sans-serif !important;\n font-size: 13px !important;\n font-weight: 700 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n color: #ffffff !important;\n background: var(--forest-green) !important;\n border: none !important;\n border-radius: var(--radius-md) !important;\n cursor: pointer !important;\n overflow: hidden !important;\n transition: all 0.3s var(--ease-smooth) !important;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .mh_agent_modal .wpforms-submit:hover {\n background: var(--champagne-gold) !important;\n color: var(--forest-green) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(212, 175, 55, 0.25) !important;\n }\n}\n\n.mh_agent_modal .wpforms-submit:active {\n transform: translateY(0) !important;\n}\n\n\/* Validation in modal *\/\n.mh_agent_modal .wpforms-field.wpforms-has-error input,\n.mh_agent_modal .wpforms-field.wpforms-has-error select,\n.mh_agent_modal .wpforms-field.wpforms-has-error textarea {\n border-color: #FC8181 !important;\n}\n\n.mh_agent_modal .wpforms-error {\n font-family: 'Lato', sans-serif !important;\n font-size: 12px !important;\n color: #C53030 !important;\n margin-top: 8px !important;\n}\n\n\/* Confirmation in modal *\/\n.mh_agent_modal .wpforms-confirmation-container-full {\n padding: 32px !important;\n background-color: #F0FDF4 !important;\n border-radius: var(--radius-lg) !important;\n text-align: center !important;\n}\n\n.mh_agent_modal .wpforms-confirmation-container-full p {\n font-family: 'Lato', sans-serif !important;\n font-size: 16px !important;\n font-weight: 400 !important;\n line-height: 1.7 !important;\n color: #166534 !important;\n margin: 0 !important;\n}\n\n\/* ========================================\n RESPONSIVE - LAPTOP (max-width: 1280px)\n======================================== *\/\n@media (max-width: 1280px) {\n .mardihills-cta-section {\n padding: 100px 64px !important;\n }\n \n .mardihills-cta-label {\n margin-bottom: 20px !important;\n }\n \n .mardihills-cta-title {\n margin-bottom: 20px !important;\n }\n \n .mardihills-cta-divider {\n margin-bottom: 44px !important;\n }\n \n .mardihills-cta-section .wpforms-submit-container {\n margin-top: 36px !important;\n }\n \n .mh_agent-trigger {\n margin-top: 44px !important;\n padding-top: 36px !important;\n }\n}\n\n\/* ========================================\n RESPONSIVE - TABLET (max-width: 1024px)\n======================================== *\/\n@media (max-width: 1024px) {\n .mardihills-cta-section {\n padding: 88px 48px !important;\n }\n \n .mardihills-cta-label {\n font-size: 10px !important;\n letter-spacing: 3.5px !important;\n margin-bottom: 20px !important;\n }\n \n .mardihills-cta-title {\n letter-spacing: -1px !important;\n margin-bottom: 20px !important;\n }\n \n .mardihills-cta-subtitle {\n line-height: 1.7 !important;\n }\n \n .mardihills-cta-divider {\n margin-bottom: 40px !important;\n }\n \n .mardihills-cta-section .wpforms-field input[type=\"text\"],\n .mardihills-cta-section .wpforms-field input[type=\"email\"],\n .mardihills-cta-section .wpforms-field input[type=\"tel\"],\n .mardihills-cta-section .wpforms-field input[type=\"url\"],\n .mardihills-cta-section .wpforms-field input[type=\"number\"],\n .mardihills-cta-section .wpforms-field input[type=\"date\"],\n .mardihills-cta-section .wpforms-field select,\n .mardihills-cta-section .wpforms-field textarea,\n .mardihills-cta-section #wpforms-612 input[type=\"text\"],\n .mardihills-cta-section #wpforms-612 input[type=\"email\"],\n .mardihills-cta-section #wpforms-612 input[type=\"tel\"],\n .mardihills-cta-section #wpforms-612 select,\n .mardihills-cta-section #wpforms-612 textarea {\n font-size: 14px !important;\n min-height: 52px !important;\n padding: 15px 18px !important;\n }\n \n .mardihills-cta-section .wpforms-form button[type=\"submit\"],\n .mardihills-cta-section .wpforms-form input[type=\"submit\"],\n .mardihills-cta-section .wpforms-submit,\n .mardihills-cta-section .wpforms-submit-container button,\n .mardihills-cta-section div.wpforms-container-full .wpforms-form button[type=submit],\n .mardihills-cta-section div.wpforms-container-full .wpforms-form input[type=submit],\n .mardihills-cta-section #wpforms-612 button[type=\"submit\"],\n .mardihills-cta-section #wpforms-612 input[type=\"submit\"] {\n min-width: 260px !important;\n padding: 18px 44px !important;\n }\n \n .mardihills-cta-section .wpforms-submit-container {\n margin-top: 32px !important;\n }\n \n .mh_agent-trigger {\n margin-top: 40px !important;\n padding-top: 32px !important;\n }\n}\n\n\/* ========================================\n RESPONSIVE - MOBILE (max-width: 768px)\n======================================== *\/\n@media (max-width: 768px) {\n .mardihills-cta-section {\n padding: 64px 24px !important;\n }\n \n .mardihills-cta-label {\n font-size: 10px !important;\n letter-spacing: 3px !important;\n margin-bottom: 16px !important;\n }\n \n .mardihills-cta-title {\n letter-spacing: -0.5px !important;\n margin-bottom: 16px !important;\n }\n \n .mardihills-cta-subtitle {\n font-size: 0.9375rem !important;\n line-height: 1.65 !important;\n }\n \n .mardihills-cta-divider {\n margin-bottom: 36px !important;\n }\n \n .mardihills-cta-section .wpforms-field,\n .mardihills-cta-section #wpforms-612 .wpforms-field {\n margin-bottom: 24px !important;\n }\n \n .mardihills-cta-section .wpforms-field input[type=\"text\"],\n .mardihills-cta-section .wpforms-field input[type=\"email\"],\n .mardihills-cta-section .wpforms-field input[type=\"tel\"],\n .mardihills-cta-section .wpforms-field input[type=\"url\"],\n .mardihills-cta-section .wpforms-field input[type=\"number\"],\n .mardihills-cta-section .wpforms-field input[type=\"date\"],\n .mardihills-cta-section .wpforms-field select,\n .mardihills-cta-section .wpforms-field textarea,\n .mardihills-cta-section #wpforms-612 input[type=\"text\"],\n .mardihills-cta-section #wpforms-612 input[type=\"email\"],\n .mardihills-cta-section #wpforms-612 input[type=\"tel\"],\n .mardihills-cta-section #wpforms-612 select,\n .mardihills-cta-section #wpforms-612 textarea {\n font-size: 14px !important;\n min-height: 50px !important;\n padding: 14px 16px !important;\n }\n \n .mardihills-cta-section .wpforms-field-label,\n .mardihills-cta-section #wpforms-612 .wpforms-field-label {\n font-size: 11px !important;\n margin-bottom: 10px !important;\n }\n \n .mardihills-cta-section .wpforms-field select,\n .mardihills-cta-section #wpforms-612 select {\n min-height: 50px !important;\n padding-left: 16px !important;\n }\n \n .mardihills-cta-section .wpforms-form button[type=\"submit\"],\n .mardihills-cta-section .wpforms-form input[type=\"submit\"],\n .mardihills-cta-section .wpforms-submit,\n .mardihills-cta-section .wpforms-submit-container button,\n .mardihills-cta-section div.wpforms-container-full .wpforms-form button[type=submit],\n .mardihills-cta-section div.wpforms-container-full .wpforms-form input[type=submit],\n .mardihills-cta-section #wpforms-612 button[type=\"submit\"],\n .mardihills-cta-section #wpforms-612 input[type=\"submit\"] {\n width: 100% !important;\n min-width: auto !important;\n padding: 18px 32px !important;\n font-size: 13px !important;\n }\n \n .mardihills-cta-section .wpforms-submit-container {\n margin-top: 28px !important;\n }\n \n .mardihills-cta-section .wpforms-confirmation-container,\n .mardihills-cta-section #wpforms-612 .wpforms-confirmation-container {\n padding: 24px !important;\n }\n \n .mardihills-cta-section .wpforms-confirmation-container p {\n font-size: 14px !important;\n }\n \n .mardihills-cta-section .wpforms-field-gdpr-checkbox,\n .mardihills-cta-section #wpforms-612 .wpforms-field-gdpr-checkbox {\n padding: 16px !important;\n }\n\n .mh_agent-trigger {\n margin-top: 36px !important;\n padding-top: 32px !important;\n }\n \n .mh_agent-card {\n padding: 14px 20px !important;\n max-width: 100% !important;\n }\n \n \/* Modal mobile *\/\n .mh_agent_modal {\n padding: 16px !important;\n }\n \n .mh_agent_modal__content {\n padding: 36px 20px !important;\n border-radius: 16px !important;\n max-height: 92vh !important;\n }\n \n .mh_agent_modal .wpforms-field {\n margin-bottom: 18px !important;\n }\n \n .mh_agent_modal .wpforms-field input[type=\"text\"],\n .mh_agent_modal .wpforms-field input[type=\"email\"],\n .mh_agent_modal .wpforms-field input[type=\"tel\"],\n .mh_agent_modal .wpforms-field select,\n .mh_agent_modal .wpforms-field textarea {\n padding: 12px 14px !important;\n font-size: 14px !important;\n }\n \n .mh_agent_modal .wpforms-submit {\n padding: 16px 24px !important;\n }\n \n .mh_agent_modal .wpforms-confirmation-container-full {\n padding: 24px !important;\n }\n \n .mh_agent_modal .wpforms-confirmation-container-full p {\n font-size: 14px !important;\n }\n}\n\n\/* ========================================\n RESPONSIVE - SMALL MOBILE (max-width: 480px)\n======================================== *\/\n@media (max-width: 480px) {\n .mardihills-cta-section {\n padding: 56px 20px !important;\n }\n \n .mardihills-cta-label {\n font-size: 9px !important;\n letter-spacing: 2.5px !important;\n margin-bottom: 14px !important;\n }\n \n .mardihills-cta-title {\n font-size: 1.625rem !important;\n margin-bottom: 12px !important;\n }\n \n .mardihills-cta-subtitle {\n font-size: 0.875rem !important;\n line-height: 1.6 !important;\n }\n \n .mardihills-cta-divider {\n width: 40px !important;\n margin-bottom: 32px !important;\n }\n \n .mardihills-cta-section .wpforms-field,\n .mardihills-cta-section #wpforms-612 .wpforms-field {\n margin-bottom: 20px !important;\n }\n \n .mardihills-cta-section .wpforms-field input[type=\"text\"],\n .mardihills-cta-section .wpforms-field input[type=\"email\"],\n .mardihills-cta-section .wpforms-field input[type=\"tel\"],\n .mardihills-cta-section .wpforms-field input[type=\"url\"],\n .mardihills-cta-section .wpforms-field input[type=\"number\"],\n .mardihills-cta-section .wpforms-field input[type=\"date\"],\n .mardihills-cta-section .wpforms-field select,\n .mardihills-cta-section .wpforms-field textarea,\n .mardihills-cta-section #wpforms-612 input[type=\"text\"],\n .mardihills-cta-section #wpforms-612 input[type=\"email\"],\n .mardihills-cta-section #wpforms-612 input[type=\"tel\"],\n .mardihills-cta-section #wpforms-612 select,\n .mardihills-cta-section #wpforms-612 textarea {\n font-size: 14px !important;\n min-height: 48px !important;\n padding: 12px 14px !important;\n border-radius: 8px !important;\n }\n \n .mardihills-cta-section .wpforms-field textarea,\n .mardihills-cta-section #wpforms-612 textarea {\n min-height: 110px !important;\n }\n \n .mardihills-cta-section .wpforms-field-label,\n .mardihills-cta-section #wpforms-612 .wpforms-field-label {\n font-size: 10px !important;\n letter-spacing: 1px !important;\n margin-bottom: 8px !important;\n }\n \n .mardihills-cta-section .wpforms-field select,\n .mardihills-cta-section #wpforms-612 select {\n min-height: 48px !important;\n padding-left: 14px !important;\n background-position: right 14px center !important;\n }\n \n .mardihills-cta-section .wpforms-form button[type=\"submit\"],\n .mardihills-cta-section .wpforms-form input[type=\"submit\"],\n .mardihills-cta-section .wpforms-submit,\n .mardihills-cta-section .wpforms-submit-container button,\n .mardihills-cta-section div.wpforms-container-full .wpforms-form button[type=submit],\n .mardihills-cta-section div.wpforms-container-full .wpforms-form input[type=submit],\n .mardihills-cta-section #wpforms-612 button[type=\"submit\"],\n .mardihills-cta-section #wpforms-612 input[type=\"submit\"] {\n padding: 16px 24px !important;\n font-size: 12px !important;\n letter-spacing: 1.5px !important;\n border-radius: 40px !important;\n }\n \n .mardihills-cta-section .wpforms-submit-container {\n margin-top: 24px !important;\n }\n \n .mardihills-cta-section .wpforms-field-gdpr-checkbox,\n .mardihills-cta-section #wpforms-612 .wpforms-field-gdpr-checkbox {\n padding: 14px !important;\n border-radius: 8px !important;\n }\n \n .mardihills-cta-section .wpforms-field-gdpr-checkbox label {\n font-size: 12px !important;\n }\n \n .mardihills-cta-section .wpforms-page-button,\n .mardihills-cta-section #wpforms-612 .wpforms-page-button {\n padding: 12px 24px !important;\n font-size: 12px !important;\n }\n\n .mh_agent-trigger {\n margin-top: 32px !important;\n padding-top: 28px !important;\n }\n \n .mh_agent-card {\n padding: 12px 16px !important;\n border-radius: 10px !important;\n }\n \n .mh_agent-card-title {\n font-size: 13px !important;\n }\n \n .mh_agent-card-sub {\n font-size: 11px !important;\n }\n \n \/* Modal small mobile *\/\n .mh_agent_modal {\n padding: 12px !important;\n }\n \n .mh_agent_modal__content {\n padding: 32px 16px !important;\n border-radius: 14px !important;\n max-height: 94vh !important;\n }\n \n .mh_agent_modal__close {\n width: 36px !important;\n height: 36px !important;\n top: 12px !important;\n right: 12px !important;\n }\n \n .mh_agent_modal__close svg {\n width: 16px !important;\n height: 16px !important;\n }\n \n .mh_agent_modal .wpforms-field {\n margin-bottom: 16px !important;\n }\n \n .mh_agent_modal .wpforms-field-label {\n font-size: 10px !important;\n margin-bottom: 8px !important;\n }\n \n .mh_agent_modal .wpforms-field input[type=\"text\"],\n .mh_agent_modal .wpforms-field input[type=\"email\"],\n .mh_agent_modal .wpforms-field input[type=\"tel\"],\n .mh_agent_modal .wpforms-field select,\n .mh_agent_modal .wpforms-field textarea {\n padding: 11px 12px !important;\n font-size: 14px !important;\n border-radius: 8px !important;\n }\n \n .mh_agent_modal .wpforms-field textarea {\n min-height: 80px !important;\n }\n \n .mh_agent_modal .wpforms-submit-container {\n margin-top: 20px !important;\n }\n \n .mh_agent_modal .wpforms-submit {\n padding: 14px 20px !important;\n font-size: 12px !important;\n border-radius: 8px !important;\n }\n \n .mh_agent_modal .wpforms-field-gdpr-checkbox label,\n .mh_agent_modal .wpforms-field-checkbox label {\n font-size: 12px !important;\n gap: 8px !important;\n }\n \n .mh_agent_modal .wpforms-field-checkbox input,\n .mh_agent_modal .wpforms-field-gdpr-checkbox input {\n width: 16px !important;\n height: 16px !important;\n }\n}\n\n\/* ========================================\n WPFORMS - OVERRIDE DEFAULT SPACING\n======================================== *\/\n.mardihills-cta-section .wpforms-container .wpforms-field {\n padding: 0 !important;\n}\n\n.mardihills-cta-section .wpforms-container .wpforms-field-container {\n padding: 0 !important;\n}\n\n.mardihills-cta-section .wpforms-form .wpforms-field-label {\n margin: 0 0 12px 0 !important;\n}\n\n.mardihills-cta-section .wpforms-form input,\n.mardihills-cta-section .wpforms-form textarea,\n.mardihills-cta-section .wpforms-form select {\n margin: 0 !important;\n}\n<\/style>\n<!-- \u2550\u2550\u2550 CTA SECTION \u2550\u2550\u2550 -->\n<section class=\"mardihills-cta-section\">\n<div class=\"mardihills-cta-container\">\n<!-- Header -->\n<div class=\"mardihills-cta-label\">\u72ec\u5bb6\u6295\u8d44\u8d44\u8baf<\/div>\n<h2 class=\"mardihills-cta-title\">\n<span class=\"highlight\">\u53d1\u73b0<\/span>\u60a8\u7684\u7cbe\u54c1\u5e97<br\/>\u6295\u8d44\u673a\u4f1a<\/h2>\n<p class=\"mardihills-cta-subtitle\">\u8bbf\u95ee\u8be6\u7ec6\u7684\u5e73\u9762\u56fe\u3001\u96c5\u9ad8 60\/40 \u6a21\u578b\u4e0b\u7684\u9884\u8ba1\u56de\u62a5\u3001\u4ed8\u6b3e\u65f6\u95f4\u8868\u548c\u72ec\u5bb6\u624b\u5199\u6536\u85cf\u6750\u6599\u3002\u586b\u5199\u4e0b\u9762\u7684\u8868\u683c\u5e76\u83b7\u5f97\u6839\u636e\u60a8\u7684\u4e2a\u4eba\u8d44\u6599\u91cf\u8eab\u5b9a\u5236\u7684\u4e2a\u6027\u5316\u6295\u8d44\u5957\u9910\u3002<\/p>\n<span class=\"mardihills-cta-divider\"><\/span>\n<!-- WPForms Shortcode -->\n<div class=\"mardihills-cta-form\">\n<style id=\"wpforms-css-vars-1443\">\n\t\t\t\t#wpforms-1443 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-1443\"><form id=\"wpforms-form-1443\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"1443\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/zh-hans\/wp-json\/wp\/v2\/pages\/1412\" data-token=\"5237bfa35a0130e76f9bf7a88b4cf158\" data-token-time=\"1778588535\"><noscript class=\"wpforms-error-noscript\">\u8bf7\u5728\u6d4f\u89c8\u5668\u4e2d\u542f\u7528JavaScript\u6765\u5b8c\u6210\u6b64\u8868\u5355\u3002<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">\u8bf7\u5728\u6d4f\u89c8\u5668\u4e2d\u542f\u7528JavaScript\u6765\u5b8c\u6210\u6b64\u8868\u5355\u3002<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-1443-field_21-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"21\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_25-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"25\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_25\" aria-hidden=\"false\">LMP Inversor internacional<\/label><input type=\"text\" id=\"wpforms-1443-field_25\" class=\"wpforms-field-medium\" name=\"wpforms[fields][25]\" value=\"87e49d8b-3e12-467c-8b37-4365402dbf69\" aria-errormessage=\"wpforms-1443-field_25-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_44-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"44\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_44\" aria-hidden=\"false\">LMP Comprador de status (branded residences)<\/label><input type=\"text\" id=\"wpforms-1443-field_44\" class=\"wpforms-field-medium\" name=\"wpforms[fields][44]\" value=\"1216bd15-5cd7-437c-8b8a-8f1f07e58c68\" aria-errormessage=\"wpforms-1443-field_44-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_45-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"45\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_45\" aria-hidden=\"false\">LMP Inversor patrimonial o profesional<\/label><input type=\"text\" id=\"wpforms-1443-field_45\" class=\"wpforms-field-medium\" name=\"wpforms[fields][45]\" value=\"f0b208a9-02e5-4f67-aeb4-7b2de9431788\" aria-errormessage=\"wpforms-1443-field_45-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_46-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"46\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_46\" aria-hidden=\"false\">LMP Nomada digital \/ remote-first<\/label><input type=\"text\" id=\"wpforms-1443-field_46\" class=\"wpforms-field-medium\" name=\"wpforms[fields][46]\" value=\"c0095bb4-dc0f-412e-90a9-a366a77685fd\" aria-errormessage=\"wpforms-1443-field_46-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1443-field_37-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"37\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_39-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"39\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_39\" aria-hidden=\"false\">DISC Rojo<\/label><input type=\"text\" id=\"wpforms-1443-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"D\" aria-errormessage=\"wpforms-1443-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_40-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"40\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_40\" aria-hidden=\"false\">DISC Amarillo<\/label><input type=\"text\" id=\"wpforms-1443-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"I\" aria-errormessage=\"wpforms-1443-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_41-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"41\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_41\" aria-hidden=\"false\">DISC Verde<\/label><input type=\"text\" id=\"wpforms-1443-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"S\" aria-errormessage=\"wpforms-1443-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_42-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"42\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_42\" aria-hidden=\"false\">DISC Azul<\/label><input type=\"text\" id=\"wpforms-1443-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"C\" aria-errormessage=\"wpforms-1443-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1443-field_47-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"47\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_48-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"48\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_48\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-1443-field_48\" class=\"wpforms-field-medium\" name=\"wpforms[fields][48]\" aria-errormessage=\"wpforms-1443-field_48-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_49-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"49\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_49\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-1443-field_49\" class=\"wpforms-field-medium\" name=\"wpforms[fields][49]\" aria-errormessage=\"wpforms-1443-field_49-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_50-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"50\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_50\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-1443-field_50\" class=\"wpforms-field-medium\" name=\"wpforms[fields][50]\" aria-errormessage=\"wpforms-1443-field_50-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_51-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"51\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_51\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-1443-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" aria-errormessage=\"wpforms-1443-field_51-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_53-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"53\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_53\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-1443-field_53\" class=\"wpforms-field-medium\" name=\"wpforms[fields][53]\" value=\"Engage\" aria-errormessage=\"wpforms-1443-field_53-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1443-field_52-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"52\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_52\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-1443-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" aria-errormessage=\"wpforms-1443-field_52-error\" ><\/div><\/div><\/div><\/div><\/div>\t\t<div id=\"wpforms-1443-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-1443-field_1\" >\u8bed\u8a00 Stage utm_campaign<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-1443-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-1443-field_43-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-classic\" data-field-id=\"43\"><label class=\"wpforms-field-label\" for=\"wpforms-1443-field_43\">\u60a8\u901a\u5e38\u5982\u4f55\u5904\u7406\u91cd\u8981\u7684\u51b3\u5b9a\uff1f <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1443-field_43\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][43]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>- \u8bf7\u9009\u62e9\u4e00\u4e2a\u9009\u9879 -<\/option><option value=\"\u5f53\u6211\u770b\u5230\u5408\u9002\u7684\u673a\u4f1a\u65f6\uff0c\u6211\u4f1a\u8fc5\u901f\u800c\u679c\u65ad\u5730\u884c\u52a8\" class=\"choice-1 depth-1\" >\u5f53\u6211\u770b\u5230\u5408\u9002\u7684\u673a\u4f1a\u65f6\uff0c\u6211\u4f1a\u8fc5\u901f\u800c\u679c\u65ad\u5730\u884c\u52a8<\/option><option value=\"\u6211\u91cd\u89c6\u751f\u6d3b\u65b9\u5f0f\u7684\u76ca\u5904\uff0c\u5e76\u5bfb\u6c42\u503c\u5f97\u4fe1\u8d56\u7684\u5efa\u8bae\" class=\"choice-2 depth-1\" >\u6211\u91cd\u89c6\u751f\u6d3b\u65b9\u5f0f\u7684\u76ca\u5904\uff0c\u5e76\u5bfb\u6c42\u503c\u5f97\u4fe1\u8d56\u7684\u5efa\u8bae<\/option><option value=\"\u6211\u66f4\u559c\u6b22\u5177\u6709\u826f\u597d\u4e1a\u7ee9\u8bb0\u5f55\u7684\u7a33\u5b9a\u3001\u957f\u671f\u6295\u8d44\" class=\"choice-3 depth-1\" >\u6211\u66f4\u559c\u6b22\u5177\u6709\u826f\u597d\u4e1a\u7ee9\u8bb0\u5f55\u7684\u7a33\u5b9a\u3001\u957f\u671f\u6295\u8d44<\/option><option value=\"\u6211\u4f1a\u8fdb\u884c\u5f7b\u5e95\u5206\u6790\uff0c\u5e76\u5728\u51b3\u5b9a\u524d\u9700\u8981\u5168\u9762\u7684\u6570\u636e\" class=\"choice-6 depth-1\" >\u6211\u4f1a\u8fdb\u884c\u5f7b\u5e95\u5206\u6790\uff0c\u5e76\u5728\u51b3\u5b9a\u524d\u9700\u8981\u5168\u9762\u7684\u6570\u636e<\/option><\/select><\/div><div id=\"wpforms-1443-field_5-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"5\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1443-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-1443-field_6\">\u60a8\u7684\u540d\u5b57 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1443-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-1443-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1443-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-1443-field_8\">\u59d3\u6c0f <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1443-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-1443-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1443-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-1443-field_9\">\u7535\u8bdd <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-1443-field_9\" class=\"wpforms-field-medium wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][9]\" aria-label=\"\u7535\u8bdd\" aria-errormessage=\"wpforms-1443-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1443-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-1443-field_15\">\u7535\u5b50\u90ae\u4ef6 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1443-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-1443-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1443-field_54-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"54\"><label class=\"wpforms-field-label\" for=\"wpforms-1443-field_54\">\u8bf7\u544a\u8bc9\u6211\u4eec\u60a8\u7684\u5e74\u9f84 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1443-field_54\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][54]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- \u9009\u62e9\u8303\u56f4 ---<\/option><option value=\"35\u5c81\u4ee5\u4e0b\" class=\"choice-7 depth-1\" >35\u5c81\u4ee5\u4e0b<\/option><option value=\"35\u81f345\u5c81\u4e4b\u95f4\" class=\"choice-10 depth-1\" >35\u81f345\u5c81\u4e4b\u95f4<\/option><option value=\"45\u81f360\u5c81\u4e4b\u95f4\" class=\"choice-9 depth-1\" >45\u81f360\u5c81\u4e4b\u95f4<\/option><option value=\"60\u5c81\u4ee5\u4e0a\" class=\"choice-8 depth-1\" >60\u5c81\u4ee5\u4e0a<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1443-field_36-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"36\"><label class=\"wpforms-field-label\" for=\"wpforms-1443-field_36\">\u56fd\u5bb6 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1443-field_36\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][36]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- \u9009\u62e9\u56fd\u5bb6 ---<\/option><option value=\"\u963f\u5bcc\u6c57\" class=\"choice-8 depth-1\" >\u963f\u5bcc\u6c57<\/option><option value=\"\u963f\u5c14\u5df4\u5c3c\u4e9a\" class=\"choice-9 depth-1\" >\u963f\u5c14\u5df4\u5c3c\u4e9a<\/option><option value=\"\u963f\u5c14\u30b8\u30a7\u5229\u4e9a\" class=\"choice-10 depth-1\" >\u963f\u5c14\u30b8\u30a7\u5229\u4e9a<\/option><option value=\"\u5b89\u9053\u5c14\" class=\"choice-11 depth-1\" >\u5b89\u9053\u5c14<\/option><option value=\"\u5b89\u54e5\u62c9\" class=\"choice-12 depth-1\" >\u5b89\u54e5\u62c9<\/option><option value=\"\u5b89\u63d0\u74dc\u548c\u5df4\u5e03\u8fbe\" class=\"choice-13 depth-1\" >\u5b89\u63d0\u74dc\u548c\u5df4\u5e03\u8fbe<\/option><option value=\"\u963f\u6839\u5ef7\" class=\"choice-14 depth-1\" >\u963f\u6839\u5ef7<\/option><option value=\"\u4e9a\u7f8e\u5c3c\u4e9a\" class=\"choice-15 depth-1\" >\u4e9a\u7f8e\u5c3c\u4e9a<\/option><option value=\"\u6fb3\u5927\u5229\u4e9a\" class=\"choice-16 depth-1\" >\u6fb3\u5927\u5229\u4e9a<\/option><option value=\"\u5965\u5730\u5229\" class=\"choice-17 depth-1\" >\u5965\u5730\u5229<\/option><option value=\"\u963f\u585e\u62dc\u7586\" class=\"choice-18 depth-1\" >\u963f\u585e\u62dc\u7586<\/option><option value=\"\u5df4\u54c8\u9a6c\" class=\"choice-19 depth-1\" >\u5df4\u54c8\u9a6c<\/option><option value=\"\u5df4\u6797\" class=\"choice-20 depth-1\" >\u5df4\u6797<\/option><option value=\"\u5b5f\u52a0\u62c9\u56fd\" class=\"choice-21 depth-1\" >\u5b5f\u52a0\u62c9\u56fd<\/option><option value=\"\u5df4\u5df4\u591a\u65af\" class=\"choice-22 depth-1\" >\u5df4\u5df4\u591a\u65af<\/option><option value=\"\u767d\u4fc4\u7f57\u65af\" class=\"choice-23 depth-1\" >\u767d\u4fc4\u7f57\u65af<\/option><option value=\"\u6bd4\u5229\u65f6\" class=\"choice-24 depth-1\" >\u6bd4\u5229\u65f6<\/option><option value=\"Belize\" class=\"choice-25 depth-1\" >Belize<\/option><option value=\"Benin\" class=\"choice-26 depth-1\" >Benin<\/option><option value=\"Bhutan\" class=\"choice-27 depth-1\" >Bhutan<\/option><option value=\"Bolivia\" class=\"choice-28 depth-1\" >Bolivia<\/option><option value=\"Bosnia and Herzegovina\" class=\"choice-29 depth-1\" >Bosnia and Herzegovina<\/option><option value=\"Botswana\" class=\"choice-30 depth-1\" >Botswana<\/option><option value=\"Brazil\" class=\"choice-31 depth-1\" >Brazil<\/option><option value=\"Brunei\" class=\"choice-32 depth-1\" >Brunei<\/option><option value=\"Bulgaria\" class=\"choice-33 depth-1\" >Bulgaria<\/option><option value=\"Burkina Faso\" class=\"choice-34 depth-1\" >Burkina Faso<\/option><option value=\"Burundi\" class=\"choice-35 depth-1\" >Burundi<\/option><option value=\"Cabo Verde\" class=\"choice-36 depth-1\" >Cabo Verde<\/option><option value=\"Cambodia\" class=\"choice-37 depth-1\" >Cambodia<\/option><option value=\"Cameroon\" class=\"choice-38 depth-1\" >Cameroon<\/option><option value=\"Canada\" class=\"choice-39 depth-1\" >Canada<\/option><option value=\"Central African Republic\" class=\"choice-40 depth-1\" >Central African Republic<\/option><option value=\"Chad\" class=\"choice-41 depth-1\" >Chad<\/option><option value=\"Chile\" class=\"choice-42 depth-1\" >Chile<\/option><option value=\"\u4e2d\u56fd\" class=\"choice-43 depth-1\" >\u4e2d\u56fd<\/option><option value=\"Colombia\" class=\"choice-44 depth-1\" >Colombia<\/option><option value=\"Comoros\" class=\"choice-45 depth-1\" >Comoros<\/option><option value=\"Congo\" class=\"choice-46 depth-1\" >Congo<\/option><option value=\"Costa Rica\" class=\"choice-47 depth-1\" >Costa Rica<\/option><option value=\"Croatia\" class=\"choice-48 depth-1\" >Croatia<\/option><option value=\"Cuba\" class=\"choice-49 depth-1\" >Cuba<\/option><option value=\"Cyprus\" class=\"choice-50 depth-1\" >Cyprus<\/option><option value=\"Czech Republic\" class=\"choice-51 depth-1\" >Czech Republic<\/option><option value=\"Democratic Republic of the Congo\" class=\"choice-52 depth-1\" >Democratic Republic of the Congo<\/option><option value=\"Denmark\" class=\"choice-53 depth-1\" >Denmark<\/option><option value=\"Djibouti\" class=\"choice-54 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-55 depth-1\" >Dominica<\/option><option value=\"Dominican Republic\" class=\"choice-56 depth-1\" >Dominican Republic<\/option><option value=\"Ecuador\" class=\"choice-57 depth-1\" >Ecuador<\/option><option value=\"Egypt\" class=\"choice-58 depth-1\" >Egypt<\/option><option value=\"El Salvador\" class=\"choice-59 depth-1\" >El Salvador<\/option><option value=\"Equatorial Guinea\" class=\"choice-60 depth-1\" >Equatorial Guinea<\/option><option value=\"Eritrea\" class=\"choice-61 depth-1\" >Eritrea<\/option><option value=\"Estonia\" class=\"choice-62 depth-1\" >Estonia<\/option><option value=\"Eswatini\" class=\"choice-63 depth-1\" >Eswatini<\/option><option value=\"Ethiopia\" class=\"choice-64 depth-1\" >Ethiopia<\/option><option value=\"Fiji\" class=\"choice-65 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-66 depth-1\" >Finland<\/option><option value=\"France\" class=\"choice-67 depth-1\" >France<\/option><option value=\"Gabon\" class=\"choice-68 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-69 depth-1\" >Gambia<\/option><option value=\"\u683c\u9c81\u5409\u4e9a\" class=\"choice-70 depth-1\" >\u683c\u9c81\u5409\u4e9a<\/option><option value=\"\u5fb7\u56fd\" class=\"choice-71 depth-1\" >\u5fb7\u56fd<\/option><option value=\"Ghana\" class=\"choice-72 depth-1\" >Ghana<\/option><option value=\"Greece\" class=\"choice-73 depth-1\" >Greece<\/option><option value=\"Grenada\" class=\"choice-74 depth-1\" >Grenada<\/option><option value=\"Guatemala\" class=\"choice-75 depth-1\" >Guatemala<\/option><option value=\"Guinea\" class=\"choice-76 depth-1\" >Guinea<\/option><option value=\"Guinea-Bissau\" class=\"choice-77 depth-1\" >Guinea-Bissau<\/option><option value=\"Guyana\" class=\"choice-78 depth-1\" >Guyana<\/option><option value=\"Haiti\" class=\"choice-79 depth-1\" >Haiti<\/option><option value=\"Honduras\" class=\"choice-80 depth-1\" >Honduras<\/option><option value=\"Hungary\" class=\"choice-81 depth-1\" >Hungary<\/option><option value=\"Iceland\" class=\"choice-82 depth-1\" >Iceland<\/option><option value=\"India\" class=\"choice-83 depth-1\" >India<\/option><option value=\"Indonesia\" class=\"choice-84 depth-1\" >Indonesia<\/option><option value=\"Iran\" class=\"choice-85 depth-1\" >Iran<\/option><option value=\"Iraq\" class=\"choice-86 depth-1\" >Iraq<\/option><option value=\"Ireland\" class=\"choice-87 depth-1\" >Ireland<\/option><option value=\"Israel\" class=\"choice-88 depth-1\" >Israel<\/option><option value=\"Italy\" class=\"choice-89 depth-1\" >Italy<\/option><option value=\"Ivory Coast\" class=\"choice-90 depth-1\" >Ivory Coast<\/option><option value=\"Jamaica\" class=\"choice-91 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-92 depth-1\" >Japan<\/option><option value=\"Jordan\" class=\"choice-93 depth-1\" >Jordan<\/option><option value=\"Kazakhstan\" class=\"choice-94 depth-1\" >Kazakhstan<\/option><option value=\"Kenya\" class=\"choice-95 depth-1\" >Kenya<\/option><option value=\"Kiribati\" class=\"choice-96 depth-1\" >Kiribati<\/option><option value=\"Kuwait\" class=\"choice-97 depth-1\" >Kuwait<\/option><option value=\"Kyrgyzstan\" class=\"choice-98 depth-1\" >Kyrgyzstan<\/option><option value=\"Laos\" class=\"choice-99 depth-1\" >Laos<\/option><option value=\"Latvia\" class=\"choice-100 depth-1\" >Latvia<\/option><option value=\"Lebanon\" class=\"choice-101 depth-1\" >Lebanon<\/option><option value=\"Lesotho\" class=\"choice-102 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-103 depth-1\" >Liberia<\/option><option value=\"Libya\" class=\"choice-104 depth-1\" >Libya<\/option><option value=\"Liechtenstein\" class=\"choice-105 depth-1\" >Liechtenstein<\/option><option value=\"Lithuania\" class=\"choice-106 depth-1\" >Lithuania<\/option><option value=\"Luxembourg\" class=\"choice-107 depth-1\" >Luxembourg<\/option><option value=\"Madagascar\" class=\"choice-108 depth-1\" >Madagascar<\/option><option value=\"Malawi\" class=\"choice-109 depth-1\" >Malawi<\/option><option value=\"Malaysia\" class=\"choice-110 depth-1\" >Malaysia<\/option><option value=\"Maldives\" class=\"choice-111 depth-1\" >Maldives<\/option><option value=\"Mali\" class=\"choice-112 depth-1\" >Mali<\/option><option value=\"Malta\" class=\"choice-113 depth-1\" >Malta<\/option><option value=\"Marshall Islands\" class=\"choice-114 depth-1\" >Marshall Islands<\/option><option value=\"Mauritania\" class=\"choice-115 depth-1\" >Mauritania<\/option><option value=\"Mauritius\" class=\"choice-116 depth-1\" >Mauritius<\/option><option value=\"Mexico\" class=\"choice-117 depth-1\" >Mexico<\/option><option value=\"Micronesia\" class=\"choice-118 depth-1\" >Micronesia<\/option><option value=\"Moldova\" class=\"choice-119 depth-1\" >Moldova<\/option><option value=\"Monaco\" class=\"choice-120 depth-1\" >Monaco<\/option><option value=\"Mongolia\" class=\"choice-121 depth-1\" >Mongolia<\/option><option value=\"Montenegro\" class=\"choice-122 depth-1\" >Montenegro<\/option><option value=\"Morocco\" class=\"choice-123 depth-1\" >Morocco<\/option><option value=\"Mozambique\" class=\"choice-124 depth-1\" >Mozambique<\/option><option value=\"Myanmar\" class=\"choice-125 depth-1\" >Myanmar<\/option><option value=\"Namibia\" class=\"choice-126 depth-1\" >Namibia<\/option><option value=\"Nauru\" class=\"choice-127 depth-1\" >Nauru<\/option><option value=\"Nepal\" class=\"choice-128 depth-1\" >Nepal<\/option><option value=\"Netherlands\" class=\"choice-129 depth-1\" >Netherlands<\/option><option value=\"New Zealand\" class=\"choice-130 depth-1\" >New Zealand<\/option><option value=\"Nicaragua\" class=\"choice-131 depth-1\" >Nicaragua<\/option><option value=\"Niger\" class=\"choice-132 depth-1\" >Niger<\/option><option value=\"Nigeria\" class=\"choice-133 depth-1\" >Nigeria<\/option><option value=\"North Korea\" class=\"choice-134 depth-1\" >North Korea<\/option><option value=\"North Macedonia\" class=\"choice-135 depth-1\" >North Macedonia<\/option><option value=\"Norway\" class=\"choice-136 depth-1\" >Norway<\/option><option value=\"Oman\" class=\"choice-137 depth-1\" >Oman<\/option><option value=\"Pakistan\" class=\"choice-138 depth-1\" >Pakistan<\/option><option value=\"Palau\" class=\"choice-139 depth-1\" >Palau<\/option><option value=\"Palestine\" class=\"choice-140 depth-1\" >Palestine<\/option><option value=\"Panama\" class=\"choice-141 depth-1\" >Panama<\/option><option value=\"Papua New Guinea\" class=\"choice-142 depth-1\" >Papua New Guinea<\/option><option value=\"Paraguay\" class=\"choice-143 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-144 depth-1\" >Peru<\/option><option value=\"Philippines\" class=\"choice-145 depth-1\" >Philippines<\/option><option value=\"Poland\" class=\"choice-146 depth-1\" >Poland<\/option><option value=\"Portugal\" class=\"choice-147 depth-1\" >Portugal<\/option><option value=\"Qatar\" class=\"choice-148 depth-1\" >Qatar<\/option><option value=\"Romania\" class=\"choice-149 depth-1\" >Romania<\/option><option value=\"\u4fc4\u7f57\u65af\" class=\"choice-150 depth-1\" >\u4fc4\u7f57\u65af<\/option><option value=\"Rwanda\" class=\"choice-151 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts and Nevis\" class=\"choice-152 depth-1\" >Saint Kitts and Nevis<\/option><option value=\"Saint Lucia\" class=\"choice-153 depth-1\" >Saint Lucia<\/option><option value=\"Saint Vincent and the Grenadines\" class=\"choice-154 depth-1\" >Saint Vincent and the Grenadines<\/option><option value=\"Samoa\" class=\"choice-155 depth-1\" >Samoa<\/option><option value=\"San Marino\" class=\"choice-156 depth-1\" >San Marino<\/option><option value=\"Sao Tome and Principe\" class=\"choice-157 depth-1\" >Sao Tome and Principe<\/option><option value=\"Saudi Arabia\" class=\"choice-158 depth-1\" >Saudi Arabia<\/option><option value=\"Senegal\" class=\"choice-159 depth-1\" >Senegal<\/option><option value=\"Serbia\" class=\"choice-160 depth-1\" >Serbia<\/option><option value=\"Seychelles\" class=\"choice-161 depth-1\" >Seychelles<\/option><option value=\"Sierra Leone\" class=\"choice-162 depth-1\" >Sierra Leone<\/option><option value=\"Singapore\" class=\"choice-163 depth-1\" >Singapore<\/option><option value=\"Slovakia\" class=\"choice-164 depth-1\" >Slovakia<\/option><option value=\"Slovenia\" class=\"choice-165 depth-1\" >Slovenia<\/option><option value=\"Solomon Islands\" class=\"choice-166 depth-1\" >Solomon Islands<\/option><option value=\"Somalia\" class=\"choice-167 depth-1\" >Somalia<\/option><option value=\"South Africa\" class=\"choice-168 depth-1\" >South Africa<\/option><option value=\"South Korea\" class=\"choice-169 depth-1\" >South Korea<\/option><option value=\"South Sudan\" class=\"choice-170 depth-1\" >South Sudan<\/option><option value=\"\u897f\u73ed\u7259\" class=\"choice-171 depth-1\" >\u897f\u73ed\u7259<\/option><option value=\"Sri Lanka\" class=\"choice-172 depth-1\" >Sri Lanka<\/option><option value=\"Sudan\" class=\"choice-173 depth-1\" >Sudan<\/option><option value=\"Suriname\" class=\"choice-174 depth-1\" >Suriname<\/option><option value=\"Sweden\" class=\"choice-175 depth-1\" >Sweden<\/option><option value=\"Switzerland\" class=\"choice-176 depth-1\" >Switzerland<\/option><option value=\"Syria\" class=\"choice-177 depth-1\" >Syria<\/option><option value=\"Tajikistan\" class=\"choice-178 depth-1\" >Tajikistan<\/option><option value=\"Tanzania\" class=\"choice-179 depth-1\" >Tanzania<\/option><option value=\"Thailand\" class=\"choice-180 depth-1\" >Thailand<\/option><option value=\"Timor-Leste\" class=\"choice-181 depth-1\" >Timor-Leste<\/option><option value=\"Togo\" class=\"choice-182 depth-1\" >Togo<\/option><option value=\"Tonga\" class=\"choice-183 depth-1\" >Tonga<\/option><option value=\"Trinidad and Tobago\" class=\"choice-184 depth-1\" >Trinidad and Tobago<\/option><option value=\"Tunisia\" class=\"choice-185 depth-1\" >Tunisia<\/option><option value=\"\u571f\u8033\u5176\" class=\"choice-186 depth-1\" >\u571f\u8033\u5176<\/option><option value=\"Turkmenistan\" class=\"choice-187 depth-1\" >Turkmenistan<\/option><option value=\"Tuvalu\" class=\"choice-188 depth-1\" >Tuvalu<\/option><option value=\"Uganda\" class=\"choice-189 depth-1\" >Uganda<\/option><option value=\"Ukraine\" class=\"choice-190 depth-1\" >Ukraine<\/option><option value=\"United Arab Emirates\" class=\"choice-191 depth-1\" >United Arab Emirates<\/option><option value=\"\u82f1\u56fd\" class=\"choice-192 depth-1\" >\u82f1\u56fd<\/option><option value=\"\u7f8e\u56fd\" class=\"choice-193 depth-1\" >\u7f8e\u56fd<\/option><option value=\"Uruguay\" class=\"choice-194 depth-1\" >Uruguay<\/option><option value=\"Uzbekistan\" class=\"choice-195 depth-1\" >Uzbekistan<\/option><option value=\"Vanuatu\" class=\"choice-196 depth-1\" >Vanuatu<\/option><option value=\"Vatican City\" class=\"choice-197 depth-1\" >Vatican City<\/option><option value=\"Venezuela\" class=\"choice-198 depth-1\" >Venezuela<\/option><option value=\"Vietnam\" class=\"choice-199 depth-1\" >Vietnam<\/option><option value=\"Yemen\" class=\"choice-200 depth-1\" >Yemen<\/option><option value=\"Zambia\" class=\"choice-201 depth-1\" >Zambia<\/option><option value=\"Zimbabwe\" class=\"choice-202 depth-1\" >Zimbabwe<\/option><\/select><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1443-field_33-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-field-readonly\" data-field-id=\"33\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1443-field_33\" aria-hidden=\"false\">\u8bed\u8a00<\/label><input type=\"text\" id=\"wpforms-1443-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"Chinese Simplified\" aria-errormessage=\"wpforms-1443-field_33-error\" ><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-1443-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-1443-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-1443-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"1443\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/mardihills.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1412\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1443\" class=\"wpforms-submit\" data-alt-text=\"\u6b63\u5728\u5904\u7406...\" data-submit-text=\"\u89e3\u9501\u6240\u6709\u4fe1\u606f\" aria-live=\"assertive\" value=\"wpforms-submit\">\u89e3\u9501\u6240\u6709\u4fe1\u606f<\/button><img decoding=\"async\" src=\"https:\/\/mardihills.com\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"\u52a0\u8f7d\"><\/div><\/form><\/div> <!-- .wpforms-container -->\n<\/div>\n<!-- Agent trigger -->\n<div class=\"mh_agent-trigger\">\n<a class=\"mh_agent-card\" href=\"#mh-agent-form\" id=\"mh_agent_trigger\" role=\"button\">\n<p class=\"mh_agent-card-title\">\u60a8\u662f\u623f\u5730\u4ea7\u7ecf\u7eaa\u4eba\u5417\uff1f<\/p>\n<p class=\"mh_agent-card-sub\">\u5c06\u60a8\u7684\u8be6\u7ec6\u4fe1\u606f\u53d1\u9001\u7ed9\u6211\u4eec\uff0c\u6211\u4eec\u4f1a\u4e0e\u60a8\u8054\u7cfb\u3002<\/p>\n<\/a>\n<\/div>\n<\/div>\n<\/section>\n<!-- \u2550\u2550\u2550 AGENT MODAL \u2550\u2550\u2550 -->\n<div class=\"mh_agent_modal\" id=\"mh_agent_modal\">\n<div class=\"mh_agent_modal__backdrop\" id=\"mh_agent_backdrop\"><\/div>\n<div class=\"mh_agent_modal__content\">\n<button aria-label=\"Close\" class=\"mh_agent_modal__close\" id=\"mh_agent_close\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"mh_agent_modal__form\" id=\"mh-agent-form\">\n <div class=\"evoost-b2b-form-wrapper evoost-layout-two-col\" id=\"evoost-form-601-6111\" style=\"--evoost-accent:#054c4c;--evoost-border-focus:#054c4c;--evoost-focus-shadow:rgba(5,76,76,0.1);\">\n\n <div class=\"evoost-form-header\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"\" class=\"evoost-form-header-logo\">\n <h3 class=\"evoost-form-header-title\">\u5c06\u60a8\u7684\u8be6\u7ec6\u4fe1\u606f\u53d1\u9001\u7ed9\u6211\u4eec\uff0c<strong>\u6211\u4eec\u4f1a\u4e0e\u60a8\u8054\u7cfb<\/strong><\/h3>\n <\/div>\n \n <form class=\"evoost-b2b-form\" data-form-id=\"601\" data-lang=\"zh-hans\" data-redirect=\"https:\/\/mardihills.com\/zh-hans\/brokers\" novalidate>\n\n <input type=\"hidden\" id=\"evoost_nonce\" name=\"evoost_nonce\" value=\"84cfa5ddf3\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/zh-hans\/wp-json\/wp\/v2\/pages\/1412\" \/>\n <div class=\"evoost-fields-grid\">\n <!-- First Name -->\n <div class=\"evoost-field evoost-field-firstname\">\n <label for=\"evoost-form-601-6111-firstname\">\u540d\u5b57 <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-601-6111-firstname\" name=\"firstname\" required autocomplete=\"given-name\" placeholder=\"\u540d\u5b57\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Last Name -->\n <div class=\"evoost-field evoost-field-lastname\">\n <label for=\"evoost-form-601-6111-lastname\">\u59d3\u6c0f <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-601-6111-lastname\" name=\"lastname\" required autocomplete=\"family-name\" placeholder=\"\u59d3\u6c0f\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Email -->\n <div class=\"evoost-field evoost-field-email\">\n <label for=\"evoost-form-601-6111-email\">\u7535\u5b50\u90ae\u4ef6 <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"email\" id=\"evoost-form-601-6111-email\" name=\"email\" required autocomplete=\"email\" placeholder=\"email@example.com\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Phone with prefix -->\n <div class=\"evoost-field evoost-field-phone\">\n <label for=\"evoost-form-601-6111-phone\">\u7535\u8bdd <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-phone-wrapper\">\n <span class=\"evoost-phone-prefix\" data-default=\"+34\">+34<\/span>\n <input type=\"tel\" id=\"evoost-form-601-6111-phone\" name=\"phone\" required autocomplete=\"tel\" placeholder=\"600 000 000\" \/>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Company (optional) -->\n <div class=\"evoost-field evoost-field-company\">\n <label for=\"evoost-form-601-6111-company\">\u516c\u53f8<\/label>\n <input type=\"text\" id=\"evoost-form-601-6111-company\" name=\"company_visible\" autocomplete=\"organization\" placeholder=\"\u516c\u53f8\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n \n <!-- Country -->\n <div class=\"evoost-field evoost-field-country\">\n <label for=\"evoost-form-601-6111-country\">\u56fd\u5bb6 <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-select-search-wrapper\">\n <input type=\"text\" class=\"evoost-select-search-input\" id=\"evoost-form-601-6111-country-search\" placeholder=\"\u56fd\u5bb6...\" autocomplete=\"off\" \/>\n <select id=\"evoost-form-601-6111-country\" name=\"country_visible\" required class=\"evoost-select-hidden\">\n <option value=\"\">\u56fd\u5bb6<\/option>\n <option value=\"Afghanistan\">Afghanistan<\/option>\n <option value=\"Albania\">Albania<\/option>\n <option value=\"Algeria\">Algeria<\/option>\n <option value=\"Andorra\">Andorra<\/option>\n <option value=\"Angola\">Angola<\/option>\n <option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n <option value=\"Argentina\">Argentina<\/option>\n <option value=\"Armenia\">Armenia<\/option>\n <option value=\"Australia\">Australia<\/option>\n <option value=\"Austria\">Austria<\/option>\n <option value=\"Azerbaijan\">Azerbaijan<\/option>\n <option value=\"Bahamas\">Bahamas<\/option>\n <option value=\"Bahrain\">Bahrain<\/option>\n <option value=\"Bangladesh\">Bangladesh<\/option>\n <option value=\"Barbados\">Barbados<\/option>\n <option value=\"Belarus\">Belarus<\/option>\n <option value=\"Belgium\">Belgium<\/option>\n <option value=\"Belize\">Belize<\/option>\n <option value=\"Benin\">Benin<\/option>\n <option value=\"Bhutan\">Bhutan<\/option>\n <option value=\"Bolivia\">Bolivia<\/option>\n <option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n <option value=\"Botswana\">Botswana<\/option>\n <option value=\"Brazil\">Brazil<\/option>\n <option value=\"Brunei\">Brunei<\/option>\n <option value=\"Bulgaria\">Bulgaria<\/option>\n <option value=\"Burkina Faso\">Burkina Faso<\/option>\n <option value=\"Burundi\">Burundi<\/option>\n <option value=\"Cabo Verde\">Cabo Verde<\/option>\n <option value=\"Cambodia\">Cambodia<\/option>\n <option value=\"Cameroon\">Cameroon<\/option>\n <option value=\"Canada\">Canada<\/option>\n <option value=\"Central African Republic\">Central African Republic<\/option>\n <option value=\"Chad\">Chad<\/option>\n <option value=\"Chile\">Chile<\/option>\n <option value=\"China\">China<\/option>\n <option value=\"Colombia\">Colombia<\/option>\n <option value=\"Comoros\">Comoros<\/option>\n <option value=\"Congo\">Congo<\/option>\n <option value=\"Costa Rica\">Costa Rica<\/option>\n <option value=\"Croatia\">Croatia<\/option>\n <option value=\"Cuba\">Cuba<\/option>\n <option value=\"Cyprus\">Cyprus<\/option>\n <option value=\"Czech Republic\">Czech Republic<\/option>\n <option value=\"Democratic Republic of the Congo\">Democratic Republic of the Congo<\/option>\n <option value=\"Denmark\">Denmark<\/option>\n <option value=\"Djibouti\">Djibouti<\/option>\n <option value=\"Dominica\">Dominica<\/option>\n <option value=\"Dominican Republic\">Dominican Republic<\/option>\n <option value=\"Ecuador\">Ecuador<\/option>\n <option value=\"Egypt\">Egypt<\/option>\n <option value=\"El Salvador\">El Salvador<\/option>\n <option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n <option value=\"Eritrea\">Eritrea<\/option>\n <option value=\"Estonia\">Estonia<\/option>\n <option value=\"Eswatini\">Eswatini<\/option>\n <option value=\"Ethiopia\">Ethiopia<\/option>\n <option value=\"Fiji\">Fiji<\/option>\n <option value=\"Finland\">Finland<\/option>\n <option value=\"France\">France<\/option>\n <option value=\"Gabon\">Gabon<\/option>\n <option value=\"Gambia\">Gambia<\/option>\n <option value=\"Georgia\">Georgia<\/option>\n <option value=\"Germany\">Germany<\/option>\n <option value=\"Ghana\">Ghana<\/option>\n <option value=\"Greece\">Greece<\/option>\n <option value=\"Grenada\">Grenada<\/option>\n <option value=\"Guatemala\">Guatemala<\/option>\n <option value=\"Guinea\">Guinea<\/option>\n <option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n <option value=\"Guyana\">Guyana<\/option>\n <option value=\"Haiti\">Haiti<\/option>\n <option value=\"Honduras\">Honduras<\/option>\n <option value=\"Hungary\">Hungary<\/option>\n <option value=\"Iceland\">Iceland<\/option>\n <option value=\"India\">India<\/option>\n <option value=\"Indonesia\">Indonesia<\/option>\n <option value=\"Iran\">Iran<\/option>\n <option value=\"Iraq\">Iraq<\/option>\n <option value=\"Ireland\">Ireland<\/option>\n <option value=\"Israel\">Israel<\/option>\n <option value=\"Italy\">Italy<\/option>\n <option value=\"Ivory Coast\">Ivory Coast<\/option>\n <option value=\"Jamaica\">Jamaica<\/option>\n <option value=\"Japan\">Japan<\/option>\n <option value=\"Jordan\">Jordan<\/option>\n <option value=\"Kazakhstan\">Kazakhstan<\/option>\n <option value=\"Kenya\">Kenya<\/option>\n <option value=\"Kiribati\">Kiribati<\/option>\n <option value=\"Kuwait\">Kuwait<\/option>\n <option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n <option value=\"Laos\">Laos<\/option>\n <option value=\"Latvia\">Latvia<\/option>\n <option value=\"Lebanon\">Lebanon<\/option>\n <option value=\"Lesotho\">Lesotho<\/option>\n <option value=\"Liberia\">Liberia<\/option>\n <option value=\"Libya\">Libya<\/option>\n <option value=\"Liechtenstein\">Liechtenstein<\/option>\n <option value=\"Lithuania\">Lithuania<\/option>\n <option value=\"Luxembourg\">Luxembourg<\/option>\n <option value=\"Madagascar\">Madagascar<\/option>\n <option value=\"Malawi\">Malawi<\/option>\n <option value=\"Malaysia\">Malaysia<\/option>\n <option value=\"Maldives\">Maldives<\/option>\n <option value=\"Mali\">Mali<\/option>\n <option value=\"Malta\">Malta<\/option>\n <option value=\"Marshall Islands\">Marshall Islands<\/option>\n <option value=\"Mauritania\">Mauritania<\/option>\n <option value=\"Mauritius\">Mauritius<\/option>\n <option value=\"Mexico\">Mexico<\/option>\n <option value=\"Micronesia\">Micronesia<\/option>\n <option value=\"Moldova\">Moldova<\/option>\n <option value=\"Monaco\">Monaco<\/option>\n <option value=\"Mongolia\">Mongolia<\/option>\n <option value=\"Montenegro\">Montenegro<\/option>\n <option value=\"Morocco\">Morocco<\/option>\n <option value=\"Mozambique\">Mozambique<\/option>\n <option value=\"Myanmar\">Myanmar<\/option>\n <option value=\"Namibia\">Namibia<\/option>\n <option value=\"Nauru\">Nauru<\/option>\n <option value=\"Nepal\">Nepal<\/option>\n <option value=\"Netherlands\">Netherlands<\/option>\n <option value=\"New Zealand\">New Zealand<\/option>\n <option value=\"Nicaragua\">Nicaragua<\/option>\n <option value=\"Niger\">Niger<\/option>\n <option value=\"Nigeria\">Nigeria<\/option>\n <option value=\"North Korea\">North Korea<\/option>\n <option value=\"North Macedonia\">North Macedonia<\/option>\n <option value=\"Norway\">Norway<\/option>\n <option value=\"Oman\">Oman<\/option>\n <option value=\"Pakistan\">Pakistan<\/option>\n <option value=\"Palau\">Palau<\/option>\n <option value=\"Palestine\">Palestine<\/option>\n <option value=\"Panama\">Panama<\/option>\n <option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n <option value=\"Paraguay\">Paraguay<\/option>\n <option value=\"Peru\">Peru<\/option>\n <option value=\"Philippines\">Philippines<\/option>\n <option value=\"Poland\">Poland<\/option>\n <option value=\"Portugal\">Portugal<\/option>\n <option value=\"Qatar\">Qatar<\/option>\n <option value=\"Romania\">Romania<\/option>\n <option value=\"Russia\">Russia<\/option>\n <option value=\"Rwanda\">Rwanda<\/option>\n <option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n <option value=\"Saint Lucia\">Saint Lucia<\/option>\n <option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n <option value=\"Samoa\">Samoa<\/option>\n <option value=\"San Marino\">San Marino<\/option>\n <option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n <option value=\"Senegal\">Senegal<\/option>\n <option value=\"Serbia\">Serbia<\/option>\n <option value=\"Seychelles\">Seychelles<\/option>\n <option value=\"Sierra Leone\">Sierra Leone<\/option>\n <option value=\"Singapore\">Singapore<\/option>\n <option value=\"Slovakia\">Slovakia<\/option>\n <option value=\"Slovenia\">Slovenia<\/option>\n <option value=\"Solomon Islands\">Solomon Islands<\/option>\n <option value=\"Somalia\">Somalia<\/option>\n <option value=\"South Africa\">South Africa<\/option>\n <option value=\"South Korea\">South Korea<\/option>\n <option value=\"South Sudan\">South Sudan<\/option>\n <option value=\"Spain\">Spain<\/option>\n <option value=\"Sri Lanka\">Sri Lanka<\/option>\n <option value=\"Sudan\">Sudan<\/option>\n <option value=\"Suriname\">Suriname<\/option>\n <option value=\"Sweden\">Sweden<\/option>\n <option value=\"Switzerland\">Switzerland<\/option>\n <option value=\"Syria\">Syria<\/option>\n <option value=\"Tajikistan\">Tajikistan<\/option>\n <option value=\"Tanzania\">Tanzania<\/option>\n <option value=\"Thailand\">Thailand<\/option>\n <option value=\"Timor-Leste\">Timor-Leste<\/option>\n <option value=\"Togo\">Togo<\/option>\n <option value=\"Tonga\">Tonga<\/option>\n <option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n <option value=\"Tunisia\">Tunisia<\/option>\n <option value=\"Turkey\">Turkey<\/option>\n <option value=\"Turkmenistan\">Turkmenistan<\/option>\n <option value=\"Tuvalu\">Tuvalu<\/option>\n <option value=\"Uganda\">Uganda<\/option>\n <option value=\"Ukraine\">Ukraine<\/option>\n <option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n <option value=\"United Kingdom\">United Kingdom<\/option>\n <option value=\"United States\">United States<\/option>\n <option value=\"Uruguay\">Uruguay<\/option>\n <option value=\"Uzbekistan\">Uzbekistan<\/option>\n <option value=\"Vanuatu\">Vanuatu<\/option>\n <option value=\"Vatican City\">Vatican City<\/option>\n <option value=\"Venezuela\">Venezuela<\/option>\n <option value=\"Vietnam\">Vietnam<\/option>\n <option value=\"Yemen\">Yemen<\/option>\n <option value=\"Zambia\">Zambia<\/option>\n <option value=\"Zimbabwe\">Zimbabwe<\/option>\n <\/select>\n <div class=\"evoost-select-dropdown\" style=\"display:none;\"><\/div>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Comments -->\n <div class=\"evoost-field evoost-field-comments evoost-field-full\">\n <label for=\"evoost-form-601-6111-comments\">\u8bc4\u8bba<\/label>\n <textarea id=\"evoost-form-601-6111-comments\" name=\"comments\" rows=\"2\" placeholder=\"\u8bc4\u8bba...\"><\/textarea>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n <\/div>\n\n <!-- Consent -->\n <div class=\"evoost-field evoost-field-consent\">\n <label class=\"evoost-consent-label\">\n <input type=\"checkbox\" name=\"consent\" required \/>\n <span class=\"evoost-checkbox-custom\">\n <svg viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M1.5 5.5L4 8L8.5 2\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <span class=\"evoost-consent-text\">\n \u63d0\u4ea4\u6b64\u8868\u5355\u5373\u8868\u793a\u6211\u540c\u610f\u672c\u7f51\u7ad9\u7684\u4f7f\u7528\u6761\u6b3e\u548c\u6761\u4ef6\uff0c\u4ee5\u53ca\u5176\u5bf9Cookie\u7684\u4f7f\u7528\u548c\u9690\u79c1\u653f\u7b56\u3002 <a href=\"https:\/\/evoost.ai\/privacy\/\" target=\"_blank\" rel=\"noopener\">\u70b9\u51fb\u6b64\u5904\u67e5\u770b\u9690\u79c1\u653f\u7b56<\/a>.\n <a href=\"https:\/\/evoost.ai\/cookies\/\" target=\"_blank\" rel=\"noopener\">\u540c\u65f6\u67e5\u770b\u6211\u4eec\u7684Cookie\u653f\u7b56<\/a>.\n <\/span>\n <\/label>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Submit -->\n <div class=\"evoost-field evoost-field-submit\">\n <button type=\"submit\" class=\"evoost-submit-btn\" style=\"--evoost-btn-color: #2a2a2a\">\n <span class=\"evoost-btn-text\">\u63d0\u4ea4<\/span>\n <span class=\"evoost-btn-loading\" style=\"display:none;\">\u53d1\u9001\u4e2d...<\/span>\n <\/button>\n <\/div>\n\n <!-- Messages -->\n <div class=\"evoost-form-message\" style=\"display:none;\"><\/div>\n <\/form>\n\n <!-- eVoost Partners Signature -->\n <div class=\"evoost-signature-wrapper\">\n <a href=\"https:\/\/partners.evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost Partners\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"eVoost Partners\" class=\"evoost-signature-logo\">\n <span class=\"evoost-signature-text\">Powered by <span class=\"evoost-signature-highlight\">eVoost Partners<\/span><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <script>\n (function(){\n if (!window.evoostFormLabels) window.evoostFormLabels = {};\n window.evoostFormLabels['601'] = {\"first_name\":\"\\u540d\\u5b57\",\"last_name\":\"\\u59d3\\u6c0f\",\"email\":\"\\u7535\\u5b50\\u90ae\\u4ef6\",\"phone\":\"\\u7535\\u8bdd\",\"company\":\"\\u516c\\u53f8\",\"country\":\"\\u56fd\\u5bb6\",\"comments\":\"\\u8bc4\\u8bba\",\"consent\":\"\\u63d0\\u4ea4\\u6b64\\u8868\\u5355\\u5373\\u8868\\u793a\\u6211\\u540c\\u610f\\u672c\\u7f51\\u7ad9\\u7684\\u4f7f\\u7528\\u6761\\u6b3e\\u548c\\u6761\\u4ef6\\uff0c\\u4ee5\\u53ca\\u5176\\u5bf9Cookie\\u7684\\u4f7f\\u7528\\u548c\\u9690\\u79c1\\u653f\\u7b56\\u3002\",\"privacy\":\"\\u70b9\\u51fb\\u6b64\\u5904\\u67e5\\u770b\\u9690\\u79c1\\u653f\\u7b56\",\"cookies\":\"\\u540c\\u65f6\\u67e5\\u770b\\u6211\\u4eec\\u7684Cookie\\u653f\\u7b56\",\"submit\":\"\\u63d0\\u4ea4\",\"sending\":\"\\u53d1\\u9001\\u4e2d...\",\"success\":\"\\u8c22\\u8c22\\uff01\\u60a8\\u7684\\u8bf7\\u6c42\\u5df2\\u6210\\u529f\\u53d1\\u9001\\u3002\",\"error\":\"\\u53d1\\u751f\\u9519\\u8bef\\uff0c\\u8bf7\\u91cd\\u8bd5\\u3002\",\"required\":\"\\u6b64\\u5b57\\u6bb5\\u4e3a\\u5fc5\\u586b\\u9879\\u3002\",\"invalid_email\":\"\\u8bf7\\u8f93\\u5165\\u6709\\u6548\\u7684\\u7535\\u5b50\\u90ae\\u4ef6\\u3002\"};\n })();\n <\/script>\n \n<\/div>\n<\/div>\n<\/div>\n<script>\n(function() {\n 'use strict';\n\n var modal = document.getElementById('mh_agent_modal');\n var trigger = document.getElementById('mh_agent_trigger');\n var backdrop = document.getElementById('mh_agent_backdrop');\n var closeBtn = document.getElementById('mh_agent_close');\n var modalContent = modal ? modal.querySelector('.mh_agent_modal__content') : null;\n var scrollY = 0;\n\n function openModal() {\n scrollY = window.scrollY;\n document.body.style.overflow = 'hidden';\n document.body.style.position = 'fixed';\n document.body.style.width = '100%';\n document.body.style.top = '-' + scrollY + 'px';\n modal.classList.add('mh_agent_modal--open');\n }\n\n function closeModal() {\n modal.classList.remove('mh_agent_modal--open');\n document.body.style.overflow = '';\n document.body.style.position = '';\n document.body.style.width = '';\n document.body.style.top = '';\n window.scrollTo(0, scrollY);\n }\n\n if (trigger) {\n trigger.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n setTimeout(openModal, 10);\n }, false);\n }\n\n if (backdrop) {\n backdrop.addEventListener('click', function(e) {\n e.preventDefault();\n closeModal();\n }, false);\n }\n\n if (closeBtn) {\n closeBtn.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n closeModal();\n }, false);\n }\n\n if (modalContent) {\n modalContent.addEventListener('click', function(e) {\n e.stopPropagation();\n }, false);\n }\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape' && modal && modal.classList.contains('mh_agent_modal--open')) {\n closeModal();\n }\n });\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50397c8 e-flex e-con-boxed e-con e-parent\" data-id=\"50397c8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f28d39 elementor-widget elementor-widget-image\" data-id=\"7f28d39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"400\" height=\"54\" src=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/mardi-white.png\" class=\"attachment-full size-full wp-image-164\" alt=\"\" srcset=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/mardi-white.png 400w, https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/mardi-white-300x41.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3096f50 elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"3096f50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"tel:+97144986481\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">+97144986481<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d13217f elementor-nav-menu__align-center elementor-nav-menu--dropdown-none elementor-widget elementor-widget-nav-menu\" data-id=\"d13217f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"layout":"horizontal","submenu_icon":{"value":"<svg aria-hidden=\\"true\\" class=\\"e-font-icon-svg e-fas-caret-down\\" viewBox=\\"0 0 320 512\\" xmlns=\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\"><path d=\\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\"><\\\/path><\\\/svg>","library":"fa-solid"}}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none\">\n\t\t\t\t<ul id=\"menu-1-d13217f\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1637\"><a href=\"https:\/\/mardihills.com\/zh-hans\/cookies\/\" class=\"elementor-item\">Cookie \u653f\u7b56<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1638\"><a href=\"https:\/\/mardihills.com\/zh-hans\/legal\/\" class=\"elementor-item\">\u5408\u6cd5\u7684<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1639\"><a href=\"https:\/\/mardihills.com\/zh-hans\/privacy\/\" class=\"elementor-item\">\u9690\u79c1<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-d13217f\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1637\"><a href=\"https:\/\/mardihills.com\/zh-hans\/cookies\/\" class=\"elementor-item\" tabindex=\"-1\">Cookie \u653f\u7b56<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1638\"><a href=\"https:\/\/mardihills.com\/zh-hans\/legal\/\" class=\"elementor-item\" tabindex=\"-1\">\u5408\u6cd5\u7684<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1639\"><a href=\"https:\/\/mardihills.com\/zh-hans\/privacy\/\" class=\"elementor-item\" tabindex=\"-1\">\u9690\u79c1<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8fb2a2 e-flex e-con-boxed e-con e-parent\" data-id=\"a8fb2a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f113188 elementor-widget elementor-widget-html\" data-id=\"f113188\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n .evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n width: 100% !important;\r\n padding: 10px 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n }\r\n \r\n .evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(230, 230, 230, 0.3) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n }\r\n \r\n .evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.75 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .evoost-text {\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: #888 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .evoost-highlight {\r\n font-weight: 500 !important;\r\n color: #666 !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n \r\n \/* Fondo base *\/\r\n .evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(245,245,245,0.9) 0%, rgba(235,235,235,0.9) 100%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n \/* Efecto de brillo que se mueve *\/\r\n .evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to right,\r\n rgba(255, 255, 255, 0) 0%,\r\n rgba(255, 255, 255, 0.2) 50%,\r\n rgba(255, 255, 255, 0) 100%\r\n ) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.2s ease !important;\r\n }\r\n \r\n \/* Define la animaci\u00f3n del brillo *\/\r\n @keyframes shineEffect {\r\n 0% {\r\n left: -150% !important;\r\n }\r\n 100% {\r\n left: 150% !important;\r\n }\r\n }\r\n \r\n \/* Efectos hover *\/\r\n .evoost-signature:hover {\r\n border-color: rgba(210, 210, 210, 0.5) !important;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;\r\n }\r\n \r\n .evoost-signature:hover:before {\r\n opacity: 1 !important;\r\n }\r\n \r\n .evoost-signature:hover:after {\r\n opacity: 1 !important;\r\n animation: shineEffect 1.2s ease-in-out !important;\r\n }\r\n \r\n .evoost-signature:hover .evoost-logo {\r\n opacity: 1 !important;\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n .evoost-signature:hover .evoost-text {\r\n background: linear-gradient(to right, #333, #666) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n color: transparent !important;\r\n }\r\n \r\n .evoost-signature:hover .evoost-highlight {\r\n background: linear-gradient(to right, #111, #444) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n color: transparent !important;\r\n }\r\n<\/style>\n<div class=\"evoost-signature-wrapper\">\n<a aria-label=\"Powered by eVoost\" class=\"evoost-signature\" href=\"https:\/\/evoost.ai\" target=\"_blank\">\n<img decoding=\"async\" alt=\"eVoost\" class=\"evoost-logo\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\"\/>\n<span class=\"evoost-text\">\u4f9b\u7535<span class=\"evoost-highlight\">\u57c3\u6c83\u65af\u7279<\/span><\/span>\n<\/a>\n<\/div>\t\t\t\t<\/div>\n\t\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>Mardi Hills – Hero v6.2 \u5fbd\u6807\u5bf9\u9f50 \u624b\u5199\u96c6 \u683c\u9c81\u5409\u4e9a\u5df4\u7edf \u672c\u8d28\u7cbe\u54c1\u5962\u534e \u7531\u96c5 […]<\/p>\n","protected":false},"author":13,"featured_media":71,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1412","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mardi Hills | Handwritten Collection \u5df4\u7edf\u6295\u8d44\u9879\u76ee<\/title>\n<meta name=\"description\" content=\"\u5df4\u7edf\u72ec\u5bb6\u7cbe\u54c1\u9152\u5e97\u6295\u8d44\u3002Accor Handwritten Collection \u65d7\u4e0b 197 \u4e2a\u9ad8\u7aef\u5355\u5143\u3002\u9884\u8ba1\u6295\u8d44\u56de\u62a5\u7387 15%\u3002\u6536\u76ca\u5206\u6210 60\/40\u3002\u8d77\u4ef7 79,500 \u7f8e\u5143\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mardihills.com\/zh-hans\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mardi Hills | Handwritten Collection \u5df4\u7edf\u6295\u8d44\u9879\u76ee\" \/>\n<meta property=\"og:description\" content=\"\u5df4\u7edf\u72ec\u5bb6\u7cbe\u54c1\u9152\u5e97\u6295\u8d44\u3002Accor Handwritten Collection \u65d7\u4e0b 197 \u4e2a\u9ad8\u7aef\u5355\u5143\u3002\u9884\u8ba1\u6295\u8d44\u56de\u62a5\u7387 15%\u3002\u6536\u76ca\u5206\u6210 60\/40\u3002\u8d77\u4ef7 79,500 \u7f8e\u5143\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mardihills.com\/zh-hans\/\" \/>\n<meta property=\"og:site_name\" content=\"Mardi Hills\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-09T23:11:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-50006.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"703\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"78 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mardihills.com\/zh-hans\/\",\"url\":\"https:\/\/mardihills.com\/zh-hans\/\",\"name\":\"Mardi Hills | Handwritten Collection \u5df4\u7edf\u6295\u8d44\u9879\u76ee\",\"isPartOf\":{\"@id\":\"https:\/\/mardihills.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mardihills.com\/zh-hans\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mardihills.com\/zh-hans\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-50006.jpg\",\"datePublished\":\"2026-03-16T18:29:44+00:00\",\"dateModified\":\"2026-05-09T23:11:47+00:00\",\"description\":\"\u5df4\u7edf\u72ec\u5bb6\u7cbe\u54c1\u9152\u5e97\u6295\u8d44\u3002Accor Handwritten Collection \u65d7\u4e0b 197 \u4e2a\u9ad8\u7aef\u5355\u5143\u3002\u9884\u8ba1\u6295\u8d44\u56de\u62a5\u7387 15%\u3002\u6536\u76ca\u5206\u6210 60\/40\u3002\u8d77\u4ef7 79,500 \u7f8e\u5143\u3002\",\"breadcrumb\":{\"@id\":\"https:\/\/mardihills.com\/zh-hans\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mardihills.com\/zh-hans\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/mardihills.com\/zh-hans\/#primaryimage\",\"url\":\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-50006.jpg\",\"contentUrl\":\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-50006.jpg\",\"width\":1250,\"height\":703},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mardihills.com\/zh-hans\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/mardihills.com\/zh-hans\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage [ZH]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mardihills.com\/#website\",\"url\":\"https:\/\/mardihills.com\/\",\"name\":\"Mardi Hills\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/mardihills.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mardihills.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mardihills.com\/#organization\",\"name\":\"Mardi Hills\",\"url\":\"https:\/\/mardihills.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/mardihills.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/iconos-de-mapa_Mardi_negativo-scaled.png\",\"contentUrl\":\"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/iconos-de-mapa_Mardi_negativo-scaled.png\",\"width\":2560,\"height\":2560,\"caption\":\"Mardi Hills\"},\"image\":{\"@id\":\"https:\/\/mardihills.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mardi Hills | Handwritten Collection \u5df4\u7edf\u6295\u8d44\u9879\u76ee","description":"\u5df4\u7edf\u72ec\u5bb6\u7cbe\u54c1\u9152\u5e97\u6295\u8d44\u3002Accor Handwritten Collection \u65d7\u4e0b 197 \u4e2a\u9ad8\u7aef\u5355\u5143\u3002\u9884\u8ba1\u6295\u8d44\u56de\u62a5\u7387 15%\u3002\u6536\u76ca\u5206\u6210 60\/40\u3002\u8d77\u4ef7 79,500 \u7f8e\u5143\u3002","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mardihills.com\/zh-hans\/","og_locale":"zh_CN","og_type":"article","og_title":"Mardi Hills | Handwritten Collection \u5df4\u7edf\u6295\u8d44\u9879\u76ee","og_description":"\u5df4\u7edf\u72ec\u5bb6\u7cbe\u54c1\u9152\u5e97\u6295\u8d44\u3002Accor Handwritten Collection \u65d7\u4e0b 197 \u4e2a\u9ad8\u7aef\u5355\u5143\u3002\u9884\u8ba1\u6295\u8d44\u56de\u62a5\u7387 15%\u3002\u6536\u76ca\u5206\u6210 60\/40\u3002\u8d77\u4ef7 79,500 \u7f8e\u5143\u3002","og_url":"https:\/\/mardihills.com\/zh-hans\/","og_site_name":"Mardi Hills","article_modified_time":"2026-05-09T23:11:47+00:00","og_image":[{"width":1250,"height":703,"url":"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-50006.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"78 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mardihills.com\/zh-hans\/","url":"https:\/\/mardihills.com\/zh-hans\/","name":"Mardi Hills | Handwritten Collection \u5df4\u7edf\u6295\u8d44\u9879\u76ee","isPartOf":{"@id":"https:\/\/mardihills.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mardihills.com\/zh-hans\/#primaryimage"},"image":{"@id":"https:\/\/mardihills.com\/zh-hans\/#primaryimage"},"thumbnailUrl":"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-50006.jpg","datePublished":"2026-03-16T18:29:44+00:00","dateModified":"2026-05-09T23:11:47+00:00","description":"\u5df4\u7edf\u72ec\u5bb6\u7cbe\u54c1\u9152\u5e97\u6295\u8d44\u3002Accor Handwritten Collection \u65d7\u4e0b 197 \u4e2a\u9ad8\u7aef\u5355\u5143\u3002\u9884\u8ba1\u6295\u8d44\u56de\u62a5\u7387 15%\u3002\u6536\u76ca\u5206\u6210 60\/40\u3002\u8d77\u4ef7 79,500 \u7f8e\u5143\u3002","breadcrumb":{"@id":"https:\/\/mardihills.com\/zh-hans\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mardihills.com\/zh-hans\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/mardihills.com\/zh-hans\/#primaryimage","url":"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-50006.jpg","contentUrl":"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/BTM-pull3-50006.jpg","width":1250,"height":703},{"@type":"BreadcrumbList","@id":"https:\/\/mardihills.com\/zh-hans\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/mardihills.com\/zh-hans\/"},{"@type":"ListItem","position":2,"name":"Engage [ZH]"}]},{"@type":"WebSite","@id":"https:\/\/mardihills.com\/#website","url":"https:\/\/mardihills.com\/","name":"Mardi Hills","description":"","publisher":{"@id":"https:\/\/mardihills.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mardihills.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/mardihills.com\/#organization","name":"Mardi Hills","url":"https:\/\/mardihills.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/mardihills.com\/#\/schema\/logo\/image\/","url":"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/iconos-de-mapa_Mardi_negativo-scaled.png","contentUrl":"https:\/\/mardihills.com\/wp-content\/uploads\/2025\/11\/iconos-de-mapa_Mardi_negativo-scaled.png","width":2560,"height":2560,"caption":"Mardi Hills"},"image":{"@id":"https:\/\/mardihills.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/mardihills.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mardihills.com\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mardihills.com\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mardihills.com\/zh-hans\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/mardihills.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=1412"}],"version-history":[{"count":6,"href":"https:\/\/mardihills.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1412\/revisions"}],"predecessor-version":[{"id":1615,"href":"https:\/\/mardihills.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1412\/revisions\/1615"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mardihills.com\/zh-hans\/wp-json\/wp\/v2\/media\/71"}],"wp:attachment":[{"href":"https:\/\/mardihills.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=1412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}