/* Brand reference: document/brand guideline web chu dau tu.
   Appearance only: existing layouts, content and interactions remain in place. */
@font-face{font-family:"Livvic";src:url("assets/font/owner-livvic-600-normal.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Livvic";src:url("assets/font/owner-livvic-600-italic.ttf") format("truetype");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/font/owner-montserrat-400-normal.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/font/owner-montserrat-600-normal.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/font/owner-montserrat-400-italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
:root{--brand-navy:#1D1E44;--brand-blue:#247FFF;--brand-blue-ink:#0759CF;--brand-pink:#FF6FA5;--brand-pink-ink:#B72861;--brand-green:#7AD669;--brand-green-ink:#278246;--brand-orange:#FF9655;--brand-yellow:#FFD677;--brand-violet:#8184FF;--brand-ice:#EEF1F7;--deep:var(--brand-navy);--ink:#313131;--muted:#313131;--stone:var(--brand-ice);--ivory:#fff;--gold:var(--brand-yellow);--orange:var(--brand-orange);--teal:var(--brand-green);--line:#1d1e4429}
body{font-family:Montserrat,Arial,sans-serif;color:#313131;font-weight:400}
h1,h2,h3,h4,.brand{font-family:Livvic,Arial,sans-serif;font-weight:600;letter-spacing:0}
button,input,select,.button{font-family:Montserrat,Arial,sans-serif}
strong,b{font-weight:600}
header,footer{background:var(--brand-navy)}
nav a:hover{color:var(--brand-green);text-decoration-color:var(--brand-green);text-decoration-thickness:2px;text-underline-offset:7px}
header .header-call{color:var(--brand-green)}
.brand-dot{color:var(--brand-green)}
.hero.hero-residence h1 em{font-family:Livvic,Arial,sans-serif;font-weight:600;font-style:italic;color:var(--brand-green)}
.hero-residence .hero-project>span{color:var(--brand-green)}
.hero-residence .hero-story>.eyebrow:before{background:var(--brand-green)}
.hero.hero-residence .hero-inquiry{background:#fff;border-color:#1d1e4429;border-radius:8px}
.hero-residence .hero-form-mark{color:var(--brand-blue-ink)}
.hero-residence .hero-form-benefits span{color:var(--brand-green-ink)}
.lead-form input,.lead-form select,.hero-residence .hero-inquiry input,.hero-residence .hero-inquiry select{border-color:var(--brand-navy);border-radius:2px;background:#fff;color:var(--brand-navy);font-family:Montserrat,Arial,sans-serif}
.lead-form input:focus,.lead-form select:focus{border-color:var(--brand-blue);outline-color:var(--brand-blue)}
body .button,#overview .overview-footer .button,#location .location-footer .button,#layouts .plan-footer .button,#amenities .amenity-footer .button,#products .residences-finish .button,#pricing .button,#pricing .pricing-conversion .button,#progress .progress-footer .button,.hero.hero-residence .button,.hero.hero-residence .hero-inquiry .button{font-family:Montserrat,Arial,sans-serif;font-weight:600;border-radius:999px;background:var(--brand-navy);color:#fff;box-shadow:none}
.hero.hero-residence .hero-actions .button,#location .location-footer .button,#pricing .pricing-offer .button{background:var(--brand-yellow);color:var(--brand-navy)}
body .button:hover,#overview .overview-footer .button:hover,#location .location-footer .button:hover,#layouts .plan-footer .button:hover,#amenities .amenity-footer .button:hover,#products .residences-finish .button:hover,#pricing .button:hover,#pricing .pricing-conversion .button:hover,#progress .progress-footer .button:hover,.hero.hero-residence .button:hover,.hero.hero-residence .hero-inquiry .button:hover{background:var(--brand-blue-ink);color:#fff}
#overview{background:#fff}#overview h2 span,#overview .overview-metrics strong{color:var(--brand-blue-ink)}
#overview .overview-launch{background:var(--brand-navy)}#overview .overview-tower h3,#overview .overview-launch-stats dd{color:var(--brand-green)}
#overview .overview-slide-controls button[aria-current=true]{background:var(--brand-pink);color:var(--brand-navy);border-color:var(--brand-pink)}
#location{background:var(--brand-navy)}#location h2 span,#location .journey-time strong{color:var(--brand-yellow)}
#layouts{background:var(--brand-ice)}#layouts h2 span,#layouts .plan-stats strong{color:var(--brand-blue-ink)}
#layouts .plan-gallery,#layouts .plan-canvas{background:#fff}
#amenities{background:#fff}#amenities h2 span,#amenities .amenity-kicker,#amenities .amenity-tab-number{color:var(--brand-green-ink)}
#amenities .amenity-map-link{background:var(--brand-green)}#amenities .amenity-map-link p,#amenities .amenity-map-link p>span,#amenities .amenity-map-link button{color:var(--brand-navy)}
#amenities .amenity-destination-grid>div:nth-child(1){background:var(--brand-pink)}#amenities .amenity-destination-grid>div:nth-child(2){background:var(--brand-yellow)}#amenities .amenity-destination-grid>div:nth-child(3){background:var(--brand-green)}#amenities .amenity-destination-grid>div:nth-child(4){background:var(--brand-violet)}#amenities .amenity-destination-grid span{color:var(--brand-navy)}
#layouts .tabs button,#amenities .tabs button{font-family:Livvic,Arial,sans-serif;font-weight:600}
#layouts .tabs button[aria-selected=true],#amenities .tabs button[aria-selected=true]{background:var(--brand-pink);border-bottom-color:var(--brand-pink-ink);color:var(--brand-navy)}
#layouts .tabs button[aria-selected=true] span,#amenities .tabs button[aria-selected=true] span{color:var(--brand-navy)}
#layouts .tabs button:hover,#amenities .tabs button:hover{background:var(--brand-ice)}
#products{background:var(--brand-ice)}#products h2 span,#products .area{color:var(--brand-pink-ink)}#products .signature{background:var(--brand-navy)}#products .signature-area{color:var(--brand-pink)}
#pricing{background:var(--brand-navy)}#pricing h2 span,#pricing .pricing-entry,#pricing .pricing-methods strong{color:var(--brand-green)}#pricing .pricing-cards .pricing-amount{color:var(--brand-blue-ink)}#pricing .pricing-conversion{background:var(--brand-yellow)}
#progress{background:#fff}#progress .progress-roadmap{background:var(--brand-ice)}#progress .milestone-value,#progress .legal-document-index{color:var(--brand-blue-ink)}#progress .milestone-index{border-color:var(--brand-ice)}#progress .legal-reference{color:var(--brand-blue-ink);background:var(--brand-ice);border-color:#1d1e4429}
.register{background:var(--brand-yellow);color:var(--brand-navy)}.register h2,.register .eyebrow,.register .intro,.register .hero-call b{color:var(--brand-navy)}.register .lead-form{background:#fff;border-radius:8px}
.faq-list details[open] summary{color:var(--brand-pink-ink)}
#plan-viewer{background:var(--brand-ice);border-color:#1d1e4429}#plan-viewer::backdrop,dialog::backdrop{background:#1d1e44e6}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--brand-pink);outline-offset:4px}
.mobile-bar a:last-child{background:var(--brand-navy);color:#fff;border-color:var(--brand-navy)}