{"id":8270,"date":"2026-08-16T11:17:49","date_gmt":"2026-08-16T11:17:49","guid":{"rendered":"https:\/\/julfian.com\/?page_id=8270"},"modified":"2026-08-16T11:31:26","modified_gmt":"2026-08-16T11:31:26","slug":"matera-lakeside","status":"publish","type":"page","link":"https:\/\/julfian.com\/en\/matera-lakeside\/","title":{"rendered":"Matera Lakeside Gading Serpong | Hunian Mewah Tepi Danau Mulai 6,8 M"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8270\" class=\"elementor elementor-8270\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9ffd8d e-con-full e-flex e-con e-parent\" data-id=\"a9ffd8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c986e2b elementor-widget elementor-widget-html\" data-id=\"c986e2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section 1 - Cinematic Hero -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-hero-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-hero-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    min-height: 650px;\r\n    background: #091319;\r\n    overflow: hidden;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  \/* Background Image Container (Desktop Default) *\/\r\n  .matera-hero-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: linear-gradient(180deg, rgba(9, 19, 25, 0.65) 0%, rgba(9, 19, 25, 0.4) 50%, rgba(9, 19, 25, 0.95) 100%), \r\n                      url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-Gading-Serpong.webp');\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    transition: background-image 0.4s ease-in-out;\r\n  }\r\n\r\n  \/* Centered Title Overlay *\/\r\n  .matera-hero-title-box {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -55%);\r\n    text-align: center;\r\n    width: 90%;\r\n    max-width: 980px;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  .matera-hero-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #38bdf8; \/* Cyan Water Accent *\/\r\n    background: rgba(9, 19, 25, 0.85);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    border: 1px solid rgba(56, 189, 248, 0.45);\r\n    padding: 6px 22px;\r\n    border-radius: 50px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .matera-hero-title {\r\n    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;\r\n    font-size: clamp(26px, 4.2vw, 52px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    letter-spacing: 1px;\r\n    line-height: 1.15;\r\n    text-shadow: 0 4px 25px rgba(0, 0, 0, 0.85);\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .matera-hero-title .line-2 {\r\n    display: block;\r\n    margin-top: 4px;\r\n    background: linear-gradient(90deg, #38bdf8 0%, #d4af37 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .matera-hero-subtitle {\r\n    font-size: clamp(13px, 1.2vw, 16px);\r\n    color: #e2e8f0;\r\n    font-weight: 400;\r\n    max-width: 780px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85);\r\n  }\r\n\r\n  \/* Bottom Floating Specs Bar *\/\r\n  .matera-hero-specs-bar {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translate(-50%, 40px);\r\n    width: 92%;\r\n    max-width: 1180px;\r\n    background: rgba(9, 19, 25, 0.9);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid rgba(56, 189, 248, 0.35);\r\n    border-radius: 20px;\r\n    padding: 22px 24px;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 12px;\r\n    z-index: 3;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  \/* Active State Triggered by Scroll *\/\r\n  .matera-hero-specs-bar.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translate(-50%, 0);\r\n  }\r\n\r\n  .matera-spec-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    border-right: 1px solid rgba(255, 255, 255, 0.15);\r\n    padding: 0 6px;\r\n  }\r\n\r\n  .matera-spec-item:last-child {\r\n    border-right: none;\r\n  }\r\n\r\n  .matera-spec-value {\r\n    font-size: clamp(15px, 1.5vw, 20px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin-bottom: 4px;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.2px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .matera-spec-value span {\r\n    color: #38bdf8;\r\n  }\r\n\r\n  .matera-spec-label {\r\n    font-size: 11px;\r\n    color: #94a3b8;\r\n    font-weight: 500;\r\n    letter-spacing: 0.3px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Scroll Down Indicator Icon *\/\r\n  .matera-scroll-indicator {\r\n    position: absolute;\r\n    bottom: 24px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    color: rgba(255, 255, 255, 0.85);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    z-index: 2;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  .matera-scroll-indicator svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #38bdf8;\r\n    animation: materaBounce 2s infinite;\r\n  }\r\n\r\n  @keyframes materaBounce {\r\n    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\r\n    40% { transform: translateY(-8px); }\r\n    60% { transform: translateY(-4px); }\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 768px) {\r\n    \/* Khusus Tampilan Layar HP \/ Tablet *\/\r\n    .matera-hero-bg {\r\n      background-image: linear-gradient(180deg, rgba(9, 19, 25, 0.7) 0%, rgba(9, 19, 25, 0.45) 50%, rgba(9, 19, 25, 0.95) 100%), \r\n                        url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Cluster-Matera-Lakeside-Gading-Serpong.webp');\r\n    }\r\n\r\n    .matera-hero-specs-bar {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 16px;\r\n      padding: 18px 16px;\r\n    }\r\n    .matera-spec-item {\r\n      border-right: none;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n      padding-bottom: 10px;\r\n    }\r\n    .matera-spec-item:nth-child(3), \r\n    .matera-spec-item:nth-child(4) {\r\n      border-bottom: none;\r\n      padding-bottom: 0;\r\n    }\r\n    .matera-spec-value, .matera-spec-label {\r\n      white-space: normal;\r\n    }\r\n  }\r\n\r\n  \/* Mobile Tweaks *\/\r\n  @media (max-width: 600px) {\r\n    .matera-hero-badge {\r\n      font-size: clamp(8.5px, 2.5vw, 10px);\r\n      letter-spacing: 0.8px;\r\n      padding: 5px 14px;\r\n      white-space: nowrap;\r\n      max-width: 100%;\r\n    }\r\n    .matera-hero-title-box {\r\n      width: 94%;\r\n    }\r\n    .matera-hero-specs-bar {\r\n      bottom: 20px;\r\n      width: 92%;\r\n      padding: 14px 12px;\r\n    }\r\n    .matera-spec-value {\r\n      font-size: 15px;\r\n    }\r\n    .matera-spec-label {\r\n      font-size: 10.5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-hero-wrapper\">\r\n  \r\n  <!-- Background Image -->\r\n  <div class=\"matera-hero-bg\"><\/div>\r\n\r\n  <!-- Main Title Overlay (Centered Content) -->\r\n  <div class=\"matera-hero-title-box\">\r\n    <span class=\"matera-hero-badge\">A NEW GENRE OF LAKESIDE LUXURY<\/span>\r\n    \r\n    <h1 class=\"matera-hero-title\">\r\n      PRESTIGIOUS 3-STOREY RESIDENCE\r\n      <span class=\"line-2\">MATERA LAKESIDE<\/span>\r\n    <\/h1>\r\n    \r\n    <p class=\"matera-hero-subtitle\">\r\n      Mahakarya Hunian Mewah Tepi Danau di Jantung <b>Paramount Gading Serpong<\/b> dengan <i>Dual Panoramic Balcony<\/i> &amp; <i>Community Club<\/i> Seluas 5.000 m\u00b2.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- Scroll Down Indicator -->\r\n  <div class=\"matera-scroll-indicator\" id=\"materaScrollIndicator\">\r\n    <span>SCROLL KEBAWAH<\/span>\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n  <\/div>\r\n\r\n  <!-- Bottom Floating Spec Bar -->\r\n  <div class=\"matera-hero-specs-bar\" id=\"materaSpecsBar\">\r\n    <div class=\"matera-spec-item\">\r\n      <div class=\"matera-spec-value\">Mulai <span>Rp 6,8 M-an<\/span><\/div>\r\n      <div class=\"matera-spec-label\">Harga Perdana Inc. PPN<\/div>\r\n    <\/div>\r\n    <div class=\"matera-spec-item\">\r\n      <div class=\"matera-spec-value\">Cluster <span>3 Lantai<\/span><\/div>\r\n      <div class=\"matera-spec-label\">Tipe 8x16, 9x18 &amp; 10x18+<\/div>\r\n    <\/div>\r\n    <div class=\"matera-spec-item\">\r\n      <div class=\"matera-spec-value\">Clubhouse <span>5.000 m\u00b2<\/span><\/div>\r\n      <div class=\"matera-spec-label\">Infinity Pool, Bowling &amp; Golf<\/div>\r\n    <\/div>\r\n    <div class=\"matera-spec-item\">\r\n      <div class=\"matera-spec-value\">Eco-Luxury <span>Ready<\/span><\/div>\r\n      <div class=\"matera-spec-label\">EV Charger 3-Phase &amp; Solar Panel<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Scroll Effect Script -->\r\n<script>\r\n  window.addEventListener('scroll', function() {\r\n    const specsBar = document.getElementById('materaSpecsBar');\r\n    const scrollIndicator = document.getElementById('materaScrollIndicator');\r\n    \r\n    \/\/ Trigger saat scroll turun lebih dari 60px\r\n    if (window.scrollY > 60) {\r\n      if (specsBar) specsBar.classList.add('active');\r\n      if (scrollIndicator) scrollIndicator.style.opacity = '0';\r\n    } else {\r\n      if (specsBar) specsBar.classList.remove('active');\r\n      if (scrollIndicator) scrollIndicator.style.opacity = '1';\r\n    }\r\n  });\r\n<\/script>\r\n<!-- END: Matera Lakeside Section 1 - Cinematic Hero -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c2ab06 e-con-full e-flex e-con e-parent\" data-id=\"9c2ab06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88646d6 elementor-widget elementor-widget-html\" data-id=\"88646d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section 2 - The Concept & Exclusive Enclaves -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-enclave-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-enclave-section {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #0b151e;\r\n    color: #f8fafc;\r\n    padding: 100px 20px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Subtle Ambient Glow *\/\r\n  .matera-enclave-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 800px;\r\n    height: 350px;\r\n    background: radial-gradient(circle, rgba(56, 189, 248, 0.08) 0%, rgba(11, 21, 30, 0) 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .matera-enclave-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .matera-section-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto 60px;\r\n  }\r\n\r\n  .matera-tag-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #38bdf8; \/* Lake Cyan *\/\r\n    background: rgba(56, 189, 248, 0.1);\r\n    border: 1px solid rgba(56, 189, 248, 0.3);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .matera-section-title {\r\n    font-size: clamp(26px, 3.2vw, 40px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.5px;\r\n    margin: 0 0 16px 0;\r\n  }\r\n\r\n  .matera-section-title span {\r\n    background: linear-gradient(90deg, #38bdf8 0%, #d4af37 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .matera-section-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #94a3b8;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 4-Grid Enclave Cards *\/\r\n  .matera-enclave-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .matera-enclave-card {\r\n    position: relative;\r\n    height: 420px;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    background: #13222e;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    padding: 24px;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n  }\r\n\r\n  .matera-enclave-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(56, 189, 248, 0.5);\r\n    box-shadow: 0 22px 45px rgba(0, 0, 0, 0.6), 0 0 25px rgba(56, 189, 248, 0.2);\r\n  }\r\n\r\n  \/* Card Background Image & Overlay *\/\r\n  .matera-card-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    z-index: 1;\r\n  }\r\n\r\n  .matera-enclave-card:hover .matera-card-bg {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  .matera-card-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, rgba(9, 19, 25, 0.1) 0%, rgba(9, 19, 25, 0.7) 50%, rgba(9, 19, 25, 0.96) 100%);\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Card Content *\/\r\n  .matera-card-content {\r\n    position: relative;\r\n    z-index: 3;\r\n  }\r\n\r\n  .matera-card-num {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    color: #38bdf8;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .matera-card-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .matera-card-desc {\r\n    font-size: 13px;\r\n    color: #cbd5e1;\r\n    line-height: 1.55;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-card-desc b {\r\n    color: #ffffff;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* Sub-Feature Highlight: Dual Panoramic Balcony *\/\r\n  .matera-feature-highlight {\r\n    background: linear-gradient(135deg, rgba(19, 34, 46, 0.95) 0%, rgba(11, 21, 30, 0.95) 100%);\r\n    border: 1px solid rgba(212, 175, 55, 0.35); \/* Luxury Gold Border *\/\r\n    border-radius: 24px;\r\n    padding: 40px;\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 1fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .matera-feature-highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -20%;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .matera-feature-text h3 {\r\n    font-size: clamp(22px, 2.2vw, 30px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 12px 0 16px 0;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .matera-feature-text h3 span {\r\n    color: #d4af37; \/* Warm Gold *\/\r\n  }\r\n\r\n  .matera-feature-text p {\r\n    font-size: 14.5px;\r\n    color: #cbd5e1;\r\n    line-height: 1.7;\r\n    margin: 0 0 24px 0;\r\n  }\r\n\r\n  .matera-feature-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .matera-pill {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #e2e8f0;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    padding: 6px 14px;\r\n    border-radius: 30px;\r\n  }\r\n\r\n  .matera-feature-visual {\r\n    position: relative;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    height: 280px;\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .matera-feature-visual img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.5s ease;\r\n  }\r\n\r\n  .matera-feature-highlight:hover .matera-feature-visual img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Bottom CTA Button Section *\/\r\n  .matera-cta-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-top: 50px;\r\n    width: 100%;\r\n  }\r\n\r\n  .matera-btn-gold {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #b58d59;\r\n    color: #ffffff;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding: 16px 52px;\r\n    border-radius: 14px;\r\n    border: none;\r\n    outline: none;\r\n    cursor: pointer;\r\n    box-shadow: 0 6px 20px rgba(181, 141, 89, 0.35);\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .matera-btn-gold:hover {\r\n    background-color: #9e7948;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 28px rgba(181, 141, 89, 0.5);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .matera-btn-gold:active {\r\n    transform: translateY(0);\r\n    box-shadow: 0 4px 14px rgba(181, 141, 89, 0.3);\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 1024px) {\r\n    .matera-enclave-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n    .matera-enclave-card {\r\n      height: 380px;\r\n    }\r\n    .matera-feature-highlight {\r\n      grid-template-columns: 1fr;\r\n      padding: 30px;\r\n      gap: 30px;\r\n    }\r\n    .matera-feature-visual {\r\n      height: 240px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .matera-enclave-section {\r\n      padding: 70px 16px;\r\n    }\r\n    .matera-enclave-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n    }\r\n    .matera-enclave-card {\r\n      height: 340px;\r\n      padding: 20px;\r\n    }\r\n    .matera-feature-highlight {\r\n      padding: 24px 20px;\r\n    }\r\n    .matera-card-title {\r\n      font-size: 18px;\r\n    }\r\n    .matera-btn-gold {\r\n      width: 100%;\r\n      max-width: 320px;\r\n      padding: 14px 28px;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-enclave-section\">\r\n  <div class=\"matera-enclave-container\">\r\n    \r\n    <!-- Section Header (SEO Structured H2) -->\r\n    <div class=\"matera-section-header\">\r\n      <span class=\"matera-tag-badge\">Master Plan & Landscape Concept<\/span>\r\n      <h2 class=\"matera-section-title\">\r\n        Koleksi Hunian Ikonik dengan <span>4 Karakter Enclave<\/span> Eksklusif\r\n      <\/h2>\r\n      <p class=\"matera-section-desc\">\r\n        Setiap sudut kawasan Matera Lakeside dirancang cermat untuk menghadirkan harmoni sempurna antara kemewahan arsitektur modern, privasi keluarga, dan keasrian panorama danau alami.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 4 Enclave Grid Cards -->\r\n    <div class=\"matera-enclave-grid\">\r\n      \r\n      <!-- Card 1: Lakeview -->\r\n      <div class=\"matera-enclave-card\">\r\n        <div class=\"matera-card-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-Lakeview-Enclave.webp');\"><\/div>\r\n        <div class=\"matera-card-overlay\"><\/div>\r\n        <div class=\"matera-card-content\">\r\n          <div class=\"matera-card-num\">Enclave 01<\/div>\r\n          <h3 class=\"matera-card-title\">Lakeview Enclave<\/h3>\r\n          <p class=\"matera-card-desc\">Waterfront retreat paling prestisius dengan pemandangan danau lepas (<b>uninterrupted view<\/b>) tanpa batas.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Main Boulevard -->\r\n      <div class=\"matera-enclave-card\">\r\n        <div class=\"matera-card-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-Main-Gate.webp');\"><\/div>\r\n        <div class=\"matera-card-overlay\"><\/div>\r\n        <div class=\"matera-card-content\">\r\n          <div class=\"matera-card-num\">Enclave 02<\/div>\r\n          <h3 class=\"matera-card-title\">Main Boulevard<\/h3>\r\n          <p class=\"matera-card-desc\">Akses jalan utama yang megah dengan <b>private lifestyle backyard<\/b> untuk kenyamanan alfresco dining & gathering.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Verdant Retreat -->\r\n      <div class=\"matera-enclave-card\">\r\n        <div class=\"matera-card-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-Verdant-Retreat.webp');\"><\/div>\r\n        <div class=\"matera-card-overlay\"><\/div>\r\n        <div class=\"matera-card-content\">\r\n          <div class=\"matera-card-num\">Enclave 03<\/div>\r\n          <h3 class=\"matera-card-title\">Verdant Retreat<\/h3>\r\n          <p class=\"matera-card-desc\">Suasana sejuk dan asri berkat <b>green tunnel corridor<\/b> dengan kanopi pepohonan rindang nan menenangkan.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Serenity Enclave -->\r\n      <div class=\"matera-enclave-card\">\r\n        <div class=\"matera-card-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-Serenity-Enclave.webp');\"><\/div>\r\n        <div class=\"matera-card-overlay\"><\/div>\r\n        <div class=\"matera-card-content\">\r\n          <div class=\"matera-card-num\">Enclave 04<\/div>\r\n          <h3 class=\"matera-card-title\">Serenity Enclave<\/h3>\r\n          <p class=\"matera-card-desc\">Layout jalan berliku (<b>curvilinear<\/b>) khas resort bintang lima yang mendukung ritme <b>slow, intentional living<\/b>.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Sub-Feature Highlight: Dual Panoramic Balcony -->\r\n    <div class=\"matera-feature-highlight\">\r\n      <div class=\"matera-feature-text\">\r\n        <span class=\"matera-tag-badge\" style=\"color: #d4af37; border-color: rgba(212, 175, 55, 0.4); background: rgba(212, 175, 55, 0.1);\">\r\n          Architectural Signature\r\n        <\/span>\r\n        <h3>The Signature <span>Dual Panoramic Balcony<\/span><\/h3>\r\n        <p>\r\n          Konsep arsitektur inovatif yang memperluas ruang hidup keluarga langsung ke alam bebas. Nikmati sirkulasi udara segar, limpahan cahaya alami, serta pemandangan danau dan lanskap hijau langsung dari area privat Anda.\r\n        <\/p>\r\n        <div class=\"matera-feature-tags\">\r\n          <span class=\"matera-pill\">\u2726 Unobstructed Lake View<\/span>\r\n          <span class=\"matera-pill\">\u2726 Seamless Indoor-Outdoor<\/span>\r\n          <span class=\"matera-pill\">\u2726 Glass Canopy Included<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"matera-feature-visual\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-The-Signature-Dual-Panoramic-Balcony.webp\" alt=\"Dual Panoramic Balcony Matera Lakeside Gading Serpong\" loading=\"lazy\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bottom CTA Button (Exact Match Style with Custom WhatsApp Link) -->\r\n    <div class=\"matera-cta-wrapper\">\r\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20melihat%20ini%20di%20Website%20dan%20saya%20tertarik%20dengan%20Matera%20Lakeside%20Gading%20Serpong.%20Apa%20bisa%20dibantu?\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-btn-gold\">\r\n        INFO DETAIL\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<!-- END: Matera Lakeside Section 2 - The Concept & Exclusive Enclaves -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f7dd0d e-con-full e-flex e-con e-parent\" data-id=\"8f7dd0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98f0df2 elementor-widget elementor-widget-html\" data-id=\"98f0df2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section 3 - Unit Types & Floor Plans -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-types-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-types-section {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Gradasi ultra smooth dari dark navy ke ocean blue *\/\r\n    background: linear-gradient(180deg, #0b151e 0%, #11202c 25%, #182e3f 50%, #2a475d 75%, #3d5f78 90%, #62829a 100%);\r\n    color: #ffffff;\r\n    padding: 110px 20px 100px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .matera-types-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .matera-types-header {\r\n    text-align: center;\r\n    max-width: 1100px;\r\n    margin: 0 auto 45px;\r\n  }\r\n\r\n  .matera-types-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #38bdf8;\r\n    background: rgba(11, 21, 30, 0.7);\r\n    border: 1px solid rgba(56, 189, 248, 0.4);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n  }\r\n\r\n  \/* Dikunci 1 baris utuh *\/\r\n  .matera-types-title {\r\n    font-size: clamp(20px, 2.7vw, 36px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.3px;\r\n    margin: 0 0 16px 0;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .matera-types-title span {\r\n    background: linear-gradient(90deg, #38bdf8 0%, #eab308 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .matera-types-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #cbd5e1;\r\n    line-height: 1.7;\r\n    margin: 0 auto;\r\n    max-width: 820px;\r\n  }\r\n\r\n  \/* Tab Switcher Controls *\/\r\n  .matera-tab-switcher {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 45px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .matera-tab-btn {\r\n    background: rgba(15, 29, 41, 0.7);\r\n    color: #cbd5e1;\r\n    font-family: inherit;\r\n    font-size: 14.5px;\r\n    font-weight: 700;\r\n    padding: 14px 28px;\r\n    border-radius: 50px;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    cursor: pointer;\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n    outline: none;\r\n  }\r\n\r\n  .matera-tab-btn:hover {\r\n    color: #ffffff;\r\n    border-color: #38bdf8;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .matera-tab-btn.active {\r\n    background: #0b151e;\r\n    color: #ffffff;\r\n    border-color: #38bdf8;\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), 0 0 15px rgba(56, 189, 248, 0.25);\r\n  }\r\n\r\n  .matera-tab-btn.active span {\r\n    color: #38bdf8;\r\n  }\r\n\r\n  \/* Tab Content Panels *\/\r\n  .matera-tab-panel {\r\n    display: none;\r\n    opacity: 0;\r\n    transform: translateY(15px);\r\n    transition: opacity 0.4s ease, transform 0.4s ease;\r\n  }\r\n\r\n  .matera-tab-panel.active {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 1fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Card Showcase Box *\/\r\n  .matera-type-showcase {\r\n    background: rgba(11, 21, 30, 0.85);\r\n    border-radius: 24px;\r\n    padding: 38px;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .matera-type-showcase::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #38bdf8 0%, #b58d59 100%);\r\n  }\r\n\r\n  .matera-type-subhead {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    color: #38bdf8;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .matera-type-h3 {\r\n    font-size: clamp(22px, 2.2vw, 30px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.25;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  \/* Spec Grid Table *\/\r\n  .matera-specs-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 12px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .matera-spec-box {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 14px;\r\n    padding: 12px 14px;\r\n    text-align: center;\r\n  }\r\n\r\n  .matera-spec-box .label {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #94a3b8;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .matera-spec-box .val {\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Features List *\/\r\n  .matera-type-features {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .matera-type-features h4 {\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    color: #cbd5e1;\r\n    margin: 0 0 10px 0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .matera-feature-item {\r\n    font-size: 14.5px;\r\n    color: #e2e8f0;\r\n    line-height: 1.6;\r\n    margin-bottom: 6px;\r\n    position: relative;\r\n    padding-left: 22px;\r\n  }\r\n\r\n  .matera-feature-item::before {\r\n    content: '\u2713';\r\n    position: absolute;\r\n    left: 0;\r\n    color: #38bdf8;\r\n    font-weight: 800;\r\n  }\r\n\r\n  \/* Price Bar & Action *\/\r\n  .matera-price-action-bar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-top: 22px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n    gap: 18px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .matera-price-block .p-label {\r\n    font-size: 11.5px;\r\n    font-weight: 600;\r\n    color: #94a3b8;\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .matera-price-block .p-val {\r\n    font-size: clamp(20px, 1.8vw, 24px);\r\n    font-weight: 800;\r\n    color: #d4af37;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .matera-type-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #b58d59;\r\n    color: #ffffff;\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    text-decoration: none;\r\n    padding: 14px 24px;\r\n    border-radius: 12px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 6px 18px rgba(181, 141, 89, 0.35);\r\n    white-space: nowrap;\r\n    border: none;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .matera-type-btn:hover {\r\n    background-color: #9e7948;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 22px rgba(181, 141, 89, 0.45);\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Visual Box *\/\r\n  .matera-type-visual-box {\r\n    position: relative;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    height: 480px;\r\n    background: #13222e;\r\n    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .matera-type-visual-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .matera-type-visual-box:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .matera-visual-tag {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 20px;\r\n    background: rgba(11, 21, 30, 0.85);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    color: #ffffff;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    padding: 8px 16px;\r\n    border-radius: 30px;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* \"Lihat Detail\" Layout Trigger Button *\/\r\n  .matera-btn-view-detail {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    right: 20px;\r\n    background: rgba(11, 21, 30, 0.9);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    color: #ffffff;\r\n    border: 1px solid #38bdf8;\r\n    font-family: inherit;\r\n    font-size: 12.5px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.8px;\r\n    padding: 10px 20px;\r\n    border-radius: 30px;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    z-index: 3;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.5);\r\n  }\r\n\r\n  .matera-btn-view-detail svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    fill: #38bdf8;\r\n  }\r\n\r\n  .matera-btn-view-detail:hover {\r\n    background: #38bdf8;\r\n    color: #0b151e;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(56, 189, 248, 0.4);\r\n  }\r\n\r\n  .matera-btn-view-detail:hover svg {\r\n    fill: #0b151e;\r\n  }\r\n\r\n  \/* MODAL \/ POPUP LAYOUT VIEWER *\/\r\n  .matera-layout-modal {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(7, 14, 20, 0.94);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    z-index: 9999;\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .matera-layout-modal.active {\r\n    display: flex;\r\n    opacity: 1;\r\n  }\r\n\r\n  .matera-modal-dialog {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 960px;\r\n    background: #0b151e;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(56, 189, 248, 0.3);\r\n    padding: 24px;\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8);\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 90vh;\r\n  }\r\n\r\n  .matera-modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 16px;\r\n    padding-bottom: 14px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .matera-modal-title {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-modal-title span {\r\n    color: #38bdf8;\r\n  }\r\n\r\n  .matera-modal-close {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border: none;\r\n    color: #ffffff;\r\n    font-size: 20px;\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.2s;\r\n  }\r\n\r\n  .matera-modal-close:hover {\r\n    background: #e11d48;\r\n  }\r\n\r\n  \/* Sub-variant tabs inside modal: Dibuat wrap rapi bertingkat *\/\r\n  .matera-variant-nav {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-bottom: 14px;\r\n    max-height: 120px;\r\n    overflow-y: auto;\r\n  }\r\n\r\n  .matera-var-btn {\r\n    background: rgba(255, 255, 255, 0.06);\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    color: #cbd5e1;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    padding: 7px 14px;\r\n    border-radius: 20px;\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n    transition: all 0.2s;\r\n  }\r\n\r\n  .matera-var-btn:hover {\r\n    border-color: #38bdf8;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .matera-var-btn.active {\r\n    background: #38bdf8;\r\n    color: #0b151e;\r\n    font-weight: 700;\r\n    border-color: #38bdf8;\r\n  }\r\n\r\n  .matera-modal-body {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #060c11;\r\n    border-radius: 12px;\r\n    padding: 10px;\r\n  }\r\n\r\n  .matera-modal-crop-wrapper {\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 55vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    position: relative;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  .matera-modal-img {\r\n    max-width: 100%;\r\n    max-height: 55vh;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  \/* Crop mutlak bagian atas strip brosur untuk Tipe 10 *\/\r\n  .matera-modal-img.crop-tipe10 {\r\n    margin-top: -55px !important;\r\n    transform: scale(1.14) !important;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 1024px) {\r\n    .matera-tab-panel.active {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n    }\r\n    .matera-type-visual-box {\r\n      height: 380px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .matera-types-title {\r\n      white-space: normal;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .matera-types-section {\r\n      padding: 80px 16px 60px;\r\n    }\r\n    .matera-types-header {\r\n      margin-bottom: 30px;\r\n    }\r\n    .matera-tab-btn {\r\n      width: 100%;\r\n      text-align: center;\r\n      padding: 12px 20px;\r\n      font-size: 13.5px;\r\n    }\r\n    .matera-type-showcase {\r\n      padding: 24px 20px;\r\n    }\r\n    .matera-specs-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .matera-price-action-bar {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      text-align: center;\r\n    }\r\n    .matera-type-btn {\r\n      width: 100%;\r\n    }\r\n    .matera-type-visual-box {\r\n      height: 300px;\r\n    }\r\n    .matera-modal-img.crop-tipe10 {\r\n      margin-top: -30px !important;\r\n      transform: scale(1.15) !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-types-section\" id=\"tipe-unit\">\r\n  <div class=\"matera-types-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"matera-types-header\">\r\n      <span class=\"matera-types-badge\">Floor Plans & Configurations<\/span>\r\n      <h2 class=\"matera-types-title\">\r\n        Pilihan Tipe Unit <span>Matera Lakeside<\/span> Gading Serpong\r\n      <\/h2>\r\n      <p class=\"matera-types-desc\">\r\n        Setiap denah dirancang dengan fleksibilitas maksimal, menghadirkan kemewahan 3 lantai yang lapang, pencahayaan alami berlimpah, dan pemandangan lingkungan yang asri.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Tab Switchers -->\r\n    <div class=\"matera-tab-switcher\">\r\n      <button class=\"matera-tab-btn active\" onclick=\"materaOpenTab(event, 'tab-tipe8')\">\r\n        Tipe 8 <span>(8x16)<\/span>\r\n      <\/button>\r\n      <button class=\"matera-tab-btn\" onclick=\"materaOpenTab(event, 'tab-tipe9')\">\r\n        Tipe 9 <span>(9x18)<\/span>\r\n      <\/button>\r\n      <button class=\"matera-tab-btn\" onclick=\"materaOpenTab(event, 'tab-tipe10')\">\r\n        Tipe 10 <span>(10x18 \/ 10x20 \/ 10x24)<\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- TAB PANEL 1: TIPE 8 -->\r\n    <div id=\"tab-tipe8\" class=\"matera-tab-panel active\">\r\n      <div class=\"matera-type-showcase\">\r\n        <div class=\"matera-type-subhead\">Corner & Standard Option<\/div>\r\n        <h3 class=\"matera-type-h3\">Tipe 8x16 \u2013 Compact Luxury 3 Lantai<\/h3>\r\n        \r\n        <div class=\"matera-specs-grid\">\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Luas Tanah<\/div>\r\n            <div class=\"val\">128 m\u00b2<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Luas Bangunan<\/div>\r\n            <div class=\"val\">226 m\u00b2<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Kamar Tidur<\/div>\r\n            <div class=\"val\">3 + 1 KT<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Kamar Mandi<\/div>\r\n            <div class=\"val\">4 + 1 KM<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Carport<\/div>\r\n            <div class=\"val\">2 Mobil<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Jumlah Lantai<\/div>\r\n            <div class=\"val\">3 Lantai<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"matera-type-features\">\r\n          <h4>Fitur & Keunggulan Denah:<\/h4>\r\n          <div class=\"matera-feature-item\">Foyer masuk privat dengan suasana menyambut yang megah.<\/div>\r\n          <div class=\"matera-feature-item\">Spacious Living & Dining Area dengan akses pencahayaan optimal.<\/div>\r\n          <div class=\"matera-feature-item\">Hobbies \/ Working Room fleksibel di lantai 3.<\/div>\r\n          <div class=\"matera-feature-item\">Balkon luas dilengkapi Panoramic Glass Canopy modern.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"matera-price-action-bar\">\r\n          <div class=\"matera-price-block\">\r\n            <div class=\"p-label\">Harga Tunai Mulai:<\/div>\r\n            <div class=\"p-val\">Rp 6,82 M-an<\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20melihat%20ini%20di%20Website%20dan%20ingin%20Minta%20Simulasi%20KPR%20Tipe%208%20Matera%20Lakeside.%20Bisa%20dibantu?\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-type-btn\">\r\n            Minta Simulasi KPR Tipe 8\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"matera-type-visual-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Facade-Matera-Lakeside-Tipe-8.webp\" alt=\"Facade Matera Lakeside Tipe 8 Gading Serpong\" loading=\"lazy\">\r\n        <div class=\"matera-visual-tag\">Tipe 8x16 \u2022 3 Lantai<\/div>\r\n        <button class=\"matera-btn-view-detail\" onclick=\"openLayoutModal('8')\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/><\/svg>\r\n          Lihat Detail\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TAB PANEL 2: TIPE 9 -->\r\n    <div id=\"tab-tipe9\" class=\"matera-tab-panel\">\r\n      <div class=\"matera-type-showcase\">\r\n        <div class=\"matera-type-subhead\">Standard, Corner & Linear<\/div>\r\n        <h3 class=\"matera-type-h3\">Tipe 9x18 \u2013 The Grande Family Residence<\/h3>\r\n        \r\n        <div class=\"matera-specs-grid\">\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Luas Tanah<\/div>\r\n            <div class=\"val\">162 \/ 198 m\u00b2+<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Luas Bangunan<\/div>\r\n            <div class=\"val\">278 \u2013 279 m\u00b2<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Kamar Tidur<\/div>\r\n            <div class=\"val\">4 + 1 KT<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Kamar Mandi<\/div>\r\n            <div class=\"val\">5 + 1 KM<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Carport<\/div>\r\n            <div class=\"val\">2 Mobil<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Jumlah Lantai<\/div>\r\n            <div class=\"val\">3 Lantai<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"matera-type-features\">\r\n          <h4>Fitur & Keunggulan Denah:<\/h4>\r\n          <div class=\"matera-feature-item\">Master Bedroom ekstra luas dengan area Walk-in Closet.<\/div>\r\n          <div class=\"matera-feature-item\">High Ceiling Living Room dengan kesan megah dan lapang.<\/div>\r\n          <div class=\"matera-feature-item\">Tersedia opsi Tipe 2 Muka (Dual Fa\u00e7ade) dengan sirkulasi maksimal.<\/div>\r\n          <div class=\"matera-feature-item\">Private Balcony untuk momen santai outdoor keluarga.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"matera-price-action-bar\">\r\n          <div class=\"matera-price-block\">\r\n            <div class=\"p-label\">Harga Tunai Mulai:<\/div>\r\n            <div class=\"p-val\">Rp 8,57 M-an<\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20melihat%20ini%20di%20Website%20dan%20ingin%20Minta%20Simulasi%20KPR%20Tipe%209%20Matera%20Lakeside.%20Bisa%20dibantu?\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-type-btn\">\r\n            Minta Simulasi KPR Tipe 9\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"matera-type-visual-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Facade-Matera-Lakeside-Tipe-9.webp\" alt=\"Facade Matera Lakeside Tipe 9 Gading Serpong\" loading=\"lazy\">\r\n        <div class=\"matera-visual-tag\">Tipe 9x18 \u2022 Dual Fa\u00e7ade Option<\/div>\r\n        <button class=\"matera-btn-view-detail\" onclick=\"openLayoutModal('9')\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/><\/svg>\r\n          Lihat Detail\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TAB PANEL 3: TIPE 10 -->\r\n    <div id=\"tab-tipe10\" class=\"matera-tab-panel\">\r\n      <div class=\"matera-type-showcase\">\r\n        <div class=\"matera-type-subhead\">10x18, 10x20 & 10x24 Linear<\/div>\r\n        <h3 class=\"matera-type-h3\">Tipe 10 \u2013 Ultimate Lakeside Villa<\/h3>\r\n        \r\n        <div class=\"matera-specs-grid\">\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Luas Tanah<\/div>\r\n            <div class=\"val\">180 \u2013 240 m\u00b2+<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Luas Bangunan<\/div>\r\n            <div class=\"val\">313 \u2013 320 m\u00b2<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Kamar Tidur<\/div>\r\n            <div class=\"val\">4 + 1 KT<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Kamar Mandi<\/div>\r\n            <div class=\"val\">5 + 1 KM<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Carport<\/div>\r\n            <div class=\"val\">2 Mobil<\/div>\r\n          <\/div>\r\n          <div class=\"matera-spec-box\">\r\n            <div class=\"label\">Jumlah Lantai<\/div>\r\n            <div class=\"val\">3 Lantai<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"matera-type-features\">\r\n          <h4>Fitur & Keunggulan Denah:<\/h4>\r\n          <div class=\"matera-feature-item\">Tata ruang paling prestisius dengan luas bangunan hingga 320 m\u00b2.<\/div>\r\n          <div class=\"matera-feature-item\">Ruang multifungsi di lantai atas ideal untuk Hobbies \/ Golf Simulator.<\/div>\r\n          <div class=\"matera-feature-item\">Master Suite mewah dengan kamar mandi ber-Double Vanity & Smart Closet.<\/div>\r\n          <div class=\"matera-feature-item\">Multi-view balcony menghadap langsung ke lanskap danau.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"matera-price-action-bar\">\r\n          <div class=\"matera-price-block\">\r\n            <div class=\"p-label\">Harga Tunai Mulai:<\/div>\r\n            <div class=\"p-val\">Rp 9,46 M-an<\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20melihat%20ini%20di%20Website%20dan%20ingin%20Minta%20Simulasi%20KPR%20Tipe%2010%20Matera%20Lakeside.%20Bisa%20dibantu?\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-type-btn\">\r\n            Minta Simulasi KPR Tipe 10\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"matera-type-visual-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Facade-Matera-Lakeside-Tipe-10.webp\" alt=\"Facade Matera Lakeside Tipe 10 Gading Serpong\" loading=\"lazy\">\r\n        <div class=\"matera-visual-tag\">Tipe 10 \u2022 Ultimate Villa<\/div>\r\n        <button class=\"matera-btn-view-detail\" onclick=\"openLayoutModal('10')\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/><\/svg>\r\n          Lihat Detail\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- POPUP MODAL LAYOUT VIEWER -->\r\n<div id=\"materaLayoutModal\" class=\"matera-layout-modal\" onclick=\"closeLayoutModal(event)\">\r\n  <div class=\"matera-modal-dialog\" onclick=\"event.stopPropagation()\">\r\n    <div class=\"matera-modal-header\">\r\n      <h4 class=\"matera-modal-title\" id=\"materaModalTitle\">Floor Plan Layout: <span>Tipe 8<\/span><\/h4>\r\n      <button class=\"matera-modal-close\" onclick=\"closeLayoutModal()\">&times;<\/button>\r\n    <\/div>\r\n    \r\n    <!-- Dynamic Variant Tab Buttons: Flex-wrap ke 2 baris -->\r\n    <div class=\"matera-variant-nav\" id=\"materaVariantNav\"><\/div>\r\n    \r\n    <!-- Layout Image Viewer with Auto-Crop Frame -->\r\n    <div class=\"matera-modal-body\">\r\n      <div class=\"matera-modal-crop-wrapper\">\r\n        <img decoding=\"async\" id=\"materaModalImage\" class=\"matera-modal-img\" src=\"\" alt=\"Layout Denah Matera Lakeside\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Tab Switcher & Modal Script -->\r\n<script>\r\n  \/\/ Data Variasi Layout Gambar Denah\r\n  const layoutData = {\r\n    '8': [\r\n      { name: '8x16 Standard', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-8x16-Standard.webp' },\r\n      { name: '8x16 Corner', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-8x16-Corner.webp' }\r\n    ],\r\n    '9': [\r\n      { name: '9x18 Standard', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-9x18-Standard.webp' },\r\n      { name: '9x18 Corner', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-9x18-Corner.webp' },\r\n      { name: '9x18 Standard Linear', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-9x18-Standard-Linear.webp' },\r\n      { name: '9x18 Corner Linear', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-9x18-Corner-Linear.webp' }\r\n    ],\r\n    '10': [\r\n      { name: '10x18 Standard', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-10x18-Standard.webp' },\r\n      { name: '10x18 Corner', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-10x18-Corner.webp' },\r\n      { name: '10x18 Standard Linear', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-10x18-Standard-Linear.webp' },\r\n      { name: '10x18 Corner Linear', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-10x18-Corner-Linear.webp' },\r\n      { name: '10x20\/22\/24 Standard', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-10x20-22-24-Standard.webp' },\r\n      { name: '10x20\/22\/24 Corner', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-10x20-22-24-Corner.webp' },\r\n      { name: '10x20\/22\/24 Std Linear', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-10x20-22-24-Standard-Linear.webp' },\r\n      { name: '10x24 Corner Linear', url: 'https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Layout-Matera-Lakeside-Tipe-10x24-Corner-Linear.webp' }\r\n    ]\r\n  };\r\n\r\n  function materaOpenTab(evt, tabName) {\r\n    const tabPanels = document.querySelectorAll('.matera-tab-panel');\r\n    tabPanels.forEach(panel => panel.classList.remove('active'));\r\n\r\n    const tabBtns = document.querySelectorAll('.matera-tab-btn');\r\n    tabBtns.forEach(btn => btn.classList.remove('active'));\r\n\r\n    const selectedTab = document.getElementById(tabName);\r\n    if (selectedTab) selectedTab.classList.add('active');\r\n    \r\n    if (evt && evt.currentTarget) {\r\n      evt.currentTarget.classList.add('active');\r\n    }\r\n  }\r\n\r\n  function openLayoutModal(typeKey) {\r\n    const modal = document.getElementById('materaLayoutModal');\r\n    const modalTitle = document.getElementById('materaModalTitle');\r\n    const variantNav = document.getElementById('materaVariantNav');\r\n    const modalImg = document.getElementById('materaModalImage');\r\n    \r\n    const items = layoutData[typeKey] || [];\r\n    if (items.length === 0) return;\r\n\r\n    modalTitle.innerHTML = `Floor Plan Layout: <span>Tipe ${typeKey}<\/span>`;\r\n    variantNav.innerHTML = '';\r\n\r\n    \/\/ Terapkan class pemotong bagian strip atas khusus Tipe 10\r\n    if (typeKey === '10') {\r\n      modalImg.classList.add('crop-tipe10');\r\n    } else {\r\n      modalImg.classList.remove('crop-tipe10');\r\n    }\r\n\r\n    items.forEach((item, index) => {\r\n      const btn = document.createElement('button');\r\n      btn.className = `matera-var-btn ${index === 0 ? 'active' : ''}`;\r\n      btn.innerText = item.name;\r\n      btn.onclick = () => {\r\n        document.querySelectorAll('.matera-var-btn').forEach(b => b.classList.remove('active'));\r\n        btn.classList.add('active');\r\n        modalImg.src = item.url;\r\n      };\r\n      variantNav.appendChild(btn);\r\n    });\r\n\r\n    modalImg.src = items[0].url;\r\n    modal.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeLayoutModal() {\r\n    const modal = document.getElementById('materaLayoutModal');\r\n    modal.classList.remove('active');\r\n    document.body.style.overflow = 'auto';\r\n  }\r\n<\/script>\r\n<!-- END: Matera Lakeside Section 3 - Unit Types & Floor Plans -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d41a7e9 e-con-full e-flex e-con e-parent\" data-id=\"d41a7e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5160fa5 elementor-widget elementor-widget-html\" data-id=\"5160fa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section 4 - Specifications & Smart Features -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-specs-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-specs-section {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Mengikuti warna solid bagian bawah Section 3 *\/\r\n    background-color: #62829a;\r\n    color: #ffffff;\r\n    padding: 100px 20px 90px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .matera-specs-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .matera-specs-header {\r\n    text-align: center;\r\n    max-width: 900px;\r\n    margin: 0 auto 50px;\r\n  }\r\n\r\n  .matera-specs-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #38bdf8;\r\n    background: rgba(11, 21, 30, 0.75);\r\n    border: 1px solid rgba(56, 189, 248, 0.4);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .matera-specs-title {\r\n    font-size: clamp(24px, 3vw, 38px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.4px;\r\n    margin: 0 0 16px 0;\r\n  }\r\n\r\n  .matera-specs-title span {\r\n    background: linear-gradient(90deg, #38bdf8 0%, #eab308 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .matera-specs-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #f1f5f9;\r\n    line-height: 1.7;\r\n    margin: 0 auto;\r\n    max-width: 800px;\r\n  }\r\n\r\n  \/* 2 Column Main Grid Layout *\/\r\n  .matera-specs-main-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 1fr;\r\n    gap: 36px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* Card Containers *\/\r\n  .matera-spec-card {\r\n    background: rgba(11, 21, 30, 0.88);\r\n    border-radius: 24px;\r\n    padding: 36px 32px;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .matera-card-heading {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 24px;\r\n    padding-bottom: 16px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .matera-card-heading svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    fill: #38bdf8;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .matera-card-heading h3 {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0;\r\n    letter-spacing: -0.2px;\r\n  }\r\n\r\n  \/* Left Column: Material Specification Table\/List *\/\r\n  .matera-material-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n    flex: 1;\r\n  }\r\n\r\n  .matera-mat-row {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 14px;\r\n    padding: 16px 18px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .matera-mat-row:hover {\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border-color: rgba(56, 189, 248, 0.4);\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .matera-mat-category {\r\n    font-size: 11.5px;\r\n    font-weight: 800;\r\n    color: #38bdf8;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .matera-mat-item {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin-bottom: 4px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .matera-mat-detail {\r\n    font-size: 13px;\r\n    color: #cbd5e1;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* Right Column: Smart Tech Feature Grid *\/\r\n  .matera-tech-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n    flex: 1;\r\n  }\r\n\r\n  .matera-tech-item {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 16px;\r\n    padding: 20px 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .matera-tech-item:hover {\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border-color: rgba(212, 175, 55, 0.4);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .matera-tech-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 10px;\r\n    background: rgba(56, 189, 248, 0.12);\r\n    border: 1px solid rgba(56, 189, 248, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .matera-tech-item.gold-accent .matera-tech-icon {\r\n    background: rgba(212, 175, 55, 0.12);\r\n    border-color: rgba(212, 175, 55, 0.35);\r\n  }\r\n\r\n  .matera-tech-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #38bdf8;\r\n  }\r\n\r\n  .matera-tech-item.gold-accent .matera-tech-icon svg {\r\n    fill: #fef08a;\r\n  }\r\n\r\n  .matera-tech-title {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.35;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-tech-desc {\r\n    font-size: 12px;\r\n    color: #cbd5e1;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 1024px) {\r\n    .matera-specs-main-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .matera-specs-section {\r\n      padding: 70px 16px 60px;\r\n    }\r\n    .matera-specs-header {\r\n      margin-bottom: 35px;\r\n    }\r\n    .matera-spec-card {\r\n      padding: 24px 18px;\r\n    }\r\n    .matera-tech-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-specs-section\" id=\"spesifikasi\">\r\n  <div class=\"matera-specs-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"matera-specs-header\">\r\n      <span class=\"matera-specs-badge\">Architectural Excellence<\/span>\r\n      <h2 class=\"matera-specs-title\">\r\n        Material Kelas Dunia &amp; <span>Fitur Smart Living<\/span> Berkelanjutan\r\n      <\/h2>\r\n      <p class=\"matera-specs-desc\">\r\n        Setiap jengkal hunian Matera Lakeside dibangun dengan standar material mewah internasional serta integrasi teknologi ramah lingkungan untuk kenyamanan hidup masa depan.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 2 Column Main Grid -->\r\n    <div class=\"matera-specs-main-grid\">\r\n      \r\n      <!-- COLUMN 1: Material Specification Table -->\r\n      <div class=\"matera-spec-card\">\r\n        <div class=\"matera-card-heading\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n          <h3>World-Class Materials<\/h3>\r\n        <\/div>\r\n        \r\n        <div class=\"matera-material-list\">\r\n          \r\n          <div class=\"matera-mat-row\">\r\n            <div class=\"matera-mat-category\">Exterior &amp; Fa\u00e7ade<\/div>\r\n            <div class=\"matera-mat-item\">Sintered Stone Finish &amp; Low-E Glass<\/div>\r\n            <div class=\"matera-mat-detail\">Finishing aksen batu alam mewah tahan cuaca, Weathershield Paint, dan frame aluminium YKK Nexta dengan kaca Low-E peredam panas.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"matera-mat-row\">\r\n            <div class=\"matera-mat-category\">Interior Flooring<\/div>\r\n            <div class=\"matera-mat-item\">Homogeneous Tile 120x120 cm &amp; SPC Wood<\/div>\r\n            <div class=\"matera-mat-detail\">Ubin homogeneous ukuran besar 120x120 cm di ruang utama dan SPC Laminated Wood di seluruh kamar tidur untuk sentuhan hangat.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"matera-mat-row\">\r\n            <div class=\"matera-mat-category\">Sanitary &amp; Bathroom<\/div>\r\n            <div class=\"matera-mat-item\">Kohler Suite with Smart Closet<\/div>\r\n            <div class=\"matera-mat-detail\">Sanitair premium standar hotel bintang lima dari Kohler, dilengkapi Smart Closet dan Double Vanity di Master Bathroom.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"matera-mat-row\">\r\n            <div class=\"matera-mat-category\">Doors &amp; Canopy<\/div>\r\n            <div class=\"matera-mat-item\">Solid Engineering Wood &amp; Glass Canopy<\/div>\r\n            <div class=\"matera-mat-detail\">Pintu utama kayu solid engineering dengan WPC frame kokoh serta kanopi carport dan balkon tempered glass modern.<\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- COLUMN 2: Smart Tech Feature Grid -->\r\n      <div class=\"matera-spec-card\">\r\n        <div class=\"matera-card-heading\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3zm0 2.84L18 11v7h-2v-6H8v6H6v-7l6-5.16z\"\/><\/svg>\r\n          <h3>Smart Home &amp; Eco-Tech<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"matera-tech-grid\">\r\n          \r\n          <!-- Item 1 -->\r\n          <div class=\"matera-tech-item gold-accent\">\r\n            <div class=\"matera-tech-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M6.05 8.05a7 7 0 000 9.9 1 1 0 101.41-1.41 5 5 0 010-7.07 1 1 0 00-1.41-1.42zm11.9 0a1 1 0 00-1.41 1.42 5 5 0 010 7.07 1 1 0 001.41 1.41 7 7 0 000-9.9zM12 4a1 1 0 00-1 1v1a1 1 0 102 0V5a1 1 0 00-1-1zm0 14a1 1 0 00-1 1v1a1 1 0 102 0v-1a1 1 0 00-1-1z\"\/><\/svg>\r\n            <\/div>\r\n            <h4 class=\"matera-tech-title\">Solar Panel with Battery<\/h4>\r\n            <p class=\"matera-tech-desc\">Sistem panel surya terintegrasi dengan baterai cadangan untuk efisiensi energi optimal.<\/p>\r\n          <\/div>\r\n\r\n          <!-- Item 2 -->\r\n          <div class=\"matera-tech-item gold-accent\">\r\n            <div class=\"matera-tech-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"\/><\/svg>\r\n            <\/div>\r\n            <h4 class=\"matera-tech-title\">EV Charging 3-Phase<\/h4>\r\n            <p class=\"matera-tech-desc\">Instalasi daya listrik siap pakai untuk pengisian cepat mobil listrik di carport Anda.<\/p>\r\n          <\/div>\r\n\r\n          <!-- Item 3 -->\r\n          <div class=\"matera-tech-item\">\r\n            <div class=\"matera-tech-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg>\r\n            <\/div>\r\n            <h4 class=\"matera-tech-title\">Smart Security System<\/h4>\r\n            <p class=\"matera-tech-desc\">Smart Door Lock, CCTV kamera terintegrasi, serta Gas &amp; Smoke Detector untuk proteksi maksimal.<\/p>\r\n          <\/div>\r\n\r\n          <!-- Item 4 -->\r\n          <div class=\"matera-tech-item\">\r\n            <div class=\"matera-tech-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 18H7V5h10v14zm-5-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z\"\/><\/svg>\r\n            <\/div>\r\n            <h4 class=\"matera-tech-title\">Smart Home Automation<\/h4>\r\n            <p class=\"matera-tech-desc\">Kendali pencahayaan dimmer dan perangkat rumah tangga hanya lewat satu aplikasi ponsel pintar.<\/p>\r\n          <\/div>\r\n\r\n          <!-- Item 5 -->\r\n          <div class=\"matera-tech-item\">\r\n            <div class=\"matera-tech-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2c1.1 0 2 .9 2 2v1.1C17.6 5.7 20 8.6 20 12c0 4.4-3.6 8-8 8s-8-3.6-8-8c0-3.4 2.4-6.3 6-6.9V4c0-1.1.9-2 2-2zm0 5c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5z\"\/><\/svg>\r\n            <\/div>\r\n            <h4 class=\"matera-tech-title\">Solar Water Heater<\/h4>\r\n            <p class=\"matera-tech-desc\">Pemanas air bertenaga surya untuk ketersediaan air hangat higienis dan hemat energi.<\/p>\r\n          <\/div>\r\n\r\n          <!-- Item 6 -->\r\n          <div class=\"matera-tech-item\">\r\n            <div class=\"matera-tech-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z\"\/><\/svg>\r\n            <\/div>\r\n            <h4 class=\"matera-tech-title\">Underground Utilities<\/h4>\r\n            <p class=\"matera-tech-desc\">Jaringan kabel listrik dan saluran air bersih bawah tanah untuk estetika lingkungan yang rapi.<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<!-- END: Matera Lakeside Section 4 - Specifications & Smart Features -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00e4793 e-con-full e-flex e-con e-parent\" data-id=\"00e4793\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9425120 elementor-widget elementor-widget-html\" data-id=\"9425120\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section 5 - Matera Community Club -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-club-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-club-section {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Gradasi dari #62829a (Section 4) turun super smooth ke Light Aqua Tint #f0f7fa *\/\r\n    background: linear-gradient(180deg, #62829a 0%, #8ba8bc 20%, #bfd4e0 50%, #e2edf2 80%, #f0f7fa 100%);\r\n    color: #0f172a;\r\n    padding: 100px 20px 90px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .matera-club-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .matera-club-header {\r\n    text-align: center;\r\n    max-width: 920px;\r\n    margin: 0 auto 50px;\r\n  }\r\n\r\n  .matera-club-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #0284c7;\r\n    background: rgba(255, 255, 255, 0.8);\r\n    border: 1px solid rgba(56, 189, 248, 0.5);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  .matera-club-title {\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 800;\r\n    color: #0b151e;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.4px;\r\n    margin: 0 0 16px 0;\r\n  }\r\n\r\n  .matera-club-title .highlight-text {\r\n    background: linear-gradient(90deg, #0284c7 0%, #b58d59 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .matera-title-line1,\r\n  .matera-title-line2 {\r\n    display: inline;\r\n  }\r\n\r\n  .matera-club-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #334155;\r\n    line-height: 1.7;\r\n    margin: 0 auto;\r\n    max-width: 820px;\r\n  }\r\n\r\n  \/* Masonry Feature Grid *\/\r\n  .matera-club-masonry {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, 1fr);\r\n    grid-gap: 24px;\r\n  }\r\n\r\n  \/* Gallery Item Base *\/\r\n  .matera-gallery-card {\r\n    position: relative;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    background: #0b151e;\r\n    box-shadow: 0 16px 36px rgba(11, 21, 30, 0.12);\r\n    border: 1px solid rgba(255, 255, 255, 0.6);\r\n    min-height: 270px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    padding: 24px;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .matera-gallery-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 22px 45px rgba(11, 21, 30, 0.22);\r\n    border-color: #38bdf8;\r\n  }\r\n\r\n  \/* Background Image & Zoom *\/\r\n  .matera-gallery-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    z-index: 1;\r\n  }\r\n\r\n  .matera-gallery-card:hover .matera-gallery-bg {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  .matera-gallery-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, rgba(11, 21, 30, 0.1) 0%, rgba(11, 21, 30, 0.65) 55%, rgba(11, 21, 30, 0.95) 100%);\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Card Content *\/\r\n  .matera-gallery-content {\r\n    position: relative;\r\n    z-index: 3;\r\n  }\r\n\r\n  .matera-gallery-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #38bdf8;\r\n    background: rgba(11, 21, 30, 0.7);\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n    padding: 4px 12px;\r\n    border-radius: 30px;\r\n    margin-bottom: 8px;\r\n    border: 1px solid rgba(56, 189, 248, 0.3);\r\n  }\r\n\r\n  .matera-gallery-title {\r\n    font-size: clamp(17px, 1.4vw, 21px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.3;\r\n    margin: 0 0 6px 0;\r\n  }\r\n\r\n  .matera-gallery-desc {\r\n    font-size: 13px;\r\n    color: #cbd5e1;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Masonry Grid Spans *\/\r\n  .card-span-7 {\r\n    grid-column: span 7;\r\n    min-height: 340px;\r\n  }\r\n\r\n  .card-span-5 {\r\n    grid-column: span 5;\r\n    min-height: 340px;\r\n  }\r\n\r\n  .card-span-4 {\r\n    grid-column: span 4;\r\n    min-height: 290px;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 1024px) {\r\n    .card-span-7, .card-span-5, .card-span-4 {\r\n      grid-column: span 6;\r\n      min-height: 300px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .matera-club-section {\r\n      padding: 70px 16px 60px;\r\n    }\r\n    .matera-club-header {\r\n      margin-bottom: 35px;\r\n    }\r\n    \/* Kunci judul pas 2 baris di layar HP *\/\r\n    .matera-club-title {\r\n      font-size: clamp(17px, 4.6vw, 21px);\r\n      line-height: 1.35;\r\n    }\r\n    .matera-title-line1 {\r\n      display: block;\r\n      margin-bottom: 2px;\r\n    }\r\n    .matera-title-line2 {\r\n      display: block;\r\n      white-space: nowrap;\r\n    }\r\n    .card-span-7, .card-span-5, .card-span-4 {\r\n      grid-column: span 12;\r\n      min-height: 260px;\r\n      padding: 20px;\r\n    }\r\n    .matera-gallery-title {\r\n      font-size: 17px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-club-section\" id=\"fasilitas\">\r\n  <div class=\"matera-club-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"matera-club-header\">\r\n      <span class=\"matera-club-badge\">5,000 SQM Luxury Community Club<\/span>\r\n      <h2 class=\"matera-club-title\">\r\n        <span class=\"matera-title-line1\">Matera Community Club:<\/span>\r\n        <span class=\"matera-title-line2\"><span class=\"highlight-text\">Ruang Relaksasi &amp; Rekreasi<\/span> Seluas 5.000 m\u00b2<\/span>\r\n      <\/h2>\r\n      <p class=\"matera-club-desc\">\r\n        Dirancang sebagai pusat gaya hidup terpadu bagi penghuni, menghadirkan paduan fasilitas olahraga, rekreasi keluarga, dan lounge privat berstandar resor bintang lima.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Masonry Gallery Grid -->\r\n    <div class=\"matera-club-masonry\">\r\n      \r\n      <!-- Facility 1: Infinity Pool (Span 7) -->\r\n      <div class=\"matera-gallery-card card-span-7\">\r\n        <div class=\"matera-gallery-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Community-Club-Swimming-Pool.webp');\"><\/div>\r\n        <div class=\"matera-gallery-overlay\"><\/div>\r\n        <div class=\"matera-gallery-content\">\r\n          <span class=\"matera-gallery-tag\">\ud83c\udfca Resort Pool<\/span>\r\n          <h3 class=\"matera-gallery-title\">Infinity Swimming Pool &amp; Kids Pool<\/h3>\r\n          <p class=\"matera-gallery-desc\">Kolam renang infinity dengan pemandangan lanskap hijau dan danau yang menyejukkan pikiran.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Facility 2: Bowling Alley (Span 5) -->\r\n      <div class=\"matera-gallery-card card-span-5\">\r\n        <div class=\"matera-gallery-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Community-Club-Mini-Bowling-Alley.webp');\"><\/div>\r\n        <div class=\"matera-gallery-overlay\"><\/div>\r\n        <div class=\"matera-gallery-content\">\r\n          <span class=\"matera-gallery-tag\">\ud83c\udfb3 Entertainment<\/span>\r\n          <h3 class=\"matera-gallery-title\">Private Bowling Alley &amp; Billiard Lounge<\/h3>\r\n          <p class=\"matera-gallery-desc\">Sarana bowling privat dan ruang biliar eksklusif untuk momen kebersamaan santai.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Facility 3: Putt-putt Golf (Span 4) -->\r\n      <div class=\"matera-gallery-card card-span-4\">\r\n        <div class=\"matera-gallery-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Community-Club-Mini-Golf.webp');\"><\/div>\r\n        <div class=\"matera-gallery-overlay\"><\/div>\r\n        <div class=\"matera-gallery-content\">\r\n          <span class=\"matera-gallery-tag\">\u26f3 Outdoor Sport<\/span>\r\n          <h3 class=\"matera-gallery-title\">Putt-putt Golf &amp; Playground<\/h3>\r\n          <p class=\"matera-gallery-desc\">Area mini golf dan arena bermain anak di ruang terbuka hijau yang ramah keluarga.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Facility 4: Indoor Gym & Sports (Span 4) -->\r\n      <div class=\"matera-gallery-card card-span-4\">\r\n        <div class=\"matera-gallery-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Community-Club-Gym-Sport-Hall.webp');\"><\/div>\r\n        <div class=\"matera-gallery-overlay\"><\/div>\r\n        <div class=\"matera-gallery-content\">\r\n          <span class=\"matera-gallery-tag\">\ud83c\udfcb Wellness<\/span>\r\n          <h3 class=\"matera-gallery-title\">Gym, Sport Hall &amp; Exercise Area<\/h3>\r\n          <p class=\"matera-gallery-desc\">Pusat kebugaran lengkap dengan area latihan indoor\/outdoor dan aula serbaguna.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Facility 5: Lounge & Gathering (Span 4) -->\r\n      <div class=\"matera-gallery-card card-span-4\">\r\n        <div class=\"matera-gallery-bg\" style=\"background-image: url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Community-Club-Lobby-Lounge.webp');\"><\/div>\r\n        <div class=\"matera-gallery-overlay\"><\/div>\r\n        <div class=\"matera-gallery-content\">\r\n          <span class=\"matera-gallery-tag\">\ud83c\udf78 Social Hub<\/span>\r\n          <h3 class=\"matera-gallery-title\">Lobby Lounge &amp; Multi-function Room<\/h3>\r\n          <p class=\"matera-gallery-desc\">Lobi penerima tamu elegan dan function room luas untuk jamuan privat Anda.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<!-- END: Matera Lakeside Section 5 - Matera Community Club -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b87258 e-con-full e-flex e-con e-parent\" data-id=\"0b87258\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d71a65 elementor-widget elementor-widget-html\" data-id=\"4d71a65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section 6 - Masterplan & Strategic Location -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-location-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-location-section {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Mengikuti warna solid bagian bawah Section 5 (#f0f7fa) *\/\r\n    background-color: #f0f7fa;\r\n    color: #0f172a;\r\n    padding: 100px 20px 90px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .matera-location-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .matera-location-header {\r\n    text-align: center;\r\n    max-width: 920px;\r\n    margin: 0 auto 50px;\r\n  }\r\n\r\n  .matera-location-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #0284c7;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(56, 189, 248, 0.4);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08);\r\n  }\r\n\r\n  .matera-location-title {\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 800;\r\n    color: #0b151e;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.4px;\r\n    margin: 0 0 16px 0;\r\n  }\r\n\r\n  .matera-location-title span {\r\n    background: linear-gradient(90deg, #0284c7 0%, #b58d59 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .matera-location-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #475569;\r\n    line-height: 1.7;\r\n    margin: 0 auto;\r\n    max-width: 820px;\r\n  }\r\n\r\n  \/* Main 2-Column Layout *\/\r\n  .matera-location-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.1fr;\r\n    gap: 36px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Left Column: Visual Map Vector Illustration *\/\r\n  .matera-map-showcase {\r\n    position: relative;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    padding: 36px 30px;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 16px 40px rgba(11, 21, 30, 0.06);\r\n  }\r\n\r\n  .matera-map-center-badge {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: #0b151e;\r\n    color: #ffffff;\r\n    padding: 16px 20px;\r\n    border-radius: 16px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .matera-map-center-badge svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    fill: #38bdf8;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .matera-map-center-badge .title {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    margin: 0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .matera-map-center-badge .subtitle {\r\n    font-size: 12px;\r\n    color: #94a3b8;\r\n    margin: 2px 0 0 0;\r\n  }\r\n\r\n  \/* Connectivity Timeline \/ Pulse Nodes *\/\r\n  .matera-connectivity-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .matera-conn-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background: #f8fafc;\r\n    border: 1px solid #edf2f7;\r\n    border-radius: 14px;\r\n    padding: 14px 18px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .matera-conn-item:hover {\r\n    background: #ffffff;\r\n    border-color: #38bdf8;\r\n    transform: translateX(4px);\r\n    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.08);\r\n  }\r\n\r\n  .matera-conn-info {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .matera-conn-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 10px;\r\n    background: rgba(2, 132, 199, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .matera-conn-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #0284c7;\r\n  }\r\n\r\n  .matera-conn-text {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-conn-time {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    color: #b58d59;\r\n    background: rgba(181, 141, 89, 0.12);\r\n    padding: 5px 12px;\r\n    border-radius: 20px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Right Column: 3 Pillar Accessibility Cards *\/\r\n  .matera-access-cards {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n  }\r\n\r\n  .matera-access-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 24px 26px;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 10px 30px rgba(11, 21, 30, 0.04);\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .matera-access-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: #0284c7;\r\n    box-shadow: 0 16px 36px rgba(2, 132, 199, 0.1);\r\n  }\r\n\r\n  .matera-card-top {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .matera-access-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 12px;\r\n    background: rgba(2, 132, 199, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .matera-access-card.gold-card .matera-access-icon {\r\n    background: rgba(181, 141, 89, 0.12);\r\n  }\r\n\r\n  .matera-access-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #0284c7;\r\n  }\r\n\r\n  .matera-access-card.gold-card .matera-access-icon svg {\r\n    fill: #b58d59;\r\n  }\r\n\r\n  .matera-card-top h3 {\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-access-desc {\r\n    font-size: 13.5px;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .matera-access-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n  }\r\n\r\n  .matera-acc-tag {\r\n    font-size: 11.5px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    background: #f1f5f9;\r\n    padding: 5px 12px;\r\n    border-radius: 8px;\r\n    border: 1px solid #e2e8f0;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 1024px) {\r\n    .matera-location-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .matera-location-section {\r\n      padding: 70px 16px 60px;\r\n    }\r\n    .matera-location-header {\r\n      margin-bottom: 35px;\r\n    }\r\n    .matera-map-showcase {\r\n      padding: 22px 18px;\r\n    }\r\n    .matera-access-card {\r\n      padding: 20px 18px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-location-section\" id=\"lokasi\">\r\n  <div class=\"matera-location-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"matera-location-header\">\r\n      <span class=\"matera-location-badge\">Strategic &amp; High Connectivity<\/span>\r\n      <h2 class=\"matera-location-title\">\r\n        Lokasi Strategis di <span>Pusat Pertumbuhan<\/span> Gading Serpong\r\n      <\/h2>\r\n      <p class=\"matera-location-desc\">\r\n        Terletak di episentrum segitiga emas Gading Serpong - BSD City, memberikan kemudahan mobilitas harian dan potensi apresiasi investasi properti yang tinggi.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Main Grid -->\r\n    <div class=\"matera-location-grid\">\r\n      \r\n      <!-- Left Column: Connectivity Hub Showcase -->\r\n      <div class=\"matera-map-showcase\">\r\n        \r\n        <div class=\"matera-map-center-badge\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n          <div>\r\n            <div class=\"title\">Matera Lakeside Hub<\/div>\r\n            <div class=\"subtitle\">Paramount Gading Serpong<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"matera-connectivity-list\">\r\n          \r\n          <div class=\"matera-conn-item\">\r\n            <div class=\"matera-conn-info\">\r\n              <div class=\"matera-conn-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"\/><\/svg>\r\n              <\/div>\r\n              <p class=\"matera-conn-text\">Akses Tol JORR 2 &amp; Serbaraja<\/p>\r\n            <\/div>\r\n            <span class=\"matera-conn-time\">\u00b1 5 Menit<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"matera-conn-item\">\r\n            <div class=\"matera-conn-info\">\r\n              <div class=\"matera-conn-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm7 17H5V8h14v12z\"\/><\/svg>\r\n              <\/div>\r\n              <p class=\"matera-conn-text\">Maggiore District &amp; QBIG<\/p>\r\n            <\/div>\r\n            <span class=\"matera-conn-time\">\u00b1 3 Menit<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"matera-conn-item\">\r\n            <div class=\"matera-conn-info\">\r\n              <div class=\"matera-conn-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z\"\/><\/svg>\r\n              <\/div>\r\n              <p class=\"matera-conn-text\">Universitas Prasetiya Mulya &amp; UMN<\/p>\r\n            <\/div>\r\n            <span class=\"matera-conn-time\">\u00b1 7 Menit<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"matera-conn-item\">\r\n            <div class=\"matera-conn-info\">\r\n              <div class=\"matera-conn-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\r\n              <\/div>\r\n              <p class=\"matera-conn-text\">Bandara Internasional Soekarno-Hatta<\/p>\r\n            <\/div>\r\n            <span class=\"matera-conn-time\">\u00b1 30 Menit<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Right Column: 3 Accessibility Categories -->\r\n      <div class=\"matera-access-cards\">\r\n        \r\n        <!-- Card 1: Akses Tol -->\r\n        <div class=\"matera-access-card\">\r\n          <div class=\"matera-card-top\">\r\n            <div class=\"matera-access-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Konektivitas Tol Bebas Hambatan<\/h3>\r\n          <\/div>\r\n          <p class=\"matera-access-desc\">Terhubung langsung dengan jaringan jalan tol utama untuk akses cepat menuju pusat bisnis Jakarta maupun Bandara Internasional Soekarno-Hatta.<\/p>\r\n          <div class=\"matera-access-tags\">\r\n            <span class=\"matera-acc-tag\">Tol Jakarta - Merak<\/span>\r\n            <span class=\"matera-acc-tag\">Tol Serpong - Balaraja<\/span>\r\n            <span class=\"matera-acc-tag\">Tol JORR 2<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2: Komersial & Lifestyle -->\r\n        <div class=\"matera-access-card gold-card\">\r\n          <div class=\"matera-card-top\">\r\n            <div class=\"matera-access-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Pusat Komersial &amp; Lifestyle<\/h3>\r\n          <\/div>\r\n          <p class=\"matera-access-desc\">Dikelilingi kawasan komersial paling ramai dan pusat perbelanjaan terkemuka di Gading Serpong serta BSD.<\/p>\r\n          <div class=\"matera-access-tags\">\r\n            <span class=\"matera-acc-tag\">Maggiore District<\/span>\r\n            <span class=\"matera-acc-tag\">Pisa Grande &amp; Sorrento<\/span>\r\n            <span class=\"matera-acc-tag\">QBIG &amp; AEON Mall BSD<\/span>\r\n            <span class=\"matera-acc-tag\">Summarecon Mall Serpong<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 3: Pendidikan & Medis -->\r\n        <div class=\"matera-access-card\">\r\n          <div class=\"matera-card-top\">\r\n            <div class=\"matera-access-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 11h-4v4h-4v-4H6v-4h4V6h4v4h4v4z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Institusi Pendidikan &amp; Medis<\/h3>\r\n          <\/div>\r\n          <p class=\"matera-access-desc\">Dekat dengan universitas ternama berstandar internasional dan rumah sakit rujukan modern terpercaya.<\/p>\r\n          <div class=\"matera-access-tags\">\r\n            <span class=\"matera-acc-tag\">Univ. Multimedia Nusantara (UMN)<\/span>\r\n            <span class=\"matera-acc-tag\">Prasetiya Mulya<\/span>\r\n            <span class=\"matera-acc-tag\">Bethsaida Hospital<\/span>\r\n            <span class=\"matera-acc-tag\">St. Carolus Hospital<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<!-- END: Matera Lakeside Section 6 - Masterplan & Strategic Location -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-919b4fb e-con-full e-flex e-con e-parent\" data-id=\"919b4fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f609541 elementor-widget elementor-widget-html\" data-id=\"f609541\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section 7 - Pricing & Flexible Payment Schemes -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-pricing-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-pricing-section {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Warna solid sama persis dengan Section 6 *\/\r\n    background-color: #f0f7fa;\r\n    color: #0f172a;\r\n    padding: 100px 20px 90px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .matera-pricing-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .matera-pricing-header {\r\n    text-align: center;\r\n    max-width: 900px;\r\n    margin: 0 auto 50px;\r\n  }\r\n\r\n  .matera-pricing-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #0284c7;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(56, 189, 248, 0.4);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08);\r\n  }\r\n\r\n  .matera-pricing-title {\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 800;\r\n    color: #0b151e;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.4px;\r\n    margin: 0 0 16px 0;\r\n  }\r\n\r\n  .matera-pricing-title span {\r\n    background: linear-gradient(90deg, #0284c7 0%, #b58d59 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .matera-pricing-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #475569;\r\n    line-height: 1.7;\r\n    margin: 0 auto;\r\n    max-width: 800px;\r\n  }\r\n\r\n  \/* 4 Grid Pricing Scheme Cards *\/\r\n  .matera-pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .matera-price-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 30px 22px;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 10px 30px rgba(11, 21, 30, 0.05);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .matera-price-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: #0284c7;\r\n    box-shadow: 0 18px 40px rgba(2, 132, 199, 0.12);\r\n  }\r\n\r\n  .matera-price-card.featured {\r\n    border-color: #b58d59;\r\n    background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);\r\n    box-shadow: 0 12px 35px rgba(181, 141, 89, 0.15);\r\n  }\r\n\r\n  .matera-price-card.featured::before {\r\n    content: 'BEST CHOICE';\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 14px;\r\n    font-size: 9.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    color: #ffffff;\r\n    background: #b58d59;\r\n    padding: 3px 10px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .matera-price-card-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    background: rgba(2, 132, 199, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .matera-price-card.featured .matera-price-card-icon {\r\n    background: rgba(181, 141, 89, 0.12);\r\n  }\r\n\r\n  .matera-price-card-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: #0284c7;\r\n  }\r\n\r\n  .matera-price-card.featured .matera-price-card-icon svg {\r\n    fill: #b58d59;\r\n  }\r\n\r\n  .matera-price-card-title {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 8px 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .matera-price-card-tagline {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #0284c7;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .matera-price-card.featured .matera-price-card-tagline {\r\n    color: #b58d59;\r\n  }\r\n\r\n  .matera-price-card-desc {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0 0 20px 0;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .matera-card-action-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    font-size: 12.5px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding: 10px 16px;\r\n    border-radius: 10px;\r\n    border: 1px solid #e2e8f0;\r\n    background: #f8fafc;\r\n    color: #334155;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .matera-price-card:hover .matera-card-action-link {\r\n    background: #0284c7;\r\n    color: #ffffff;\r\n    border-color: #0284c7;\r\n  }\r\n\r\n  .matera-price-card.featured:hover .matera-card-action-link {\r\n    background: #b58d59;\r\n    color: #ffffff;\r\n    border-color: #b58d59;\r\n  }\r\n\r\n  \/* Bottom Trust & Booking Fee Note Banner *\/\r\n  .matera-utj-banner {\r\n    background: #0b151e;\r\n    color: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 30px 36px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    box-shadow: 0 16px 40px rgba(11, 21, 30, 0.15);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .matera-utj-info {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n  }\r\n\r\n  .matera-utj-badge-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 16px;\r\n    background: rgba(56, 189, 248, 0.15);\r\n    border: 1px solid rgba(56, 189, 248, 0.35);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .matera-utj-badge-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    fill: #38bdf8;\r\n  }\r\n\r\n  .matera-utj-text h4 {\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0 0 4px 0;\r\n  }\r\n\r\n  .matera-utj-text h4 span {\r\n    color: #d4af37;\r\n  }\r\n\r\n  .matera-utj-text p {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .matera-utj-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #b58d59;\r\n    color: #ffffff;\r\n    font-family: inherit;\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding: 15px 32px;\r\n    border-radius: 12px;\r\n    white-space: nowrap;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 6px 18px rgba(181, 141, 89, 0.35);\r\n  }\r\n\r\n  .matera-utj-btn:hover {\r\n    background-color: #9e7948;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 24px rgba(181, 141, 89, 0.45);\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 1024px) {\r\n    .matera-pricing-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n    .matera-utj-banner {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      padding: 26px;\r\n    }\r\n    .matera-utj-btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .matera-pricing-section {\r\n      padding: 70px 16px 60px;\r\n    }\r\n    .matera-pricing-header {\r\n      margin-bottom: 35px;\r\n    }\r\n    .matera-pricing-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n    .matera-price-card {\r\n      padding: 24px 20px;\r\n    }\r\n    .matera-utj-info {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-pricing-section\" id=\"skema-pembayaran\">\r\n  <div class=\"matera-pricing-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"matera-pricing-header\">\r\n      <span class=\"matera-pricing-badge\">Investment &amp; Payment Options<\/span>\r\n      <h2 class=\"matera-pricing-title\">\r\n        Skema Pembayaran Fleksibel &amp; <span>Penawaran Terbatas<\/span>\r\n      <\/h2>\r\n      <p class=\"matera-pricing-desc\">\r\n        Pilih opsi pembiayaan terbaik yang disesuaikan dengan rencana finansial Anda untuk memiliki hunian prestisius di Matera Lakeside.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 4 Pricing Scheme Cards -->\r\n    <div class=\"matera-pricing-grid\">\r\n      \r\n      <!-- Card 1: Super Cash -->\r\n      <div class=\"matera-price-card\">\r\n        <div>\r\n          <div class=\"matera-price-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"matera-price-card-title\">Super Cash<\/h3>\r\n          <div class=\"matera-price-card-tagline\">Diskon &amp; Efisiensi Maksimal<\/div>\r\n          <p class=\"matera-price-card-desc\">Opsi pembayaran tunai paling menguntungkan dengan harga spesial dan pelunasan fleksibel H+7 setelah transaksi.<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20tertarik%20dengan%20skema%20Super%20Cash%20Matera%20Lakeside.%20Bisa%20info%20diskon%20terbaiknya?\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-card-action-link\">\r\n          Pilih Super Cash\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Tunai Keras -->\r\n      <div class=\"matera-price-card\">\r\n        <div>\r\n          <div class=\"matera-price-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"matera-price-card-title\">Tunai Keras<\/h3>\r\n          <div class=\"matera-price-card-tagline\">DP Bertahap Fleksibel<\/div>\r\n          <p class=\"matera-price-card-desc\">Kemudahan pembayaran tunai dengan skema Down Payment (DP) yang dapat dicicil secara berkala sebelum pelunasan.<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20mau%20tanya%20skema%20Tunai%20Keras%20DP%20Bertahap%20Matera%20Lakeside.%20Bisa%20dibantu?\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-card-action-link\">\r\n          Pilih Tunai Keras\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Card 3: KPR Express (Featured) -->\r\n      <div class=\"matera-price-card featured\">\r\n        <div>\r\n          <div class=\"matera-price-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"matera-price-card-title\">KPR Express<\/h3>\r\n          <div class=\"matera-price-card-tagline\">DP Ringan Mulai 5%<\/div>\r\n          <p class=\"matera-price-card-desc\">Bekerja sama dengan berbagai bank rekanan terkemuka. Proses mudah, suku bunga kompetitif, dan dibantu sampai akad kredit.<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20mau%20simulasi%20KPR%20Express%20DP%205%25%20Matera%20Lakeside.%20Bisa%20dibantu?\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-card-action-link\">\r\n          Simulasi KPR\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Tunai Bertahap -->\r\n      <div class=\"matera-price-card\">\r\n        <div>\r\n          <div class=\"matera-price-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"matera-price-card-title\">Tunai Bertahap<\/h3>\r\n          <div class=\"matera-price-card-tagline\">Cicil s\/d 48 Bulan<\/div>\r\n          <p class=\"matera-price-card-desc\">Cicilan langsung ke developer dengan tenor panjang hingga 48 bulan, atau opsi 18 bulan tanpa DP.<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20mau%20tanya%20skema%20Tunai%20Bertahap%20Developer%20Matera%20Lakeside.%20Bisa%20dibantu?\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-card-action-link\">\r\n          Pilih Bertahap\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom UTJ & Booking Fee Info Banner -->\r\n    <div class=\"matera-utj-banner\">\r\n      <div class=\"matera-utj-info\">\r\n        <div class=\"matera-utj-badge-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"matera-utj-text\">\r\n          <h4>Uang Tanda Jadi (UTJ) : <span>Rp 50.000.000,-<\/span><\/h4>\r\n          <p>Kunci unit favorit pilihan Anda sekarang dan dapatkan penawaran harga perdana sebelum kehabisan.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20ingin%20booking%20unit%20Matera%20Lakeside%20dengan%20UTJ%20Rp%2050%20Juta.%20Bisa%20info%20unit%20ready?\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-utj-btn\">\r\n        BOOKING UNIT SEKARANG\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<!-- END: Matera Lakeside Section 7 - Pricing & Flexible Payment Schemes -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e761001 e-con-full e-flex e-con e-parent\" data-id=\"e761001\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcb7093 elementor-widget elementor-widget-html\" data-id=\"dcb7093\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section 8 - FAQ & Schema SEO -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-faq-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-faq-section {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Warna solid konsisten sama seperti Section 6 & 7 *\/\r\n    background-color: #f0f7fa;\r\n    color: #0f172a;\r\n    padding: 100px 20px 90px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .matera-faq-container {\r\n    max-width: 920px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .matera-faq-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .matera-faq-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #0284c7;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(56, 189, 248, 0.4);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08);\r\n  }\r\n\r\n  .matera-faq-title {\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 800;\r\n    color: #0b151e;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.4px;\r\n    margin: 0 0 16px 0;\r\n  }\r\n\r\n  .matera-faq-title span {\r\n    background: linear-gradient(90deg, #0284c7 0%, #b58d59 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .matera-faq-desc {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    color: #475569;\r\n    line-height: 1.7;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Accordion Layout *\/\r\n  .matera-accordion-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .matera-faq-item {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 8px 25px rgba(11, 21, 30, 0.04);\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .matera-faq-item:hover {\r\n    border-color: #0284c7;\r\n    box-shadow: 0 12px 30px rgba(2, 132, 199, 0.1);\r\n  }\r\n\r\n  .matera-faq-item.active {\r\n    border-color: #0284c7;\r\n    box-shadow: 0 14px 35px rgba(2, 132, 199, 0.12);\r\n  }\r\n\r\n  .matera-faq-question {\r\n    padding: 22px 26px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    cursor: pointer;\r\n    user-select: none;\r\n  }\r\n\r\n  .matera-faq-question h3 {\r\n    font-size: clamp(15px, 1.3vw, 17px);\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .matera-faq-item.active .matera-faq-question h3 {\r\n    color: #0284c7;\r\n  }\r\n\r\n  .matera-faq-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    background: #f1f5f9;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .matera-faq-icon svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: #64748b;\r\n    transition: transform 0.3s ease, fill 0.3s ease;\r\n  }\r\n\r\n  .matera-faq-item.active .matera-faq-icon {\r\n    background: #0284c7;\r\n  }\r\n\r\n  .matera-faq-item.active .matera-faq-icon svg {\r\n    transform: rotate(180deg);\r\n    fill: #ffffff;\r\n  }\r\n\r\n  .matera-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.4s ease;\r\n    padding: 0 26px;\r\n  }\r\n\r\n  .matera-faq-item.active .matera-faq-answer {\r\n    max-height: 300px;\r\n    padding: 0 26px 24px 26px;\r\n  }\r\n\r\n  .matera-faq-answer p {\r\n    font-size: 14.5px;\r\n    color: #475569;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    border-top: 1px solid #f1f5f9;\r\n    padding-top: 16px;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 640px) {\r\n    .matera-faq-section {\r\n      padding: 70px 16px 60px;\r\n    }\r\n    .matera-faq-header {\r\n      margin-bottom: 35px;\r\n    }\r\n    .matera-faq-question {\r\n      padding: 18px 20px;\r\n    }\r\n    .matera-faq-item.active .matera-faq-answer {\r\n      padding: 0 20px 20px 20px;\r\n    }\r\n    .matera-faq-answer p {\r\n      font-size: 13.5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-faq-section\" id=\"faq\">\r\n  <div class=\"matera-faq-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"matera-faq-header\">\r\n      <span class=\"matera-faq-badge\">Need Clarification?<\/span>\r\n      <h2 class=\"matera-faq-title\">\r\n        Pertanyaan yang <span>Sering Diajukan<\/span> (FAQ)\r\n      <\/h2>\r\n      <p class=\"matera-faq-desc\">\r\n        Temukan informasi penting seputar harga perdana, spesifikasi, fasilitas, hingga mekanisme pembelian unit di Matera Lakeside.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Accordion List -->\r\n    <div class=\"matera-accordion-list\">\r\n      \r\n      <!-- FAQ 1 -->\r\n      <div class=\"matera-faq-item active\">\r\n        <div class=\"matera-faq-question\" onclick=\"toggleMateraFaq(this)\">\r\n          <h3>Berapa harga perdana unit di Matera Lakeside Gading Serpong?<\/h3>\r\n          <div class=\"matera-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"matera-faq-answer\">\r\n          <p>Harga mulai dari Rp 6,8 M-an untuk Tipe 8x16 hingga Rp 9,7 M-an untuk Tipe 10x18\/10x24 (Harga sudah termasuk PPN &amp; IMB).<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 2 -->\r\n      <div class=\"matera-faq-item\">\r\n        <div class=\"matera-faq-question\" onclick=\"toggleMateraFaq(this)\">\r\n          <h3>Kapan estimasi serah terima unit Matera Lakeside?<\/h3>\r\n          <div class=\"matera-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"matera-faq-answer\">\r\n          <p>Serah terima unit dijadwalkan pada bulan ke-24 terhitung sejak penandatanganan PPJB.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 3 -->\r\n      <div class=\"matera-faq-item\">\r\n        <div class=\"matera-faq-question\" onclick=\"toggleMateraFaq(this)\">\r\n          <h3>Apa saja fasilitas unggulan di cluster Matera Lakeside?<\/h3>\r\n          <div class=\"matera-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"matera-faq-answer\">\r\n          <p>Fasilitas meliputi panorama danau alami, 4 thematic enclaves, Matera Community Club seluas 5.000 m\u00b2 (Infinity Swimming Pool, Private Bowling Alley, Putt-putt Golf), serta teknologi hunian ramah lingkungan seperti Solar Panel with Battery, EV Charger 3-Phase, dan Smart Home System.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 4 -->\r\n      <div class=\"matera-faq-item\">\r\n        <div class=\"matera-faq-question\" onclick=\"toggleMateraFaq(this)\">\r\n          <h3>Bagaimana cara mengunjungi Show Unit Matera Lakeside?<\/h3>\r\n          <div class=\"matera-faq-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"matera-faq-answer\">\r\n          <p>Kunjungan show unit dapat direservasi secara privat dengan menghubungi Property Advisor kami melalui WhatsApp resmi untuk mendapatkan pendampingan visit serta penjelasan materi proyek secara lengkap.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Accordion Interactive Script -->\r\n<script>\r\n  function toggleMateraFaq(headerElement) {\r\n    const parentItem = headerElement.parentElement;\r\n    const allItems = document.querySelectorAll('.matera-faq-item');\r\n\r\n    allItems.forEach(item => {\r\n      if (item !== parentItem) {\r\n        item.classList.remove('active');\r\n      }\r\n    });\r\n\r\n    parentItem.classList.toggle('active');\r\n  }\r\n<\/script>\r\n\r\n<!-- Google FAQ Page Schema JSON-LD for Rich Snippets -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Berapa harga perdana unit di Matera Lakeside Gading Serpong?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Harga mulai dari Rp 6,8 M-an untuk Tipe 8x16 hingga Rp 9,7 M-an untuk Tipe 10x18\/10x24 (Harga sudah termasuk PPN & IMB).\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Kapan estimasi serah terima unit Matera Lakeside?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Serah terima unit dijadwalkan pada bulan ke-24 sejak penandatanganan PPJB.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Apa saja fasilitas unggulan di cluster Matera Lakeside?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Danau alami, 4 thematic enclaves, Matera Community Club 5.000 m\u00b2 (Infinity Pool, Bowling, Putt-putt Golf), serta instalasi Solar Panel, EV Charger, dan Smart Home.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Bagaimana cara mengunjungi Show Unit Matera Lakeside?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Kunjungan show unit dapat direservasi secara privat melalui WhatsApp Sales Representative resmi.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n<!-- END: Matera Lakeside Section 8 - FAQ & Schema SEO -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-384b4e9 e-con-full e-flex e-con e-parent\" data-id=\"384b4e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e576cee elementor-widget elementor-widget-html\" data-id=\"e576cee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section 9 - Final Lead Form & Exit Intent Modal -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-final-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-final-section {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Warna solid sama persis dengan Section sebelumnya (#f0f7fa) *\/\r\n    background-color: #f0f7fa;\r\n    color: #0f172a;\r\n    padding: 90px 20px 110px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .matera-final-container {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Form Main Card Box *\/\r\n  .matera-form-card {\r\n    background: #ffffff;\r\n    border-radius: 28px;\r\n    padding: 50px 45px;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 20px 50px rgba(11, 21, 30, 0.08);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .matera-form-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 6px;\r\n    background: linear-gradient(90deg, #38bdf8 0%, #b58d59 100%);\r\n  }\r\n\r\n  \/* Section Header *\/\r\n  .matera-form-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .matera-form-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #0284c7;\r\n    background: #f0f7fa;\r\n    border: 1px solid rgba(56, 189, 248, 0.4);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .matera-form-title {\r\n    font-size: clamp(24px, 3.2vw, 36px);\r\n    font-weight: 800;\r\n    color: #0b151e;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.4px;\r\n    margin: 0 0 14px 0;\r\n  }\r\n\r\n  .matera-form-title span {\r\n    background: linear-gradient(90deg, #0284c7 0%, #b58d59 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .matera-form-desc {\r\n    font-size: 14.5px;\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0 auto;\r\n    max-width: 680px;\r\n  }\r\n\r\n  \/* Form Elements *\/\r\n  .matera-lead-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 22px;\r\n  }\r\n\r\n  .matera-form-row-2 {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .matera-input-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .matera-input-group label {\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n  }\r\n\r\n  .matera-input-control {\r\n    width: 100%;\r\n    padding: 15px 18px;\r\n    border-radius: 12px;\r\n    border: 1.5px solid #cbd5e1;\r\n    background: #f8fafc;\r\n    color: #0f172a;\r\n    font-family: inherit;\r\n    font-size: 14.5px;\r\n    transition: all 0.3s ease;\r\n    outline: none;\r\n  }\r\n\r\n  .matera-input-control:focus {\r\n    border-color: #0284c7;\r\n    background: #ffffff;\r\n    box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.12);\r\n  }\r\n\r\n  select.matera-input-control {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 16px center;\r\n    background-size: 16px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Submit Button *\/\r\n  .matera-form-submit-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    width: 100%;\r\n    background-color: #b58d59;\r\n    color: #ffffff;\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n    padding: 18px 24px;\r\n    border-radius: 14px;\r\n    border: none;\r\n    cursor: pointer;\r\n    box-shadow: 0 8px 25px rgba(181, 141, 89, 0.35);\r\n    transition: all 0.3s ease;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .matera-form-submit-btn svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #ffffff;\r\n  }\r\n\r\n  .matera-form-submit-btn:hover {\r\n    background-color: #9e7948;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 30px rgba(181, 141, 89, 0.45);\r\n  }\r\n\r\n  .matera-form-submit-btn:active {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Trust Microcopy *\/\r\n  .matera-trust-note {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    font-size: 12.5px;\r\n    color: #64748b;\r\n    text-align: center;\r\n    margin: 16px 0 0 0;\r\n  }\r\n\r\n  .matera-trust-note svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    fill: #10b981;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* ================================================= *\/\r\n  \/* EXIT-INTENT MODAL POPUP                           *\/\r\n  \/* ================================================= *\/\r\n  .matera-exit-modal {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(11, 21, 30, 0.85);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    z-index: 99999;\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .matera-exit-modal.active {\r\n    display: flex;\r\n    opacity: 1;\r\n  }\r\n\r\n  .matera-exit-dialog {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 540px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    padding: 40px 32px 36px;\r\n    text-align: center;\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);\r\n    border: 1px solid #e2e8f0;\r\n    animation: materaModalPop 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  @keyframes materaModalPop {\r\n    0% { transform: scale(0.9); opacity: 0; }\r\n    100% { transform: scale(1); opacity: 1; }\r\n  }\r\n\r\n  .matera-exit-close {\r\n    position: absolute;\r\n    top: 18px;\r\n    right: 18px;\r\n    background: #f1f5f9;\r\n    border: none;\r\n    color: #64748b;\r\n    font-size: 20px;\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n  }\r\n\r\n  .matera-exit-close:hover {\r\n    background: #e2e8f0;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .matera-exit-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    color: #e11d48;\r\n    background: #ffe4e6;\r\n    padding: 5px 14px;\r\n    border-radius: 30px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .matera-exit-title {\r\n    font-size: clamp(20px, 2.2vw, 24px);\r\n    font-weight: 800;\r\n    color: #0b151e;\r\n    line-height: 1.3;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .matera-exit-desc {\r\n    font-size: 13.5px;\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0 0 24px 0;\r\n  }\r\n\r\n  .matera-exit-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    width: 100%;\r\n    background-color: #0284c7;\r\n    color: #ffffff;\r\n    font-family: inherit;\r\n    font-size: 14.5px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.8px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding: 16px 20px;\r\n    border-radius: 12px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.3);\r\n  }\r\n\r\n  .matera-exit-btn:hover {\r\n    background-color: #0369a1;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 25px rgba(2, 132, 199, 0.4);\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 640px) {\r\n    .matera-final-section {\r\n      padding: 60px 16px 80px;\r\n    }\r\n    .matera-form-card {\r\n      padding: 30px 20px;\r\n    }\r\n    .matera-form-row-2 {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n    .matera-form-submit-btn {\r\n      font-size: 14px;\r\n      padding: 16px 18px;\r\n    }\r\n    .matera-exit-dialog {\r\n      padding: 32px 20px 26px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-final-section\" id=\"booking-visit\">\r\n  <div class=\"matera-final-container\">\r\n    \r\n    <!-- Lead Capture Form Card -->\r\n    <div class=\"matera-form-card\">\r\n      \r\n      <div class=\"matera-form-header\">\r\n        <span class=\"matera-form-badge\">Priority Appointment<\/span>\r\n        <h2 class=\"matera-form-title\">\r\n          Wujudkan Hunian Mewah Tepi Danau <span>Impian Anda Hari Ini<\/span>\r\n        <\/h2>\r\n        <p class=\"matera-form-desc\">\r\n          Isi data diri Anda di bawah ini untuk mendapatkan e-Brochure resmi, pricelist lengkap, dan jadwal pendampingan private visit show unit Matera Lakeside.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <form class=\"matera-lead-form\" onsubmit=\"handleMateraLeadSubmit(event)\">\r\n        \r\n        <div class=\"matera-form-row-2\">\r\n          <!-- Nama Lengkap -->\r\n          <div class=\"matera-input-group\">\r\n            <label for=\"materaNama\">Nama Lengkap *<\/label>\r\n            <input type=\"text\" id=\"materaNama\" class=\"matera-input-control\" placeholder=\"Contoh: Bpk. Hendra\" required>\r\n          <\/div>\r\n\r\n          <!-- Nomor WhatsApp -->\r\n          <div class=\"matera-input-group\">\r\n            <label for=\"materaWa\">Nomor WhatsApp *<\/label>\r\n            <input type=\"tel\" id=\"materaWa\" class=\"matera-input-control\" placeholder=\"Contoh: 0812XXXXXXXX\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"matera-form-row-2\">\r\n          <!-- Rencana Tipe -->\r\n          <div class=\"matera-input-group\">\r\n            <label for=\"materaTipe\">Rencana Tipe Unit<\/label>\r\n            <select id=\"materaTipe\" class=\"matera-input-control\">\r\n              <option value=\"Tipe 8 (8x16)\">Tipe 8 (8x16)<\/option>\r\n              <option value=\"Tipe 9 (9x18)\">Tipe 9 (9x18)<\/option>\r\n              <option value=\"Tipe 10 (10x18 \/ 10x20 \/ 10x24)\">Tipe 10 (10x18 \/ 10x20 \/ 10x24)<\/option>\r\n              <option value=\"Belum Memutuskan\">Belum Memutuskan<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <!-- Cara Bayar Pilihan -->\r\n          <div class=\"matera-input-group\">\r\n            <label for=\"materaBayar\">Pilihan Cara Bayar<\/label>\r\n            <select id=\"materaBayar\" class=\"matera-input-control\">\r\n              <option value=\"Super Cash\">Super Cash<\/option>\r\n              <option value=\"KPR Express DP Mulai 5%\">KPR Express DP Mulai 5%<\/option>\r\n              <option value=\"Tunai Bertahap Developer\">Tunai Bertahap Developer<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Submit Button -->\r\n        <button type=\"submit\" class=\"matera-form-submit-btn\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\r\n          DAFTARKAN VISIT SHOW UNIT\r\n        <\/button>\r\n\r\n        <!-- Microcopy Trust -->\r\n        <p class=\"matera-trust-note\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\r\n          Privasi data Anda terjamin 100%. Tim property advisor kami akan menghubungi via WhatsApp dalam 15 menit.\r\n        <\/p>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- EXIT INTENT MODAL POPUP -->\r\n<div id=\"materaExitModal\" class=\"matera-exit-modal\" onclick=\"closeMateraExitModal(event)\">\r\n  <div class=\"matera-exit-dialog\" onclick=\"event.stopPropagation()\">\r\n    <button class=\"matera-exit-close\" onclick=\"closeMateraExitModal()\">&times;<\/button>\r\n    \r\n    <span class=\"matera-exit-badge\">TUNGGU SEBENTAR!<\/span>\r\n    <h3 class=\"matera-exit-title\">Dapatkan E-Brochure &amp; Simulasi Angsuran KPR<\/h3>\r\n    <p class=\"matera-exit-desc\">\r\n      Jangan lewatkan unit terbaik di Matera Lakeside. Unduh katalog denah resolusi tinggi serta rincian simulasi angsuran resmi langsung via WhatsApp secara gratis.\r\n    <\/p>\r\n\r\n    <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20ingin%20minta%20e-Brochure%20dan%20Simulasi%20Angsuran%20KPR%20Matera%20Lakeside%20Gading%20Serpong.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-exit-btn\">\r\n      DOWNLOAD E-BROCHURE &amp; SIMULASI (GRATIS)\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Lead Form WhatsApp Redirection & Desktop Exit-Intent Script -->\r\n<script>\r\n  \/\/ 1. WhatsApp Form Handler\r\n  function handleMateraLeadSubmit(e) {\r\n    e.preventDefault();\r\n    const nama = document.getElementById('materaNama').value.trim();\r\n    const wa = document.getElementById('materaWa').value.trim();\r\n    const tipe = document.getElementById('materaTipe').value;\r\n    const bayar = document.getElementById('materaBayar').value;\r\n\r\n    const message = `Halo, saya tertarik visit show unit Matera Lakeside Gading Serpong:%0A%0A` +\r\n                    `\u2022 *Nama:* ${encodeURIComponent(nama)}%0A` +\r\n                    `\u2022 *No. WA:* ${encodeURIComponent(wa)}%0A` +\r\n                    `\u2022 *Rencana Tipe:* ${encodeURIComponent(tipe)}%0A` +\r\n                    `\u2022 *Cara Bayar:* ${encodeURIComponent(bayar)}%0A%0A` +\r\n                    `Mohon dibantu info jadwal visit dan ketersediaan unitnya. Terima kasih.`;\r\n\r\n    const waURL = `https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=${message}`;\r\n    window.open(waURL, '_blank');\r\n  }\r\n\r\n  \/\/ 2. Desktop Exit-Intent Trigger\r\n  let exitModalTriggered = false;\r\n\r\n  document.addEventListener('mouseleave', function(e) {\r\n    if (e.clientY <= 0 && !exitModalTriggered) {\r\n      exitModalTriggered = true;\r\n      const modal = document.getElementById('materaExitModal');\r\n      if (modal) modal.classList.add('active');\r\n    }\r\n  });\r\n\r\n  function closeMateraExitModal() {\r\n    const modal = document.getElementById('materaExitModal');\r\n    if (modal) modal.classList.remove('active');\r\n  }\r\n<\/script>\r\n<!-- END: Matera Lakeside Section 9 - Final Lead Form & Exit Intent Modal -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a2a68f e-con-full e-flex e-con e-parent\" data-id=\"1a2a68f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68bebc4 elementor-widget elementor-widget-html\" data-id=\"68bebc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section - Google Maps & Location Survey -->\r\n<style>\r\n  \/* Guard Scope Anti-Bentrok Style *\/\r\n  .matera-map-survey-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-map-survey-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Warna solid sama persis dengan Section sebelumnya *\/\r\n    background-color: #f0f7fa;\r\n    color: #0f172a;\r\n    padding: 80px 24px 100px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .matera-map-survey-container {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Header Section SEO *\/\r\n  .matera-map-survey-header {\r\n    text-align: center;\r\n    max-width: 780px;\r\n    margin: 0 auto 48px auto;\r\n  }\r\n\r\n  .matera-map-survey-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2.5px;\r\n    color: #0284c7;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(2, 132, 199, 0.25);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08);\r\n  }\r\n\r\n  .matera-map-survey-title {\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    letter-spacing: -0.5px;\r\n    line-height: 1.25;\r\n    margin: 0 0 14px 0;\r\n  }\r\n\r\n  .matera-map-survey-title span {\r\n    background: linear-gradient(90deg, #0284c7 0%, #b58d59 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .matera-map-survey-desc {\r\n    font-size: 15px;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Split Layout Grid: Map iFrame Left, Info Box Right *\/\r\n  .matera-map-survey-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr;\r\n    gap: 32px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* Left Side: iFrame Wrapper Box *\/\r\n  .matera-map-survey-iframe-box {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 420px;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .matera-map-survey-iframe-box iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 420px;\r\n    border: none;\r\n    display: block;\r\n  }\r\n\r\n  \/* Right Side: Location Info Card *\/\r\n  .matera-map-survey-info-card {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(2, 132, 199, 0.25);\r\n    border-radius: 24px;\r\n    padding: 36px 30px;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .matera-map-survey-info-header {\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .matera-map-survey-info-title {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .matera-map-survey-address {\r\n    font-size: 14px;\r\n    color: #334155;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-map-survey-address strong {\r\n    color: #0284c7;\r\n  }\r\n\r\n  \/* Location Highlights \/ Operating Hours *\/\r\n  .matera-map-survey-details-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .matera-map-survey-detail-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n  }\r\n\r\n  .matera-map-survey-detail-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 12px;\r\n    background: rgba(2, 132, 199, 0.08);\r\n    border: 1px solid rgba(2, 132, 199, 0.2);\r\n    color: #0284c7;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .matera-map-survey-detail-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .matera-map-survey-detail-text h4 {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    color: #b58d59;\r\n    margin: 0 0 3px 0;\r\n  }\r\n\r\n  .matera-map-survey-detail-text h5 {\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 3px 0;\r\n  }\r\n\r\n  .matera-map-survey-detail-text p {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* Single Action Button *\/\r\n  .matera-map-survey-btn-main {\r\n    width: 100%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #b58d59;\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n    font-size: 13.5px;\r\n    letter-spacing: 0.8px;\r\n    padding: 16px 24px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    box-shadow: 0 8px 20px rgba(181, 141, 89, 0.3);\r\n  }\r\n\r\n  .matera-map-survey-btn-main:hover {\r\n    background-color: #9e7948;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 25px rgba(181, 141, 89, 0.45);\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 992px) {\r\n    .matera-map-survey-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 24px;\r\n    }\r\n    .matera-map-survey-wrapper {\r\n      padding: 60px 20px;\r\n    }\r\n    .matera-map-survey-iframe-box, .matera-map-survey-iframe-box iframe {\r\n      min-height: 350px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .matera-map-survey-info-card {\r\n      padding: 24px 20px;\r\n    }\r\n    .matera-map-survey-info-title {\r\n      font-size: 19px;\r\n    }\r\n    .matera-map-survey-iframe-box, .matera-map-survey-iframe-box iframe {\r\n      min-height: 300px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"matera-map-survey-wrapper\" id=\"lokasi-matera-lakeside\">\r\n  <div class=\"matera-map-survey-container\">\r\n    \r\n    <!-- Section Header SEO -->\r\n    <header class=\"matera-map-survey-header\">\r\n      <span class=\"matera-map-survey-badge\">LOCATION &amp; SHOW UNIT MAP<\/span>\r\n      <h2 class=\"matera-map-survey-title\">\r\n        KUNJUNGI LOKASI <span>MATERA LAKESIDE<\/span>\r\n      <\/h2>\r\n      <p class=\"matera-map-survey-desc\">\r\n        Survey langsung lokasi hunian tepi danau paling prestisius di Paramount Gading Serpong. Rasakan kemewahan arsitektur 3 lantai dan keasrian atmosfer tepi danau secara nyata.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- Main Grid Layout -->\r\n    <div class=\"matera-map-survey-grid\">\r\n      \r\n      <!-- Left Column: iFrame Google Maps -->\r\n      <div class=\"matera-map-survey-iframe-box\">\r\n        <iframe \r\n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.082601142517!2d106.6212513!3d-6.2528358!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69fbdf9435b801%3A0xb36b5c00e12d599b!2sMatera%20Residences!5e0!3m2!1sid!2sid!4v1710000000000!5m2!1sid!2sid\" \r\n          width=\"100%\" \r\n          height=\"100%\" \r\n          style=\"border:0;\" \r\n          allowfullscreen=\"\" \r\n          loading=\"lazy\" \r\n          referrerpolicy=\"no-referrer-when-downgrade\"\r\n          title=\"Peta Lokasi Matera Lakeside Gading Serpong\">\r\n        <\/iframe>\r\n      <\/div>\r\n\r\n      <!-- Right Column: Location Details & Single CTA -->\r\n      <div class=\"matera-map-survey-info-card\">\r\n        <div>\r\n          <div class=\"matera-map-survey-info-header\">\r\n            <h3 class=\"matera-map-survey-info-title\">Matera Lakeside Residence<\/h3>\r\n            <p class=\"matera-map-survey-address\">\r\n              <strong>Paramount Gading Serpong<\/strong><br>\r\n              Jl. Matera Boulevard, Gading Serpong, Kab. Tangerang (Tepat di samping Matera Community Club dan terhubung langsung ke Boulevard Utama Gading Serpong &amp; BSD City).\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"matera-map-survey-details-list\">\r\n            <!-- Item 1: Akses Utama -->\r\n            <div class=\"matera-map-survey-detail-item\">\r\n              <div class=\"matera-map-survey-detail-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a8 8 0 0 0-8 8c0 5.25 8 12 8 12s8-6.75 8-12a8 8 0 0 0-8-8z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"matera-map-survey-detail-text\">\r\n                <h5 style=\"font-size:14px; font-weight:700; color:#0f172a; margin:0 0 2px 0;\">Aksesibilitas Utama<\/h5>\r\n                <p>Menempel Maggiore District, 5 Menit Tol JORR 2 &amp; Serbaraja, serta dekat QBIG &amp; AEON Mall BSD.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 2: Ketentuan Kunjungan -->\r\n            <div class=\"matera-map-survey-detail-item\">\r\n              <div class=\"matera-map-survey-detail-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"matera-map-survey-detail-text\">\r\n                <h4>KETENTUAN KUNJUNGAN<\/h4>\r\n                <h5>Private Viewing by Appointment<\/h5>\r\n                <p style=\"font-style:italic;\">(Wajib konfirmasi jadwal terlebih dahulu untuk pendampingan visit show unit resmi)<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Single Action Button -->\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo,%20saya%20melihat%20ini%20di%20Website%20dan%20ingin%20jadwalkan%20visit%20show%20unit%20Matera%20Lakeside%20Gading%20Serpong.%20Bisa%20dibantu?\" class=\"matera-map-survey-btn-main\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <span>Jadwalkan Visit Show Unit<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Matera Lakeside Section - Google Maps & Location Survey -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-164902a e-con-full e-flex e-con e-parent\" data-id=\"164902a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0730a66 elementor-widget elementor-widget-html\" data-id=\"0730a66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Matera Lakeside Section - Clean Luxury Footer -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-footer-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-footer-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow-x: hidden;\r\n    \/* Dark Navy Luxury Theme *\/\r\n    background: #0b1320;\r\n    color: #94a3b8;\r\n    padding: 60px 24px 30px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    border-top: 2px solid #b58d59; \/* Gold Accent Bar *\/\r\n  }\r\n\r\n  .matera-footer-container {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Footer Top Grid (2 Columns: Brand & Contact) *\/\r\n  .matera-footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr;\r\n    gap: 40px;\r\n    margin-bottom: 40px;\r\n    width: 100%;\r\n    text-align: left;\r\n  }\r\n\r\n  .matera-footer-brand-title {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    text-align: left;\r\n  }\r\n\r\n  .matera-footer-brand-title span {\r\n    color: #38bdf8; \/* Lake Cyan Accent *\/\r\n  }\r\n\r\n  .matera-footer-brand-desc {\r\n    font-size: 13.5px;\r\n    line-height: 1.65;\r\n    color: #cbd5e1;\r\n    margin: 0 0 18px 0;\r\n    max-width: 540px;\r\n    text-align: left;\r\n  }\r\n\r\n  .matera-footer-dev-tag {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    color: #b58d59; \/* Warm Gold *\/\r\n    display: block;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* Contact Column *\/\r\n  .matera-footer-col-title {\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #ffffff;\r\n    margin: 0 0 18px 0;\r\n    text-align: left;\r\n  }\r\n\r\n  .matera-footer-contact-item {\r\n    font-size: 13.5px;\r\n    line-height: 1.6;\r\n    margin-bottom: 12px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    color: #cbd5e1;\r\n    text-align: left;\r\n  }\r\n\r\n  .matera-footer-contact-item svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #38bdf8;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .matera-footer-contact-item a {\r\n    color: #cbd5e1;\r\n    text-decoration: none !important;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .matera-footer-contact-item a:hover {\r\n    color: #38bdf8;\r\n  }\r\n\r\n  \/* Divider *\/\r\n  .matera-footer-divider {\r\n    height: 1px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    margin-bottom: 30px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Bottom Bar *\/\r\n  .matera-footer-bottom {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    text-align: center;\r\n  }\r\n\r\n  .matera-footer-copyright {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-footer-copyright a {\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .matera-footer-copyright a:hover {\r\n    color: #b58d59;\r\n  }\r\n\r\n  \/* Circular Social Icons *\/\r\n  .matera-footer-socials {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .matera-social-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    border: 1px solid #b58d59;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n    text-decoration: none !important;\r\n    background: transparent;\r\n  }\r\n\r\n  .matera-social-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #b58d59;\r\n    transition: fill 0.3s ease;\r\n  }\r\n\r\n  .matera-social-icon:hover {\r\n    background: linear-gradient(135deg, #b58d59 0%, #9e7948 100%);\r\n    border-color: #9e7948;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(181, 141, 89, 0.35);\r\n  }\r\n\r\n  .matera-social-icon:hover svg {\r\n    fill: #0b1320;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 820px) {\r\n    .matera-footer-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 32px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .matera-footer-wrapper {\r\n      padding: 40px 16px 24px 16px;\r\n    }\r\n    .matera-footer-brand-title {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"matera-footer-wrapper\">\r\n  <div class=\"matera-footer-container\">\r\n    \r\n    <!-- Footer Grid (2 Columns) -->\r\n    <div class=\"matera-footer-grid\">\r\n      \r\n      <!-- Brand Column -->\r\n      <div>\r\n        <h3 class=\"matera-footer-brand-title\">MATERA LAKESIDE @ <span>GADING SERPONG<\/span><\/h3>\r\n        <p class=\"matera-footer-brand-desc\">Kawasan hunian mewah tepi danau 3 lantai paling prestisius di Paramount Gading Serpong. Dilengkapi konsep Dual Panoramic Balcony, 4 karakter enclave eksklusif, serta Community Club seluas 5.000 m\u00b2 dengan fasilitas bintang lima.<\/p>\r\n        <span class=\"matera-footer-dev-tag\">OFFICIAL PROJECT BY PARAMOUNT LAND<\/span>\r\n      <\/div>\r\n\r\n      <!-- Contact Column -->\r\n      <div>\r\n        <h4 class=\"matera-footer-col-title\">Layanan Informasi Sales<\/h4>\r\n        \r\n        <div class=\"matera-footer-contact-item\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n          <span>Cityzen Park East 5 No.0021 Park Serpong, Legok, Kab. Tangerang, Banten<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"matera-footer-contact-item\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n          <a href=\"mailto:hello@julfian.com\">hello@julfian.com<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"matera-footer-contact-item\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=6287878938096&text=Halo%20Julfian,%20saya%20melihat%20ini%20di%20Website%20dan%20saya%20tertarik%20dengan%20Matera%20Lakeside%20Gading%20Serpong.\" target=\"_blank\" rel=\"noopener noreferrer\">0878 7893 8096<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"matera-footer-divider\"><\/div>\r\n\r\n    <!-- Bottom Bar -->\r\n    <div class=\"matera-footer-bottom\">\r\n      <p class=\"matera-footer-copyright\">Copyright \u00a9 <a href=\"https:\/\/julfian.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Julfian<\/a> 2026. All Rights Reserved<\/p>\r\n      \r\n      <!-- Circular Social Icons -->\r\n      <div class=\"matera-footer-socials\">\r\n        <!-- Instagram -->\r\n        <a href=\"https:\/\/www.instagram.com\/fiantherealtor\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-social-icon\" aria-label=\"Instagram\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n        <\/a>\r\n\r\n        <!-- WhatsApp -->\r\n        <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=6287878938096&text=Halo%20Julfian,%20saya%20melihat%20ini%20di%20Website%20dan%20saya%20tertarik%20dengan%20Matera%20Lakeside%20Gading%20Serpong.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-social-icon\" aria-label=\"WhatsApp\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.375-.883-.71-1.48-1.588-1.653-1.886-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/footer>\r\n<!-- END: Matera Lakeside Section - Clean Luxury Footer -->\t\t\t\t<\/div>\n\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>A NEW GENRE OF LAKESIDE LUXURY PRESTIGIOUS 3-STOREY RESIDENCE MATERA LAKESIDE Mahakarya Hunian Mewah Tepi Danau di Jantung Paramount Gading Serpong dengan Dual Panoramic Balcony &amp; Community Club Seluas 5.000 m\u00b2. SCROLL KEBAWAH Mulai Rp 6,8 M-an Harga Perdana Inc. PPN Cluster 3 Lantai Tipe 8&#215;16, 9&#215;18 &amp; 10&#215;18+ Clubhouse 5.000 m\u00b2 Infinity Pool, Bowling [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8269,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8270","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.3 (Yoast SEO v28.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Matera Lakeside Gading Serpong | Hunian Mewah Tepi Danau Mulai 6,8 M - Julfian Property Expert<\/title>\n<meta name=\"description\" content=\"Matera Lakeside Paramount Gading Serpong. Rumah mewah 3 lantai tepi danau dengan Dual Panoramic Balcony &amp; Community Club 5.000 m\u00b2.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/julfian.com\/en\/matera-lakeside\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Matera Lakeside Gading Serpong | Hunian Mewah Tepi Danau Mulai 6,8 M\" \/>\n<meta property=\"og:description\" content=\"Matera Lakeside Paramount Gading Serpong. Rumah mewah 3 lantai tepi danau dengan Dual Panoramic Balcony &amp; Community Club 5.000 m\u00b2.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/julfian.com\/en\/matera-lakeside\/\" \/>\n<meta property=\"og:site_name\" content=\"Julfian Property Expert\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-16T11:31:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-Gading-Serpong.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1072\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-lakeside\\\/\",\"url\":\"https:\\\/\\\/julfian.com\\\/matera-lakeside\\\/\",\"name\":\"Matera Lakeside Gading Serpong | Hunian Mewah Tepi Danau Mulai 6,8 M - Julfian Property Expert\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-lakeside\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-lakeside\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Matera-Lakeside-Gading-Serpong.webp\",\"datePublished\":\"2026-08-16T11:17:49+00:00\",\"dateModified\":\"2026-08-16T11:31:26+00:00\",\"description\":\"Matera Lakeside Paramount Gading Serpong. Rumah mewah 3 lantai tepi danau dengan Dual Panoramic Balcony & Community Club 5.000 m\u00b2.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-lakeside\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/julfian.com\\\/matera-lakeside\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-lakeside\\\/#primaryimage\",\"url\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Matera-Lakeside-Gading-Serpong.webp\",\"contentUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Matera-Lakeside-Gading-Serpong.webp\",\"width\":1920,\"height\":1072,\"caption\":\"Matera Lakeside Gading Serpong\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-lakeside\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/julfian.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Matera Lakeside Gading Serpong | Hunian Mewah Tepi Danau Mulai 6,8 M\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/julfian.com\\\/#website\",\"url\":\"https:\\\/\\\/julfian.com\\\/\",\"name\":\"Julfian | Executive Property Advisor\",\"description\":\"Properti Alam Sutera, BSD &amp; Gading Serpong\",\"publisher\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/#\\\/schema\\\/person\\\/c4fa8cf9a29c54dbc2c66d7f080a968d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/julfian.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/julfian.com\\\/#\\\/schema\\\/person\\\/c4fa8cf9a29c54dbc2c66d7f080a968d\",\"name\":\"Juaniyuna\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\",\"url\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\",\"contentUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\",\"width\":1000,\"height\":1000,\"caption\":\"Juaniyuna\"},\"logo\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Julfian.jpeg\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Matera Lakeside Gading Serpong | Hunian Mewah Tepi Danau Mulai 6,8 M - Julfian Property Expert","description":"Matera Lakeside Paramount Gading Serpong. Rumah mewah 3 lantai tepi danau dengan Dual Panoramic Balcony & Community Club 5.000 m\u00b2.","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:\/\/julfian.com\/en\/matera-lakeside\/","og_locale":"en_US","og_type":"article","og_title":"Matera Lakeside Gading Serpong | Hunian Mewah Tepi Danau Mulai 6,8 M","og_description":"Matera Lakeside Paramount Gading Serpong. Rumah mewah 3 lantai tepi danau dengan Dual Panoramic Balcony & Community Club 5.000 m\u00b2.","og_url":"https:\/\/julfian.com\/en\/matera-lakeside\/","og_site_name":"Julfian Property Expert","article_modified_time":"2026-08-16T11:31:26+00:00","og_image":[{"width":1920,"height":1072,"url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-Gading-Serpong.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/julfian.com\/matera-lakeside\/","url":"https:\/\/julfian.com\/matera-lakeside\/","name":"Matera Lakeside Gading Serpong | Hunian Mewah Tepi Danau Mulai 6,8 M - Julfian Property Expert","isPartOf":{"@id":"https:\/\/julfian.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/julfian.com\/matera-lakeside\/#primaryimage"},"image":{"@id":"https:\/\/julfian.com\/matera-lakeside\/#primaryimage"},"thumbnailUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-Gading-Serpong.webp","datePublished":"2026-08-16T11:17:49+00:00","dateModified":"2026-08-16T11:31:26+00:00","description":"Matera Lakeside Paramount Gading Serpong. Rumah mewah 3 lantai tepi danau dengan Dual Panoramic Balcony & Community Club 5.000 m\u00b2.","breadcrumb":{"@id":"https:\/\/julfian.com\/matera-lakeside\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/julfian.com\/matera-lakeside\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/julfian.com\/matera-lakeside\/#primaryimage","url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-Gading-Serpong.webp","contentUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Lakeside-Gading-Serpong.webp","width":1920,"height":1072,"caption":"Matera Lakeside Gading Serpong"},{"@type":"BreadcrumbList","@id":"https:\/\/julfian.com\/matera-lakeside\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/julfian.com\/"},{"@type":"ListItem","position":2,"name":"Matera Lakeside Gading Serpong | Hunian Mewah Tepi Danau Mulai 6,8 M"}]},{"@type":"WebSite","@id":"https:\/\/julfian.com\/#website","url":"https:\/\/julfian.com\/","name":"Julfian | Executive Property Advisor","description":"Properti Alam Sutera, BSD &amp; Gading Serpong","publisher":{"@id":"https:\/\/julfian.com\/#\/schema\/person\/c4fa8cf9a29c54dbc2c66d7f080a968d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/julfian.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/julfian.com\/#\/schema\/person\/c4fa8cf9a29c54dbc2c66d7f080a968d","name":"Juaniyuna","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg","url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg","contentUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg","width":1000,"height":1000,"caption":"Juaniyuna"},"logo":{"@id":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/05\/Julfian.jpeg"}}]}},"_links":{"self":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/comments?post=8270"}],"version-history":[{"count":10,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8270\/revisions"}],"predecessor-version":[{"id":8309,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8270\/revisions\/8309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/media\/8269"}],"wp:attachment":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/media?parent=8270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}