{"id":8707,"date":"2026-08-28T12:14:48","date_gmt":"2026-08-28T12:14:48","guid":{"rendered":"https:\/\/julfian.com\/?page_id=8707"},"modified":"2026-08-28T12:45:48","modified_gmt":"2026-08-28T12:45:48","slug":"matera-residences","status":"publish","type":"page","link":"https:\/\/julfian.com\/en\/matera-residences\/","title":{"rendered":"Matera Residences Gading Serpong | Cluster Mewah Dekat BSD"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8707\" class=\"elementor elementor-8707\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cacc65 e-con-full e-flex e-con e-parent\" data-id=\"6cacc65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-817bbab elementor-widget elementor-widget-html\" data-id=\"817bbab\" 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 Residences 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: #090f18;\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, 15, 24, 0.65) 0%, rgba(9, 15, 24, 0.35) 50%, rgba(9, 15, 24, 0.95) 100%), \r\n                      url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Signature-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: #eab308; \/* Luxury Gold Accent *\/\r\n    background: rgba(9, 15, 24, 0.85);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    border: 1px solid rgba(234, 179, 8, 0.45);\r\n    padding: 6px 20px;\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.9);\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    color: #eab308; \/* Luxury Gold Accent *\/\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: 820px;\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, 15, 24, 0.92);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid rgba(234, 179, 8, 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.7);\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: #eab308;\r\n  }\r\n\r\n  .matera-spec-label {\r\n    font-size: 11px;\r\n    color: #cbd5e1;\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: #eab308;\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 Tablet *\/\r\n  @media (max-width: 768px) {\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  }\r\n\r\n  \/* Mobile Optimization & Custom Image Switch *\/\r\n  @media (max-width: 600px) {\r\n    .matera-hero-bg {\r\n      background-image: linear-gradient(180deg, rgba(9, 15, 24, 0.65) 0%, rgba(9, 15, 24, 0.35) 50%, rgba(9, 15, 24, 0.95) 100%), \r\n                        url('https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Cluster-Matera-Signature-Gading-Serpong.webp');\r\n    }\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 12px;\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: 95%;\r\n      padding: 14px 8px;\r\n      gap: 10px 4px;\r\n    }\r\n    .matera-spec-item {\r\n      padding: 0 2px 8px;\r\n    }\r\n    .matera-spec-value {\r\n      font-size: 13.5px;\r\n      white-space: nowrap;\r\n    }\r\n    .matera-spec-label {\r\n      font-size: 9px;\r\n      letter-spacing: -0.35px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      max-width: 100%;\r\n      display: block;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-hero-wrapper\">\r\n  \r\n  <!-- Background Image Container -->\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\">THE ULTIMATE LUXURY LIVING \u2022 LIMITED AVAILABLE UNITS<\/span>\r\n    \r\n    <h1 class=\"matera-hero-title\">\r\n      MATERA RESIDENCES\r\n      <span class=\"line-2\">GADING SERPONG<\/span>\r\n    <\/h1>\r\n    \r\n    <p class=\"matera-hero-subtitle\">\r\n      Mahakarya Hunian Mewah Eksklusif <b>Paramount Land<\/b> Hasil Kolaborasi Arsitek Kelas Dunia. Dilengkapi 5.000 m\u00b2 Community Club & Akses Langsung Menuju Pusat Komersial Maggiore Serta BSD City.\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 5,7 M-an<\/span><\/div>\r\n      <div class=\"matera-spec-label\">Harga Sudah Termasuk PPN<\/div>\r\n    <\/div>\r\n    <div class=\"matera-spec-item\">\r\n      <div class=\"matera-spec-value\">Sintered Stone <span>Quadra<\/span><\/div>\r\n      <div class=\"matera-spec-label\">Sanitary Kohler Intelligent Toilet<\/div>\r\n    <\/div>\r\n    <div class=\"matera-spec-item\">\r\n      <div class=\"matera-spec-value\">Green Eco <span>Solar Panel<\/span><\/div>\r\n      <div class=\"matera-spec-label\">Solar Water Heater & EV Charger<\/div>\r\n    <\/div>\r\n    <div class=\"matera-spec-item\">\r\n      <div class=\"matera-spec-value\">5.000 m\u00b2 <span>Luxury Club<\/span><\/div>\r\n      <div class=\"matera-spec-label\">Bowling Alley & Infinity Pool<\/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 Residences 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-b816b72 e-con-full e-flex e-con e-parent\" data-id=\"b816b72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd2d918 elementor-widget elementor-widget-html\" data-id=\"fd2d918\" 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 Residences Section 2 - Social Proof & Authority Banner -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-proof-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-proof-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Seamless Gradient dari Section 1 Hero *\/\r\n    background: linear-gradient(180deg, #090f18 0%, #060a10 100%);\r\n    padding: 70px 20px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    border-top: none;\r\n    border-bottom: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Subtle Luxury Gold Glow *\/\r\n  .matera-proof-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 500px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, rgba(234, 179, 8, 0.08) 0%, rgba(6, 10, 16, 0) 70%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .matera-proof-container {\r\n    position: relative;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    gap: 36px;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Header Group *\/\r\n  .matera-proof-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #eab308;\r\n    background: rgba(234, 179, 8, 0.08);\r\n    border: 1px solid rgba(234, 179, 8, 0.25);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n  }\r\n\r\n  .matera-proof-tag svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: #eab308;\r\n  }\r\n\r\n  .matera-proof-title {\r\n    font-size: clamp(22px, 3vw, 36px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.5px;\r\n    margin: 0;\r\n    max-width: 890px;\r\n  }\r\n\r\n  .matera-proof-title span {\r\n    color: #eab308;\r\n    background: linear-gradient(135deg, #ffffff 0%, #eab308 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  \/* 3-Column Authority Grid *\/\r\n  .matera-proof-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .matera-proof-card {\r\n    background: rgba(15, 23, 42, 0.65);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 16px;\r\n    padding: 28px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .matera-proof-card:hover {\r\n    border-color: rgba(234, 179, 8, 0.4);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .matera-proof-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    background: rgba(234, 179, 8, 0.1);\r\n    border: 1px solid rgba(234, 179, 8, 0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .matera-proof-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: #eab308;\r\n  }\r\n\r\n  .matera-proof-stat {\r\n    font-size: clamp(18px, 1.8vw, 24px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin-bottom: 6px;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .matera-proof-stat span {\r\n    color: #eab308;\r\n  }\r\n\r\n  .matera-proof-desc {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* CTA Button Style *\/\r\n  .matera-proof-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);\r\n    color: #090f18;\r\n    font-weight: 800;\r\n    font-size: 14px;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding: 14px 32px;\r\n    border-radius: 50px;\r\n    box-shadow: 0 8px 25px rgba(234, 179, 8, 0.35);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .matera-proof-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 30px rgba(234, 179, 8, 0.5);\r\n    background: linear-gradient(135deg, #facc15 0%, #d97706 100%);\r\n  }\r\n\r\n  .matera-proof-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #090f18;\r\n  }\r\n\r\n  \/* Responsive Mobile - Tetap 3 Kolom Sebaris *\/\r\n  @media (max-width: 860px) {\r\n    .matera-proof-wrapper {\r\n      padding: 50px 8px;\r\n    }\r\n    .matera-proof-container {\r\n      gap: 24px;\r\n    }\r\n    .matera-proof-grid {\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 6px;\r\n    }\r\n    .matera-proof-card {\r\n      padding: 14px 6px;\r\n      border-radius: 12px;\r\n    }\r\n    .matera-proof-icon {\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: 8px;\r\n      margin-bottom: 8px;\r\n    }\r\n    .matera-proof-icon svg {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n    .matera-proof-stat {\r\n      font-size: 11px;\r\n      line-height: 1.25;\r\n      margin-bottom: 4px;\r\n      letter-spacing: -0.2px;\r\n    }\r\n    .matera-proof-desc {\r\n      font-size: 8.5px;\r\n      line-height: 1.35;\r\n      letter-spacing: -0.2px;\r\n    }\r\n    .matera-proof-btn {\r\n      font-size: 12px;\r\n      padding: 12px 24px;\r\n      width: 90%;\r\n      max-width: 320px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"matera-proof-wrapper\">\r\n  <div class=\"matera-proof-glow\"><\/div>\r\n  \r\n  <div class=\"matera-proof-container\">\r\n    <!-- Tagline Badge -->\r\n    <div class=\"matera-proof-tag\">\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      The Most Prestigious High-End Living\r\n    <\/div>\r\n\r\n    <!-- H2 Headline -->\r\n    <h2 class=\"matera-proof-title\">\r\n      Award-Winning Masterpiece: <span>Luxurious Living<\/span> Crafted by World-Class Designers\r\n    <\/h2>\r\n\r\n    <!-- 3 Pillars Grid -->\r\n    <div class=\"matera-proof-grid\">\r\n      \r\n      <!-- Item 1: Property Awards Winner -->\r\n      <div class=\"matera-proof-card\">\r\n        <div class=\"matera-proof-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"matera-proof-stat\">Best <span>High-End Housing<\/span><\/div>\r\n        <p class=\"matera-proof-desc\">Pemenang Penghargaan PropertyGuru Indonesia Property Awards kategori Best High End Housing Development.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Item 2: World-Class Designers -->\r\n      <div class=\"matera-proof-card\">\r\n        <div class=\"matera-proof-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"matera-proof-stat\">Iconic <span>Designers<\/span><\/div>\r\n        <p class=\"matera-proof-desc\">Kolaborasi arsitek ternama Hadiprana, Sonny Sutanto, Ethospace Singapore, dan Darcaniya Cinitra.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Item 3: \u00b15.000 m\u00b2 Luxury Club -->\r\n      <div class=\"matera-proof-card\">\r\n        <div class=\"matera-proof-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        <div class=\"matera-proof-stat\">\u00b15.000 m\u00b2 <span>Club<\/span><\/div>\r\n        <p class=\"matera-proof-desc\">Community club eksklusif terlengkap dengan private bowling alley, infinity pool, dan putt-putt golf.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Direct WhatsApp Inquiry Button -->\r\n    <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20saya%20tertarik%20dengan%20info%20detail%20Matera%20Residences%20Gading%20Serpong.%20Apa%20bisa%20dibantu%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-proof-btn\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.04 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M9.05 7.42C8.84 7.42 8.49 7.5 8.2 7.82C7.9 8.14 7.07 8.92 7.07 10.5C7.07 12.08 8.22 13.6 8.38 13.82C8.54 14.03 10.61 17.23 13.78 18.6C14.54 18.93 15.12 19.12 15.59 19.27C16.35 19.51 17.04 19.48 17.59 19.4C18.2 19.31 19.47 18.63 19.73 17.9C20 17.17 20 16.54 19.92 16.41C19.84 16.28 19.63 16.2 19.32 16.04C19 15.89 17.47 15.13 17.18 15.03C16.9 14.92 16.69 14.87 16.48 15.18C16.28 15.5 15.69 16.2 15.5 16.41C15.33 16.62 15.15 16.65 14.84 16.5C14.53 16.34 13.52 16.01 12.33 14.95C11.4 14.12 10.78 13.1 10.62 12.84C10.47 12.58 10.6 12.44 10.76 12.28C10.9 12.14 11.07 11.91 11.23 11.73C11.39 11.54 11.44 11.41 11.54 11.2C11.65 11 11.6 10.81 11.52 10.66C11.44 10.5 10.83 9.03 10.58 8.42C10.33 7.83 10.08 7.91 9.9 7.91C9.72 7.91 9.51 7.89 9.3 7.89C9.1 7.89 8.78 7.97 8.5 8.28C8.21 8.59 7.42 9.33 7.42 10.82C7.42 12.31 8.5 13.75 8.66 13.96L9.05 7.42Z\"\/><\/svg>\r\n      Tanya Info Detail\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Matera Residences Section 2 - Social Proof & Authority Banner -->\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-6864cd1 e-con-full e-flex e-con e-parent\" data-id=\"6864cd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b19a0b elementor-widget elementor-widget-html\" data-id=\"9b19a0b\" 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 Residences Section 3 - USP & Architecture Highlights -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-usp-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-usp-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Gradasi dari Dark Section 2 (#060a10) ke Light Luxury (#f8fafc) *\/\r\n    background: linear-gradient(180deg, #060a10 0%, #111a28 22%, #e2e8f0 65%, #f8fafc 100%);\r\n    padding: 100px 20px 80px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .matera-usp-container {\r\n    position: relative;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 48px;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Header Group *\/\r\n  .matera-usp-header {\r\n    text-align: center;\r\n    max-width: 840px;\r\n  }\r\n\r\n  .matera-usp-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: #eab308;\r\n    background: rgba(15, 23, 42, 0.8);\r\n    border: 1px solid rgba(234, 179, 8, 0.35);\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-usp-title {\r\n    font-size: clamp(24px, 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 12px 0;\r\n  }\r\n\r\n  .matera-usp-title span {\r\n    color: #eab308;\r\n  }\r\n\r\n  .matera-usp-subtitle {\r\n    font-size: clamp(13px, 1.2vw, 16px);\r\n    color: #cbd5e1;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 4-Grid Feature Cards *\/\r\n  .matera-usp-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 28px;\r\n  }\r\n\r\n  .matera-usp-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);\r\n    border: 1px solid rgba(226, 232, 240, 0.8);\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: all 0.35s ease;\r\n  }\r\n\r\n  .matera-usp-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 22px 45px rgba(15, 23, 42, 0.15);\r\n    border-color: rgba(234, 179, 8, 0.5);\r\n  }\r\n\r\n  \/* Card Image Frame *\/\r\n  .matera-usp-img-box {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 240px;\r\n    overflow: hidden;\r\n    background: #0f172a;\r\n  }\r\n\r\n  .matera-usp-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .matera-usp-card:hover .matera-usp-img-box img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .matera-usp-img-tag {\r\n    position: absolute;\r\n    bottom: 14px;\r\n    left: 14px;\r\n    background: rgba(15, 23, 42, 0.85);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    color: #ffffff;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    padding: 4px 12px;\r\n    border-radius: 6px;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n  }\r\n\r\n  \/* Card Body *\/\r\n  .matera-usp-body {\r\n    padding: 24px 26px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .matera-usp-item-title {\r\n    font-size: clamp(17px, 1.4vw, 20px);\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .matera-usp-item-title span {\r\n    color: #b45309;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .matera-usp-desc {\r\n    font-size: 14px;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Responsive Mobile - Tetap 2 kolom (1 baris 2 kotak) *\/\r\n  @media (max-width: 860px) {\r\n    .matera-usp-wrapper {\r\n      padding: 70px 12px 60px;\r\n    }\r\n    .matera-usp-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 12px;\r\n    }\r\n    .matera-usp-card {\r\n      border-radius: 14px;\r\n    }\r\n    .matera-usp-img-box {\r\n      height: 140px;\r\n    }\r\n    .matera-usp-img-tag {\r\n      font-size: 9px;\r\n      padding: 3px 8px;\r\n      bottom: 8px;\r\n      left: 8px;\r\n    }\r\n    .matera-usp-body {\r\n      padding: 14px 12px;\r\n      gap: 6px;\r\n    }\r\n    .matera-usp-item-title {\r\n      font-size: 14px;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 2px;\r\n      line-height: 1.3;\r\n    }\r\n    .matera-usp-item-title span {\r\n      font-size: 10px;\r\n      letter-spacing: 0.5px;\r\n    }\r\n    .matera-usp-desc {\r\n      font-size: 11px;\r\n      line-height: 1.45;\r\n    }\r\n    .matera-usp-title {\r\n      color: #ffffff;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"matera-usp-wrapper\">\r\n  <div class=\"matera-usp-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"matera-usp-header\">\r\n      <span class=\"matera-usp-badge\">CRAFTED FOR PERFECTION<\/span>\r\n      <h2 class=\"matera-usp-title\">Signature Layout & <span>Sophisticated Living<\/span><\/h2>\r\n      <p class=\"matera-usp-subtitle\">Eksplorasi tata ruang berkelas dengan sentuhan desain biophilic, pencahayaan alami optimal, dan material termewah di kelasnya.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 4 Feature Grid -->\r\n    <div class=\"matera-usp-grid\">\r\n\r\n      <!-- Card 1: Grand Master Bedroom Suite -->\r\n      <div class=\"matera-usp-card\">\r\n        <div class=\"matera-usp-img-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Master-Bedroom-Matera-Signature-Gading-Serpong.webp\" alt=\"Master Bedroom Matera Signature Gading Serpong\" loading=\"lazy\">\r\n          <span class=\"matera-usp-img-tag\">Master Suite<\/span>\r\n        <\/div>\r\n        <div class=\"matera-usp-body\">\r\n          <h3 class=\"matera-usp-item-title\">Grand Master Suite <span>Ensuite Bath<\/span><\/h3>\r\n          <p class=\"matera-usp-desc\">Kamar tidur utama ekstra luas dengan high ceiling, private balcony, walk-in closet, serta master bathroom mewah berfitur Kohler Intelligent Toilet.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Luxurious Living Room Area -->\r\n      <div class=\"matera-usp-card\">\r\n        <div class=\"matera-usp-img-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Living-Room-Matera-Signature-Gading-Serpong.webp\" alt=\"Living Room Matera Signature Gading Serpong\" loading=\"lazy\">\r\n          <span class=\"matera-usp-img-tag\">Spacious Living<\/span>\r\n        <\/div>\r\n        <div class=\"matera-usp-body\">\r\n          <h3 class=\"matera-usp-item-title\">Open Living Area <span>High Ceiling<\/span><\/h3>\r\n          <p class=\"matera-usp-desc\">Ruang keluarga dengan lantai sintered stone Quadra \/ imported marble, bukaan kaca Low-E YKK Nexta, serta integrasi void yang menghadirkan kesan megah.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Dining Room & Modern Kitchen Set -->\r\n      <div class=\"matera-usp-card\">\r\n        <div class=\"matera-usp-img-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Dining-Room-Matera-Signature-Gading-Serpong.webp\" alt=\"Dining Room & Kitchen Set Matera Signature Gading Serpong\" loading=\"lazy\">\r\n          <span class=\"matera-usp-img-tag\">Dining & Pantry<\/span>\r\n        <\/div>\r\n        <div class=\"matera-usp-body\">\r\n          <h3 class=\"matera-usp-item-title\">Dining & Kitchen <span>Potable Water<\/span><\/h3>\r\n          <p class=\"matera-usp-desc\">Area makan elegan dengan island top table Quadra, kitchen appliances modern, portable grease trap, serta sistem air siap minum langsung Pyua.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Aesthetic Kid Bedroom -->\r\n      <div class=\"matera-usp-card\">\r\n        <div class=\"matera-usp-img-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Kids-Bedroom-Matera-Signature-Gading-Serpong.webp\" alt=\"Kids Bedroom Matera Signature Gading Serpong\" loading=\"lazy\">\r\n          <span class=\"matera-usp-img-tag\">Comfort Bedroom<\/span>\r\n        <\/div>\r\n        <div class=\"matera-usp-body\">\r\n          <h3 class=\"matera-usp-item-title\">Cozy Kid Bedroom <span>SPC Flooring<\/span><\/h3>\r\n          <p class=\"matera-usp-desc\">Kamar tidur bernuansa hangat dengan finishing lantai SPC (Stone Plastic Composite), pencahayaan alami yang sehat, serta smart lighting control.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Matera Residences Section 3 - USP & Architecture Highlights -->\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-29fa547 e-con-full e-flex e-con e-parent\" data-id=\"29fa547\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-295d91b elementor-widget elementor-widget-html\" data-id=\"295d91b\" 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 Residences Section 4 - Exact 3-1-3 Grid Layout (Mobile & Desktop Match) -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  #matera-exact-grid,\r\n  #matera-exact-grid * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  #matera-exact-grid {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    background: #f8fafc !important;\r\n    padding: clamp(24px, 4vw, 70px) clamp(8px, 2vw, 20px) !important;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-units-container {\r\n    max-width: 1180px !important;\r\n    margin: 0 auto !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: clamp(14px, 2.5vw, 32px) !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  \/* Section Title Bar *\/\r\n  #matera-exact-grid .matera-group-bar {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    border-bottom: 2px solid #e2e8f0 !important;\r\n    padding-bottom: clamp(6px, 1vw, 10px) !important;\r\n    margin-top: 4px !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-group-title {\r\n    font-size: clamp(11px, 1.4vw, 18px) !important;\r\n    font-weight: 800 !important;\r\n    color: #0f172a !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 6px !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-live-dot {\r\n    width: clamp(6px, 0.8vw, 9px) !important;\r\n    height: clamp(6px, 0.8vw, 9px) !important;\r\n    background: #16a34a !important;\r\n    border-radius: 50% !important;\r\n    display: inline-block !important;\r\n  }\r\n\r\n  \/* TOP ROW: 3 CARDS SEJAJAR 1 BARIS *\/\r\n  #matera-exact-grid .matera-top-3grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: clamp(6px, 1.5vw, 20px) !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-unit-card {\r\n    background: #ffffff !important;\r\n    border-radius: clamp(8px, 1.5vw, 18px) !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    padding: clamp(8px, 1.8vw, 22px) !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.03) !important;\r\n    min-width: 0 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-tag-row {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    margin-bottom: clamp(6px, 1vw, 12px) !important;\r\n    gap: 4px !important;\r\n    flex-wrap: wrap !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-cluster-tag {\r\n    font-size: clamp(7px, 0.9vw, 11px) !important;\r\n    font-weight: 700 !important;\r\n    color: #475569 !important;\r\n    background: #f1f5f9 !important;\r\n    padding: clamp(2px, 0.4vw, 4px) clamp(4px, 0.8vw, 8px) !important;\r\n    border-radius: 4px !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-status-badge {\r\n    font-size: clamp(7px, 0.9vw, 11px) !important;\r\n    font-weight: 800 !important;\r\n    padding: clamp(2px, 0.4vw, 4px) clamp(4px, 0.8vw, 8px) !important;\r\n    border-radius: 4px !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.3px !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-status-badge.available {\r\n    background: #dcfce7 !important;\r\n    color: #15803d !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-status-badge.limited {\r\n    background: #fef3c7 !important;\r\n    color: #b45309 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-unit-name {\r\n    font-size: clamp(10px, 1.4vw, 20px) !important;\r\n    font-weight: 800 !important;\r\n    color: #0f172a !important;\r\n    margin: 0 0 clamp(6px, 1vw, 12px) 0 !important;\r\n    line-height: 1.2 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-specs-pill-group {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n    gap: clamp(4px, 0.8vw, 8px) !important;\r\n    background: #f8fafc !important;\r\n    padding: clamp(6px, 1vw, 12px) !important;\r\n    border-radius: clamp(6px, 1vw, 10px) !important;\r\n    margin-bottom: clamp(6px, 1vw, 14px) !important;\r\n    border: 1px solid #edf2f7 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-spec-mini-lbl {\r\n    font-size: clamp(6.5px, 0.8vw, 10px) !important;\r\n    font-weight: 600 !important;\r\n    color: #94a3b8 !important;\r\n    text-transform: uppercase !important;\r\n    display: block !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-spec-mini-val {\r\n    font-size: clamp(8.5px, 1.1vw, 13px) !important;\r\n    font-weight: 700 !important;\r\n    color: #1e293b !important;\r\n    display: block !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-features-list {\r\n    font-size: clamp(7.5px, 0.95vw, 12px) !important;\r\n    color: #475569 !important;\r\n    line-height: 1.35 !important;\r\n    margin: 0 0 clamp(6px, 1vw, 14px) 0 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-price-box {\r\n    border-top: 1px dashed #e2e8f0 !important;\r\n    padding-top: clamp(6px, 1vw, 12px) !important;\r\n    margin-bottom: clamp(6px, 1vw, 14px) !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-price-lbl {\r\n    font-size: clamp(7px, 0.85vw, 11px) !important;\r\n    font-weight: 600 !important;\r\n    color: #64748b !important;\r\n    margin-bottom: 2px !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-price-val {\r\n    font-size: clamp(9.5px, 1.3vw, 17px) !important;\r\n    font-weight: 800 !important;\r\n    color: #0f172a !important;\r\n    line-height: 1.2 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-price-val span {\r\n    color: #b45309 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-unit-btn {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 4px !important;\r\n    width: 100% !important;\r\n    background: #0f172a !important;\r\n    color: #ffffff !important;\r\n    font-size: clamp(7.5px, 0.95vw, 12.5px) !important;\r\n    font-weight: 700 !important;\r\n    text-decoration: none !important;\r\n    padding: clamp(6px, 1vw, 11px) clamp(4px, 0.8vw, 10px) !important;\r\n    border-radius: clamp(6px, 0.8vw, 8px) !important;\r\n    text-align: center !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-unit-btn svg {\r\n    width: clamp(10px, 1.1vw, 14px) !important;\r\n    height: clamp(10px, 1.1vw, 14px) !important;\r\n    fill: currentColor !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  \/* MIDDLE ROW: MATERA SIGNATURE BOULEVARD (1 ROW FULL WIDTH) *\/\r\n  #matera-exact-grid .matera-signature-card {\r\n    background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%) !important;\r\n    border: 1.5px solid #eab308 !important;\r\n    border-radius: clamp(10px, 1.6vw, 18px) !important;\r\n    padding: clamp(10px, 2vw, 24px) !important;\r\n    box-shadow: 0 4px 15px rgba(234, 179, 8, 0.08) !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-sig-grid-specs {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(4, 1fr) !important;\r\n    gap: clamp(4px, 1vw, 10px) !important;\r\n    background: #f8fafc !important;\r\n    padding: clamp(6px, 1.2vw, 12px) !important;\r\n    border-radius: clamp(6px, 1vw, 10px) !important;\r\n    margin-bottom: clamp(6px, 1vw, 14px) !important;\r\n    border: 1px solid #edf2f7 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-unit-btn.gold-btn {\r\n    background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%) !important;\r\n    color: #090f18 !important;\r\n    font-weight: 800 !important;\r\n  }\r\n\r\n  \/* BOTTOM ROW: SOLD OUT 3 CARDS SEJAJAR 1 BARIS *\/\r\n  #matera-exact-grid .matera-sold-3grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: clamp(6px, 1.5vw, 16px) !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-sold-card {\r\n    background: #f1f5f9 !important;\r\n    border-radius: clamp(8px, 1.2vw, 14px) !important;\r\n    border: 1px dashed #cbd5e1 !important;\r\n    padding: clamp(8px, 1.4vw, 16px) !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    min-width: 0 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-sold-title {\r\n    font-size: clamp(9px, 1.2vw, 15px) !important;\r\n    font-weight: 700 !important;\r\n    color: #334155 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-sold-badge {\r\n    font-size: clamp(6.5px, 0.8vw, 10px) !important;\r\n    font-weight: 800 !important;\r\n    background: #e2e8f0 !important;\r\n    color: #64748b !important;\r\n    padding: clamp(1px, 0.3vw, 3px) clamp(3px, 0.6vw, 6px) !important;\r\n    border-radius: 3px !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-sold-desc {\r\n    font-size: clamp(7px, 0.9vw, 11.5px) !important;\r\n    color: #64748b !important;\r\n    margin: clamp(4px, 0.6vw, 8px) 0 !important;\r\n    line-height: 1.25 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-sold-btn {\r\n    font-size: clamp(7px, 0.9vw, 11.5px) !important;\r\n    font-weight: 700 !important;\r\n    color: #0f172a !important;\r\n    text-decoration: underline !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  \/* Bottom Banner Secondary (Force Text White & Light Gray) *\/\r\n  #matera-exact-grid .matera-secondary-box {\r\n    background: #0f172a !important;\r\n    border-radius: clamp(10px, 1.5vw, 16px) !important;\r\n    padding: clamp(12px, 1.8vw, 24px) clamp(12px, 2vw, 30px) !important;\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-secondary-txt h4 {\r\n    font-size: clamp(10px, 1.3vw, 17px) !important;\r\n    font-weight: 800 !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 2px 0 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-secondary-txt p {\r\n    font-size: clamp(8px, 1vw, 12.5px) !important;\r\n    color: #94a3b8 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-secondary-btn {\r\n    background: #ffffff !important;\r\n    color: #0f172a !important;\r\n    font-size: clamp(8px, 1vw, 12.5px) !important;\r\n    font-weight: 800 !important;\r\n    text-decoration: none !important;\r\n    padding: clamp(6px, 1vw, 11px) clamp(10px, 1.5vw, 22px) !important;\r\n    border-radius: 50px !important;\r\n    white-space: nowrap !important;\r\n    flex-shrink: 0 !important;\r\n    transition: all 0.25s ease !important;\r\n  }\r\n\r\n  #matera-exact-grid .matera-secondary-btn:hover {\r\n    background: #eab308 !important;\r\n    color: #090f18 !important;\r\n  }\r\n<\/style>\r\n\r\n<section id=\"matera-exact-grid\">\r\n  <div class=\"matera-units-container\">\r\n    \r\n    <!-- Title Bar 1: Available Units -->\r\n    <div class=\"matera-group-bar\">\r\n      <h3 class=\"matera-group-title\">\r\n        <span class=\"matera-live-dot\"><\/span> Unit Tersedia (Available on Pricelist)\r\n      <\/h3>\r\n    <\/div>\r\n\r\n    <!-- ROW 1: 3 CARDS SIDE BY SIDE (1 BARIS) -->\r\n    <div class=\"matera-top-3grid\">\r\n\r\n      <!-- Card 1: Tipe 9x15 -->\r\n      <div class=\"matera-unit-card\">\r\n        <div>\r\n          <div class=\"matera-tag-row\">\r\n            <span class=\"matera-cluster-tag\">Matera Avenue<\/span>\r\n            <span class=\"matera-status-badge available\">Available<\/span>\r\n          <\/div>\r\n          <h4 class=\"matera-unit-name\">Tipe 9 x 15<\/h4>\r\n          \r\n          <div class=\"matera-specs-pill-group\">\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">LT<\/span>\r\n              <span class=\"matera-spec-mini-val\">135 m\u00b2<\/span>\r\n            <\/div>\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">LB<\/span>\r\n              <span class=\"matera-spec-mini-val\">181 m\u00b2<\/span>\r\n            <\/div>\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">KT<\/span>\r\n              <span class=\"matera-spec-mini-val\">3 + 1<\/span>\r\n            <\/div>\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">KM<\/span>\r\n              <span class=\"matera-spec-mini-val\">3 + 1<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <p class=\"matera-features-list\">Finishing lantai Quadra, Skylight Canopy, Potable Water Pyua, &amp; Smart Door Lock.<\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n          <div class=\"matera-price-box\">\r\n            <div class=\"matera-price-lbl\">Super Cash (Inc. PPN)<\/div>\r\n            <div class=\"matera-price-val\">Mulai <span>Rp 5,70 M-an<\/span><\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20tertarik%20dengan%20Matera%20Avenue%20Tipe%209x15.%20Bisa%20minta%20info%20ketersediaan%20unit-nya%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-unit-btn\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.04 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M9.05 7.42C8.84 7.42 8.49 7.5 8.2 7.82C7.9 8.14 7.07 8.92 7.07 10.5C7.07 12.08 8.22 13.6 8.38 13.82C8.54 14.03 10.61 17.23 13.78 18.6C14.54 18.93 15.12 19.12 15.59 19.27C16.35 19.51 17.04 19.48 17.59 19.4C18.2 19.31 19.47 18.63 19.73 17.9C20 17.17 20 16.54 19.92 16.41C19.84 16.28 19.63 16.2 19.32 16.04C19 15.89 17.47 15.13 17.18 15.03C16.9 14.92 16.69 14.87 16.48 15.18C16.28 15.5 15.69 16.2 15.5 16.41C15.33 16.62 15.15 16.65 14.84 16.5C14.53 16.34 13.52 16.01 12.33 14.95C11.4 14.12 10.78 13.1 10.62 12.84C10.47 12.58 10.6 12.44 10.76 12.28C10.9 12.14 11.07 11.91 11.23 11.73C11.39 11.54 11.44 11.41 11.54 11.2C11.65 11 11.6 10.81 11.52 10.66C11.44 10.5 10.83 9.03 10.58 8.42C10.33 7.83 10.08 7.91 9.9 7.91C9.72 7.91 9.51 7.89 9.3 7.89C9.1 7.89 8.78 7.97 8.5 8.28C8.21 8.59 7.42 9.33 7.42 10.82C7.42 12.31 8.5 13.75 8.66 13.96L9.05 7.42Z\"\/><\/svg>\r\n            Cek Unit\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Tipe 9x16 -->\r\n      <div class=\"matera-unit-card\">\r\n        <div>\r\n          <div class=\"matera-tag-row\">\r\n            <span class=\"matera-cluster-tag\">Avenue &amp; MR 1<\/span>\r\n            <span class=\"matera-status-badge available\">Available<\/span>\r\n          <\/div>\r\n          <h4 class=\"matera-unit-name\">Tipe 9 x 16<\/h4>\r\n          \r\n          <div class=\"matera-specs-pill-group\">\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">LT<\/span>\r\n              <span class=\"matera-spec-mini-val\">144 m\u00b2<\/span>\r\n            <\/div>\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">LB<\/span>\r\n              <span class=\"matera-spec-mini-val\">199 m\u00b2<\/span>\r\n            <\/div>\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">KT<\/span>\r\n              <span class=\"matera-spec-mini-val\">3 + 1<\/span>\r\n            <\/div>\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">KM<\/span>\r\n              <span class=\"matera-spec-mini-val\">3 + 1<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <p class=\"matera-features-list\">Master Bedroom luas dgn Walk-in Closet &amp; bukaan kaca Low-E Glass YKK Nexta.<\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n          <div class=\"matera-price-box\">\r\n            <div class=\"matera-price-lbl\">Super Cash (Inc. PPN)<\/div>\r\n            <div class=\"matera-price-val\">Mulai <span>Rp 6,07 M-an<\/span><\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20tertarik%20dengan%20Matera%20Residences%20Tipe%209x16.%20Bisa%20minta%20info%20ketersediaan%20unit-nya%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-unit-btn\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.04 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M9.05 7.42C8.84 7.42 8.49 7.5 8.2 7.82C7.9 8.14 7.07 8.92 7.07 10.5C7.07 12.08 8.22 13.6 8.38 13.82C8.54 14.03 10.61 17.23 13.78 18.6C14.54 18.93 15.12 19.12 15.59 19.27C16.35 19.51 17.04 19.48 17.59 19.4C18.2 19.31 19.47 18.63 19.73 17.9C20 17.17 20 16.54 19.92 16.41C19.84 16.28 19.63 16.2 19.32 16.04C19 15.89 17.47 15.13 17.18 15.03C16.9 14.92 16.69 14.87 16.48 15.18C16.28 15.5 15.69 16.2 15.5 16.41C15.33 16.62 15.15 16.65 14.84 16.5C14.53 16.34 13.52 16.01 12.33 14.95C11.4 14.12 10.78 13.1 10.62 12.84C10.47 12.58 10.6 12.44 10.76 12.28C10.9 12.14 11.07 11.91 11.23 11.73C11.39 11.54 11.44 11.41 11.54 11.2C11.65 11 11.6 10.81 11.52 10.66C11.44 10.5 10.83 9.03 10.58 8.42C10.33 7.83 10.08 7.91 9.9 7.91C9.72 7.91 9.51 7.89 9.3 7.89C9.1 7.89 8.78 7.97 8.5 8.28C8.21 8.59 7.42 9.33 7.42 10.82C7.42 12.31 8.5 13.75 8.66 13.96L9.05 7.42Z\"\/><\/svg>\r\n            Cek Unit\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Tipe 9x18 \/ 10x18+ -->\r\n      <div class=\"matera-unit-card\">\r\n        <div>\r\n          <div class=\"matera-tag-row\">\r\n            <span class=\"matera-cluster-tag\">Matera Avenue<\/span>\r\n            <span class=\"matera-status-badge limited\">Limited Unit<\/span>\r\n          <\/div>\r\n          <h4 class=\"matera-unit-name\">Tipe 9x18 \/ 10x18+<\/h4>\r\n          \r\n          <div class=\"matera-specs-pill-group\">\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">LT Std\/Hoek<\/span>\r\n              <span class=\"matera-spec-mini-val\">162\/252m\u00b2<\/span>\r\n            <\/div>\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">LB Std\/Hoek<\/span>\r\n              <span class=\"matera-spec-mini-val\">208\/238m\u00b2<\/span>\r\n            <\/div>\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">KT<\/span>\r\n              <span class=\"matera-spec-mini-val\">4 + 1<\/span>\r\n            <\/div>\r\n            <div class=\"matera-spec-mini\">\r\n              <span class=\"matera-spec-mini-lbl\">KM<\/span>\r\n              <span class=\"matera-spec-mini-val\">3+1 s\/d 5+1<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <p class=\"matera-features-list\">Halaman samping luas (Hoek), Solar Panel system, &amp; socket EV Charging ready.<\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n          <div class=\"matera-price-box\">\r\n            <div class=\"matera-price-lbl\">Super Cash (Inc. PPN)<\/div>\r\n            <div class=\"matera-price-val\">Mulai <span>Rp 6,43 M-an<\/span><\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20tertarik%20dengan%20Matera%20Avenue%20Tipe%209x18%20\/%2010x18%2B%20Hoek.%20Bisa%20minta%20info%20ketersediaan%20unit-nya%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-unit-btn\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.04 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M9.05 7.42C8.84 7.42 8.49 7.5 8.2 7.82C7.9 8.14 7.07 8.92 7.07 10.5C7.07 12.08 8.22 13.6 8.38 13.82C8.54 14.03 10.61 17.23 13.78 18.6C14.54 18.93 15.12 19.12 15.59 19.27C16.35 19.51 17.04 19.48 17.59 19.4C18.2 19.31 19.47 18.63 19.73 17.9C20 17.17 20 16.54 19.92 16.41C19.84 16.28 19.63 16.2 19.32 16.04C19 15.89 17.47 15.13 17.18 15.03C16.9 14.92 16.69 14.87 16.48 15.18C16.28 15.5 15.69 16.2 15.5 16.41C15.33 16.62 15.15 16.65 14.84 16.5C14.53 16.34 13.52 16.01 12.33 14.95C11.4 14.12 10.78 13.1 10.62 12.84C10.47 12.58 10.6 12.44 10.76 12.28C10.9 12.14 11.07 11.91 11.23 11.73C11.39 11.54 11.44 11.41 11.54 11.2C11.65 11 11.6 10.81 11.52 10.66C11.44 10.5 10.83 9.03 10.58 8.42C10.33 7.83 10.08 7.91 9.9 7.91C9.72 7.91 9.51 7.89 9.3 7.89C9.1 7.89 8.78 7.97 8.5 8.28C8.21 8.59 7.42 9.33 7.42 10.82C7.42 12.31 8.5 13.75 8.66 13.96L9.05 7.42Z\"\/><\/svg>\r\n            Cek Unit\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ROW 2: SIGNATURE BOULEVARD 12X20 (1 ROW SENDIRI) -->\r\n    <div class=\"matera-signature-card\">\r\n      <div class=\"matera-tag-row\">\r\n        <span class=\"matera-cluster-tag\" style=\"background:#fef08a; color:#854d0e;\">FLAGSHIP SIGNATURE ROW 12<\/span>\r\n        <span class=\"matera-status-badge available\">Available on Progress<\/span>\r\n      <\/div>\r\n      <h4 class=\"matera-unit-name\">Tipe 12 x 20 \u2013 Matera Signature Boulevard<\/h4>\r\n      \r\n      <div class=\"matera-sig-grid-specs\">\r\n        <div class=\"matera-spec-mini\">\r\n          <span class=\"matera-spec-mini-lbl\">Luas Tanah<\/span>\r\n          <span class=\"matera-spec-mini-val\">240 m\u00b2<\/span>\r\n        <\/div>\r\n        <div class=\"matera-spec-mini\">\r\n          <span class=\"matera-spec-mini-lbl\">Luas Bangunan<\/span>\r\n          <span class=\"matera-spec-mini-val\">345 m\u00b2<\/span>\r\n        <\/div>\r\n        <div class=\"matera-spec-mini\">\r\n          <span class=\"matera-spec-mini-lbl\">Kamar Tidur<\/span>\r\n          <span class=\"matera-spec-mini-val\">4 + 1 KT<\/span>\r\n        <\/div>\r\n        <div class=\"matera-spec-mini\">\r\n          <span class=\"matera-spec-mini-lbl\">Kapasitas Mobil<\/span>\r\n          <span class=\"matera-spec-mini-val\">3 Mobil<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"matera-features-list\">Fasad Grand Signature, Master Bathroom Kohler Intelligent Toilet, Solar Panel System with Battery, EV Charger 3-Phase Socket, Full Marble\/Quadra finishes, &amp; ROW 12 Boulevard.<\/p>\r\n\r\n      <div class=\"matera-price-box\">\r\n        <div class=\"matera-price-lbl\">Harga Super Cash (Inc. PPN)<\/div>\r\n        <div class=\"matera-price-val\">Rp <span>11,08 M-an<\/span> <small style=\"font-size:0.75em; color:#64748b; font-weight:500;\">(KPR DP 5% \/ Bertahap Rp 11,3 M-an)<\/small><\/div>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20tertarik%20dengan%20Matera%20Signature%20Boulevard%20Tipe%2012x20.%20Bisa%20minta%20info%20ketersediaan%20unit-nya%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-unit-btn gold-btn\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.04 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M9.05 7.42C8.84 7.42 8.49 7.5 8.2 7.82C7.9 8.14 7.07 8.92 7.07 10.5C7.07 12.08 8.22 13.6 8.38 13.82C8.54 14.03 10.61 17.23 13.78 18.6C14.54 18.93 15.12 19.12 15.59 19.27C16.35 19.51 17.04 19.48 17.59 19.4C18.2 19.31 19.47 18.63 19.73 17.9C20 17.17 20 16.54 19.92 16.41C19.84 16.28 19.63 16.2 19.32 16.04C19 15.89 17.47 15.13 17.18 15.03C16.9 14.92 16.69 14.87 16.48 15.18C16.28 15.5 15.69 16.2 15.5 16.41C15.33 16.62 15.15 16.65 14.84 16.5C14.53 16.34 13.52 16.01 12.33 14.95C11.4 14.12 10.78 13.1 10.62 12.84C10.47 12.58 10.6 12.44 10.76 12.28C10.9 12.14 11.07 11.91 11.23 11.73C11.39 11.54 11.44 11.41 11.54 11.2C11.65 11 11.6 10.81 11.52 10.66C11.44 10.5 10.83 9.03 10.58 8.42C10.33 7.83 10.08 7.91 9.9 7.91C9.72 7.91 9.51 7.89 9.3 7.89C9.1 7.89 8.78 7.97 8.5 8.28C8.21 8.59 7.42 9.33 7.42 10.82C7.42 12.31 8.5 13.75 8.66 13.96L9.05 7.42Z\"\/><\/svg>\r\n        Cek Ketersediaan Unit\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Title Bar 2: Sold Out Catalog -->\r\n    <div class=\"matera-group-bar\">\r\n      <h3 class=\"matera-group-title\" style=\"color: #64748b;\">\r\n        Katalog Unit Matera Residences (Sold Out)\r\n      <\/h3>\r\n    <\/div>\r\n\r\n    <!-- ROW 3: SOLD OUT 3 CARDS SIDE BY SIDE (1 BARIS) -->\r\n    <div class=\"matera-sold-3grid\">\r\n      \r\n      <!-- Sold 1 -->\r\n      <div class=\"matera-sold-card\">\r\n        <div>\r\n          <div class=\"matera-tag-row\">\r\n            <h5 class=\"matera-sold-title\">Tipe 10 x 20<\/h5>\r\n            <span class=\"matera-sold-badge\">100% SOLD<\/span>\r\n          <\/div>\r\n          <p class=\"matera-sold-desc\">LT 200 m\u00b2 | LB 229 m\u00b2 | Standard &amp; Hoek<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20ingin%20masuk%20waiting%20list%20jika%20ada%20pembatalan\/unit%20secondary%20Matera%20Residences%20Tipe%2010x20.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-sold-btn\">Daftar Waiting List \u00bb<\/a>\r\n      <\/div>\r\n\r\n      <!-- Sold 2 -->\r\n      <div class=\"matera-sold-card\">\r\n        <div>\r\n          <div class=\"matera-tag-row\">\r\n            <h5 class=\"matera-sold-title\">Tipe 10 x 25<\/h5>\r\n            <span class=\"matera-sold-badge\">100% SOLD<\/span>\r\n          <\/div>\r\n          <p class=\"matera-sold-desc\">LT 250 m\u00b2 | LB 317 m\u00b2 | Standard &amp; Hoek<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20ingin%20masuk%20waiting%20list%20jika%20ada%20pembatalan\/unit%20secondary%20Matera%20Residences%20Tipe%2010x25.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-sold-btn\">Daftar Waiting List \u00bb<\/a>\r\n      <\/div>\r\n\r\n      <!-- Sold 3 -->\r\n      <div class=\"matera-sold-card\">\r\n        <div>\r\n          <div class=\"matera-tag-row\">\r\n            <h5 class=\"matera-sold-title\">Tipe 12 x 25<\/h5>\r\n            <span class=\"matera-sold-badge\">100% SOLD<\/span>\r\n          <\/div>\r\n          <p class=\"matera-sold-desc\">LT 300 m\u00b2 | LB 432\u2013433 m\u00b2 | Grand Std &amp; Hoek<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20ingin%20masuk%20waiting%20list%20jika%20ada%20pembatalan\/unit%20secondary%20Matera%20Residences%20Tipe%2012x25.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-sold-btn\">Daftar Waiting List \u00bb<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ROW 4: SECONDARY LEADS BANNER -->\r\n    <div class=\"matera-secondary-box\">\r\n      <div class=\"matera-secondary-txt\">\r\n        <h4 style=\"color: #ffffff !important;\">Mencari Unit Secondary atau Ingin Titip Jual\/Sewa di Matera Residences?<\/h4>\r\n        <p style=\"color: #94a3b8 !important;\">Kami melayani pendampingan transaksi secondary market dan verified listing pembeli potensial.<\/p>\r\n      <\/div>\r\n      <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20ingin%20konsultasi%20mengenai%20unit%20secondary%20\/%20titip%20jual%20sewa%20Matera%20Residences.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-secondary-btn\">\r\n        Hubungi Property Specialist\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Matera Residences Section 4 - Exact 3-1-3 Grid Layout -->\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-62be8f5 e-con-full e-flex e-con e-parent\" data-id=\"62be8f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b919fd elementor-widget elementor-widget-html\" data-id=\"7b919fd\" 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 Residences Section 5 - Payment Schemes & Special Offers -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-payment-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-payment-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Solid Light Luxury Match dengan Section Sebelumnya *\/\r\n    background: #f8fafc;\r\n    padding: 20px 20px 90px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n  }\r\n\r\n  .matera-payment-container {\r\n    position: relative;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 36px;\r\n  }\r\n\r\n  \/* Header Group *\/\r\n  .matera-payment-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .matera-payment-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: #b45309;\r\n    background: rgba(234, 179, 8, 0.15);\r\n    border: 1px solid rgba(234, 179, 8, 0.4);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .matera-payment-title {\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.5px;\r\n    margin: 0 0 10px 0;\r\n  }\r\n\r\n  .matera-payment-title span {\r\n    color: #b45309;\r\n  }\r\n\r\n  .matera-payment-subtitle {\r\n    font-size: clamp(13px, 1.2vw, 15px);\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 4 Pillars Payment Grid *\/\r\n  .matera-payment-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n  }\r\n\r\n  .matera-payment-card {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 24px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .matera-payment-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 16px 35px rgba(15, 23, 42, 0.09);\r\n    border-color: #cbd5e1;\r\n  }\r\n\r\n  .matera-payment-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    background: rgba(234, 179, 8, 0.12);\r\n    border: 1px solid rgba(234, 179, 8, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .matera-payment-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: #b45309;\r\n  }\r\n\r\n  .matera-payment-card-title {\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .matera-payment-card-desc {\r\n    font-size: 13px;\r\n    color: #475569;\r\n    line-height: 1.55;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-payment-highlight-tag {\r\n    display: inline-block;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    color: #b45309;\r\n    background: #fef3c7;\r\n    padding: 3px 8px;\r\n    border-radius: 4px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    width: fit-content;\r\n  }\r\n\r\n  \/* Compact Inclusions Banner *\/\r\n  .matera-inclusions-banner {\r\n    background: #0f172a;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 16px;\r\n    padding: 20px 26px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\r\n  }\r\n\r\n  .matera-inclusions-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .matera-inclusions-header-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n  }\r\n\r\n  .matera-inclusions-badge {\r\n    font-size: 9.5px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    color: #eab308;\r\n  }\r\n\r\n  .matera-inclusions-title {\r\n    font-size: clamp(15px, 1.5vw, 18px);\r\n    font-weight: 800;\r\n    margin: 0;\r\n    color: #ffffff;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .matera-inclusions-title span {\r\n    color: #eab308;\r\n  }\r\n\r\n  \/* Minimalist 2x2 Grid with Compact Height *\/\r\n  .matera-inclusions-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 8px 12px;\r\n    width: 100%;\r\n    max-width: 580px;\r\n  }\r\n\r\n  .matera-inclusions-pill {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    padding: 6px 10px;\r\n    border-radius: 8px;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .matera-inclusions-pill:hover {\r\n    background: rgba(255, 255, 255, 0.07);\r\n    border-color: rgba(234, 179, 8, 0.3);\r\n  }\r\n\r\n  .matera-inclusions-icon-box {\r\n    width: 18px;\r\n    height: 18px;\r\n    border-radius: 4px;\r\n    background: rgba(234, 179, 8, 0.15);\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-inclusions-icon-box svg {\r\n    width: 11px;\r\n    height: 11px;\r\n    fill: #eab308;\r\n  }\r\n\r\n  .matera-inclusions-txt {\r\n    font-size: 11.5px;\r\n    font-weight: 600;\r\n    color: #cbd5e1;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Right Action Button *\/\r\n  .matera-inclusions-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);\r\n    color: #090f18;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    padding: 12px 24px;\r\n    border-radius: 50px;\r\n    white-space: nowrap;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 6px 18px rgba(234, 179, 8, 0.25);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .matera-inclusions-btn:hover {\r\n    background: linear-gradient(135deg, #facc15 0%, #d97706 100%);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 22px rgba(234, 179, 8, 0.4);\r\n  }\r\n\r\n  .matera-inclusions-btn svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    fill: #090f18;\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 900px) {\r\n    .matera-payment-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 12px;\r\n    }\r\n    .matera-payment-card {\r\n      padding: 16px 14px;\r\n      border-radius: 14px;\r\n      gap: 8px;\r\n    }\r\n    .matera-payment-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 8px;\r\n    }\r\n    .matera-payment-icon svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n    .matera-payment-card-title {\r\n      font-size: 14px;\r\n    }\r\n    .matera-payment-card-desc {\r\n      font-size: 11px;\r\n      line-height: 1.45;\r\n    }\r\n    .matera-inclusions-banner {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      padding: 18px 14px;\r\n      gap: 16px;\r\n    }\r\n    .matera-inclusions-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 6px;\r\n    }\r\n    .matera-inclusions-pill {\r\n      padding: 6px 8px;\r\n    }\r\n    .matera-inclusions-txt {\r\n      font-size: 11px;\r\n    }\r\n    .matera-inclusions-btn {\r\n      width: 100%;\r\n      padding: 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"matera-payment-wrapper\">\r\n  <div class=\"matera-payment-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"matera-payment-header\">\r\n      <span class=\"matera-payment-badge\">FLEXIBLE PAYMENT SCHEMES<\/span>\r\n      <h2 class=\"matera-payment-title\">Kemudahan Cara Bayar & <span>Promo Spesial<\/span><\/h2>\r\n      <p class=\"matera-payment-subtitle\">Beragam opsi pembiayaan fleksibel yang dirancang khusus untuk kenyamanan transaksi kepemilikan hunian mewah Anda.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 4-Grid Cards -->\r\n    <div class=\"matera-payment-grid\">\r\n\r\n      <!-- Card 1: Super Cash -->\r\n      <div class=\"matera-payment-card\">\r\n        <div class=\"matera-payment-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        <span class=\"matera-payment-highlight-tag\">Best Value Price<\/span>\r\n        <h3 class=\"matera-payment-card-title\">Super Cash<\/h3>\r\n        <p class=\"matera-payment-card-desc\">Pelunasan kilat dalam 7 hari kalender setelah Uang Tanda Jadi (UTJ) dengan penawaran harga paling maksimal.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Tunai Keras -->\r\n      <div class=\"matera-payment-card\">\r\n        <div class=\"matera-payment-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        <span class=\"matera-payment-highlight-tag\">Fixed Cash<\/span>\r\n        <h3 class=\"matera-payment-card-title\">Tunai Keras<\/h3>\r\n        <p class=\"matera-payment-card-desc\">Skema pembayaran bertahap praktis dengan cicilan DP 2x dan pelunasan di hari ke-30 setelahnya.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Tunai Bertahap -->\r\n      <div class=\"matera-payment-card\">\r\n        <div class=\"matera-payment-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        <span class=\"matera-payment-highlight-tag\">Up To 36 Bulan<\/span>\r\n        <h3 class=\"matera-payment-card-title\">Tunai Bertahap<\/h3>\r\n        <p class=\"matera-payment-card-desc\">Cicilan bertahap developer yang fleksibel mulai dari opsi tenor 15x, 18x, 24x, hingga 36x tanpa proses rumit.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4: KPR Express -->\r\n      <div class=\"matera-payment-card\">\r\n        <div class=\"matera-payment-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"\/><\/svg>\r\n        <\/div>\r\n        <span class=\"matera-payment-highlight-tag\">DP Ringan Dicicil<\/span>\r\n        <h3 class=\"matera-payment-card-title\">KPR Express<\/h3>\r\n        <p class=\"matera-payment-card-desc\">Program DP ringan mulai 5% s\/d 10% dengan kemudahan cicil DP hingga 10x bersama bank rekanan terpercaya.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Compact All-In Inclusions Banner -->\r\n    <div class=\"matera-inclusions-banner\">\r\n      <div class=\"matera-inclusions-content\">\r\n        <div class=\"matera-inclusions-header-group\">\r\n          <span class=\"matera-inclusions-badge\">TRANSPARENT PRICING<\/span>\r\n          <h4 class=\"matera-inclusions-title\">All-In Package: <span>Harga Transparan Bebas Biaya Tambahan<\/span><\/h4>\r\n        <\/div>\r\n\r\n        <!-- 2x2 Minimalist Grid -->\r\n        <div class=\"matera-inclusions-grid\">\r\n          \r\n          <div class=\"matera-inclusions-pill\">\r\n            <div class=\"matera-inclusions-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"matera-inclusions-txt\">Sudah Termasuk PPN<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"matera-inclusions-pill\">\r\n            <div class=\"matera-inclusions-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"matera-inclusions-txt\">Izin Mendirikan Bangunan (IMB)<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"matera-inclusions-pill\">\r\n            <div class=\"matera-inclusions-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"matera-inclusions-txt\">Penyambungan Daya Listrik PLN<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"matera-inclusions-pill\">\r\n            <div class=\"matera-inclusions-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"matera-inclusions-txt\">Jaringan Air Bersih PERUMDAM<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Action CTA -->\r\n      <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20ingin%20konsultasi%20simulasi%20cara%20bayar%20Matera%20Residences.%20Bisa%20dibantu%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-inclusions-btn\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.04 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M9.05 7.42C8.84 7.42 8.49 7.5 8.2 7.82C7.9 8.14 7.07 8.92 7.07 10.5C7.07 12.08 8.22 13.6 8.38 13.82C8.54 14.03 10.61 17.23 13.78 18.6C14.54 18.93 15.12 19.12 15.59 19.27C16.35 19.51 17.04 19.48 17.59 19.4C18.2 19.31 19.47 18.63 19.73 17.9C20 17.17 20 16.54 19.92 16.41C19.84 16.28 19.63 16.2 19.32 16.04C19 15.89 17.47 15.13 17.18 15.03C16.9 14.92 16.69 14.87 16.48 15.18C16.28 15.5 15.69 16.2 15.5 16.41C15.33 16.62 15.15 16.65 14.84 16.5C14.53 16.34 13.52 16.01 12.33 14.95C11.4 14.12 10.78 13.1 10.62 12.84C10.47 12.58 10.6 12.44 10.76 12.28C10.9 12.14 11.07 11.91 11.23 11.73C11.39 11.54 11.44 11.41 11.54 11.2C11.65 11 11.6 10.81 11.52 10.66C11.44 10.5 10.83 9.03 10.58 8.42C10.33 7.83 10.08 7.91 9.9 7.91C9.72 7.91 9.51 7.89 9.3 7.89C9.1 7.89 8.78 7.97 8.5 8.28C8.21 8.59 7.42 9.33 7.42 10.82C7.42 12.31 8.5 13.75 8.66 13.96L9.05 7.42Z\"\/><\/svg>\r\n        Hitung Simulasi Cara Bayar\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Matera Residences Section 5 - Payment Schemes & Special Offers -->\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-dd453f0 e-con-full e-flex e-con e-parent\" data-id=\"dd453f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39a7543 elementor-widget elementor-widget-html\" data-id=\"39a7543\" 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 Residences Section 6 - Sultan Grade Specs & Materials -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-specs-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-specs-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    background: #f8fafc;\r\n    padding: 20px 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    position: relative;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 36px;\r\n  }\r\n\r\n  \/* Header Section *\/\r\n  .matera-specs-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto;\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: #b45309;\r\n    background: rgba(234, 179, 8, 0.15);\r\n    border: 1px solid rgba(234, 179, 8, 0.4);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .matera-specs-title {\r\n    font-size: clamp(24px, 3.2vw, 38px);\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.5px;\r\n    margin: 0 0 10px 0;\r\n  }\r\n\r\n  .matera-specs-title span {\r\n    color: #b45309;\r\n  }\r\n\r\n  .matera-specs-subtitle {\r\n    font-size: clamp(13px, 1.2vw, 15px);\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Main Grid: Top 3 Cards *\/\r\n  .matera-specs-top-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .matera-specs-card {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .matera-specs-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 16px 35px rgba(15, 23, 42, 0.09);\r\n    border-color: #cbd5e1;\r\n  }\r\n\r\n  .matera-specs-icon-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .matera-specs-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 10px;\r\n    background: rgba(234, 179, 8, 0.12);\r\n    border: 1px solid rgba(234, 179, 8, 0.3);\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-specs-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #b45309;\r\n  }\r\n\r\n  .matera-specs-card-title {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-specs-card-desc {\r\n    font-size: 13px;\r\n    color: #475569;\r\n    line-height: 1.55;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Dual Box: Eco Tech & Smart Security *\/\r\n  .matera-specs-bottom-grid {\r\n    display: grid;\r\n    grid-template-columns: 3fr 2fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .matera-specs-box {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 26px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);\r\n  }\r\n\r\n  .matera-box-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .matera-box-title {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-box-tag {\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    padding: 3px 8px;\r\n    border-radius: 4px;\r\n    background: #fef3c7;\r\n    color: #b45309;\r\n  }\r\n\r\n  \/* 2x2 Feature Grid inside Eco Box *\/\r\n  .matera-eco-subgrid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 12px;\r\n  }\r\n\r\n  .matera-eco-item {\r\n    background: #f8fafc;\r\n    border: 1px solid #edf2f7;\r\n    border-radius: 12px;\r\n    padding: 12px 14px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n  }\r\n\r\n  .matera-eco-bullet {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #eab308;\r\n    border-radius: 50%;\r\n    margin-top: 6px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .matera-eco-item-title {\r\n    font-size: 12.5px;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n    margin: 0 0 2px 0;\r\n  }\r\n\r\n  .matera-eco-item-desc {\r\n    font-size: 11.5px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* Smart Security Stack List *\/\r\n  .matera-security-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .matera-sec-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: #f8fafc;\r\n    border: 1px solid #edf2f7;\r\n    padding: 10px 14px;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .matera-sec-item svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: #b45309;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .matera-sec-item-txt {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n  }\r\n\r\n  \/* Bottom Main Gate Showcase Image *\/\r\n  .matera-specs-gate-banner {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 380px;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);\r\n    border: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .matera-specs-gate-banner 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-specs-gate-banner:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  .matera-specs-gate-overlay {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 30px 24px 20px;\r\n    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.85) 100%);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .matera-specs-gate-txt h4 {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    margin: 0 0 4px 0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .matera-specs-gate-txt p {\r\n    font-size: 13px;\r\n    color: #cbd5e1;\r\n    margin: 0;\r\n  }\r\n\r\n  .matera-specs-gate-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: #eab308;\r\n    background: rgba(15, 23, 42, 0.7);\r\n    border: 1px solid rgba(234, 179, 8, 0.4);\r\n    padding: 6px 14px;\r\n    border-radius: 50px;\r\n    backdrop-filter: blur(6px);\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 900px) {\r\n    .matera-specs-top-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n    .matera-specs-bottom-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n    .matera-eco-subgrid {\r\n      grid-template-columns: 1fr;\r\n      gap: 8px;\r\n    }\r\n    .matera-specs-card, .matera-specs-box {\r\n      padding: 18px 16px;\r\n    }\r\n    .matera-specs-card-title {\r\n      font-size: 15px;\r\n    }\r\n    .matera-specs-card-desc {\r\n      font-size: 12px;\r\n    }\r\n    .matera-specs-gate-banner {\r\n      height: 220px;\r\n      border-radius: 14px;\r\n    }\r\n    .matera-specs-gate-overlay {\r\n      padding: 16px 12px;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 8px;\r\n    }\r\n    .matera-specs-gate-txt h4 {\r\n      font-size: 14px;\r\n    }\r\n    .matera-specs-gate-txt p {\r\n      font-size: 11px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"matera-specs-wrapper\">\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\">UNCOMPROMISING QUALITY<\/span>\r\n      <h2 class=\"matera-specs-title\">Keunggulan & Spesifikasi <span>Material Kelas Sultan<\/span><\/h2>\r\n      <p class=\"matera-specs-subtitle\">Kombinasi karya masterpiece arsitek legendaris dengan pemilihan material bangunan terbaik berstandar internasional.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Top 3 Spec Pillars -->\r\n    <div class=\"matera-specs-top-grid\">\r\n\r\n      <!-- Item 1: Kolaborasi Arsitek -->\r\n      <div class=\"matera-specs-card\">\r\n        <div class=\"matera-specs-icon-title\">\r\n          <div class=\"matera-specs-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"matera-specs-card-title\">Kolaborasi Arsitek Kelas Dunia<\/h3>\r\n        <\/div>\r\n        <p class=\"matera-specs-card-desc\">Dirancang bersama oleh <b>Hadiprana Design<\/b>, <b>Sonny Sutanto Architects<\/b>, <b>Studio 127<\/b>, serta penataan lanskap eksklusif dari <b>Darcaniya Cinitra<\/b>.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Item 2: Lantai Premium -->\r\n      <div class=\"matera-specs-card\">\r\n        <div class=\"matera-specs-icon-title\">\r\n          <div class=\"matera-specs-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 2h7v7h-7V5zm-2 0v7H3V5h7zm-7 9h7v7H3v-7zm9 7v-7h7v7h-7z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"matera-specs-card-title\">Quadra Sintered Stone \/ Marble<\/h3>\r\n        <\/div>\r\n        <p class=\"matera-specs-card-desc\">Kemewahan lantai utama & kamar mandi berlapis <b>Sintered Stone Slab by Quadra<\/b> atau <b>Imported Marble Slab<\/b> dengan ketahanan noda dan gores maksimal.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Item 3: Low-E Glass -->\r\n      <div class=\"matera-specs-card\">\r\n        <div class=\"matera-specs-icon-title\">\r\n          <div class=\"matera-specs-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"matera-specs-card-title\">Kusen YKK Nexta & Low-E Glass<\/h3>\r\n        <\/div>\r\n        <p class=\"matera-specs-card-desc\">Bukaan kaca <b>Low-E Glass<\/b> berbingkai aluminium YKK Nexta powder coating yang efektif meredam radiasi panas matahari dan menjaga kesejukan ruangan.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Dual Grid: Green Eco Tech & Smart Security -->\r\n    <div class=\"matera-specs-bottom-grid\">\r\n      \r\n      <!-- Green Eco Tech -->\r\n      <div class=\"matera-specs-box\">\r\n        <div class=\"matera-box-header\">\r\n          <h3 class=\"matera-box-title\">\r\n            <svg style=\"width:20px; height:20px; fill:#16a34a;\" viewBox=\"0 0 24 24\"><path d=\"M17 8C8 10 5.9 16.17 3.82 21.34L5.71 22l1-2.3A9.49 9.49 0 0 0 12 21c6.08 0 11-4.92 11-11V3h-8v5zm2-3v3c-3.11 0-6.17 1.34-8.17 3.51C12.39 9.4 15.5 8 19 5z\"\/><\/svg>\r\n            Green & Eco Sustainability\r\n          <\/h3>\r\n          <span class=\"matera-box-tag\">Eco Smart<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"matera-eco-subgrid\">\r\n          <div class=\"matera-eco-item\">\r\n            <div class=\"matera-eco-bullet\"><\/div>\r\n            <div>\r\n              <h4 class=\"matera-eco-item-title\">Solar Panel with Battery<\/h4>\r\n              <p class=\"matera-eco-item-desc\">Sistem panel surya terintegrasi baterai untuk efisiensi tagihan listrik harian.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"matera-eco-item\">\r\n            <div class=\"matera-eco-bullet\"><\/div>\r\n            <div>\r\n              <h4 class=\"matera-eco-item-title\">Solar Water Heater Solahart<\/h4>\r\n              <p class=\"matera-eco-item-desc\">Pemanas air ramah lingkungan untuk seluruh kamar mandi dan area dapur.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"matera-eco-item\">\r\n            <div class=\"matera-eco-bullet\"><\/div>\r\n            <div>\r\n              <h4 class=\"matera-eco-item-title\">Pyua Potable Water<\/h4>\r\n              <p class=\"matera-eco-item-desc\">Sistem pemurnian air siap minum langsung dari keran sink pantry.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"matera-eco-item\">\r\n            <div class=\"matera-eco-bullet\"><\/div>\r\n            <div>\r\n              <h4 class=\"matera-eco-item-title\">EV Charging 3-Phase Ready<\/h4>\r\n              <p class=\"matera-eco-item-desc\">Soket instalasi khusus pengisian daya mobil listrik berdaya tinggi di carport.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Smart Security -->\r\n      <div class=\"matera-specs-box\">\r\n        <div class=\"matera-box-header\">\r\n          <h3 class=\"matera-box-title\">\r\n            <svg style=\"width:20px; height:20px; fill:#b45309;\" 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            Smart Integrated Security\r\n          <\/h3>\r\n          <span class=\"matera-box-tag\" style=\"background:#e0f2fe; color:#0369a1;\">24\/7 Protected<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"matera-security-list\">\r\n          <div class=\"matera-sec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"\/><\/svg>\r\n            <span class=\"matera-sec-item-txt\">Smart Door Lock Hyundai Telecom & Dekkson<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"matera-sec-item\">\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            <span class=\"matera-sec-item-txt\">CCTV Monitoring & Gas Leak Detection Sensor<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"matera-sec-item\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z\"\/><\/svg>\r\n            <span class=\"matera-sec-item-txt\">Integrated Panic Button & Smart Wall Pad Control<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Main Gate Showcase Banner -->\r\n    <div class=\"matera-specs-gate-banner\">\r\n      <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Main-Gate-Matera-Signature-Gading-Serpong.webp\" alt=\"Matera Diamond Gate Paramount Gading Serpong\" loading=\"lazy\">\r\n      <div class=\"matera-specs-gate-overlay\">\r\n        <div class=\"matera-specs-gate-txt\">\r\n          <h4>Matera Diamond Gate<\/h4>\r\n          <p>Gerbang megah bermotif diamond pattern dengan pengamanan 24 jam dan akses one gate system.<\/p>\r\n        <\/div>\r\n        <span class=\"matera-specs-gate-tag\">Grand Entrance ROW 28<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Matera Residences Section 6 - Sultan Grade Specs & Materials -->\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-4142def e-con-full e-flex e-con e-parent\" data-id=\"4142def\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-202471a elementor-widget elementor-widget-html\" data-id=\"202471a\" 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 Residences Section 7 - Luxury Community Club (Exact 3 Cards Side-by-Side Mobile Layout) -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  #matera-club-sec,\r\n  #matera-club-sec * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  #matera-club-sec {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    background: #f8fafc !important;\r\n    padding: clamp(24px, 4vw, 80px) clamp(8px, 2vw, 20px) !important;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-container {\r\n    position: relative !important;\r\n    max-width: 1180px !important;\r\n    margin: 0 auto !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: clamp(14px, 2.5vw, 36px) !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  \/* Header Section *\/\r\n  #matera-club-sec .matera-club-header {\r\n    text-align: center !important;\r\n    max-width: 820px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-badge {\r\n    display: inline-block !important;\r\n    font-size: clamp(8px, 1vw, 11px) !important;\r\n    font-weight: 800 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: clamp(1px, 0.2vw, 2px) !important;\r\n    color: #b45309 !important;\r\n    background: rgba(234, 179, 8, 0.15) !important;\r\n    border: 1px solid rgba(234, 179, 8, 0.4) !important;\r\n    padding: clamp(3px, 0.5vw, 6px) clamp(10px, 1.5vw, 18px) !important;\r\n    border-radius: 50px !important;\r\n    margin-bottom: clamp(6px, 1vw, 14px) !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-title {\r\n    font-size: clamp(14px, 2.8vw, 38px) !important;\r\n    font-weight: 800 !important;\r\n    color: #0f172a !important;\r\n    line-height: 1.25 !important;\r\n    letter-spacing: -0.5px !important;\r\n    margin: 0 0 clamp(4px, 0.8vw, 10px) 0 !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-title span {\r\n    color: #b45309 !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-subtitle {\r\n    font-size: clamp(9px, 1.2vw, 15px) !important;\r\n    color: #64748b !important;\r\n    line-height: 1.45 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  \/* 3 Main Categories Grid (Pasti 3 Kolom Sejajar di Semua Layar) *\/\r\n  #matera-club-sec .matera-club-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: clamp(6px, 1.5vw, 20px) !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-card {\r\n    background: #ffffff !important;\r\n    border-radius: clamp(8px, 1.5vw, 18px) !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    overflow: hidden !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.04) !important;\r\n    min-width: 0 !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-img-box {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: clamp(65px, 14vw, 200px) !important;\r\n    background: #0f172a !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-img-box img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    display: block !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-tag {\r\n    position: absolute !important;\r\n    bottom: clamp(4px, 0.8vw, 12px) !important;\r\n    left: clamp(4px, 0.8vw, 12px) !important;\r\n    background: rgba(15, 23, 42, 0.85) !important;\r\n    backdrop-filter: blur(4px) !important;\r\n    color: #ffffff !important;\r\n    font-size: clamp(6px, 0.8vw, 10.5px) !important;\r\n    font-weight: 700 !important;\r\n    padding: clamp(1px, 0.3vw, 4px) clamp(4px, 0.6vw, 10px) !important;\r\n    border-radius: clamp(3px, 0.5vw, 6px) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-body {\r\n    padding: clamp(6px, 1.4vw, 22px) !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: clamp(4px, 0.8vw, 12px) !important;\r\n    flex-grow: 1 !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-cat-title {\r\n    font-size: clamp(8.5px, 1.3vw, 17px) !important;\r\n    font-weight: 800 !important;\r\n    color: #0f172a !important;\r\n    margin: 0 !important;\r\n    line-height: 1.2 !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-items-list {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: clamp(3px, 0.6vw, 8px) !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    list-style: none !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-item-pill {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: clamp(3px, 0.6vw, 8px) !important;\r\n    font-size: clamp(7px, 0.95vw, 12.5px) !important;\r\n    color: #475569 !important;\r\n    background: #f8fafc !important;\r\n    border: 1px solid #edf2f7 !important;\r\n    padding: clamp(3px, 0.6vw, 8px) clamp(4px, 0.8vw, 12px) !important;\r\n    border-radius: clamp(4px, 0.6vw, 8px) !important;\r\n    line-height: 1.25 !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-item-pill svg {\r\n    width: clamp(8px, 1vw, 14px) !important;\r\n    height: clamp(8px, 1vw, 14px) !important;\r\n    fill: #b45309 !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  \/* Full Width Swimming Pool Showcase *\/\r\n  #matera-club-sec .matera-pool-banner {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: clamp(140px, 25vw, 380px) !important;\r\n    border-radius: clamp(10px, 1.8vw, 20px) !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.08) !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-pool-banner img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    display: block !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-pool-overlay {\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    padding: clamp(8px, 1.8vw, 24px) clamp(10px, 2vw, 24px) !important;\r\n    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.88) 100%) !important;\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    justify-content: space-between !important;\r\n    align-items: flex-end !important;\r\n    gap: 8px !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-pool-txt h4 {\r\n    font-size: clamp(10px, 1.4vw, 18px) !important;\r\n    font-weight: 800 !important;\r\n    margin: 0 0 2px 0 !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-pool-txt p {\r\n    font-size: clamp(7.5px, 0.95vw, 13px) !important;\r\n    color: #cbd5e1 !important;\r\n    margin: 0 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-pool-tag {\r\n    font-size: clamp(7px, 0.85vw, 11px) !important;\r\n    font-weight: 800 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 1px !important;\r\n    color: #eab308 !important;\r\n    background: rgba(15, 23, 42, 0.7) !important;\r\n    border: 1px solid rgba(234, 179, 8, 0.4) !important;\r\n    padding: clamp(3px, 0.5vw, 6px) clamp(6px, 1vw, 14px) !important;\r\n    border-radius: 50px !important;\r\n    white-space: nowrap !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  \/* Bottom Highlight Bar *\/\r\n  #matera-club-sec .matera-club-banner {\r\n    background: #0f172a !important;\r\n    border-radius: clamp(10px, 1.5vw, 16px) !important;\r\n    padding: clamp(12px, 1.8vw, 20px) clamp(12px, 2vw, 26px) !important;\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    gap: 12px !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-banner-txt h4 {\r\n    font-size: clamp(10px, 1.3vw, 16px) !important;\r\n    font-weight: 800 !important;\r\n    margin: 0 0 2px 0 !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-banner-txt p {\r\n    font-size: clamp(8px, 1vw, 12.5px) !important;\r\n    color: #94a3b8 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-banner-btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 6px !important;\r\n    background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%) !important;\r\n    color: #090f18 !important;\r\n    font-size: clamp(8px, 1vw, 12.5px) !important;\r\n    font-weight: 800 !important;\r\n    text-decoration: none !important;\r\n    padding: clamp(6px, 1vw, 12px) clamp(10px, 1.5vw, 22px) !important;\r\n    border-radius: 50px !important;\r\n    white-space: nowrap !important;\r\n    flex-shrink: 0 !important;\r\n    transition: all 0.25s ease !important;\r\n  }\r\n\r\n  #matera-club-sec .matera-club-banner-btn svg {\r\n    width: clamp(10px, 1.2vw, 15px) !important;\r\n    height: clamp(10px, 1.2vw, 15px) !important;\r\n    fill: #090f18 !important;\r\n  }\r\n<\/style>\r\n\r\n<section id=\"matera-club-sec\" class=\"matera-club-wrapper\">\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\">RESORT-STYLE AMENITIES<\/span>\r\n      <h2 class=\"matera-club-title\">Fasilitas Mewah <span>Community Club \u00b15.000 m\u00b2<\/span><\/h2>\r\n      <p class=\"matera-club-subtitle\">Pusat gaya hidup privat terlengkap di Gading Serpong untuk menunjang aktivitas sosial, olahraga, dan rekreasi keluarga Anda.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 3 Pillars Grid (Sejajar 3 Card 1 Baris di HP & Desktop) -->\r\n    <div class=\"matera-club-grid\">\r\n\r\n      <!-- Category 1: Lounge & Entertainment -->\r\n      <div class=\"matera-club-card\">\r\n        <div class=\"matera-club-img-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Community-Club-Mini-Bowling-Alley.webp\" alt=\"Private Bowling Alley Matera Residences Gading Serpong\" loading=\"lazy\">\r\n          <span class=\"matera-club-tag\">Lounge &amp; Entertainment<\/span>\r\n        <\/div>\r\n        <div class=\"matera-club-body\">\r\n          <h3 class=\"matera-club-cat-title\">Lounge &amp; Fun<\/h3>\r\n          <ul class=\"matera-club-items-list\">\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Grand Reception Lobby\r\n            <\/li>\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Private Bowling Alley\r\n            <\/li>\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Indoor\/Outdoor Lounge\r\n            <\/li>\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Billiard Table Room\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Category 2: Sports & Wellness -->\r\n      <div class=\"matera-club-card\">\r\n        <div class=\"matera-club-img-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Community-Club-Gym-Sport-Hall.webp\" alt=\"Gym &amp; Sport Hall Matera Residences Gading Serpong\" loading=\"lazy\">\r\n          <span class=\"matera-club-tag\">Sports &amp; Wellness<\/span>\r\n        <\/div>\r\n        <div class=\"matera-club-body\">\r\n          <h3 class=\"matera-club-cat-title\">Sports &amp; Health<\/h3>\r\n          <ul class=\"matera-club-items-list\">\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Infinity Swimming Pool\r\n            <\/li>\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Modern Gym Area\r\n            <\/li>\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Yoga &amp; Exercise Area\r\n            <\/li>\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Multifunction Sport Hall\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Category 3: Outdoor & Family -->\r\n      <div class=\"matera-club-card\">\r\n        <div class=\"matera-club-img-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Community-Club-Mini-Golf.webp\" alt=\"Putt Putt Mini Golf Matera Residences Gading Serpong\" loading=\"lazy\">\r\n          <span class=\"matera-club-tag\">Outdoor &amp; Family<\/span>\r\n        <\/div>\r\n        <div class=\"matera-club-body\">\r\n          <h3 class=\"matera-club-cat-title\">Outdoor &amp; Parks<\/h3>\r\n          <ul class=\"matera-club-items-list\">\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Putt-putt Golf Area\r\n            <\/li>\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Thematic Garden Area\r\n            <\/li>\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Children Playground\r\n            <\/li>\r\n            <li class=\"matera-club-item-pill\">\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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n              Jogging Track \u00b1885 m\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Swimming Pool Showcase Banner -->\r\n    <div class=\"matera-pool-banner\">\r\n      <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Community-Club-Pool.webp\" alt=\"Infinity Swimming Pool Matera Community Club Gading Serpong\" loading=\"lazy\">\r\n      <div class=\"matera-pool-overlay\">\r\n        <div class=\"matera-pool-txt\">\r\n          <h4>Infinity Swimming Pool &amp; Kids Pool<\/h4>\r\n          <p>Kolam renang bernuansa resor tropis dengan area santai dek kayu dan pepohonan asri.<\/p>\r\n        <\/div>\r\n        <span class=\"matera-pool-tag\">Resort Lifestyle<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bottom Mini Highlight Bar -->\r\n    <div class=\"matera-club-banner\">\r\n      <div class=\"matera-club-banner-txt\">\r\n        <h4>Tertarik Merasakan Suasana Eksklusif Matera Community Club?<\/h4>\r\n        <p>Jadwalkan kunjungan privat Anda untuk melihat langsung fasilitas clubhouse dan show unit.<\/p>\r\n      <\/div>\r\n      <a href=\"https:\/\/wa.me\/6287878938096?text=Halo,%20saya%20melihat%20ini%20di%20website%20dan%20ingin%20jadwalkan%20private%20visit%20ke%20Community%20Club%20Matera%20Residences.%20Bisa%20dibantu%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"matera-club-banner-btn\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.04 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M9.05 7.42C8.84 7.42 8.49 7.5 8.2 7.82C7.9 8.14 7.07 8.92 7.07 10.5C7.07 12.08 8.22 13.6 8.38 13.82C8.54 14.03 10.61 17.23 13.78 18.6C14.54 18.93 15.12 19.12 15.59 19.27C16.35 19.51 17.04 19.48 17.59 19.4C18.2 19.31 19.47 18.63 19.73 17.9C20 17.17 20 16.54 19.92 16.41C19.84 16.28 19.63 16.2 19.32 16.04C19 15.89 17.47 15.13 17.18 15.03C16.9 14.92 16.69 14.87 16.48 15.18C16.28 15.5 15.69 16.2 15.5 16.41C15.33 16.62 15.15 16.65 14.84 16.5C14.53 16.34 13.52 16.01 12.33 14.95C11.4 14.12 10.78 13.1 10.62 12.84C10.47 12.58 10.6 12.44 10.76 12.28C10.9 12.14 11.07 11.91 11.23 11.73C11.39 11.54 11.44 11.41 11.54 11.2C11.65 11 11.6 10.81 11.52 10.66C11.44 10.5 10.83 9.03 10.58 8.42C10.33 7.83 10.08 7.91 9.9 7.91C9.72 7.91 9.51 7.89 9.3 7.89C9.1 7.89 8.78 7.97 8.5 8.28C8.21 8.59 7.42 9.33 7.42 10.82C7.42 12.31 8.5 13.75 8.66 13.96L9.05 7.42Z\"\/><\/svg>\r\n        Jadwalkan Private Tour\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Matera Residences Section 7 - Luxury 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-f90c3c2 e-con-full e-flex e-con e-parent\" data-id=\"f90c3c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1670f74 elementor-widget elementor-widget-html\" data-id=\"1670f74\" 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 Residences Section 8 - Location & Strategic Accessibility (4 Cards Side-by-Side Mobile Layout) -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  #matera-geo-sec,\r\n  #matera-geo-sec * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  #matera-geo-sec {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    \/* Solid Light Luxury Match dengan Section Sebelumnya *\/\r\n    background: #f8fafc !important;\r\n    padding: clamp(24px, 4vw, 80px) clamp(8px, 2vw, 20px) !important;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-container {\r\n    position: relative !important;\r\n    max-width: 1180px !important;\r\n    margin: 0 auto !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: clamp(14px, 2.5vw, 36px) !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  \/* Header Section *\/\r\n  #matera-geo-sec .matera-geo-header {\r\n    text-align: center !important;\r\n    max-width: 840px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-badge {\r\n    display: inline-block !important;\r\n    font-size: clamp(8px, 1vw, 11px) !important;\r\n    font-weight: 800 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: clamp(1px, 0.2vw, 2px) !important;\r\n    color: #b45309 !important;\r\n    background: rgba(234, 179, 8, 0.15) !important;\r\n    border: 1px solid rgba(234, 179, 8, 0.4) !important;\r\n    padding: clamp(3px, 0.5vw, 6px) clamp(10px, 1.5vw, 18px) !important;\r\n    border-radius: 50px !important;\r\n    margin-bottom: clamp(6px, 1vw, 14px) !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-title {\r\n    font-size: clamp(14px, 2.8vw, 38px) !important;\r\n    font-weight: 800 !important;\r\n    color: #0f172a !important;\r\n    line-height: 1.25 !important;\r\n    letter-spacing: -0.5px !important;\r\n    margin: 0 0 clamp(4px, 0.8vw, 10px) 0 !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-title span {\r\n    color: #b45309 !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-subtitle {\r\n    font-size: clamp(9px, 1.2vw, 15px) !important;\r\n    color: #64748b !important;\r\n    line-height: 1.45 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  \/* Main Highlight: ROW 28 Boulevard Gate Card (Full Width) *\/\r\n  #matera-geo-sec .matera-geo-main-card {\r\n    background: #ffffff !important;\r\n    border: 1.5px solid #eab308 !important;\r\n    border-radius: clamp(10px, 1.6vw, 20px) !important;\r\n    padding: clamp(12px, 2vw, 26px) clamp(12px, 2.5vw, 30px) !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: clamp(3px, 0.6vw, 6px) !important;\r\n    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04) !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-main-tag {\r\n    font-size: clamp(7.5px, 0.9vw, 10px) !important;\r\n    font-weight: 800 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 1px !important;\r\n    color: #b45309 !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-main-title {\r\n    font-size: clamp(11px, 1.6vw, 22px) !important;\r\n    font-weight: 800 !important;\r\n    color: #0f172a !important;\r\n    margin: 0 !important;\r\n    line-height: 1.25 !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-main-desc {\r\n    font-size: clamp(8px, 1.1vw, 13.5px) !important;\r\n    color: #475569 !important;\r\n    line-height: 1.45 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  \/* 4 POI Categories Grid (4 Card Sejajar 1 Baris di HP & Desktop) *\/\r\n  #matera-geo-sec .matera-geo-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(4, 1fr) !important;\r\n    gap: clamp(4px, 1.2vw, 18px) !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-card {\r\n    background: #ffffff !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    border-radius: clamp(6px, 1.2vw, 16px) !important;\r\n    padding: clamp(6px, 1.2vw, 22px) clamp(5px, 1.2vw, 20px) !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: clamp(4px, 0.8vw, 12px) !important;\r\n    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.03) !important;\r\n    min-width: 0 !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-icon-box {\r\n    width: clamp(20px, 2.8vw, 40px) !important;\r\n    height: clamp(20px, 2.8vw, 40px) !important;\r\n    border-radius: clamp(4px, 0.6vw, 10px) !important;\r\n    background: rgba(234, 179, 8, 0.12) !important;\r\n    border: 1px solid rgba(234, 179, 8, 0.3) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-icon-box svg {\r\n    width: clamp(10px, 1.4vw, 20px) !important;\r\n    height: clamp(10px, 1.4vw, 20px) !important;\r\n    fill: #b45309 !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-card-header {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 2px !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-card-timing {\r\n    font-size: clamp(6px, 0.8vw, 10.5px) !important;\r\n    font-weight: 800 !important;\r\n    color: #b45309 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.3px !important;\r\n    line-height: 1.1 !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-card-title {\r\n    font-size: clamp(8px, 1.1vw, 16px) !important;\r\n    font-weight: 800 !important;\r\n    color: #0f172a !important;\r\n    margin: 0 !important;\r\n    line-height: 1.2 !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-tags-wrap {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    gap: clamp(2px, 0.4vw, 6px) !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-geo-poi-tag {\r\n    font-size: clamp(6px, 0.75vw, 11px) !important;\r\n    font-weight: 600 !important;\r\n    color: #475569 !important;\r\n    background: #f8fafc !important;\r\n    border: 1px solid #edf2f7 !important;\r\n    padding: clamp(1px, 0.3vw, 4px) clamp(3px, 0.5vw, 8px) !important;\r\n    border-radius: clamp(3px, 0.4vw, 6px) !important;\r\n    line-height: 1.2 !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  \/* Location Map Showcase Banner *\/\r\n  #matera-geo-sec .matera-map-banner {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    border-radius: clamp(10px, 1.8vw, 20px) !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.08) !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    background: #ffffff !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-map-banner img {\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    display: block !important;\r\n    object-fit: cover !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-map-overlay {\r\n    padding: clamp(10px, 1.6vw, 18px) clamp(12px, 2vw, 24px) !important;\r\n    background: #0f172a !important;\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-map-txt h4 {\r\n    font-size: clamp(10px, 1.3vw, 16px) !important;\r\n    font-weight: 800 !important;\r\n    margin: 0 0 2px 0 !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-map-txt p {\r\n    font-size: clamp(8px, 1vw, 12.5px) !important;\r\n    color: #94a3b8 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  #matera-geo-sec .matera-map-tag {\r\n    font-size: clamp(7px, 0.85vw, 10.5px) !important;\r\n    font-weight: 800 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 1px !important;\r\n    color: #eab308 !important;\r\n    background: rgba(255, 255, 255, 0.08) !important;\r\n    border: 1px solid rgba(234, 179, 8, 0.4) !important;\r\n    padding: clamp(3px, 0.5vw, 6px) clamp(8px, 1.2vw, 14px) !important;\r\n    border-radius: 50px !important;\r\n    white-space: nowrap !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n<\/style>\r\n\r\n<section id=\"matera-geo-sec\" class=\"matera-geo-wrapper\">\r\n  <div class=\"matera-geo-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"matera-geo-header\">\r\n      <span class=\"matera-geo-badge\">PRIME &amp; STRATEGIC CONNECTIVITY<\/span>\r\n      <h2 class=\"matera-geo-title\">Lokasi Prestisius &amp; <span>Aksesibilitas Tanpa Batas<\/span><\/h2>\r\n      <p class=\"matera-geo-subtitle\">Terletak di koridor emas penghubung Gading Serpong dan BSD City, dikelilingi fasilitas kota mandiri terlengkap untuk menunjang segala mobilitas harian Anda.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Main Arterial Road Highlight (Tetap Full Width Seperti Awal) -->\r\n    <div class=\"matera-geo-main-card\">\r\n      <span class=\"matera-geo-main-tag\">Direct Boulevard Access<\/span>\r\n      <h3 class=\"matera-geo-main-title\">Akses Utama ROW 28 Boulevard Matera<\/h3>\r\n      <p class=\"matera-geo-main-desc\">Konektivitas jalan raya lebar bebas hambatan yang menghubungkan langsung pusat gaya hidup Gading Serpong dengan kawasan BSD City dalam hitungan menit.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 4 POI Categories Grid (Sejajar 4 Card 1 Baris di HP & Desktop) -->\r\n    <div class=\"matera-geo-grid\">\r\n\r\n      <!-- POI 1: Business & Lifestyle -->\r\n      <div class=\"matera-geo-card\">\r\n        <div class=\"matera-geo-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2v12z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"matera-geo-card-header\">\r\n          <span class=\"matera-geo-card-timing\">1\u20135 Menit<\/span>\r\n          <h4 class=\"matera-geo-card-title\">Bisnis &amp; Kuliner<\/h4>\r\n        <\/div>\r\n        <div class=\"matera-geo-tags-wrap\">\r\n          <span class=\"matera-geo-poi-tag\">Maggiore<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Sorrento<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Hampton<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Black Owl<\/span>\r\n          <span class=\"matera-geo-poi-tag\">BEZ Walk<\/span>\r\n          <span class=\"matera-geo-poi-tag\">QBig BSD<\/span>\r\n          <span class=\"matera-geo-poi-tag\">ICE BSD<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- POI 2: Healthcare Centers -->\r\n      <div class=\"matera-geo-card\">\r\n        <div class=\"matera-geo-icon-box\">\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        <div class=\"matera-geo-card-header\">\r\n          <span class=\"matera-geo-card-timing\">3\u20138 Menit<\/span>\r\n          <h4 class=\"matera-geo-card-title\">Kesehatan<\/h4>\r\n        <\/div>\r\n        <div class=\"matera-geo-tags-wrap\">\r\n          <span class=\"matera-geo-poi-tag\">Bethsaida<\/span>\r\n          <span class=\"matera-geo-poi-tag\">St. Carolus<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Mitra Keluarga<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Eka Hospital<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- POI 3: Top Institutions -->\r\n      <div class=\"matera-geo-card\">\r\n        <div class=\"matera-geo-icon-box\">\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        <div class=\"matera-geo-card-header\">\r\n          <span class=\"matera-geo-card-timing\">5\u201310 Menit<\/span>\r\n          <h4 class=\"matera-geo-card-title\">Pendidikan<\/h4>\r\n        <\/div>\r\n        <div class=\"matera-geo-tags-wrap\">\r\n          <span class=\"matera-geo-poi-tag\">UMN<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Pradita<\/span>\r\n          <span class=\"matera-geo-poi-tag\">PrasMul<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Binus Univ<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Pahoa<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Tarakanita<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- POI 4: Highway & Connectivity -->\r\n      <div class=\"matera-geo-card\">\r\n        <div class=\"matera-geo-icon-box\">\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.85 7h10.29l1.04 3H5.81l1.04-3zM19 17H5v-4.66l.12-.34h13.77l.11.34V17z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"matera-geo-card-header\">\r\n          <span class=\"matera-geo-card-timing\">Akses Tol<\/span>\r\n          <h4 class=\"matera-geo-card-title\">Konektivitas Tol<\/h4>\r\n        <\/div>\r\n        <div class=\"matera-geo-tags-wrap\">\r\n          <span class=\"matera-geo-poi-tag\">Tol Jkt-Merak<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Tol Serbaraja<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Tol JORR 2<\/span>\r\n          <span class=\"matera-geo-poi-tag\">Bandara Soetta<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Location Map Showcase Banner -->\r\n    <div class=\"matera-map-banner\">\r\n      <img decoding=\"async\" src=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Lokasi-Matera-Signature-Gading-Serpong.webp\" alt=\"Peta Lokasi Matera Residences Gading Serpong\" loading=\"lazy\">\r\n      <div class=\"matera-map-overlay\">\r\n        <div class=\"matera-map-txt\">\r\n          <h4>Peta Akses &amp; Kawasan Sekitar<\/h4>\r\n          <p>Terhubung langsung menuju jalan arteri Boulevard Gading Serpong, BSD City, dan gerbang tol utama.<\/p>\r\n        <\/div>\r\n        <span class=\"matera-map-tag\">Golden Strategic Corridor<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- END: Matera Residences Section 8 - Location & Strategic Accessibility -->\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-61b0eed e-con-full e-flex e-con e-parent\" data-id=\"61b0eed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c31ba1d elementor-widget elementor-widget-html\" data-id=\"c31ba1d\" 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 Residences Section 9 - SEO & GEO Friendly FAQ (Schema Markup Ready) -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-faq-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-faq-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Solid Light Luxury Match dengan Section Sebelumnya *\/\r\n    background: #f8fafc;\r\n    padding: 20px 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    position: relative;\r\n    max-width: 960px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 36px;\r\n  }\r\n\r\n  \/* Header Section *\/\r\n  .matera-faq-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto;\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: #b45309;\r\n    background: rgba(234, 179, 8, 0.15);\r\n    border: 1px solid rgba(234, 179, 8, 0.4);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\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: #0f172a;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.5px;\r\n    margin: 0 0 10px 0;\r\n  }\r\n\r\n  .matera-faq-title span {\r\n    color: #b45309;\r\n  }\r\n\r\n  .matera-faq-subtitle {\r\n    font-size: clamp(13px, 1.2vw, 15px);\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* FAQ Accordion List *\/\r\n  .matera-faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  .matera-faq-item {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.03);\r\n  }\r\n\r\n  .matera-faq-item:hover {\r\n    border-color: #cbd5e1;\r\n  }\r\n\r\n  .matera-faq-item.active {\r\n    border-color: #eab308;\r\n    box-shadow: 0 8px 25px rgba(234, 179, 8, 0.12);\r\n  }\r\n\r\n  .matera-faq-question {\r\n    padding: 18px 22px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 16px;\r\n    cursor: pointer;\r\n    user-select: none;\r\n  }\r\n\r\n  .matera-faq-q-txt {\r\n    font-size: 15px;\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-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    background: #f8fafc;\r\n    border: 1px solid #e2e8f0;\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: 14px;\r\n    height: 14px;\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: #fef3c7;\r\n    border-color: #eab308;\r\n  }\r\n\r\n  .matera-faq-item.active .matera-faq-icon svg {\r\n    transform: rotate(180deg);\r\n    fill: #b45309;\r\n  }\r\n\r\n  .matera-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .matera-faq-a-txt {\r\n    padding: 0 22px 20px;\r\n    font-size: 13.5px;\r\n    color: #475569;\r\n    line-height: 1.65;\r\n    margin: 0;\r\n    border-top: 1px dashed #f1f5f9;\r\n    padding-top: 14px;\r\n  }\r\n\r\n  \/* Responsive Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .matera-faq-question {\r\n      padding: 14px 16px;\r\n    }\r\n    .matera-faq-q-txt {\r\n      font-size: 13.5px;\r\n    }\r\n    .matera-faq-a-txt {\r\n      padding: 0 16px 16px;\r\n      padding-top: 12px;\r\n      font-size: 12px;\r\n      line-height: 1.55;\r\n    }\r\n    .matera-faq-icon {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n    .matera-faq-icon svg {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"matera-faq-wrapper\">\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\">FREQUENTLY ASKED QUESTIONS<\/span>\r\n      <h2 class=\"matera-faq-title\">Pertanyaan Seputar <span>Matera Residences<\/span><\/h2>\r\n      <p class=\"matera-faq-subtitle\">Temukan jawaban lengkap mengenai ketersediaan unit, harga resmi, legalitas, spesifikasi premium, dan lokasi strategis Matera Residences Gading Serpong.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Accordion List -->\r\n    <div class=\"matera-faq-list\">\r\n\r\n      <!-- FAQ 1 -->\r\n      <div class=\"matera-faq-item\">\r\n        <div class=\"matera-faq-question\" onclick=\"toggleMateraFaq(this)\">\r\n          <h3 class=\"matera-faq-q-txt\">Berapa harga unit termurah di Matera Residences saat ini?<\/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 class=\"matera-faq-a-txt\">Unit tersedia saat ini mulai dari Matera Avenue Tipe 9x15 (LT 135 m\u00b2 \/ LB 181 m\u00b2) dengan penawaran harga Super Cash mulai dari Rp 5,709 M-an, atau skema Tunai Keras dan KPR mulai dari Rp 5,824 M-an (sudah termasuk PPN).<\/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 class=\"matera-faq-q-txt\">Apakah masih tersedia unit Matera Signature Boulevard?<\/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 class=\"matera-faq-a-txt\">Ya, masih tersedia unit Matera Signature Boulevard Tipe 12x20 Standard (LT 240 m\u00b2 \/ LB 345 m\u00b2) on progress di ROW 12 Boulevard utama dengan harga Super Cash Rp 11,083 M-an atau KPR DP 5% \/ Tunai Bertahap Rp 11,305 M-an.<\/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 class=\"matera-faq-q-txt\">Bagaimana prosedur serah terima unit yang sedang on progress?<\/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 class=\"matera-faq-a-txt\">Untuk unit rumah dengan progress pembangunan antara 25% hingga 75%, serah terima kunci dilakukan pada bulan ke-12 terhitung sejak penandatanganan PPJB, dengan ketentuan minimum akumulasi pembayaran telah mencapai 45% dari harga jual.<\/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 class=\"matera-faq-q-txt\">Apa saja komponen biaya yang sudah termasuk dalam harga pricelist?<\/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 class=\"matera-faq-a-txt\">Harga pada pricelist resmi Paramount Land sudah bersifat All-In mencakup Pajak Pertambahan Nilai (PPN 11%), Izin Mendirikan Bangunan (IMB\/PBG), biaya penyambungan daya listrik PLN, dan instalasi air bersih PERUMDAM. Biaya yang belum termasuk adalah BPHTB, AJB, Bea Balik Nama, dan biaya akad KPR.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 5 -->\r\n      <div class=\"matera-faq-item\">\r\n        <div class=\"matera-faq-question\" onclick=\"toggleMateraFaq(this)\">\r\n          <h3 class=\"matera-faq-q-txt\">Di mana lokasi persis cluster Matera Residences dan bagaimana aksesnya?<\/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 class=\"matera-faq-a-txt\">Matera Residences berlokasi strategis di koridor ROW 28 Boulevard Matera Utara, Gading Serpong. Kawasan ini menempel langsung dengan perbatasan BSD City serta terhubung sangat dekat menuju area komersial Maggiore Grande, Sorrento, ICE BSD, AEON Mall, serta akses Tol Jakarta-Merak dan Tol JORR 2 Serpong-Cinere.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 6 -->\r\n      <div class=\"matera-faq-item\">\r\n        <div class=\"matera-faq-question\" onclick=\"toggleMateraFaq(this)\">\r\n          <h3 class=\"matera-faq-q-txt\">Apa saja fasilitas eksklusif yang ada di dalam Matera Community Club?<\/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 class=\"matera-faq-a-txt\">Community Club Matera dibangun di atas lahan sekitar \u00b15.000 m\u00b2 khusus untuk penghuni. Fasilitasnya meliputi Private Bowling Alley, Infinity Swimming Pool & Kids Pool, Modern Gym, Indoor Yoga\/Exercise Area, Sport Hall multifungsi, Putt-putt Golf, Indoor & Outdoor Lounge, Billiard Room, Children Playground, serta Jogging Track sepanjang 885 meter.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 7 -->\r\n      <div class=\"matera-faq-item\">\r\n        <div class=\"matera-faq-question\" onclick=\"toggleMateraFaq(this)\">\r\n          <h3 class=\"matera-faq-q-txt\">Apa keunggulan spesifikasi material bangunan di Matera Residences?<\/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 class=\"matera-faq-a-txt\">Matera menggunakan material kelas sultan: lantai Sintered Stone Slab by Quadra \/ Imported Marble, kusen YKK Nexta dengan kaca Low-E Glass penahan panas matahari, sanitary Kohler dengan Intelligent Toilet di master bathroom, Solar Water Heater Solahart, Solar Panel System with battery, air siap minum Pyua, serta soket EV Charging 3-phase di carport.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 8 -->\r\n      <div class=\"matera-faq-item\">\r\n        <div class=\"matera-faq-question\" onclick=\"toggleMateraFaq(this)\">\r\n          <h3 class=\"matera-faq-q-txt\">Apakah bisa mengajukan pembelian dengan KPR dan bank rekanan apa saja?<\/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 class=\"matera-faq-a-txt\">Bisa. Tersedia pilihan KPR Express dengan uang muka (DP) ringan 5% hingga 10% yang dapat dicicil hingga 10x. Paramount Land bekerja sama dengan berbagai bank terkemuka seperti BCA, Bank Mandiri, CIMB Niaga, OCBC NISP, Danamon, Permata Bank, BNI, dan BRI.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 9 -->\r\n      <div class=\"matera-faq-item\">\r\n        <div class=\"matera-faq-question\" onclick=\"toggleMateraFaq(this)\">\r\n          <h3 class=\"matera-faq-q-txt\">Bagaimana jika saya mencari tipe 10x20, 10x25, atau 12x25 yang sudah sold out?<\/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 class=\"matera-faq-a-txt\">Untuk tipe yang statusnya sudah 100% Sold Out dari developer, Anda dapat menghubungi property specialist kami untuk mendaftar ke Waiting List prioritas apabila terjadi pembatalan unit atau jika ada unit secondary market \/ titip jual dari pemilik pertama.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- JSON-LD Schema Markup for Google 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 unit termurah di Matera Residences saat ini?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Unit tersedia saat ini mulai dari Matera Avenue Tipe 9x15 (LT 135 m\u00b2 \/ LB 181 m\u00b2) dengan penawaran harga Super Cash mulai dari Rp 5,709 M-an, atau skema Tunai Keras dan KPR mulai dari Rp 5,824 M-an (sudah termasuk PPN).\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Apakah masih tersedia unit Matera Signature Boulevard?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Ya, masih tersedia unit Matera Signature Boulevard Tipe 12x20 Standard (LT 240 m\u00b2 \/ LB 345 m\u00b2) on progress di ROW 12 Boulevard utama dengan harga Super Cash Rp 11,083 M-an atau KPR DP 5% \/ Tunai Bertahap Rp 11,305 M-an.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Bagaimana prosedur serah terima unit yang sedang on progress?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Untuk unit rumah dengan progress pembangunan antara 25% hingga 75%, serah terima kunci dilakukan pada bulan ke-12 terhitung sejak penandatanganan PPJB, dengan ketentuan minimum akumulasi pembayaran telah mencapai 45% dari harga jual.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Apa saja komponen biaya yang sudah termasuk dalam harga pricelist?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Harga pada pricelist resmi Paramount Land sudah All-In mencakup Pajak Pertambahan Nilai (PPN 11%), Izin Mendirikan Bangunan (IMB\/PBG), biaya penyambungan daya listrik PLN, dan instalasi air bersih PERUMDAM.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Di mana lokasi persis cluster Matera Residences dan bagaimana aksesnya?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Matera Residences berlokasi strategis di koridor ROW 28 Boulevard Matera Utara, Gading Serpong yang menempel langsung dengan BSD City serta dekat dengan Maggiore Grande, ICE BSD, dan akses tol utama.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Apa saja fasilitas eksklusif yang ada di dalam Matera Community Club?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Community Club Matera seluas \u00b15.000 m\u00b2 memiliki Private Bowling Alley, Infinity Pool, Gym, Yoga Area, Sport Hall, Putt-putt Golf, Lounge, Billiard, Playground, dan Jogging Track 885 meter.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Apa keunggulan spesifikasi material bangunan di Matera Residences?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Matera menggunakan material kelas sultan: lantai Quadra Sintered Stone \/ Marmer, Low-E Glass YKK Nexta, Kohler Intelligent Toilet, Solar Water Heater Solahart, Solar Panel with battery, air siap minum Pyua, dan soket EV Charging 3-phase.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Apakah bisa mengajukan pembelian dengan KPR dan bank rekanan apa saja?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Bisa. Tersedia KPR Express dengan DP 5% - 10% dicicil hingga 10x bekerja sama dengan bank terkemuka seperti BCA, Mandiri, CIMB Niaga, OCBC, Permata, Danamon, BNI, dan BRI.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Bagaimana jika saya mencari tipe 10x20, 10x25, atau 12x25 yang sudah sold out?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Anda dapat menghubungi property specialist kami untuk mendaftar ke Waiting List prioritas apabila terjadi pembatalan unit atau jika ada listing secondary market.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<!-- FAQ Accordion Script -->\r\n<script>\r\n  function toggleMateraFaq(element) {\r\n    const item = element.parentElement;\r\n    const answer = item.querySelector('.matera-faq-answer');\r\n    const isActive = item.classList.contains('active');\r\n\r\n    \/\/ Tutup accordion lain yang sedang terbuka\r\n    document.querySelectorAll('.matera-faq-item').forEach(otherItem => {\r\n      otherItem.classList.remove('active');\r\n      otherItem.querySelector('.matera-faq-answer').style.maxHeight = null;\r\n    });\r\n\r\n    \/\/ Buka yang di klik jika belum aktif\r\n    if (!isActive) {\r\n      item.classList.add('active');\r\n      answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n    }\r\n  }\r\n<\/script>\r\n<!-- END: Matera Residences Section 9 - SEO & GEO Friendly FAQ -->\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-1658522 e-con-full e-flex e-con e-parent\" data-id=\"1658522\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9badc9 elementor-widget elementor-widget-html\" data-id=\"e9badc9\" 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 Residences Section 10 - Lead Magnet & Urgency (CTA Form) -->\r\n<style>\r\n  \/* Guard Anti-Geser Scope *\/\r\n  .matera-lead-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-lead-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Solid Light Luxury Match dengan Section Sebelumnya *\/\r\n    background: #f8fafc;\r\n    padding: 20px 20px 100px 20px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    color: #0f172a;\r\n    overflow: hidden;\r\n    border: none !important;\r\n  }\r\n\r\n  .matera-lead-container {\r\n    max-width: 780px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Form Card UI (Putih Bersih) *\/\r\n  .matera-lead-card {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(234, 179, 8, 0.4);\r\n    border-radius: 28px;\r\n    padding: 48px 40px;\r\n    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.12);\r\n    text-align: center;\r\n  }\r\n\r\n  .matera-lead-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #b45309;\r\n    background: rgba(245, 158, 11, 0.1);\r\n    border: 1px solid rgba(245, 158, 11, 0.3);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .matera-lead-title {\r\n    font-size: clamp(26px, 3.2vw, 38px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #0f172a;\r\n    margin: 0 0 16px 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .matera-lead-title span {\r\n    color: #b45309; \/* Accent Gold *\/\r\n  }\r\n\r\n  .matera-lead-copy {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: #475569;\r\n    max-width: 640px;\r\n    margin: 0 auto 36px auto;\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: 20px;\r\n    text-align: left;\r\n  }\r\n\r\n  .matera-form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .matera-form-label {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n  }\r\n\r\n  .matera-form-input, \r\n  .matera-form-select {\r\n    width: 100%;\r\n    padding: 14px 18px;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    color: #0f172a;\r\n    background: #f8fafc;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 12px;\r\n    outline: none;\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .matera-form-input:focus, \r\n  .matera-form-select:focus {\r\n    background: #ffffff;\r\n    border-color: #f59e0b;\r\n    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.15);\r\n  }\r\n\r\n  .matera-form-btn {\r\n    margin-top: 12px;\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\r\n    color: #0f172a;\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n    padding: 16px 28px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 12px 30px rgba(245, 158, 11, 0.35);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .matera-form-btn:hover {\r\n    background: linear-gradient(135deg, #fde047 0%, #b45309 100%);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 16px 35px rgba(245, 158, 11, 0.45);\r\n  }\r\n\r\n  \/* Privacy Note *\/\r\n  .matera-lead-privacy {\r\n    margin-top: 20px;\r\n    font-size: 12px;\r\n    color: #94a3b8;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 600px) {\r\n    .matera-lead-wrapper {\r\n      padding: 20px 16px 60px;\r\n    }\r\n    .matera-lead-card {\r\n      padding: 32px 20px;\r\n      border-radius: 20px;\r\n    }\r\n    .matera-form-btn {\r\n      font-size: 13.5px;\r\n      padding: 14px 20px;\r\n    }\r\n    .matera-lead-privacy {\r\n      font-size: 10.5px;\r\n      margin-top: 16px;\r\n      letter-spacing: -0.2px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 380px) {\r\n    .matera-lead-privacy {\r\n      font-size: 9.5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matera-lead-wrapper\" id=\"form-matera\">\r\n  <div class=\"matera-lead-container\">\r\n    \r\n    <div class=\"matera-lead-card\">\r\n      <span class=\"matera-lead-badge\">EXCLUSIVE PRIVATE INQUIRY<\/span>\r\n      \r\n      <h2 class=\"matera-lead-title\">\r\n        Dapatkan E-Brochure &amp; <span>Pricelist Resmi Matera Residences<\/span>\r\n      <\/h2>\r\n      \r\n      <p class=\"matera-lead-copy\">\r\n        Konsultasikan ketersediaan unit on-progress, perhitungan simulasi cara bayar (Super Cash, Tunai Bertahap, atau KPR Express), serta jadwal private show unit tour bersama property specialist kami.\r\n      <\/p>\r\n\r\n      <form class=\"matera-lead-form\" onsubmit=\"materaSubmitForm(event)\">\r\n        \r\n        <!-- Input 1: Nama Lengkap -->\r\n        <div class=\"matera-form-group\">\r\n          <label class=\"matera-form-label\" for=\"matera-name\">Nama Lengkap *<\/label>\r\n          <input type=\"text\" id=\"matera-name\" class=\"matera-form-input\" placeholder=\"Masukkan nama lengkap Anda\" required>\r\n        <\/div>\r\n\r\n        <!-- Input 2: Nomor WhatsApp -->\r\n        <div class=\"matera-form-group\">\r\n          <label class=\"matera-form-label\" for=\"matera-phone\">Nomor WhatsApp *<\/label>\r\n          <input type=\"tel\" id=\"matera-phone\" class=\"matera-form-input\" placeholder=\"Contoh: 08123456789\" required>\r\n        <\/div>\r\n\r\n        <!-- Input 3: Tipe Unit yang Diminati -->\r\n        <div class=\"matera-form-group\">\r\n          <label class=\"matera-form-label\" for=\"matera-unit-type\">Tipe Unit yang Diminati *<\/label>\r\n          <select id=\"matera-unit-type\" class=\"matera-form-select\" required>\r\n            <option value=\"\" disabled selected>Pilih Tipe Unit<\/option>\r\n            <option value=\"Matera Avenue Tipe 9x15 (LT 135 \/ LB 181)\">Matera Avenue Tipe 9x15 (LT 135m\u00b2 \/ LB 181m\u00b2)<\/option>\r\n            <option value=\"Matera Avenue \/ MR1 Tipe 9x16 (LT 144 \/ LB 199)\">Matera Avenue \/ MR1 Tipe 9x16 (LT 144m\u00b2 \/ LB 199m\u00b2)<\/option>\r\n            <option value=\"Matera Avenue Tipe 9x18 (LT 162 \/ LB 208)\">Matera Avenue Tipe 9x18 (LT 162m\u00b2 \/ LB 208m\u00b2)<\/option>\r\n            <option value=\"Matera Avenue Tipe 10x18+ Hoek (LT 252 \/ LB 238)\">Matera Avenue Tipe 10x18+ Hoek (LT 252m\u00b2 \/ LB 238m\u00b2)<\/option>\r\n            <option value=\"Matera Signature Boulevard Tipe 12x20 (LT 240 \/ LB 345)\">Matera Signature Boulevard Tipe 12x20 (LT 240m\u00b2 \/ LB 345m\u00b2)<\/option>\r\n            <option value=\"Waiting List Unit Sold Out \/ Secondary Market\">Waiting List Unit Sold Out \/ Secondary Market<\/option>\r\n            <option value=\"Belum Yakin (Butuh Rekomendasi Unit)\">Belum Yakin (Butuh Rekomendasi Unit)<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <!-- Input 4: Rencana Pembayaran -->\r\n        <div class=\"matera-form-group\">\r\n          <label class=\"matera-form-label\" for=\"matera-plan\">Rencana Skema Pembayaran *<\/label>\r\n          <select id=\"matera-plan\" class=\"matera-form-select\" required>\r\n            <option value=\"\" disabled selected>Pilih Skema Pembayaran<\/option>\r\n            <option value=\"Super Cash (Pelunasan 7 Hari)\">Super Cash (Pelunasan 7 Hari)<\/option>\r\n            <option value=\"Tunai Keras (Cicil DP 2x)\">Tunai Keras (Cicil DP 2x)<\/option>\r\n            <option value=\"Tunai Bertahap Developer (15x - 36x)\">Tunai Bertahap Developer (15x - 36x)<\/option>\r\n            <option value=\"KPR Express (DP Ringan 5% - 10%)\">KPR Express (DP Ringan 5% - 10%)<\/option>\r\n            <option value=\"Belum Diputuskan (Butuh Konsultasi)\">Belum Diputuskan (Butuh Konsultasi)<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <!-- CTA Submit Button -->\r\n        <button type=\"submit\" class=\"matera-form-btn\">\r\n          Dapatkan info detail\r\n        <\/button>\r\n\r\n      <\/form>\r\n\r\n      <div class=\"matera-lead-privacy\">\r\n        \ud83d\udd12 Data Anda aman. Kami menghargai privasi dan kerahasiaan Anda.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Form Submission Script to WhatsApp -->\r\n<script>\r\n  function materaSubmitForm(e) {\r\n    e.preventDefault();\r\n    \r\n    const name = document.getElementById('matera-name').value.trim();\r\n    const phone = document.getElementById('matera-phone').value.trim();\r\n    const unitType = document.getElementById('matera-unit-type').value;\r\n    const plan = document.getElementById('matera-plan').value;\r\n\r\n    const waNumber = \"6287878938096\";\r\n    \r\n    \/\/ Auto-formatted WhatsApp Message\r\n    const message = `Halo, saya melihat ini di Website dan ingin meminta info detail, e-brochure, simulasi harga, serta info ketersediaan unit terbaru Matera Residences Gading Serpong.%0A%0AData Saya:%0A\u2022 Nama: ${encodeURIComponent(name)}%0A\u2022 No. WA: ${encodeURIComponent(phone)}%0A\u2022 Tipe Minat: ${encodeURIComponent(unitType)}%0A\u2022 Rencana Pembayaran: ${encodeURIComponent(plan)}%0A%0ABisa dibantu hitungkan simulasi cara bayar dan jadwal private visit-nya? Terima kasih.`;\r\n\r\n    \/\/ Redirect to WhatsApp\r\n    window.open(`https:\/\/api.whatsapp.com\/send?phone=${waNumber}&text=${message}`, '_blank');\r\n  }\r\n<\/script>\r\n<!-- END: Matera Residences Section 10 - Lead Magnet & Urgency (CTA Form) -->\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-ef43039 e-con-full e-flex e-con e-parent\" data-id=\"ef43039\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49a6de9 elementor-widget elementor-widget-html\" data-id=\"49a6de9\" 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 Residences Section 11 - Google Maps & Location Survey -->\r\n<style>\r\n  \/* Guard Scope Anti-Bentrok Style *\/\r\n  .matera-map-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .matera-map-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* Solid Light Luxury Match dengan Section Sebelumnya *\/\r\n    background: #f8fafc;\r\n    color: #0f172a;\r\n    padding: 30px 24px 100px 24px;\r\n    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;\r\n    overflow: hidden;\r\n    border: none !important;\r\n  }\r\n\r\n  .matera-map-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-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-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: #b45309;\r\n    background: rgba(245, 158, 11, 0.1);\r\n    border: 1px solid rgba(245, 158, 11, 0.25);\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .matera-map-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-title span {\r\n    color: #b45309;\r\n  }\r\n\r\n  .matera-map-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-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-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: #f8fafc;\r\n  }\r\n\r\n  .matera-map-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-info-card {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(245, 158, 11, 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-info-header {\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .matera-map-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-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-address strong {\r\n    color: #b45309;\r\n  }\r\n\r\n  \/* Location Highlights \/ Operating Hours *\/\r\n  .matera-map-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-detail-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n  }\r\n\r\n  .matera-map-detail-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 12px;\r\n    background: rgba(245, 158, 11, 0.1);\r\n    border: 1px solid rgba(245, 158, 11, 0.25);\r\n    color: #b45309;\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-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-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: #b45309;\r\n    margin: 0 0 3px 0;\r\n  }\r\n\r\n  .matera-map-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-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-btn-main {\r\n    width: 100%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\r\n    color: #0f172a;\r\n    font-weight: 800;\r\n    font-size: 13.5px;\r\n    letter-spacing: 0.5px;\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(245, 158, 11, 0.25);\r\n  }\r\n\r\n  .matera-map-btn-main:hover {\r\n    background: linear-gradient(135deg, #fde047 0%, #b45309 100%);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 25px rgba(245, 158, 11, 0.4);\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 992px) {\r\n    .matera-map-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 24px;\r\n    }\r\n    .matera-map-wrapper {\r\n      padding: 20px 20px 70px 20px;\r\n    }\r\n    .matera-map-iframe-box, .matera-map-iframe-box iframe {\r\n      min-height: 350px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .matera-map-info-card {\r\n      padding: 24px 20px;\r\n    }\r\n    .matera-map-info-title {\r\n      font-size: 19px;\r\n    }\r\n    .matera-map-iframe-box, .matera-map-iframe-box iframe {\r\n      min-height: 300px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"matera-map-wrapper\" id=\"lokasi-matera-map\">\r\n  <div class=\"matera-map-container\">\r\n    \r\n    <!-- Section Header SEO -->\r\n    <header class=\"matera-map-header\">\r\n      <span class=\"matera-map-badge\">LOCATION &amp; SHOW UNIT VISIT<\/span>\r\n      <h2 class=\"matera-map-title\">\r\n        KUNJUNGI LOKASI <span>MATERA RESIDENCES<\/span>\r\n      <\/h2>\r\n      <p class=\"matera-map-desc\">\r\n        Survey langsung kawasan residensial termewah di perbatasan Gading Serpong dan BSD City. Nikmati kemegahan gerbang Diamond Gate, suasana lingkungan asri, dan fasilitas 5.000 m\u00b2 Community Club.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- Main Grid Layout -->\r\n    <div class=\"matera-map-grid\">\r\n      \r\n      <!-- Left Column: iFrame Google Maps (Matera Residences Gading Serpong) -->\r\n      <div class=\"matera-map-iframe-box\">\r\n        <iframe \r\n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.0826438992647!2d106.6186000758686!3d-6.252843761222955!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69fc03f9dc2c43%3A0x13c78479e3df6a17!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 Residences Gading Serpong Paramount Land\">\r\n        <\/iframe>\r\n      <\/div>\r\n\r\n      <!-- Right Column: Location Details & Single CTA -->\r\n      <div class=\"matera-map-info-card\">\r\n        <div>\r\n          <div class=\"matera-map-info-header\">\r\n            <h3 class=\"matera-map-info-title\">Matera Luxury Residential Area<\/h3>\r\n            <p class=\"matera-map-address\">\r\n              <strong>Boulevard Matera Utara, Gading Serpong<\/strong><br>\r\n              Jl. Boulevard Matera Utara ROW 28, Medang, Pagedangan, Tangerang, Banten (Terkoneksi langsung ke Jl. Boulevard Gading Serpong &amp; Koridor Utama BSD City).\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"matera-map-details-list\">\r\n            <!-- Item 1: Akses Utama -->\r\n            <div class=\"matera-map-detail-item\">\r\n              <div class=\"matera-map-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-detail-text\">\r\n                <h5 style=\"font-size:14px; font-weight:700; color:#0f172a; margin:0 0 2px 0;\">Konektivitas &amp; Area Sekitar<\/h5>\r\n                <p>Akses ROW 28, 3 Menit ke Komersial Maggiore Grande &amp; Sorrento, Dekat ICE BSD &amp; Akses Tol JORR 2.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 2: Ketentuan Kunjungan -->\r\n            <div class=\"matera-map-detail-item\">\r\n              <div class=\"matera-map-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-detail-text\">\r\n                <h4>KETENTUAN SURVEY LOKASI<\/h4>\r\n                <h5>By Appointment Only<\/h5>\r\n                <p style=\"font-style:italic;\">(Wajib reservasi jadwal sebelum melakukan kunjungan show unit &amp; site visit)<\/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%20mau%20buat%20schedule%20visit%20lokasi%20Matera%20Residences%20Gading%20Serpong.%20Bisa%20dibantu%3F\" class=\"matera-map-btn-main\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <span>Jadwalkan Visit Lokasi<\/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 Residences Section 11 - 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-126af37 e-con-full e-flex e-con e-parent\" data-id=\"126af37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8070a5b elementor-widget elementor-widget-html\" data-id=\"8070a5b\" 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 Residences 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: #090f18;\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 #eab308; \/* 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: #fde047; \/* Gold 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: #eab308; \/* 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: #fde047;\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: #fde047;\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: #eab308;\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 #eab308;\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: #eab308;\r\n    transition: fill 0.3s ease;\r\n  }\r\n\r\n  .matera-social-icon:hover {\r\n    background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);\r\n    border-color: #ca8a04;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(234, 179, 8, 0.35);\r\n  }\r\n\r\n  .matera-social-icon:hover svg {\r\n    fill: #090f18;\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 RESIDENCES @ <span>GADING SERPONG<\/span><\/h3>\r\n        <p class=\"matera-footer-brand-desc\">Hunian mewah eksklusif mahakarya Paramount Land di koridor Boulevard Matera Utara ROW 28. Dirancang oleh konsultan arsitek kelas dunia dengan fasilitas 5.000 m\u00b2 Community Club, finishing Quadra & marmer, serta spesifikasi eco-green smart home terdepan.<\/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%20Residences%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        <!-- Fixed WhatsApp Icon Vector -->\r\n        <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=6287878938096&text=Halo%20Julfian,%20saya%20melihat%20ini%20di%20Website%20dan%20saya%20tertarik%20dengan%20Matera%20Residences%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 Residences 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>THE ULTIMATE LUXURY LIVING \u2022 LIMITED AVAILABLE UNITS MATERA RESIDENCES GADING SERPONG Mahakarya Hunian Mewah Eksklusif Paramount Land Hasil Kolaborasi Arsitek Kelas Dunia. Dilengkapi 5.000 m\u00b2 Community Club &#038; Akses Langsung Menuju Pusat Komersial Maggiore Serta BSD City. SCROLL KEBAWAH Mulai Rp 5,7 M-an Harga Sudah Termasuk PPN Sintered Stone Quadra Sanitary Kohler Intelligent Toilet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8705,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8707","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.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Matera Residences Gading Serpong | Cluster Mewah Dekat BSD - Julfian Property Expert<\/title>\n<meta name=\"description\" content=\"Hunian sultan Matera Residences by Paramount Land. Dilengkapi solar panel, smart home, &amp; akses boulevard. Survei sekarang!\" \/>\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-residences\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Matera Residences Gading Serpong | Cluster Mewah Dekat BSD\" \/>\n<meta property=\"og:description\" content=\"Hunian sultan Matera Residences by Paramount Land. Dilengkapi solar panel, smart home, &amp; akses boulevard. Survei sekarang!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/julfian.com\/en\/matera-residences\/\" \/>\n<meta property=\"og:site_name\" content=\"Julfian Property Expert\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-28T12:45:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Signature-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=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-residences\\\/\",\"url\":\"https:\\\/\\\/julfian.com\\\/matera-residences\\\/\",\"name\":\"Matera Residences Gading Serpong | Cluster Mewah Dekat BSD - Julfian Property Expert\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-residences\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-residences\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Matera-Signature-Gading-Serpong.webp\",\"datePublished\":\"2026-08-28T12:14:48+00:00\",\"dateModified\":\"2026-08-28T12:45:48+00:00\",\"description\":\"Hunian sultan Matera Residences by Paramount Land. Dilengkapi solar panel, smart home, & akses boulevard. Survei sekarang!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-residences\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/julfian.com\\\/matera-residences\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-residences\\\/#primaryimage\",\"url\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Matera-Signature-Gading-Serpong.webp\",\"contentUrl\":\"https:\\\/\\\/julfian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Matera-Signature-Gading-Serpong.webp\",\"width\":1920,\"height\":1072,\"caption\":\"Matera Signature Gading Serpong\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/julfian.com\\\/matera-residences\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/julfian.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Matera Residences Gading Serpong | Cluster Mewah Dekat BSD\"}]},{\"@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 Residences Gading Serpong | Cluster Mewah Dekat BSD - Julfian Property Expert","description":"Hunian sultan Matera Residences by Paramount Land. Dilengkapi solar panel, smart home, & akses boulevard. Survei sekarang!","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-residences\/","og_locale":"en_US","og_type":"article","og_title":"Matera Residences Gading Serpong | Cluster Mewah Dekat BSD","og_description":"Hunian sultan Matera Residences by Paramount Land. Dilengkapi solar panel, smart home, & akses boulevard. Survei sekarang!","og_url":"https:\/\/julfian.com\/en\/matera-residences\/","og_site_name":"Julfian Property Expert","article_modified_time":"2026-08-28T12:45:48+00:00","og_image":[{"width":1920,"height":1072,"url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Signature-Gading-Serpong.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/julfian.com\/matera-residences\/","url":"https:\/\/julfian.com\/matera-residences\/","name":"Matera Residences Gading Serpong | Cluster Mewah Dekat BSD - Julfian Property Expert","isPartOf":{"@id":"https:\/\/julfian.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/julfian.com\/matera-residences\/#primaryimage"},"image":{"@id":"https:\/\/julfian.com\/matera-residences\/#primaryimage"},"thumbnailUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Signature-Gading-Serpong.webp","datePublished":"2026-08-28T12:14:48+00:00","dateModified":"2026-08-28T12:45:48+00:00","description":"Hunian sultan Matera Residences by Paramount Land. Dilengkapi solar panel, smart home, & akses boulevard. Survei sekarang!","breadcrumb":{"@id":"https:\/\/julfian.com\/matera-residences\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/julfian.com\/matera-residences\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/julfian.com\/matera-residences\/#primaryimage","url":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Signature-Gading-Serpong.webp","contentUrl":"https:\/\/julfian.com\/wp-content\/uploads\/2026\/08\/Matera-Signature-Gading-Serpong.webp","width":1920,"height":1072,"caption":"Matera Signature Gading Serpong"},{"@type":"BreadcrumbList","@id":"https:\/\/julfian.com\/matera-residences\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/julfian.com\/"},{"@type":"ListItem","position":2,"name":"Matera Residences Gading Serpong | Cluster Mewah Dekat BSD"}]},{"@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\/8707","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=8707"}],"version-history":[{"count":37,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8707\/revisions"}],"predecessor-version":[{"id":8752,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/pages\/8707\/revisions\/8752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/media\/8705"}],"wp:attachment":[{"href":"https:\/\/julfian.com\/en\/wp-json\/wp\/v2\/media?parent=8707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}