/* Official Citi Harta Tanah palette; final semantic colour layer. */
:root{
 --brand-blue:#547DBD;--brand-green:#2FAA50;--brand-red:#CE4845;
 --brand-sage:#788981;--brand-brown:#754D4B;--brand-black:#000000;
 --brand-white:#FFFFFF;--brand-offwhite:#F7F8F6;
 --blue:var(--brand-blue);--ink:var(--brand-black);--paper:var(--brand-white);
 --muted:var(--brand-brown);--line:#78898133;--lime:var(--brand-offwhite);--white:var(--brand-white)
}
body{background:var(--brand-white);color:var(--brand-black)}
body :is(h1,h2,h3,h4),body :is(h1,h2,h3,h4) em,.brand-hero h1>span,.cg-hero h1 em{color:var(--brand-black)}
body :is(.eyebrow,.section-kicker,.hero-accent){color:var(--brand-brown)}
body :is(.text-link,.source-link,.brand-contact,.brand-building a){color:var(--brand-brown)}
body :is(.btn,.btn.lime,.search-submit){background:var(--brand-blue);border-color:var(--brand-blue);color:var(--brand-white);box-shadow:none}
body :is(.btn,.btn.lime,.search-submit):hover{background:var(--brand-brown);border-color:var(--brand-brown);color:var(--brand-white)}
body .btn.outline{background:transparent;border-color:var(--brand-sage);color:var(--brand-black)}body .btn.outline:hover{background:var(--brand-offwhite);border-color:var(--brand-black);color:var(--brand-black)}
body :is(.brand-hero,.home-selling,.home-about,.intro,.cg-hero,.cg-process,.menu-aside){background:var(--brand-offwhite)}
body :is(.journey-card,.journey-card:nth-child(2),.journey-card:nth-child(3)){background:var(--brand-white);border-color:var(--line)}body .journey-card:hover{background:var(--brand-offwhite)}
body :is(.journey-icon,.service-point>span,.about-checks li:before){background:var(--brand-offwhite);color:var(--brand-green);border-color:var(--line)}
body :is(.footer,.nav-shell){background:var(--brand-white)}body .footer-brand,body .footer h4{color:var(--brand-black)}body .footer-brand{font-family:var(--font-site)}body .footer-brand small{color:var(--brand-brown)}
body .nav-shell{border-color:var(--line);box-shadow:0 8px 24px #00000006}body .nav-shell .nav{border-color:var(--line);box-shadow:0 4px 16px #00000008;background:var(--brand-white)}
body .nav-shell .nav-links>a.active:not(.nav-guide):after{background:var(--brand-blue)}body .nav-shell .nav-links>a:hover{color:var(--brand-brown)}
body .nav-shell .nav-actions>.btn{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--brand-white)}
body .nav-shell .nav-links>a.nav-guide,body .mobile-guide-link{background:var(--brand-red);border-color:var(--brand-red);color:var(--brand-white);box-shadow:none}
body .nav-shell .nav-links>a.nav-guide:hover,body .mobile-guide-link:hover{background:var(--brand-brown);border-color:var(--brand-brown);color:var(--brand-white)}
body .nav-shell .nav-links>a.nav-guide.active{border-color:var(--brand-brown)}
body .menu-links .menu-primary>a.menu-guide{background:var(--brand-red);border-color:var(--brand-red);color:var(--brand-white)}body .menu-links .menu-primary>a.menu-guide .menu-arrow{color:var(--brand-white)}body .menu-links .menu-primary>a.menu-guide:hover{background:var(--brand-brown)}
body .menu-aside .menu-cta{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--brand-white)}body .menu-aside .menu-cta:hover{background:var(--brand-brown);color:var(--brand-white)}
body .menu-toggle,body .nav-shell .menu-toggle{color:var(--brand-black);background:var(--brand-white);border-color:var(--line)}body .menu-toggle:hover{background:var(--brand-offwhite)}
body .property-card{border-color:var(--line);box-shadow:0 6px 20px #00000005}body .property-card:hover{border-color:var(--brand-sage);box-shadow:0 18px 36px #00000012}
body .property-card .card-price{color:var(--brand-black);border-color:var(--line)}body .property-card :is(.card-price small,.card-location,.card-specs){color:var(--brand-brown)}
body .property-card .card-cashback{background:var(--brand-blue);border-color:var(--brand-blue);box-shadow:none;color:var(--brand-white)}body .property-card .card-cashback>span,body .property-card .card-cashback>strong{color:var(--brand-white)}
body .property-card .card-cashback>a{background:var(--brand-white);color:var(--brand-black);border-color:var(--brand-white)}body .property-card .card-cashback>a:hover{background:var(--brand-offwhite)}
body .property-card .card-cashback>a:focus-visible{outline-color:var(--brand-white)}body .save-btn[aria-pressed=true]{background:var(--brand-red);color:var(--brand-white)}
body .cashback-box{background:var(--brand-offwhite);border-left:4px solid var(--brand-green)}body .cashback-box strong{color:var(--brand-black)}
body .contact-banner{background:var(--brand-offwhite);border:1px solid var(--line)}body .contact-banner h2{color:var(--brand-black)}body .contact-banner p{color:var(--brand-brown)}
body .contact-banner .btn{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--brand-white)}body .contact-banner .btn:hover{background:var(--brand-brown);border-color:var(--brand-brown);color:var(--brand-white)}
body .wa-float{background:var(--brand-blue);color:var(--brand-white);box-shadow:0 6px 20px #00000015}body .wa-float span{background:var(--brand-white);border:1px solid var(--brand-white)}
body :is(input,select,textarea){border-color:var(--line)}body :is(.filters input,.filters select,.home-advanced select,.search-main input){background:var(--brand-offwhite)}body :is(.field label,.fine-print,.breadcrumbs){color:var(--brand-brown)}
body :is(.property-tabs button[aria-pressed=true],.toggle-filter[aria-pressed=true]){background:var(--brand-blue);border-color:var(--brand-blue);color:var(--brand-white)}body .search-tabs button[aria-selected=true]{background:var(--brand-offwhite);color:var(--brand-black)}
/* The explainer uses neutral sections, with brand accents on the figures. */
.cashback-guide{--cg-blue:var(--brand-blue);--cg-lime:var(--brand-green);--cg-navy:var(--brand-offwhite)}
.cashback-guide .cg-numbers{background:var(--brand-offwhite);color:var(--brand-black)}.cashback-guide .cg-numbers :is(h2,h3){color:var(--brand-black)}.cashback-guide .cg-numbers p{color:var(--brand-brown)}
.cashback-guide :is(.cg-numbers .eyebrow,.cg-final .eyebrow){color:var(--brand-brown)}.cashback-guide :is(.cg-numbers .eyebrow:before,.cg-final .eyebrow:before){background:var(--brand-blue)}
.cashback-guide .cg-example-context{background:var(--brand-white);border:1px solid var(--line)}.cashback-guide .cg-loan-assumptions dt{color:var(--brand-brown)}.cashback-guide .cg-loan-assumptions dl>div{border-color:var(--line)}
.cashback-guide :is(.cg-figure,.cg-rental,.cg-basics-visual){border:1px solid var(--line);background:var(--brand-white)}.cashback-guide .cg-figure>div>span{color:var(--brand-brown)}.cashback-guide .cg-figure strong{color:var(--brand-black)}
.cashback-guide .cg-payment{border-left:4px solid var(--brand-blue);background:var(--brand-white)}.cashback-guide .cg-note{background:var(--brand-offwhite);border-left-color:var(--brand-green)}.cashback-guide .cg-note p{color:var(--brand-brown)}
.cashback-guide .cg-number{color:var(--brand-brown);border-color:var(--line);background:var(--brand-white)}.cashback-guide .cg-visual-heading{background:var(--brand-offwhite)}.cashback-guide :is(.cg-check,.cg-check:nth-child(2),.cg-check:nth-child(3),.cg-check:nth-child(4)){background:var(--brand-white);border-color:var(--line)}
.cashback-guide .cg-check-label,.cashback-guide .cg-tag{color:var(--brand-brown)}.cashback-guide .cg-rent-math .cg-shortfall{background:var(--brand-offwhite);border-left:4px solid var(--brand-red);color:var(--brand-brown)}
.cashback-guide .cg-final .cg-final-actions .btn{background:var(--brand-blue);color:var(--brand-white);border-color:var(--brand-blue)}.cashback-guide .cg-final .cg-final-actions .btn.outline{background:transparent;color:var(--brand-black);border-color:var(--brand-sage)}
.cashback-guide .cg-hero-image figcaption{color:var(--brand-white)}.cashback-guide .cg-hero-image figcaption>span{color:var(--brand-white)}
body :focus-visible{outline-color:var(--brand-brown)}::selection{background:var(--brand-blue);color:var(--brand-white)}

/* Investment programme has equal priority alongside the cashback guide. */
body .nav-shell .nav-links>a.nav-invest{background:var(--brand-blue);border:1px solid var(--brand-blue);color:#fff;border-radius:11px;padding:13px 16px;white-space:nowrap}
body .nav-shell .nav-links>a.nav-invest:hover{background:var(--brand-brown);border-color:var(--brand-brown);color:#fff}body .nav-shell .nav-links>a.nav-invest.active:after{display:none}
body .menu-links .menu-primary>a.menu-invest{background:var(--brand-blue);border:1px solid var(--brand-blue);color:#fff;border-radius:12px;padding:16px;margin:8px 0}body .menu-links .menu-primary>a.menu-invest .menu-arrow{color:#fff}body .menu-links .menu-primary>a.menu-invest:hover{background:var(--brand-brown)}
.mobile-priority-links{display:none}
@media(min-width:1051px) and (max-width:1400px){body .nav-shell .nav-actions>.btn{display:none}body .nav-shell .nav-links{gap:15px}body .nav-shell .nav-links>a{font-size:12px}body .nav-shell .nav{gap:18px;padding:0 18px}}
@media(max-width:1050px){.mobile-priority-links{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin:8px auto 0;max-width:1360px}body .mobile-priority-links>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin:0;padding:11px 14px;border-radius:11px;font-size:12px;font-weight:800;line-height:1.4}body .mobile-priority-links .mobile-invest-link{background:var(--brand-blue);color:#fff;border:1px solid var(--brand-blue)}body .mobile-priority-links .mobile-invest-link:hover{background:var(--brand-brown)}body .mobile-priority-links .mobile-guide-link>span{font-size:12px;font-weight:800}}
@media(max-width:600px){.mobile-priority-links{gap:6px;margin-top:6px}body .mobile-priority-links>a{padding:10px;font-size:11px}body .mobile-priority-links .mobile-guide-link>span{font-size:11px}body .menu-links .menu-primary>a.menu-invest{padding:14px;font-size:clamp(20px,5.7vw,28px)}}

/* Dark corporate footer. */
body .footer{background:var(--brand-black);color:var(--brand-white);border-top:1px solid #78898166}
body .footer :is(h4,p,a,.footer-brand){color:var(--brand-white)}
body .footer .footer-brand small{color:#FFFFFFB8}
body .footer .footer-bottom{color:#FFFFFFCC;border-top-color:#FFFFFF30}
body .footer .footer-disclaimer{color:#FFFFFFB8}
body .footer a:hover{color:var(--brand-white);text-decoration:underline;text-underline-offset:5px}
body .footer a:focus-visible{outline-color:var(--brand-white)}
/* Invest with Us uses Growth Green wherever it is promoted in navigation. */
body .nav-shell .nav-links>a.nav-invest,
body .menu-links .menu-primary>a.menu-invest,
body .mobile-priority-links .mobile-invest-link{background:var(--brand-green);border-color:var(--brand-green);color:var(--brand-white)}
body .nav-shell .nav-links>a.nav-invest:hover,
body .menu-links .menu-primary>a.menu-invest:hover,
body .mobile-priority-links .mobile-invest-link:hover{background:var(--brand-green);border-color:var(--brand-green);color:var(--brand-white);box-shadow:inset 0 0 0 2px #FFFFFF80}
body .menu-links .menu-primary>a.menu-invest .menu-arrow{color:var(--brand-white)}
/* One navigation destination per row on small screens; no split secondary columns. */
@media(max-width:700px){
 body .menu-secondary{display:flex;flex-direction:column;gap:0;margin-top:18px}
 body .menu-secondary>a{display:flex;width:100%;min-height:52px;padding:14px 0;font-size:15px;gap:16px}
 body .menu-links a .menu-label{white-space:nowrap;min-width:0;overflow-wrap:normal;word-break:normal}
 body .menu-links a .menu-arrow{flex:0 0 24px;text-align:right;margin:0;font-size:20px}
 body .menu-primary>a{font-size:clamp(17px,4.7vw,25px);gap:12px}
 body .menu-links .menu-primary>a.menu-guide,
 body .menu-links .menu-primary>a.menu-invest{font-size:clamp(17px,4.7vw,25px);padding:14px 12px;gap:10px}
}
@media(max-width:360px){
 body .menu-sheet{padding-left:20px;padding-right:20px}
 body .menu-primary>a,
 body .menu-links .menu-primary>a.menu-guide,
 body .menu-links .menu-primary>a.menu-invest{font-size:16px;letter-spacing:-.035em}
 body .menu-secondary>a{font-size:14px}
}

/* Keep all navigation controls within one shared header frame. */
body .nav-shell .nav-card{width:100%;max-width:1360px;margin:0 auto;border:1px solid var(--line);border-radius:18px;background:var(--brand-white);box-shadow:0 4px 16px #00000008}
body .nav-shell .nav{border:0;box-shadow:none;background:transparent;min-width:0}.nav-card .nav-links{min-width:0}.nav-card .logo{flex-shrink:0}
@media(max-width:1050px){body .nav-shell .mobile-priority-links{margin:0;padding:0 18px 14px;max-width:none;width:100%;box-sizing:border-box}.nav-card .nav-actions{margin-left:auto}}
@media(max-width:600px){body .nav-shell .nav-card{border-radius:14px}body .nav-shell .mobile-priority-links{padding:0 12px 12px;gap:6px}body .nav-shell .mobile-priority-links>a{min-width:0;padding:10px 9px}body .nav-shell .logo img{max-width:calc(100vw - 125px)}}

/* Transparent sticky header surround, with legible glass navigation. */
body .nav-shell{position:sticky;top:0;z-index:60;background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding-top:0}
body .nav-shell .nav-card{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:0;border-radius:0 0 18px 18px}
body .brand-actions .brand-about-btn{background:#fff;color:var(--brand-blue);border:1px solid var(--brand-blue);border-radius:12px;min-height:52px;padding:14px 22px;font-size:16px;box-shadow:none}
body .brand-actions .brand-about-btn:hover{background:var(--brand-blue);color:#fff}
.wa-widget{position:fixed;right:24px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:stretch;background:#25D366;color:#fff;border-radius:11px;box-shadow:0 4px 16px #00000018;height:46px}
.wa-primary{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#fff;font-family:var(--font-site);font-size:13px;line-height:20px;font-weight:700;border-radius:11px 0 0 11px;box-sizing:border-box;height:46px}.wa-primary svg{width:20px;height:20px;flex-shrink:0}.wa-primary:hover{background:#128C7E}.wa-team{position:relative;border-left:1px solid #ffffff70}.wa-team summary{list-style:none;display:grid;place-items:center;cursor:pointer;width:44px;height:100%;min-height:46px;font-size:20px;color:#fff;border-radius:0 11px 11px 0}.wa-team summary::-webkit-details-marker{display:none}.wa-team summary:hover{background:#128C7E}.wa-team[open] summary{background:#128C7E}.wa-team-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:300px;max-width:calc(100vw - 32px);padding:20px;background:white;color:#000;border:1px solid #e1e6e3;border-radius:18px;box-shadow:0 12px 40px #00000020}.wa-team-panel>strong{display:block;font-size:18px;margin-bottom:10px}.wa-team-panel>a{display:flex;flex-direction:column;gap:3px;padding:12px 0;font-size:16px;font-weight:750;border-top:1px solid #edf0ee}.wa-team-panel>a>span{font-size:14px;color:#128C7E;font-weight:600}.wa-team-panel>a:hover{color:#128C7E}
.contact-office{margin:0 0 30px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--brand-offwhite)}.contact-office img{width:100%;height:auto;max-height:460px;object-fit:contain;background:#e9f0f5}.contact-office figcaption{padding:14px 18px;font-size:15px;font-weight:700;color:var(--brand-black)}
@media(max-width:600px){body .nav-shell{padding-top:0}body .nav-shell .nav-card{border-radius:0 0 14px 14px}.wa-widget{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.wa-primary{font-size:13px;padding:12px 16px}.wa-primary svg{width:20px;height:20px}.wa-team summary{width:44px}.contact-office img{max-height:none}.brand-actions .btn{flex:1;white-space:nowrap}}

/* Footer designer credit. */
body .footer .designer-credit{margin:20px 0 0;text-align:left;font-size:13px;line-height:1.6;color:#fff}body .footer .designer-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}body .footer .designer-credit a:hover{opacity:.8}