{"id":56,"date":"2024-01-21T12:48:21","date_gmt":"2024-01-21T12:48:21","guid":{"rendered":"https:\/\/tamandesa.dms-team.com\/index.php\/home\/"},"modified":"2026-05-24T16:05:34","modified_gmt":"2026-05-24T16:05:34","slug":"the-atas-taman-desa-luxury-living","status":"publish","type":"page","link":"https:\/\/tamandesa.dms-team.com\/","title":{"rendered":"THE ATAS Taman Desa &#8211; Luxury Homes in a Prime Location"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"56\" class=\"elementor elementor-56\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a588684 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6a588684\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f65bcca\" data-id=\"3f65bcca\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-59830c26 elementor-widget elementor-widget-html\" data-id=\"59830c26\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,600;1,400;1,600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\n<style>\n:root {\n    --white:    #FFFFFF;\n    --off:      #FAFAF8;\n    --stone:    #F2EFE9;\n    --tan:      #E8E3DB;\n    --gold:     #A67C52;\n    --gold-dk:  #7A5A38;\n    --text:     #1E1A15;\n    --text2:    #3D3730;\n    --text3:    #6B6057;\n    --border:   #D4CFC8;\n    --navy:     #1E2B3A;\n    --navy2:    #263547;\n    --lora:     'Lora', Georgia, serif;\n    --inter:    'Inter', system-ui, sans-serif;\n  }\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  html { scroll-behavior: smooth; }\n  body { background: var(--white); color: var(--text); font-family: var(--inter); font-size: 16px; line-height: 1.6; overflow-x: hidden; }\n\n  \/* \u2500\u2500 CURSOR (desktop only) \u2500\u2500 *\/\n  @media (pointer:fine) {\n    body { cursor: none; }\n    a, button { cursor: none; }\n    #cur  { position:fixed; top:0; left:0; width:8px; height:8px; background:var(--gold); border-radius:50%; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); transition:transform .1s; }\n    #ring { position:fixed; top:0; left:0; width:32px; height:32px; border:1.5px solid rgba(166,124,82,.5); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:width .2s,height .2s,transform .15s; }\n  }\n  @media (pointer:coarse) { #cur,#ring { display:none; } }\n\n  \/* \u2500\u2500 NAV \u2500\u2500 *\/\n  nav {\n    position: fixed; top:0; left:0; right:0; z-index:100;\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 0 2.5rem; height: 64px;\n    background: rgba(255,255,255,.96);\n    border-bottom: 1px solid var(--border);\n    transition: box-shadow .3s;\n  }\n  nav.scrolled { box-shadow: 0 2px 20px rgba(30,26,21,.07); }\n  .nav-logo { font-family: var(--lora); font-size: 1.15rem; font-style: italic; color: var(--navy); text-decoration: none; letter-spacing: .02em; }\n  .nav-logo strong { color: var(--gold); font-style: normal; font-weight: 600; }\n  .nav-links { display:flex; gap:2rem; list-style:none; }\n  .nav-links a { font-family:var(--inter); font-size:.78rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--text2); text-decoration:none; transition:color .2s; }\n  .nav-links a:hover { color:var(--gold-dk); }\n  .nav-cta { font-family:var(--inter); font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; background:var(--navy); color:#fff; padding:.55rem 1.3rem; text-decoration:none; transition:background .25s; border:none; }\n  .nav-cta:hover { background:var(--navy2); }\n  .hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; padding:4px; }\n  .hamburger span { display:block; width:22px; height:2px; background:var(--text); transition:all .3s; }\n  .mob-menu { display:none; position:fixed; inset:0; top:64px; background:rgba(255,255,255,.98); backdrop-filter:blur(10px); z-index:99; flex-direction:column; align-items:center; justify-content:center; gap:2rem; }\n  .mob-menu.open { display:flex; }\n  .mob-menu a { font-family:var(--inter); font-size:1rem; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--text); text-decoration:none; }\n  .mob-menu .m-cta { background:var(--navy); color:#fff; padding:.85rem 2.5rem; margin-top:.5rem; }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero { min-height:100svh; position:relative; display:flex; flex-direction:column; justify-content:flex-end; padding:6rem 3rem 5rem; overflow:hidden; }\n  .hero-bg { position:absolute; inset:0;\n    background: linear-gradient(to bottom, rgba(30,43,58,.18) 0%, rgba(30,43,58,.52) 55%, rgba(30,43,58,.92) 100%),\n    url('https:\/\/tamandesa.dms-team.com\/wp-content\/uploads\/2024\/05\/photo_2024-04-27-22.54.51-e1715569504889.jpeg') center\/cover no-repeat; }\n  .hero-tag { font-family:var(--inter); font-size:.72rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.7); display:flex; align-items:center; gap:.8rem; margin-bottom:1.4rem; }\n  .hero-tag::before { content:''; width:32px; height:1px; background:rgba(255,255,255,.5); display:block; }\n  .hero h1 { position:relative; z-index:1; font-family:var(--lora); font-size:clamp(3rem,7vw,6rem); font-weight:400; line-height:1.1; color:#fff; margin-bottom:1.4rem; }\n  .hero h1 em { font-style:italic; color:#F2D9B8; }\n  .hero-sub { position:relative; z-index:1; font-size:1.1rem; font-weight:300; color:rgba(255,255,255,.82); max-width:520px; line-height:1.8; margin-bottom:2.5rem; }\n  .hero-btns { position:relative; z-index:1; display:flex; gap:1rem; flex-wrap:wrap; }\n  .btn-gold { font-family:var(--inter); font-size:.78rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; background:var(--gold); color:#fff; padding:.95rem 2.2rem; text-decoration:none; transition:background .2s,transform .2s; display:inline-block; border:none; }\n  .btn-gold:hover { background:var(--gold-dk); transform:translateY(-2px); }\n  .btn-clear { font-family:var(--inter); font-size:.78rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; border:1.5px solid rgba(255,255,255,.55); color:#fff; padding:.95rem 2.2rem; text-decoration:none; transition:border-color .2s; display:inline-block; }\n  .btn-clear:hover { border-color:#fff; }\n  .btn-navy { font-family:var(--inter); font-size:.78rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; background:var(--navy); color:#fff; padding:.95rem 2.2rem; text-decoration:none; display:inline-block; transition:background .2s; border:none; }\n  .btn-navy:hover { background:var(--navy2); }\n  .btn-outline { font-family:var(--inter); font-size:.78rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; border:1.5px solid var(--border); color:var(--text2); padding:.95rem 2.2rem; text-decoration:none; display:inline-block; transition:border-color .2s,color .2s; }\n  .btn-outline:hover { border-color:var(--gold); color:var(--gold-dk); }\n  .hero-stats { position:absolute; bottom:4rem; right:3rem; z-index:1; display:flex; gap:3rem; }\n  .stat-n { font-family:var(--lora); font-size:2.8rem; font-style:italic; color:#F2D9B8; line-height:1; }\n  .stat-l { font-family:var(--inter); font-size:.65rem; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55); margin-top:.3rem; }\n  .scroll-hint { position:absolute; bottom:2rem; right:2rem; z-index:1; display:flex; flex-direction:column; align-items:center; gap:.4rem; font-family:var(--inter); font-size:.6rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.45); }\n  .scroll-line { width:1px; height:44px; background:rgba(255,255,255,.35); animation:scr 2s ease-in-out infinite; }\n  @keyframes scr { 0%,100%{opacity:.3;transform:scaleY(.8)} 50%{opacity:1;transform:scaleY(1)} }\n\n  \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n  .divider { display:flex; align-items:center; gap:1rem; padding:0 3rem; }\n  .divider::before,.divider::after { content:''; flex:1; height:1px; background:var(--border); }\n  .divider span { font-family:var(--inter); font-size:.65rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--text3); white-space:nowrap; }\n\n  \/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\n  section { padding:6rem 3rem; background:var(--white); }\n  section.stone { background:var(--stone); }\n  .sec-eyebrow { font-family:var(--inter); font-size:.7rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); display:flex; align-items:center; gap:.7rem; margin-bottom:.9rem; }\n  .sec-eyebrow::before { content:''; width:24px; height:2px; background:var(--gold); display:block; }\n  h2.sec-h { font-family:var(--lora); font-size:clamp(2rem,3.5vw,3rem); font-weight:400; line-height:1.2; color:var(--text); margin-bottom:1.2rem; }\n  h2.sec-h em { font-style:italic; color:var(--navy); }\n  p.sec-lead { font-size:1.05rem; font-weight:300; color:var(--text2); line-height:1.9; max-width:560px; }\n\n  \/* \u2500\u2500 LOCATION \u2500\u2500 *\/\n  .loc-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; margin-top:3.5rem; }\n  .loc-img { position:relative; }\n  .loc-img img { width:100%; display:block; }\n  .loc-img::after { content:''; position:absolute; top:-12px; left:-12px; right:12px; bottom:12px; border:2px solid var(--tan); z-index:-1; }\n  .feat { display:flex; gap:1rem; align-items:flex-start; padding:1rem 0; border-bottom:1px solid var(--tan); }\n  .feat:last-child { border-bottom:none; }\n  .feat-ico { width:40px; height:40px; background:var(--stone); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--gold-dk); border-radius:4px; }\n  .feat h4 { font-family:var(--inter); font-size:.88rem; font-weight:600; color:var(--text); margin-bottom:.3rem; }\n  .feat p { font-size:.9rem; color:var(--text3); line-height:1.7; }\n\n  \/* \u2500\u2500 MASTERPLAN \u2500\u2500 *\/\n  .mp-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:5rem; align-items:center; }\n  .mp-img img { width:100%; display:block; }\n  .specs { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--border); margin-top:2.5rem; }\n  .spec { padding:1.4rem 1.2rem; border-right:1px solid var(--border); border-bottom:1px solid var(--border); }\n  .spec:nth-child(2n) { border-right:none; }\n  .spec:nth-child(3),.spec:nth-child(4) { border-bottom:none; }\n  .spec-n { font-family:var(--lora); font-size:2.2rem; font-style:italic; color:var(--navy); line-height:1; }\n  .spec-l { font-size:.72rem; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--text3); margin-top:.4rem; }\n\n  \/* \u2500\u2500 GALLERY \u2500\u2500 *\/\n  .gal-head { max-width:560px; margin-bottom:3rem; }\n  .gal-grid { display:grid; grid-template-columns:1.65fr 1fr; grid-template-rows:340px 240px; gap:12px; }\n  .gal-item { overflow:hidden; position:relative; }\n  .gal-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s ease; }\n  .gal-item:hover img { transform:scale(1.04); }\n  .gal-item:first-child { grid-row:span 2; }\n  .gal-cap { position:absolute; bottom:0; left:0; right:0; padding:.9rem 1.1rem; background:linear-gradient(to top,rgba(30,43,58,.85),transparent); font-family:var(--inter); font-size:.7rem; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.9); opacity:0; transition:opacity .3s; }\n  .gal-item:hover .gal-cap { opacity:1; }\n\n  \/* \u2500\u2500 LAYOUTS \u2500\u2500 *\/\n  .lay-head { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:end; margin-bottom:3rem; }\n  .tabs { display:flex; border-bottom:2px solid var(--tan); margin-bottom:3rem; overflow-x:auto; scrollbar-width:none; }\n  .tabs::-webkit-scrollbar { display:none; }\n  .tab { font-family:var(--inter); font-size:.76rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; padding:.8rem 1.5rem; color:var(--text3); border-bottom:2px solid transparent; background:none; border-top:none; border-left:none; border-right:none; cursor:pointer; margin-bottom:-2px; white-space:nowrap; flex-shrink:0; transition:color .2s,border-color .2s; }\n  .tab.on { color:var(--navy); border-bottom-color:var(--navy); }\n  .panel { display:none; }\n  .panel.on { display:grid; grid-template-columns:1.2fr 1fr; gap:4rem; align-items:center; }\n  .plan-img { background:var(--stone); padding:1.5rem; }\n  .plan-img img { width:100%; display:block; }\n  .plan-tag { font-family:var(--inter); font-size:.68rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); border:1.5px solid var(--gold); padding:.3rem .8rem; display:inline-block; margin-bottom:1rem; }\n  .plan-name { font-family:var(--lora); font-size:2rem; color:var(--text); margin-bottom:.3rem; }\n  .plan-sz { font-size:1rem; font-weight:300; color:var(--text3); margin-bottom:1.4rem; }\n  .plan-facts { display:flex; gap:1.2rem; margin-bottom:1.8rem; }\n  .pf { padding:.9rem 1.1rem; background:var(--stone); border:1px solid var(--border); text-align:center; }\n  .pf-n { font-family:var(--lora); font-size:1.8rem; font-style:italic; color:var(--navy); }\n  .pf-l { font-size:.64rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text3); }\n  .plan-desc { font-size:.95rem; color:var(--text2); line-height:1.85; margin-bottom:1.8rem; }\n\n  \/* \u2500\u2500 HIGHLIGHTS \u2500\u2500 *\/\n  .hl-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); border:1px solid var(--border); margin-top:3.5rem; }\n  .hl { background:var(--white); padding:2.2rem 1.6rem; transition:background .25s; position:relative; overflow:hidden; }\n  .hl:hover { background:var(--off); }\n  .hl::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--navy); transform:scaleX(0); transition:transform .35s; }\n  .hl:hover::after { transform:scaleX(1); }\n  .hl-ico { width:44px; height:44px; background:var(--stone); border:1px solid var(--border); border-radius:4px; display:flex; align-items:center; justify-content:center; color:var(--navy); margin-bottom:1.2rem; }\n  .hl-t { font-family:var(--lora); font-size:1.1rem; font-weight:600; color:var(--text); margin-bottom:.6rem; }\n  .hl-d { font-size:.9rem; color:var(--text3); line-height:1.8; }\n\n  \/* \u2500\u2500 DEVELOPER \u2500\u2500 *\/\n  .dev-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n  .dev-quote { font-family:var(--lora); font-size:clamp(1.4rem,2.2vw,2rem); font-style:italic; color:var(--text); border-left:3px solid var(--gold); padding-left:1.8rem; line-height:1.55; margin:2rem 0; }\n  .dev-quote em { color:var(--navy); }\n  .dev-img { position:relative; }\n  .dev-img img { width:100%; display:block; object-fit:cover; min-height:280px; }\n  .dev-cap { position:absolute; bottom:0; left:0; right:0; padding:1.2rem; background:linear-gradient(to top,rgba(30,43,58,.9),transparent); }\n  .dev-cap strong { display:block; font-family:var(--lora); font-size:1rem; color:#fff; font-style:italic; }\n  .dev-cap span { font-size:.72rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.6); }\n\n  \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\n  .con-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }\n  .con-items { margin-top:2.5rem; display:flex; flex-direction:column; gap:1.4rem; }\n  .con-item { display:flex; gap:1rem; align-items:flex-start; padding:1rem; background:var(--stone); border:1px solid var(--border); border-radius:4px; }\n  .con-ico { color:var(--navy); flex-shrink:0; margin-top:2px; }\n  .con-label { font-size:.72rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text3); margin-bottom:.25rem; }\n  .con-val { font-size:.95rem; color:var(--text); font-weight:500; }\n  .form { display:flex; flex-direction:column; gap:1rem; }\n  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n  .fg { display:flex; flex-direction:column; gap:.35rem; }\n  .fg label { font-size:.72rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text3); }\n  .fg input,.fg textarea,.fg select { background:var(--white); border:1.5px solid var(--border); color:var(--text); padding:.8rem 1rem; font-family:var(--inter); font-size:.95rem; outline:none; transition:border-color .2s; border-radius:3px; -webkit-appearance:none; }\n  .fg input:focus,.fg textarea:focus,.fg select:focus { border-color:var(--navy); }\n  .fg textarea { resize:vertical; min-height:110px; }\n  .form-btns { display:flex; gap:.8rem; flex-wrap:wrap; margin-top:.3rem; }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  footer { background:var(--navy); padding:2.8rem 3rem; }\n  .ft-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1.2rem; }\n  .ft-brand { font-family:var(--lora); font-size:1rem; font-style:italic; color:rgba(255,255,255,.9); }\n  .ft-links { display:flex; gap:1.5rem; flex-wrap:wrap; }\n  .ft-links a { font-size:.72rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); text-decoration:none; transition:color .2s; }\n  .ft-links a:hover { color:rgba(255,255,255,.9); }\n  .ft-copy { font-size:.7rem; font-weight:400; letter-spacing:.08em; color:rgba(255,255,255,.35); text-transform:uppercase; }\n\n  \/* \u2500\u2500 FLOAT BTNS \u2500\u2500 *\/\n  .float { position:fixed; bottom:1.8rem; right:1.8rem; z-index:200; display:flex; flex-direction:column; gap:.6rem; align-items:flex-end; }\n  .fb { display:flex; align-items:center; gap:.6rem; font-family:var(--inter); font-size:.72rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; padding:.7rem 1.2rem; text-decoration:none; white-space:nowrap; transition:transform .2s,filter .2s; box-shadow:0 4px 18px rgba(30,43,58,.18); border-radius:2px; }\n  .fb:hover { transform:translateX(-3px); filter:brightness(1.08); }\n  .fb-wa { background:#25D366; color:#0a3d1e; }\n  .fb-call { background:var(--navy); color:rgba(255,255,255,.9); }\n  .fb span.lbl { }\n\n  \/* \u2500\u2500 REVEAL \u2500\u2500 *\/\n  .reveal { opacity:0; transform:translateY(22px); transition:opacity .75s ease,transform .75s ease; }\n  .reveal.in { opacity:1; transform:translateY(0); }\n  .d1 { transition-delay:.1s; } .d2 { transition-delay:.2s; } .d3 { transition-delay:.3s; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOBILE \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width:768px) {\n    nav { padding:0 1.2rem; height:58px; }\n    .nav-links,.nav-cta { display:none; }\n    .hamburger { display:flex; }\n\n    .hero { padding:5rem 1.4rem 3.5rem; }\n    .hero h1 { font-size:clamp(2.6rem,10vw,3.8rem); }\n    .hero-sub { font-size:1rem; }\n    .hero-btns { flex-direction:column; gap:.75rem; }\n    .btn-gold,.btn-clear,.btn-navy,.btn-outline { width:100%; text-align:center; padding:.9rem; }\n    .hero-stats { position:static; display:flex; gap:2rem; margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.2); }\n    .stat-n { font-size:2rem; }\n    .scroll-hint { display:none; }\n\n    .divider { padding:0 1.2rem; }\n    section { padding:3.5rem 1.4rem; }\n\n    .loc-grid { grid-template-columns:1fr; gap:0; }\n    .loc-grid > div:first-child { order:2; margin-top:2rem; }\n    .loc-img { order:1; }\n    .loc-img img { height:260px; object-fit:cover; }\n    .loc-img::after { display:none; }\n\n    .mp-grid { grid-template-columns:1fr; gap:0; }\n    .mp-img { order:1; }\n    .mp-img img { height:250px; object-fit:cover; }\n    .mp-grid > div:last-child { order:2; margin-top:2rem; }\n\n    .gal-grid { grid-template-columns:1fr!important; grid-template-rows:auto!important; gap:8px; }\n    .gal-item { height:270px!important; }\n    .gal-item:first-child { grid-row:auto; }\n    .gal-cap { opacity:1; }\n\n    .lay-head { grid-template-columns:1fr; gap:1rem; }\n    .panel.on { grid-template-columns:1fr; gap:0; }\n    .plan-img { order:1; }\n    .panel.on > div:last-child { order:2; margin-top:1.8rem; }\n\n    .hl-grid { grid-template-columns:1fr 1fr; }\n\n    .dev-grid { grid-template-columns:1fr; gap:0; }\n    .dev-img { order:1; }\n    .dev-img img { height:260px; }\n    .dev-grid > div:first-child { order:2; margin-top:2rem; }\n\n    .con-grid { grid-template-columns:1fr; gap:2.5rem; }\n    .form-row { grid-template-columns:1fr; }\n    .form-btns { flex-direction:column; }\n    .form-btns a,.form-btns button { width:100%; text-align:center; }\n\n    footer { padding:2rem 1.4rem; }\n    .ft-inner { flex-direction:column; align-items:flex-start; gap:1rem; }\n\n    .float { bottom:1rem; right:1rem; }\n    .fb .lbl { display:none; }\n    .fb { padding:.75rem; border-radius:50%; width:44px; height:44px; justify-content:center; }\n  }\n\n  @media (min-width:769px) and (max-width:1024px) {\n    section { padding:5rem 2rem; }\n    .loc-grid,.mp-grid,.dev-grid,.con-grid { gap:3rem; }\n    .hl-grid { grid-template-columns:1fr 1fr; }\n    .hero-stats { right:2rem; }\n  }\n<\/style>\n<div id=\"cur\"><\/div><div id=\"ring\"><\/div>\n\n<!-- FLOAT -->\n<div class=\"float\">\n  <a href=\"tel:60111792 1229\" class=\"fb fb-call\">\n    <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012 .18h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.09-1.09a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n    <span class=\"lbl\">6011 1792 1229<\/span>\n  <\/a>\n  <a href=\"https:\/\/wa.link\/sefe56\" target=\"_blank\" class=\"fb fb-wa\" rel=\"noopener\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n    <span class=\"lbl\">WhatsApp Us<\/span>\n  <\/a>\n<\/div>\n\n<!-- NAV -->\n<nav id=\"nav\">\n  <a class=\"nav-logo\" href=\"#\">THE <strong>ATAS<\/strong><\/a>\n  <ul class=\"nav-links\">\n    <li><a href=\"#location\">Location<\/a><\/li>\n    <li><a href=\"#masterplan\">Master Plan<\/a><\/li>\n    <li><a href=\"#gallery\">Gallery<\/a><\/li>\n    <li><a href=\"#layouts\">Layouts<\/a><\/li>\n    <li><a href=\"#highlights\">Why ATAS<\/a><\/li>\n  <\/ul>\n  <a href=\"https:\/\/wa.link\/sefe56\" class=\"nav-cta\" target=\"_blank\" rel=\"noopener\">Get Brochure<\/a>\n  <button class=\"hamburger\" id=\"ham\" aria-label=\"Open menu\"><span><\/span><span><\/span><span><\/span><\/button>\n<\/nav>\n\n<!-- MOBILE MENU -->\n<div class=\"mob-menu\" id=\"mmenu\">\n  <a href=\"#location\" onclick=\"closeMob()\">Location<\/a>\n  <a href=\"#masterplan\" onclick=\"closeMob()\">Master Plan<\/a>\n  <a href=\"#gallery\" onclick=\"closeMob()\">Gallery<\/a>\n  <a href=\"#layouts\" onclick=\"closeMob()\">Layouts<\/a>\n  <a href=\"#highlights\" onclick=\"closeMob()\">Why ATAS<\/a>\n  <a href=\"https:\/\/wa.link\/sefe56\" class=\"m-cta\" target=\"_blank\" rel=\"noopener\">Get E-Brochure<\/a>\n<\/div>\n\n<!-- HERO -->\n<header class=\"hero\" id=\"home\">\n  <div class=\"hero-bg\"><\/div>\n  <div style=\"position:relative;z-index:1;max-width:800px;\">\n    <div class=\"hero-tag\">Kuala Lumpur &nbsp;\u00b7&nbsp; Taman Desa<\/div>\n    <h1>Where <em>Luxury<\/em><br\/>Finds Its<br\/>True Address<\/h1>\n    <p class=\"hero-sub\">A refined collection of semi-D residences in the heart of KL's most coveted, matured township \u2014 built for families who want more.<\/p>\n    <div class=\"hero-btns\">\n      <a href=\"https:\/\/wa.link\/sefe56\" target=\"_blank\" class=\"btn-gold\" rel=\"noopener\">Request E-Brochure<\/a>\n      <a href=\"#gallery\" class=\"btn-clear\">View Interiors<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-stats\">\n    <div><div class=\"stat-n\">208<\/div><div class=\"stat-l\">Exclusive Units<\/div><\/div>\n    <div><div class=\"stat-n\">4<\/div><div class=\"stat-l\">Units Per Wing<\/div><\/div>\n    <div><div class=\"stat-n\">1<\/div><div class=\"stat-l\">Iconic Tower<\/div><\/div>\n  <\/div>\n  <div class=\"scroll-hint\">Scroll<div class=\"scroll-line\"><\/div><\/div>\n<\/header>\n\n<div class=\"divider\"><span>Taman Desa's Finest Address<\/span><\/div>\n\n<!-- LOCATION -->\n<section id=\"location\">\n  <div class=\"sec-eyebrow reveal\">01 &mdash; Location<\/div>\n  <div class=\"loc-grid\">\n    <div>\n      <h2 class=\"sec-h reveal\">Right in the <em>Heart<\/em> of Everything<\/h2>\n      <p class=\"sec-lead reveal d1\">Nestled in one of KL's most established low-density townships \u2014 where 80% of the neighbourhood is landed property, giving you the rare combination of city access and genuine peace.<\/p>\n      <div style=\"margin-top:1.5rem;\">\n        <div class=\"feat reveal d1\">\n          <div class=\"feat-ico\"><svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M17.657 16.657L13.414 20.9a2 2 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><circle cx=\"12\" cy=\"11\" r=\"3\"\/><\/svg><\/div>\n          <div><h4>Prime Taman Desa Address<\/h4><p>One of KL's most beloved and established residential communities<\/p><\/div>\n        <\/div>\n        <div class=\"feat reveal d2\">\n          <div class=\"feat-ico\"><svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7\"\/><\/svg><\/div>\n          <div><h4>Easy Highway Connectivity<\/h4><p>Minutes from Bangsar, Mid Valley, and Kuala Lumpur city centre<\/p><\/div>\n        <\/div>\n        <div class=\"feat reveal d3\">\n          <div class=\"feat-ico\"><svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\"\/><\/svg><\/div>\n          <div><h4>Everything Nearby<\/h4><p>Shopping, schools, clinics and restaurants all within a short drive<\/p><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"loc-img reveal d2\">\n      <img decoding=\"async\" src=\"https:\/\/tamandesa.dms-team.com\/wp-content\/uploads\/2024\/02\/Zoom-Presentation-Taman-Desa-Pre-Launch-07-e1707056591446.png\" alt=\"Location map\"\/>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><span>Thoughtfully Designed<\/span><\/div>\n\n<!-- MASTERPLAN -->\n<section id=\"masterplan\" class=\"stone\">\n  <div class=\"mp-grid\">\n    <div class=\"mp-img reveal\">\n      <img decoding=\"async\" src=\"https:\/\/tamandesa.dms-team.com\/wp-content\/uploads\/2024\/02\/Zoom-Presentation-Taman-Desa-Pre-Launch-22.png\" alt=\"Site plan\"\/>\n    <\/div>\n    <div>\n      <div class=\"sec-eyebrow reveal\">02 &mdash; Master Plan<\/div>\n      <h2 class=\"sec-h reveal\">Designed for <em>Privacy<\/em> and Space<\/h2>\n      <p class=\"sec-lead reveal d1\">Every unit in THE ATAS is a corner unit \u2014 meaning you share just one wall with one neighbour. It's the closest you can get to landed living, without giving up the security and amenities of a modern tower.<\/p>\n      <div class=\"specs reveal d2\">\n        <div class=\"spec\"><div class=\"spec-n\">208<\/div><div class=\"spec-l\">Units per Tower<\/div><\/div>\n        <div class=\"spec\"><div class=\"spec-n\">4<\/div><div class=\"spec-l\">Units per Wing<\/div><\/div>\n        <div class=\"spec\"><div class=\"spec-n\">2\u20133<\/div><div class=\"spec-l\">Free Car Parks<\/div><\/div>\n        <div class=\"spec\"><div class=\"spec-n\">1<\/div><div class=\"spec-l\">Shared Wall Only<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><span>See Inside<\/span><\/div>\n\n<!-- GALLERY -->\n<section id=\"gallery\">\n  <div class=\"gal-head\">\n    <div class=\"sec-eyebrow reveal\">03 &mdash; Gallery<\/div>\n    <h2 class=\"sec-h reveal\">Spaces You'll <em>Love<\/em> Coming Home To<\/h2>\n    <p class=\"sec-lead reveal d1\">Light-filled rooms, quality finishes, and thoughtful layouts \u2014 designed for how real families actually live.<\/p>\n  <\/div>\n  <div class=\"gal-grid reveal d1\">\n    <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/tamandesa.dms-team.com\/wp-content\/uploads\/2024\/05\/THe-ATAS-Living-room.jpeg\" alt=\"Living Room\" loading=\"lazy\"\/><div class=\"gal-cap\">Living Room<\/div><\/div>\n    <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/tamandesa.dms-team.com\/wp-content\/uploads\/2024\/05\/The-ATAS-Taman-Desa-Livingroom.jpeg\" alt=\"Dining Area\" loading=\"lazy\"\/><div class=\"gal-cap\">Dining Area<\/div><\/div>\n    <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/tamandesa.dms-team.com\/wp-content\/uploads\/2024\/05\/The-ATAS-Taman-Desa-Masterbedroom.jpeg\" alt=\"Master Bedroom\" loading=\"lazy\"\/><div class=\"gal-cap\">Master Bedroom<\/div><\/div>\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><span>Find Your Fit<\/span><\/div>\n\n<!-- LAYOUTS -->\n<section id=\"layouts\" class=\"stone\">\n  <div class=\"lay-head\">\n    <div>\n      <div class=\"sec-eyebrow reveal\">04 &mdash; Floor Plans<\/div>\n      <h2 class=\"sec-h reveal\">A Home <em>Sized<\/em> for Your Family<\/h2>\n    <\/div>\n    <p class=\"sec-lead reveal d1\">Three unit types to choose from \u2014 whether you're a growing family, multigenerational household, or savvy investor.<\/p>\n  <\/div>\n  <div class=\"tabs reveal\">\n    <button class=\"tab on\" onclick=\"switchTab(event,'p1')\">Type A &amp; B<\/button>\n    <button class=\"tab\" onclick=\"switchTab(event,'p2')\">Type C \u2014 Dual Key<\/button>\n    <button class=\"tab\" onclick=\"switchTab(event,'p3')\">Type D<\/button>\n  <\/div>\n  <div id=\"p1\" class=\"panel on reveal d1\">\n    <div class=\"plan-img\"><img decoding=\"async\" src=\"https:\/\/tamandesa.dms-team.com\/wp-content\/uploads\/2024\/09\/Screenshot-2024-08-23-at-12.50.14-PM.png\" alt=\"Type A B\" loading=\"lazy\"\/><\/div>\n    <div>\n      <div class=\"plan-tag\">Type A &amp; B<\/div>\n      <div class=\"plan-name\">The Classic<\/div>\n      <div class=\"plan-sz\">1,156 sq ft &nbsp;\u00b7&nbsp; 4 Bedrooms, 3 Bathrooms<\/div>\n      <div class=\"plan-facts\">\n        <div class=\"pf\"><div class=\"pf-n\">4<\/div><div class=\"pf-l\">Bedrooms<\/div><\/div>\n        <div class=\"pf\"><div class=\"pf-n\">3<\/div><div class=\"pf-l\">Bathrooms<\/div><\/div>\n        <div class=\"pf\"><div class=\"pf-n\">2<\/div><div class=\"pf-l\">Car Parks<\/div><\/div>\n      <\/div>\n      <p class=\"plan-desc\">A well-proportioned family home with generous bedrooms and a practical layout that makes daily life comfortable and easy.<\/p>\n      <a href=\"https:\/\/wa.link\/x9ijum\" target=\"_blank\" class=\"btn-navy\" rel=\"noopener\">Book a Showroom Visit<\/a>\n    <\/div>\n  <\/div>\n  <div id=\"p2\" class=\"panel reveal d1\">\n    <div class=\"plan-img\"><img decoding=\"async\" src=\"https:\/\/tamandesa.dms-team.com\/wp-content\/uploads\/2024\/09\/Screenshot-2024-08-23-at-12.49.02-PM.png\" alt=\"Type C\" loading=\"lazy\"\/><\/div>\n    <div>\n      <div class=\"plan-tag\">Type C &mdash; Dual Key<\/div>\n      <div class=\"plan-name\">The Flexible<\/div>\n      <div class=\"plan-sz\">1,321 sq ft &nbsp;\u00b7&nbsp; 3+1 Bedrooms, 3 Bathrooms<\/div>\n      <div class=\"plan-facts\">\n        <div class=\"pf\"><div class=\"pf-n\">3+1<\/div><div class=\"pf-l\">Bedrooms<\/div><\/div>\n        <div class=\"pf\"><div class=\"pf-n\">3<\/div><div class=\"pf-l\">Bathrooms<\/div><\/div>\n        <div class=\"pf\"><div class=\"pf-n\">2<\/div><div class=\"pf-l\">Car Parks<\/div><\/div>\n      <\/div>\n      <p class=\"plan-desc\">Dual-key design \u2014 live in one unit, rent out the other. Perfect for multigenerational families or investors looking for passive income.<\/p>\n      <a href=\"https:\/\/wa.link\/x9ijum\" target=\"_blank\" class=\"btn-navy\" rel=\"noopener\">Book a Showroom Visit<\/a>\n    <\/div>\n  <\/div>\n  <div id=\"p3\" class=\"panel reveal d1\">\n    <div class=\"plan-img\"><img decoding=\"async\" src=\"https:\/\/tamandesa.dms-team.com\/wp-content\/uploads\/2024\/09\/Screenshot-2024-08-23-at-12.50.22-PM.png\" alt=\"Type D\" loading=\"lazy\"\/><\/div>\n    <div>\n      <div class=\"plan-tag\">Type D<\/div>\n      <div class=\"plan-name\">The Grand<\/div>\n      <div class=\"plan-sz\">1,518 sq ft &nbsp;\u00b7&nbsp; 5 Bedrooms, 4 Bathrooms<\/div>\n      <div class=\"plan-facts\">\n        <div class=\"pf\"><div class=\"pf-n\">5<\/div><div class=\"pf-l\">Bedrooms<\/div><\/div>\n        <div class=\"pf\"><div class=\"pf-n\">4<\/div><div class=\"pf-l\">Bathrooms<\/div><\/div>\n        <div class=\"pf\"><div class=\"pf-n\">3<\/div><div class=\"pf-l\">Car Parks<\/div><\/div>\n      <\/div>\n      <p class=\"plan-desc\">Our largest unit \u2014 five bedrooms and four bathrooms for families who want space to breathe, grow, and truly call a place home.<\/p>\n      <a href=\"https:\/\/wa.link\/x9ijum\" target=\"_blank\" class=\"btn-navy\" rel=\"noopener\">Book a Showroom Visit<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><span>What Makes It Special<\/span><\/div>\n\n<!-- HIGHLIGHTS -->\n<section id=\"highlights\">\n  <div class=\"sec-eyebrow reveal\">05 &mdash; Why Choose THE ATAS<\/div>\n  <h2 class=\"sec-h reveal\">Four Reasons Families <em>Choose<\/em> Us<\/h2>\n  <div class=\"hl-grid\">\n    <div class=\"hl reveal\">\n      <div class=\"hl-ico\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg><\/div>\n      <div class=\"hl-t\">Low Density Living<\/div>\n      <div class=\"hl-d\">Only 208 homes in the entire tower. You'll actually know your neighbours \u2014 and enjoy real peace and quiet.<\/div>\n    <\/div>\n    <div class=\"hl reveal d1\">\n      <div class=\"hl-ico\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"1\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg><\/div>\n      <div class=\"hl-t\">Semi-D Feel<\/div>\n      <div class=\"hl-d\">Every unit is a corner unit with just one shared wall. It feels like a semi-detached home \u2014 but in the sky.<\/div>\n    <\/div>\n    <div class=\"hl reveal d2\">\n      <div class=\"hl-ico\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg><\/div>\n      <div class=\"hl-t\">Residential Title<\/div>\n      <div class=\"hl-d\">Enjoy lower electricity and water rates \u2014 just like a landed home. No commercial surcharges here.<\/div>\n    <\/div>\n    <div class=\"hl reveal d3\">\n      <div class=\"hl-ico\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><path d=\"M16 8h4l3 3v5h-7V8zM1 16h15M5.5 21a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm13 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\"\/><\/svg><\/div>\n      <div class=\"hl-t\">2\u20133 Free Car Parks<\/div>\n      <div class=\"hl-d\">Parking for the whole family comes with your unit. No waiting lists, no extra charges.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><span>The Developer<\/span><\/div>\n\n<!-- DEVELOPER -->\n<section id=\"developer\" class=\"stone\">\n  <div class=\"dev-grid\">\n    <div>\n      <div class=\"sec-eyebrow reveal\">06 &mdash; Developer<\/div>\n      <h2 class=\"sec-h reveal\">Built by <em>Maxim Global<\/em> Berhad<\/h2>\n      <div class=\"dev-quote reveal d1\">\"Our mission is to build homes that <em>elevate lives<\/em> \u2014 guided by experience, driven by purpose.\"<\/div>\n      <p class=\"sec-lead reveal d2\">A publicly listed Malaysian developer with a land bank of over 80,000 hectares. Maxim Global has built its reputation on delivering quality homes for families across all walks of life \u2014 from affordable housing to premium residences like THE ATAS.<\/p>\n      <div style=\"margin-top:2rem;\" class=\"reveal d3\">\n        <a href=\"https:\/\/wa.link\/sefe56\" target=\"_blank\" class=\"btn-outline\" rel=\"noopener\">Learn About the Developer<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"dev-img reveal d2\">\n      <img decoding=\"async\" src=\"https:\/\/tamandesa.dms-team.com\/wp-content\/uploads\/2024\/05\/photo_2024-04-27-22.55.01-e1726291364241-300x155.jpeg\" alt=\"THE ATAS exterior\" loading=\"lazy\"\/>\n      <div class=\"dev-cap\">\n        <strong>Maxim Global Berhad<\/strong>\n        <span>Publicly listed &nbsp;\u00b7&nbsp; Property, Agriculture &amp; Industrial<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><span>Talk to Us<\/span><\/div>\n\n<!-- CONTACT -->\n<section id=\"contact\">\n  <div class=\"con-grid\">\n    <div>\n      <div class=\"sec-eyebrow reveal\">07 &mdash; Contact<\/div>\n      <h2 class=\"sec-h reveal\">Ready to Take the <em>Next Step?<\/em><\/h2>\n      <p class=\"sec-lead reveal d1\">Our friendly sales team is here to answer your questions, arrange a showroom visit, or help you check your loan eligibility. No pressure \u2014 just honest advice.<\/p>\n      <div class=\"con-items\">\n        <div class=\"con-item reveal d1\">\n          <div class=\"con-ico\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012 .18h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.09-1.09a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div>\n          <div><div class=\"con-label\">Sales Consultant<\/div><div class=\"con-val\">Jason Chan &nbsp;&mdash;&nbsp; 6011 1792 1229<\/div><\/div>\n        <\/div>\n        <div class=\"con-item reveal d2\">\n          <div class=\"con-ico\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div>\n          <div><div class=\"con-label\">Showroom Hours<\/div><div class=\"con-val\">10:00am \u2013 6:00pm, daily<\/div><\/div>\n        <\/div>\n        <div class=\"con-item reveal d3\">\n          <div class=\"con-ico\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M17.657 16.657L13.414 20.9a2 2 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><circle cx=\"12\" cy=\"11\" r=\"3\"\/><\/svg><\/div>\n          <div><div class=\"con-label\">Location<\/div><div class=\"con-val\">THE ATAS Taman Desa, Kuala Lumpur<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"reveal d1\">\n      <div class=\"form\">\n        <div class=\"form-row\">\n          <div class=\"fg\"><label>Your Name<\/label><input type=\"text\" placeholder=\"e.g. Ahmad Razif\"\/><\/div>\n          <div class=\"fg\"><label>Mobile Number<\/label><input type=\"tel\" placeholder=\"+60 12-345 6789\"\/><\/div>\n        <\/div>\n        <div class=\"fg\"><label>Email Address<\/label><input type=\"email\" placeholder=\"your@email.com\"\/><\/div>\n        <div class=\"fg\">\n          <label>I'm Interested In<\/label>\n          <select>\n            <option value=\"\">Select a unit type...<\/option>\n            <option>Type A\/B \u2014 4 Bedrooms, 1,156 sq ft<\/option>\n            <option>Type C Dual Key \u2014 3+1 Bedrooms, 1,321 sq ft<\/option>\n            <option>Type D \u2014 5 Bedrooms, 1,518 sq ft<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"fg\"><label>Message (Optional)<\/label><textarea placeholder=\"Any questions, or tell us your preferred time to visit the showroom...\"><\/textarea><\/div>\n        <div class=\"form-btns\">\n          <a href=\"https:\/\/wa.link\/sefe56\" target=\"_blank\" class=\"btn-gold\" rel=\"noopener\">Send via WhatsApp<\/a>\n          <a href=\"https:\/\/wa.link\/5pav5q\" target=\"_blank\" class=\"btn-outline\" rel=\"noopener\">Check Loan Eligibility<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"ft-inner\">\n    <div class=\"ft-brand\">THE ATAS Taman Desa<\/div>\n    <div class=\"ft-links\">\n      <a href=\"#location\">Location<\/a>\n      <a href=\"#gallery\">Gallery<\/a>\n      <a href=\"#layouts\">Layouts<\/a>\n      <a href=\"#highlights\">Why ATAS<\/a>\n      <a href=\"#contact\">Contact<\/a>\n    <\/div>\n    <div class=\"ft-copy\">\u00a9 2026 THE ATAS &mdash; Maxim Global Berhad<\/div>\n  <\/div>\n<\/footer>\n<script>\nif(window.matchMedia('(pointer:fine)').matches){\n    const c=document.getElementById('cur'),r=document.getElementById('ring');\n    document.addEventListener('mousemove',e=>{\n      c.style.left=e.clientX+'px';c.style.top=e.clientY+'px';\n      setTimeout(()=>{r.style.left=e.clientX+'px';r.style.top=e.clientY+'px';},60);\n    });\n    document.querySelectorAll('a,button').forEach(el=>{\n      el.addEventListener('mouseenter',()=>{r.style.width='50px';r.style.height='50px';c.style.transform='translate(-50%,-50%) scale(.5)';});\n      el.addEventListener('mouseleave',()=>{r.style.width='32px';r.style.height='32px';c.style.transform='translate(-50%,-50%) scale(1)';});\n    });\n  }\n  window.addEventListener('scroll',()=>document.getElementById('nav').classList.toggle('scrolled',scrollY>50));\n  new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting)e.target.classList.add('in');}),{threshold:.1})\n    .observe && document.querySelectorAll('.reveal').forEach(r=>new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting)e.target.classList.add('in');}),{threshold:.1}).observe(r));\n  function switchTab(e,id){\n    document.querySelectorAll('.panel').forEach(p=>p.classList.remove('on'));\n    document.querySelectorAll('.tab').forEach(t=>t.classList.remove('on'));\n    document.getElementById(id).classList.add('on');\n    e.target.classList.add('on');\n  }\n  const ham=document.getElementById('ham'),mm=document.getElementById('mmenu');\n  ham.addEventListener('click',()=>mm.classList.toggle('open'));\n  function closeMob(){mm.classList.remove('open');}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-48cf00f6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"48cf00f6\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d261d08\" data-id=\"1d261d08\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1bfd8107 elementor-widget elementor-widget-html\" data-id=\"1bfd8107\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\n<style>\n.dsr-wrap{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:#fff;padding:60px 20px;max-width:640px;margin:0 auto;}\n.dsr-eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#B8913A;display:flex;align-items:center;gap:8px;margin-bottom:12px;}\n.dsr-eyebrow::before{content:'';width:24px;height:2px;background:#B8913A;display:block;}\n.dsr-title{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;color:#0F172A;line-height:1.15;margin-bottom:10px;letter-spacing:-.02em;}\n.dsr-title span{color:#B8913A;}\n.dsr-sub{font-size:.95rem;color:#64748B;line-height:1.7;margin-bottom:36px;max-width:500px;}\n.dsr-assumptions{background:#F8F9FC;border:1px solid #E2E8F0;border-radius:10px;padding:14px 18px;margin-bottom:28px;display:flex;flex-wrap:wrap;gap:10px 20px;}\n.dsr-assume-item{font-size:.75rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:5px;}\n.dsr-assume-item::before{content:'\u2713';color:#10B981;font-weight:800;}\n.dsr-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}\n@media(max-width:520px){.dsr-fields{grid-template-columns:1fr;}}\n.dsr-fg{display:flex;flex-direction:column;gap:6px;}\n.dsr-label{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#374151;}\n.dsr-input{background:#fff;border:1.5px solid #E2E8F0;border-radius:8px;padding:13px 14px 13px 40px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1rem;font-weight:500;color:#0F172A;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;-webkit-appearance:none;}\n.dsr-input:focus{border-color:#B8913A;box-shadow:0 0 0 3px rgba(184,145,58,.12);}\n.dsr-input-wrap{position:relative;}\n.dsr-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:.85rem;font-weight:700;color:#94A3B8;pointer-events:none;}\n.dsr-btn{width:100%;background:linear-gradient(135deg,#B8913A,#D4A832);color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:16px;border:none;border-radius:10px;cursor:pointer;transition:filter .2s,transform .2s;margin-bottom:4px;box-shadow:0 4px 20px rgba(184,145,58,.3);}\n.dsr-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}\n.dsr-btn:active{transform:translateY(0);}\n.dsr-reset{width:100%;background:none;border:1.5px solid #E2E8F0;color:#64748B;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:.8rem;font-weight:600;padding:10px;border-radius:8px;cursor:pointer;transition:border-color .2s,color .2s;}\n.dsr-reset:hover{border-color:#94A3B8;color:#374151;}\n.dsr-result{display:none;background:linear-gradient(135deg,#0B1426 0%,#172444 100%);border-radius:14px;padding:28px;margin-top:24px;position:relative;overflow:hidden;}\n.dsr-result::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(184,145,58,.15),transparent 70%);pointer-events:none;}\n.dsr-result.show{display:block;animation:slideup .35s ease;}\n@keyframes slideup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}\n.dsr-result-title{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:20px;}\n.dsr-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden;margin-bottom:20px;}\n@media(max-width:420px){.dsr-result-grid{grid-template-columns:1fr;}}\n.dsr-result-item{background:#0F1E38;padding:18px 16px;}\n.dsr-result-item-label{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:6px;}\n.dsr-result-item-val{font-size:1.55rem;font-weight:800;color:#F0C84A;line-height:1.1;}\n.dsr-result-item-sub{font-size:.72rem;color:rgba(255,255,255,.4);margin-top:3px;}\n.dsr-result-note{font-size:.78rem;color:rgba(255,255,255,.5);line-height:1.7;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;}\n.dsr-result-note strong{color:rgba(255,255,255,.8);}\n.dsr-result-cta{display:block;text-align:center;background:linear-gradient(135deg,#B8913A,#D4A832);color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px;border-radius:8px;text-decoration:none;margin-top:16px;transition:filter .2s;}\n.dsr-result-cta:hover{filter:brightness(1.08);}\n.dsr-error{background:#FFF1F2;border:1px solid #FECDD3;border-radius:8px;padding:12px 16px;margin-top:16px;font-size:.85rem;font-weight:600;color:#BE123C;display:none;}\n.dsr-error.show{display:block;}\n<\/style>\n\n<div class=\"dsr-wrap\">\n  <div class=\"dsr-eyebrow\">Loan Eligibility Calculator<\/div>\n  <div class=\"dsr-title\">How Much Can You <span>Borrow?<\/span><\/div>\n  <div class=\"dsr-sub\">Estimate your maximum property loan amount in seconds. Based on Malaysia Bank Negara's Debt Service Ratio (DSR) guidelines.<\/div>\n\n  <div class=\"dsr-assumptions\">\n    <div class=\"dsr-assume-item\">Private Employment<\/div>\n    <div class=\"dsr-assume-item\">DSR Cap: 80%<\/div>\n    <div class=\"dsr-assume-item\">Interest Rate: 4% p.a.<\/div>\n    <div class=\"dsr-assume-item\">Loan Tenure: 35 Years<\/div>\n  <\/div>\n\n  <div class=\"dsr-fields\">\n    <div class=\"dsr-fg\">\n      <label class=\"dsr-label\">Gross Monthly Salary<\/label>\n      <div class=\"dsr-input-wrap\">\n        <span class=\"dsr-prefix\">RM<\/span>\n        <input class=\"dsr-input\" id=\"dsr-salary\" type=\"number\" min=\"0\" inputmode=\"decimal\" placeholder=\"e.g. 5000\"\/>\n      <\/div>\n    <\/div>\n    <div class=\"dsr-fg\">\n      <label class=\"dsr-label\">Monthly Commitments<\/label>\n      <div class=\"dsr-input-wrap\">\n        <span class=\"dsr-prefix\">RM<\/span>\n        <input class=\"dsr-input\" id=\"dsr-commit\" type=\"number\" min=\"0\" inputmode=\"decimal\" placeholder=\"e.g. 500\"\/>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <button class=\"dsr-btn\" onclick=\"calcDSR()\">Calculate My Loan Eligibility<\/button>\n  <button class=\"dsr-reset\" onclick=\"resetDSR()\">Reset<\/button>\n\n  <div class=\"dsr-error\" id=\"dsr-error\">\u26a0 Please enter a valid gross salary greater than RM 0.<\/div>\n\n  <div class=\"dsr-result\" id=\"dsr-result\">\n    <div class=\"dsr-result-title\">Your Estimated Results<\/div>\n    <div class=\"dsr-result-grid\">\n      <div class=\"dsr-result-item\">\n        <div class=\"dsr-result-item-label\">Max Monthly Repayment<\/div>\n        <div class=\"dsr-result-item-val\" id=\"res-repay\">\u2014<\/div>\n        <div class=\"dsr-result-item-sub\">per month<\/div>\n      <\/div>\n      <div class=\"dsr-result-item\">\n        <div class=\"dsr-result-item-label\">Estimated Loan Amount<\/div>\n        <div class=\"dsr-result-item-val\" id=\"res-loan\">\u2014<\/div>\n        <div class=\"dsr-result-item-sub\">maximum eligible<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"dsr-result-note\">\n      <strong>How this is calculated:<\/strong> Your available repayment = (Gross Salary \u00d7 80%) \u2212 Monthly Commitments. Loan amount uses standard approximation: RM1 monthly repayment \u2248 RM200 loan (4% p.a., 35 years). <br\/><br\/>This is an <strong>estimate only<\/strong> \u2014 actual bank approval depends on your full credit profile, employment history, and property valuation.\n    <\/div>\n    <a href=\"https:\/\/wa.link\/hg13x5\" target=\"_blank\" class=\"dsr-result-cta\" rel=\"noopener\">Check My Full Loan Eligibility \u2192 Talk to Jason Chan<\/a>\n  <\/div>\n<\/div>\n\n<script>\nfunction fmt(n){return'RM '+n.toLocaleString('en-MY',{minimumFractionDigits:0,maximumFractionDigits:0});}\nfunction calcDSR(){\n  var sal=parseFloat(document.getElementById('dsr-salary').value)||0;\n  var com=parseFloat(document.getElementById('dsr-commit').value)||0;\n  var err=document.getElementById('dsr-error');\n  var res=document.getElementById('dsr-result');\n  err.classList.remove('show');\n  res.classList.remove('show');\n  if(sal<=0){err.classList.add('show');return;}\n  var avail=Math.max(0,(sal*0.8)-com);\n  var loan=Math.round(avail*200);\n  document.getElementById('res-repay').textContent=fmt(Math.round(avail));\n  document.getElementById('res-loan').textContent=fmt(loan);\n  res.classList.add('show');\n  res.scrollIntoView({behavior:'smooth',block:'nearest'});\n}\nfunction resetDSR(){\n  document.getElementById('dsr-salary').value='';\n  document.getElementById('dsr-commit').value='';\n  document.getElementById('dsr-error').classList.remove('show');\n  document.getElementById('dsr-result').classList.remove('show');\n}\ndocument.getElementById('dsr-salary').addEventListener('keydown',function(e){if(e.key==='Enter')calcDSR();});\ndocument.getElementById('dsr-commit').addEventListener('keydown',function(e){if(e.key==='Enter')calcDSR();});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>6011 1792 1229 WhatsApp Us THE ATAS Location Master Plan Gallery Layouts Why ATAS Get Brochure Location Master Plan Gallery [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":237,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"_links":{"self":[{"href":"https:\/\/tamandesa.dms-team.com\/index.php\/wp-json\/wp\/v2\/pages\/56"}],"collection":[{"href":"https:\/\/tamandesa.dms-team.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tamandesa.dms-team.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tamandesa.dms-team.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tamandesa.dms-team.com\/index.php\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":191,"href":"https:\/\/tamandesa.dms-team.com\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":408,"href":"https:\/\/tamandesa.dms-team.com\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions\/408"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tamandesa.dms-team.com\/index.php\/wp-json\/wp\/v2\/media\/237"}],"wp:attachment":[{"href":"https:\/\/tamandesa.dms-team.com\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}