:root{--navy:#07182b;--navy-2:#0b2038;--gold:#d8a94b;--gold-light:#f1d28d;--cream:#f4f0e7;--white:#fff;--ink:#0b1724;--muted:#66717d;--line:rgba(9,25,42,.14);--pad:clamp(22px,5vw,76px)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
img{display:block;max-width:100%}
.site-header{height:86px;padding:0 var(--pad);display:flex;align-items:center;position:absolute;inset:0 0 auto;z-index:10;color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}
.brand{display:flex;align-items:center;gap:12px;min-width:185px}
.brand>span:last-child{display:flex;flex-direction:column;line-height:1}
.brand strong{text-transform:uppercase;letter-spacing:.17em;font-family:Manrope,sans-serif;font-size:14px}
.brand small{text-transform:uppercase;letter-spacing:.34em;color:var(--gold-light);font-size:9px;margin-top:6px}
.brand-mark{width:36px;height:38px;display:flex;gap:3px;align-items:flex-end;justify-content:center;border:1px solid rgba(216,169,75,.65);border-radius:50% 50% 46% 46%;padding:8px}
.brand-mark i{display:block;width:4px;background:var(--gold);transform:skewY(-25deg)}
.brand-mark i:nth-child(1){height:10px}
.brand-mark i:nth-child(2){height:18px}
.brand-mark i:nth-child(3){height:14px}
.main-nav{display:flex;gap:clamp(22px,3vw,48px);margin:auto}
.main-nav a{font-size:13px;letter-spacing:.04em;position:relative}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--gold);transition:.3s}
.main-nav a:hover:after{right:0}
.header-call{padding-left:28px;border-left:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}
.header-call span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#c6ced7}
.header-call strong{font-size:14px;margin-top:4px}
.menu-toggle{display:none;background:none;border:0;color:white;width:40px}
.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px}
.hero{height:max(760px,100vh);min-height:680px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}
.hero-image{position:absolute;inset:0;background-color:#07182b;background-image:url("assets/armaan-heights-building.jpeg");background-position:right bottom;background-size:46.52% 100%;background-repeat:no-repeat}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,30,.98) 0%,rgba(4,16,30,.88) 38%,rgba(4,16,30,.25) 68%,rgba(4,16,30,.14)),linear-gradient(0deg,rgba(4,16,30,.6),transparent 45%)}
.hero-content{position:relative;z-index:2;width:min(690px,58vw);margin-left:var(--pad);padding-top:80px}
.eyebrow{font:600 11px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.2em;display:flex;align-items:center;gap:12px;color:var(--gold-light)}
.eyebrow span{width:32px;height:1px;background:currentColor}
.eyebrow.dark{color:#9a7127}
.hero h1,.section h2{font:500 clamp(50px,6.5vw,96px)/.96 Manrope,sans-serif;letter-spacing:-.065em;margin:24px 0}
.hero h1 em,.section h2 em{font-weight:400;color:var(--gold);font-style:normal}
.hero-content>p{font-size:clamp(15px,1.3vw,18px);line-height:1.75;color:#d8dee5;max-width:600px}
.hero-actions{display:flex;gap:12px;margin-top:34px}
.btn{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:0;cursor:pointer;font-weight:700;font-size:13px;transition:transform .25s,background .25s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:#091728}
.btn-gold:hover{background:#e7bd68}
.btn-ghost{border:1px solid rgba(255,255,255,.4)}
.btn-dark{background:var(--navy);color:white;width:100%}
.hero-facts{display:flex;gap:0;margin-top:50px;border-top:1px solid rgba(255,255,255,.2);padding-top:24px}
.hero-facts div{padding-right:clamp(20px,3vw,46px);margin-right:clamp(20px,3vw,46px);border-right:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column}
.hero-facts div:last-child{border:0}
.hero-facts strong{font:600 clamp(18px,2vw,27px) Manrope}
.hero-facts span{font-size:10px;color:#aeb9c5;margin-top:7px;text-transform:uppercase;letter-spacing:.1em}
.offer-card{position:absolute;z-index:3;right:var(--pad);bottom:90px;width:270px;background:rgba(5,22,39,.9);border:1px solid rgba(216,169,75,.6);backdrop-filter:blur(16px);padding:23px}
.offer-card>span{display:block;color:var(--gold-light);font-size:9px;text-transform:uppercase;letter-spacing:.19em;margin-bottom:20px}
.offer-card small{font-size:11px;text-transform:uppercase;color:#d6dce1}
.offer-card strong{font:700 48px Manrope;display:block;letter-spacing:-.07em;margin:4px 0 18px}
.offer-card sup{font-size:22px;vertical-align:16px}
.offer-card sub{font:500 10px DM Sans;letter-spacing:.02em;color:#b9c2ca}
.offer-card a{border-top:1px solid rgba(255,255,255,.18);padding-top:15px;display:flex;justify-content:space-between;color:#fff;font-size:12px}
.scroll-cue{position:absolute;z-index:3;left:var(--pad);bottom:26px;display:flex;align-items:center;gap:13px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#aeb7c0}
.scroll-cue i{font-style:normal;color:var(--gold);font-size:18px}
.trust-strip{min-height:118px;background:white;padding:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.trust-strip>div{display:flex;align-items:center;gap:16px;border-right:1px solid var(--line);padding-left:clamp(10px,2vw,34px)}
.trust-strip>div:first-child{padding-left:0}
.trust-strip>div:last-child{border:0}
.line-icon{width:39px;height:39px;border:1px solid #c9a252;border-radius:50%;display:grid;place-items:center;font:600 16px Manrope;color:#9b7227}
.trust-strip p{display:flex;flex-direction:column;margin:0}
.trust-strip strong{font:600 13px Manrope}
.trust-strip small{font-size:10px;color:#7b858e;margin-top:5px}
.section{padding:110px var(--pad)}
.section-kicker{font:600 9px Manrope;text-transform:uppercase;letter-spacing:.2em;color:#9a7127;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:62px}
.section-kicker.light{color:var(--gold-light);border-color:rgba(255,255,255,.14)}
.overview-copy{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}
.section h2{font-size:clamp(42px,5.1vw,76px);margin:20px 0 0}
.body-copy{color:#596570;line-height:1.8;font-size:15px;max-width:500px}
.text-link{display:inline-flex;gap:18px;border-bottom:1px solid #b99a5d;padding-bottom:7px;margin-top:20px;color:#17304b;font-size:12px;font-weight:700}
.visual-grid{display:grid;grid-template-columns:1.8fr .75fr .75fr;margin-top:70px;min-height:510px}
.tower-card{margin:0;position:relative;overflow:hidden;background:#17283b}
.tower-card img{width:100%;height:100%;object-fit:cover;object-position:80% center;filter:saturate(.85)}
.tower-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,17,29,.75),transparent 45%)}
.tower-card figcaption{position:absolute;z-index:1;bottom:30px;left:30px;color:white;display:flex;flex-direction:column}
.tower-card figcaption span{font:600 16px Manrope}
.tower-card figcaption small{margin-top:5px;color:#bdc6ce;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.stat-card{padding:34px;display:flex;flex-direction:column;justify-content:space-between}
.stat-card>span{text-transform:uppercase;letter-spacing:.13em;font-size:9px}
.stat-card strong{font:500 clamp(46px,5vw,74px)/.98 Manrope;letter-spacing:-.07em}
.stat-card p{font-size:12px;line-height:1.6;max-width:150px}
.dark-card{background:var(--navy);color:white}
.dark-card>span,.dark-card p{color:#aeb8c1}
.gold-card{background:var(--gold);color:var(--navy)}
.highlights{background:var(--navy);color:white}
.highlights-head{display:grid;grid-template-columns:1.4fr .6fr;align-items:end}
.highlights-head>p{color:#a9b3bd;line-height:1.7;font-size:14px;max-width:390px;margin:0 0 6px}
.feature-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:78px;border-top:1px solid rgba(255,255,255,.16)}
.feature-list article{padding:24px 28px 0;border-right:1px solid rgba(255,255,255,.16);min-height:315px;position:relative}
.feature-list article:first-child{padding-left:0}
.feature-list article:last-child{border:0}
.feature-list article>span{font-size:9px;color:#718091}
.feature-symbol{width:52px;height:52px;border:1px solid rgba(216,169,75,.6);color:var(--gold);border-radius:50%;display:grid;place-items:center;font:500 20px Manrope;margin:35px 0 32px}
.feature-list h3{font:600 17px Manrope}
.feature-list p{font-size:12px;color:#aab4bd;line-height:1.7;max-width:230px}
.location{display:grid;grid-template-columns:1fr 1fr;padding-right:0;gap:8vw;align-items:stretch}
.location-copy{padding:0 0 20px}
.location-copy>p:not(.eyebrow){color:#63707b;line-height:1.75;max-width:580px}
.connectivity-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:54px}
.connectivity-grid div{padding:20px 20px 20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:30px 1fr}
.connectivity-grid span{font-size:9px;color:#a27c34;grid-row:1/3}
.connectivity-grid strong{font:600 13px Manrope}
.connectivity-grid small{font-size:10px;color:#7a858e;margin-top:5px}
.location-art{min-height:620px;background:#d9c69e;position:relative;overflow:hidden}
.location-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 42%,rgba(255,255,255,.5),transparent 23%),linear-gradient(125deg,rgba(255,255,255,.32),transparent)}
.map-road{position:absolute;background:#f4eee0;box-shadow:0 0 0 7px rgba(7,24,43,.08)}
.road-one{width:135%;height:24px;left:-14%;top:52%;transform:rotate(-14deg)}
.road-two{height:130%;width:14px;left:69%;top:-20%;transform:rotate(22deg)}
.road-three{height:115%;width:11px;left:20%;top:13%;transform:rotate(-39deg)}
.map-pin{position:absolute;z-index:2;left:53%;top:40%;transform:translate(-50%,-50%);text-align:center}
.map-pin i{display:block;width:32px;height:32px;background:var(--navy);border:8px solid var(--gold);border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin:auto}
.map-pin span{display:block;background:var(--navy);color:#fff;padding:10px 18px;margin-top:15px;font:600 11px/1.3 Manrope;text-transform:uppercase;letter-spacing:.1em}
.map-ring{position:absolute;border:1px solid rgba(7,24,43,.2);border-radius:50%;left:53%;top:40%;transform:translate(-50%,-50%)}
.map-ring.one{width:240px;height:240px}
.map-ring.two{width:410px;height:410px}
.map-label{position:absolute;z-index:2;text-transform:uppercase;letter-spacing:.17em;font-size:9px;color:#435163}
.label-one{left:9%;bottom:15%}
.label-two{right:8%;top:17%}
.brochure{background:#0a1d33;color:#fff;display:grid;grid-template-columns:.68fr 1.32fr;gap:9vw;align-items:center}
.brochure-intro>p:not(.eyebrow){color:#aab5c0;font-size:14px;line-height:1.75;margin:28px 0}
.brochure-preview{padding:0;border:0;background:none;position:relative;cursor:zoom-in;box-shadow:0 26px 70px rgba(0,0,0,.35);overflow:hidden}
.brochure-preview img{transition:transform .5s;width:100%}
.brochure-preview:hover img{transform:scale(1.015)}
.brochure-preview>span{position:absolute;right:16px;bottom:16px;background:rgba(3,15,27,.88);color:white;padding:13px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.brochure-preview i{color:var(--gold);font-style:normal;margin-left:12px}
.enquire{display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.enquire-copy>p:not(.eyebrow){color:#64707b;line-height:1.8;max-width:520px}
.direct-call{display:flex;flex-direction:column;margin-top:46px}
.direct-call span{text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:#8a6a2c}
.direct-call strong{font:600 25px Manrope;margin-top:7px}
.lead-form{background:#fff;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:30px}
.lead-form label{display:flex;flex-direction:column}
.lead-form label span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:11px}
.lead-form input,.lead-form select,.lead-form textarea{height:48px;border:0;border-bottom:1px solid #ced3d6;background:transparent;outline:none;color:#4d5964;border-radius:0;font:inherit}
.lead-form textarea{height:auto;min-height:86px;padding:12px 0;resize:vertical}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--gold)}
.lead-form .message-field{grid-column:1/-1}
.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.lead-form .btn,.form-note{grid-column:1/-1}
.form-note{font-size:9px;color:#7e878e;text-align:center;margin:0}
.lead-form .btn{margin-top:10px}
footer{background:#050f1c;color:white;padding:54px var(--pad) 28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:28px}
.footer-brand{width:max-content}
.footer-brand+p{color:#8995a0;font-size:11px;text-align:center}
footer>div{display:flex;justify-content:flex-end;gap:24px;font-size:11px}
footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.11);padding-top:25px;color:#687581;font-size:9px}
.mobile-cta{display:none}
.image-modal{border:0;padding:0;background:transparent;max-width:min(1000px,90vw);max-height:92vh;overflow:visible}
.image-modal::backdrop{background:rgba(3,12,22,.92);backdrop-filter:blur(8px)}
.image-modal img{max-height:90vh;width:auto}
.image-modal button{position:absolute;right:-45px;top:0;border:1px solid rgba(255,255,255,.5);background:none;color:white;width:34px;height:34px;border-radius:50%;font-size:24px;cursor:pointer}
.toast{position:fixed;z-index:40;bottom:30px;left:50%;transform:translate(-50%,100px);background:var(--navy);color:white;padding:14px 20px;font-size:12px;box-shadow:0 10px 40px rgba(0,0,0,.25);opacity:0;transition:.35s}
.toast.show{transform:translate(-50%,0);opacity:1}
.toast.error{background:#8b2424}
.lead-form .btn:disabled{cursor:wait;opacity:.7}

@media(max-width:980px){.main-nav{display:none}
.site-header{justify-content:space-between}
.header-call{margin-left:auto;margin-right:18px}
.menu-toggle{display:block}
.main-nav.open{display:flex;position:absolute;top:86px;left:0;right:0;background:rgba(5,20,35,.98);flex-direction:column;padding:28px var(--pad);gap:24px}
.hero-content{width:72vw}
.offer-card{right:28px;width:240px}
.trust-strip{grid-template-columns:1fr 1fr;padding-top:24px;padding-bottom:24px;gap:0}
.trust-strip>div{min-height:70px}
.trust-strip>div:nth-child(2){border:0}
.visual-grid{grid-template-columns:1.5fr 1fr}
.gold-card{grid-column:1/-1;min-height:240px}
.feature-list{grid-template-columns:1fr 1fr}
.feature-list article:nth-child(2){border-right:0}
.location{grid-template-columns:1fr;padding-right:var(--pad)}
.location-art{min-height:500px}
.brochure{grid-template-columns:1fr}
.brochure-intro{max-width:650px}
.enquire{gap:5vw}
footer{grid-template-columns:1fr 1fr}
.footer-brand+p{display:none}
footer>div{justify-content:flex-end}
}

@media(max-width:700px){body{padding-bottom:60px}
.site-header{height:72px}
.header-call{display:none}
.brand{min-width:auto}
.hero{min-height:760px;height:100svh;align-items:flex-start}
.hero-image{background-position:right bottom;background-size:100% 88%}
.hero-shade{background:linear-gradient(90deg,rgba(4,16,30,.96),rgba(4,16,30,.48)),linear-gradient(0deg,rgba(4,16,30,.92) 0%,transparent 60%)}
.hero-content{width:auto;margin:0 var(--pad);padding-top:138px}
.hero h1{font-size:clamp(47px,15vw,72px)}
.hero-content>p{font-size:14px;line-height:1.65}
.hero-actions{flex-direction:column;align-items:stretch}
.btn{justify-content:center}
.hero-facts{margin-top:35px;justify-content:space-between}
.hero-facts div{margin:0;padding:0 12px 0 0}
.hero-facts strong{font-size:18px}
.hero-facts span{font-size:8px;line-height:1.35}
.offer-card,.scroll-cue{display:none}
.trust-strip{grid-template-columns:1fr}
.trust-strip>div{border-right:0;border-bottom:1px solid var(--line)!important;padding:10px 0}
.trust-strip>div:last-child{border:0!important}
.section{padding-top:78px;padding-bottom:78px}
.section-kicker{margin-bottom:42px}
.overview-copy,.highlights-head,.enquire{grid-template-columns:1fr;gap:28px}
.section h2{font-size:42px}
.visual-grid{grid-template-columns:1fr;min-height:0}
.tower-card{height:430px}
.stat-card{min-height:230px}
.gold-card{grid-column:auto}
.feature-list{grid-template-columns:1fr;margin-top:46px}
.feature-list article{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding:30px 0;min-height:0}
.feature-symbol{margin:22px 0}
.location{gap:55px}
.location-art{min-height:420px}
.map-ring.two{width:330px;height:330px}
.connectivity-grid{grid-template-columns:1fr}
.brochure{gap:50px}
.brochure .btn{width:100%}
.lead-form{grid-template-columns:1fr}
.lead-form .btn,.form-note,.lead-form .message-field{grid-column:auto}
footer{grid-template-columns:1fr;text-align:center;padding-bottom:35px}
.footer-brand{margin:auto}
footer>div{justify-content:center}
footer>small{grid-column:auto;line-height:1.6}
.mobile-cta{position:fixed;z-index:30;left:0;right:0;bottom:0;height:60px;background:white;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -8px 30px rgba(5,20,35,.13)}
.mobile-cta a{display:grid;place-items:center;font-size:12px;font-weight:700}
.mobile-cta a:last-child{background:var(--gold);color:var(--navy)}
.image-modal button{right:0;top:-42px}
.toast{bottom:78px;width:calc(100% - 32px);text-align:center}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important}
}