@font-face{font-family:'Fraunces';src:url(/static/fonts/Fraunces-latin.woff2?v=1) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';src:url(/static/fonts/Fraunces-rupee.woff2?v=1) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+20B9}
@font-face{font-family:'Manrope';src:url(/static/fonts/Manrope-latin.woff2?v=1) format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';src:url(/static/fonts/Manrope-rupee.woff2?v=1) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+20B9}
@font-face{font-family:'Noto Serif Devanagari';src:url(/static/fonts/NotoSerifDevanagari.woff2?v=1) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Noto Sans Devanagari';src:url(/static/fonts/NotoSansDevanagari.woff2?v=1) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Fraunces Fallback';src:local('Times New Roman'),local('Liberation Serif'),local('Tinos'),local('Times');size-adjust:110%;ascent-override:89%;descent-override:23%;line-gap-override:0%}
@font-face{font-family:'Manrope Fallback';src:local('Arial'),local('Liberation Sans'),local('Arimo'),local('Helvetica');size-adjust:104%;ascent-override:102.5%;descent-override:28.9%;line-gap-override:0%}

/* Imaarat: limestone paper, night-sky ink, sodium amber for lit floors, glass teal shared with every building's site */
:root{--paper:#F6F2EA;--paper2:#EFE8DA;--card:#FFFDF9;--ink:#12161B;--ink2:#1D252D;--mute:#5A6066;--line:#E3DACA;--line2:#CFC3AD;
 --night:#0A141A;--night2:#0F232B;--teal:#0F4A51;--teal2:#17636B;--teal-t:#D3ECE8;--amber:#E9A23B;--amber2:#F6BE62;--sand:#F4E6CB;--ok:#2E9E6B;--err:#B3261E;
 --disp:'Fraunces','Fraunces Fallback','Noto Serif Devanagari',Georgia,serif;--sans:'Manrope','Manrope Fallback','Noto Sans Devanagari',system-ui,-apple-system,'Segoe UI',sans-serif;
 --gut:max(16px,env(safe-area-inset-left,0px),4.2vw);--gutr:max(16px,env(safe-area-inset-right,0px),4.2vw);--r:22px;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%}a{color:var(--teal2)}
h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:-.015em;line-height:1.08;margin:0;text-wrap:balance}
p{margin:0}
.w{max-width:1320px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gutr)}
.skip{position:absolute;left:-999px;top:8px;z-index:20;background:#fff;color:var(--ink);padding:10px 14px;border-radius:10px}.skip:focus{left:12px}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}
.eyebrow{font:700 12.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--teal2);margin-bottom:14px}
.lede{font-size:clamp(17px,1.5vw,20px);color:var(--mute);max-width:62ch}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--teal);color:#fff;font:700 15.5px var(--sans);padding:12px 22px;min-height:46px;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{background:var(--teal2)}.btn:active{transform:translateY(1px)}
.btn.small{min-height:38px;padding:8px 16px;font-size:14.5px}.btn.big{min-height:54px;padding:14px 28px;font-size:16.5px}
.btn.ghost{background:transparent;color:var(--teal);box-shadow:inset 0 0 0 1.5px var(--teal)}.btn.ghost:hover{background:var(--teal-t)}
.btn[disabled]{opacity:.6;cursor:progress}
.hide-s{display:none}.hide-m{display:none}.only-s{display:inline}
@media(min-width:640px){.hide-s{display:inline-flex}.only-s{display:none}}
@media(min-width:960px){.hide-m{display:inline-flex}}

/* header */
.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.top .in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px}
body.home .top{position:absolute;inset:0 0 auto;background:transparent;border:0;backdrop-filter:none}
body.home .top .brand,body.home .top .nl{color:#fff}body.home .top .brand small{color:#9FB6BB}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}
.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font:600 23px var(--disp);letter-spacing:-.02em}.brand small{font:600 12px var(--sans);letter-spacing:.06em;color:var(--mute);margin-top:4px}
.brand small i,.nbrand i{font-style:normal;color:var(--amber)}
.imark{fill:currentColor;flex:none}.imark .lit{fill:var(--amber)}
.top nav{display:flex;align-items:center;gap:4px}
.nl{color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;padding:9px 12px;border-radius:999px;white-space:nowrap}.nl:hover{background:#0000000d}
body.home .nl:hover{background:#ffffff1f}
.nl.lang{font-weight:700}

/* hero: the night skyline of real buildings */
.hero{position:relative;isolation:isolate;color:#fff;background:radial-gradient(90% 70% at 72% 0%,#1d4a52 0,#122d36 34%,var(--night) 72%) var(--night);overflow:hidden;padding-top:calc(66px + env(safe-area-inset-top,0px))}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 72px);mask:linear-gradient(#000,transparent 80%)}
.hgrid{display:grid;gap:8px;min-height:min(calc(100svh - 66px),900px)}
.hcopy{max-width:880px;padding-top:clamp(36px,7vh,90px);align-self:center;min-width:0}
@media(min-width:1000px){.hgrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(24px,4vw,64px)}.hcopy{padding-bottom:clamp(60px,9vh,110px)}}
.hero .eyebrow{color:var(--amber2)}
.hero h1{font-size:clamp(44px,7.2vw,112px);line-height:.98;letter-spacing:-.03em;font-weight:560;max-width:12ch}
.hero .lede{color:#C9D6D8;margin-top:22px;max-width:56ch}
.search{margin-top:30px;max-width:720px}
.search label{display:block;font:700 12.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#9FB6BB;margin-bottom:10px}
.sbox{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 6px 6px 18px;box-shadow:0 20px 50px -20px #000c,0 0 0 1px #ffffff2e}
.sbox svg{width:22px;height:22px;fill:none;stroke:#5A6066;stroke-width:2;flex:none}
.sbox input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 17px var(--sans);color:var(--ink);padding:10px 4px}
.sbox input::placeholder{color:#8A8F94}
.sbox .btn{background:var(--amber);color:#1d1300}.sbox .btn:hover{background:var(--amber2)}
.qchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.qchip{appearance:none;border:1px solid #ffffff3d;background:#ffffff12;color:#E6EEEF;font:600 14px var(--sans);padding:7px 14px;border-radius:999px;cursor:pointer}
.qchip b{color:var(--amber2);margin-left:4px}.qchip:hover,.qchip[aria-pressed=true]{background:#ffffff2b;border-color:#ffffff73}
.skyw{margin:0;position:relative;align-self:end;min-width:0}
.sky{display:block;width:100%;height:auto;max-height:min(78vh,760px)}
.skyw figcaption{font-size:12.5px;line-height:1.45;color:#7F969B;padding:10px 0 16px;max-width:52ch}
.city rect{fill:#ffffff07}.city .bg2{fill:#ffffff0b}.city .bg3{fill:#ffffff04}
.gr{fill:#060d11}.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:#060d11;z-index:-1}
.tower .slab{opacity:.62;transform-box:fill-box;transform-origin:50% 100%;animation:rise .8s var(--d,0ms) both cubic-bezier(.2,.75,.2,1)}
.tower .slab.on{opacity:1;fill:var(--amber2);filter:drop-shadow(0 0 7px #f6be62cc)}
a:hover .tower .slab,a:focus-visible .tower .slab{opacity:.92}
.tower .tn{font:600 30px var(--disp);fill:#fff}.tower .th{font:600 16px var(--sans);letter-spacing:.05em;fill:#9FB6BB}.tower .tl{stroke:#ffffff59;stroke-width:1.2}
a:hover .tower .th,a:focus-visible .tower .th{fill:var(--amber2)}
@keyframes rise{from{opacity:0;transform:translateY(18px) scaleX(.85)}}
@media(prefers-reduced-motion:reduce){.tower .slab{animation:none}html{scroll-behavior:auto}}
@media(max-width:999px){.skyw{margin:20px calc(-1*var(--gutr)) 0 calc(-1*var(--gut))}.sky{max-height:62vh}.skyw figcaption{padding:10px var(--gutr) 18px var(--gut);background:#060d11}}

/* bands */
.band{padding:clamp(64px,9vw,128px) 0}
.band.paper{background:var(--card)}.band.sand{background:var(--sand)}
.band.ink{background:linear-gradient(180deg,var(--night2),var(--night));color:#fff}.band.ink .lede{color:#B9C8CB}.band.ink .eyebrow{color:var(--amber2)}.band.ink a{color:var(--amber2)}
.sh{margin-bottom:clamp(30px,4vw,52px);max-width:900px}
.sh h2{font-size:clamp(32px,4.4vw,62px)}.sh .lede{margin-top:16px}
.center{text-align:center;margin-top:34px}

/* building cards */
.found{margin:-18px 0 18px;color:var(--mute);font-weight:600}
.plist{list-style:none;margin:0;padding:0;display:grid;gap:clamp(18px,2.4vw,30px)}
@media(min-width:900px){.plist{grid-template-columns:1fr 1fr}}
.pc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px -48px #0f4a51aa;transition:transform .3s,box-shadow .3s;min-width:0}
.pc:hover{transform:translateY(-3px);box-shadow:0 40px 70px -46px #0f4a51cc}
.pmedia{position:relative;display:block;aspect-ratio:2/1;background:var(--night);overflow:hidden}
.pmedia img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.pc:hover .pmedia img{transform:scale(1.035)}
.pmedia .drawn{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(80% 90% at 50% 0,#1d4a52,var(--night) 75%);padding:22px 10% 0}
.pmedia .drawn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:#060d11}
.mini{width:100%;height:100%}.mini .slab{opacity:.8}
.host{position:absolute;left:14px;bottom:14px;background:#0b1418cc;color:#fff;font:700 13px var(--sans);letter-spacing:.03em;padding:6px 12px;border-radius:999px;backdrop-filter:blur(6px)}
.pb{padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:10px;flex:1}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:700 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--paper2);color:var(--ink2)}
.chip.st{background:var(--teal-t);color:var(--teal)}.chip.city{background:#fff;box-shadow:inset 0 0 0 1px var(--line2)}
.pc h3{font-size:clamp(28px,2.7vw,38px)}.pc h3 a{color:var(--ink);text-decoration:none}.pc h3 a:hover{color:var(--teal2)}
.ploc{color:var(--mute);font-weight:600;margin-top:-4px}.pbl{color:var(--ink2)}
.pst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:6px 0 2px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pst div{display:flex;flex-direction:column-reverse;gap:2px;min-width:0}
.pst dd{margin:0;font:600 clamp(22px,2.2vw,30px)/1 var(--disp);letter-spacing:-.02em}.pst dt{font-size:12.5px;color:var(--mute);font-weight:600}
@media(max-width:420px){.pst{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pulse{display:flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--ink2)}
.pulse i{width:9px;height:9px;border-radius:50%;background:var(--amber);flex:none;box-shadow:0 0 0 4px #e9a23b2e}
.pulse.on i{background:var(--ok);box-shadow:0 0 0 4px #2e9e6b2e;animation:beat 2s infinite}
@keyframes beat{50%{box-shadow:0 0 0 7px #2e9e6b14}}
.ptypes{font-size:14.5px;color:var(--mute)}.ptypes b{color:var(--ink2)}
.pact{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:8px}
.rera{font-size:13.5px;font-weight:700;color:var(--mute);text-decoration:none;border-bottom:1px dashed var(--line2)}.rera:hover{color:var(--teal2)}
.empty{text-align:center;padding:40px 16px;border:1.5px dashed var(--line2);border-radius:var(--r);margin-top:10px}.empty h3{font-size:28px;margin-bottom:8px}.empty p{color:var(--mute);margin:0 auto 14px;max-width:52ch}

/* how it works */
.aud{display:grid;gap:18px}
@media(min-width:900px){.aud{grid-template-columns:repeat(3,1fr)}}
.ac{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.4vw,30px);min-width:0}
.ac h3{font-size:26px;display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.ac h3 span{font:700 13px var(--sans);color:var(--amber);letter-spacing:.1em}
.ac ol{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:s}
.ac li{display:grid;grid-template-columns:30px 1fr;gap:2px 12px;counter-increment:s}
.ac li::before{content:counter(s);grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--paper2);font:700 13px var(--sans);color:var(--teal)}
.ac li b{font-weight:700}.ac li span{color:var(--mute);font-size:15.5px;grid-column:2}
.a1{border-top:4px solid var(--teal2)}.a2{border-top:4px solid var(--amber)}.a3{border-top:4px solid var(--ink2)}
.flow{margin:clamp(30px,4vw,48px) 0 0;overflow-x:auto}.flow svg{display:block;min-width:720px;width:100%;height:auto}
.flow .nd rect{fill:var(--card);stroke:var(--line2);stroke-width:1.4}.flow .site rect{fill:#E7F3F1;stroke:var(--teal2)}.flow .desk rect{fill:#FCF0DA;stroke:var(--amber)}
.flow .nt{font:600 19px var(--disp);fill:var(--ink)}.flow .ns{font:600 13px var(--sans);fill:var(--mute)}.flow .ls{font:700 12px var(--sans);fill:var(--mute);letter-spacing:.04em}
.flow .ln{fill:none;stroke:var(--line2);stroke-width:2}.flow .ln.hot{stroke:var(--amber);stroke-width:3}.flow .ln.dash{stroke-dasharray:6 6;stroke:var(--teal2)}.flow .ah{fill:var(--ink2)}

/* features */
.feats{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:#ffffff1c;border:1px solid #ffffff1c;border-radius:var(--r);overflow:hidden}
@media(min-width:700px){.feats{grid-template-columns:1fr 1fr}}@media(min-width:1050px){.feats{grid-template-columns:repeat(3,1fr)}}
.feats li{background:var(--night2);padding:clamp(22px,2.4vw,32px);display:grid;gap:10px;align-content:start;min-width:0}
.feats .ic{width:30px;height:30px;fill:none;stroke:var(--amber2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feats .ic .hl{stroke:#5CC2C0}
.feats h3{font-size:23px;color:#fff}.feats p{color:#B5C3C6;font-size:15.5px}

/* owners */
.own{display:grid;gap:28px;align-items:center}@media(min-width:900px){.own{grid-template-columns:1.3fr 1fr}}
.obtns{display:grid;gap:12px}.obtns .btn{justify-content:space-between;background:#fffdf7;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink2)}.obtns .btn:hover{background:#fff}
.band.sand .eyebrow{color:#8A5A00}.band.sand .lede{color:#5c4a2c}

/* plans */
.plans{list-style:none;margin:0;padding:0;display:grid;gap:18px}@media(min-width:900px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.4vw,30px);display:grid;gap:12px;align-content:start;min-width:0}
.band.paper .plan{background:var(--paper)}.band:not(.paper) .plan{background:var(--card)}
.plan h3{font-size:22px}.pp{display:flex;align-items:baseline;gap:6px}.pp b{font:600 clamp(36px,3.6vw,48px)/1 var(--disp);letter-spacing:-.03em}.pp span{color:var(--mute);font-weight:600}
.pf{font-weight:600;color:var(--ink2)}.pw{color:var(--mute);font-size:15px}
.plan.hl{background:var(--ink)!important;color:#fff;border-color:var(--ink);box-shadow:0 30px 60px -40px #000}.plan.hl .pp b{color:var(--amber2)}.plan.hl .pp span,.plan.hl .pw{color:#B5C3C6}.plan.hl .pf{color:#E8EEEF}
.pnote{margin-top:16px;color:var(--mute);font-size:14.5px;max-width:80ch}

/* promise */
.trust{list-style:none;margin:0;padding:0;display:grid;gap:18px}@media(min-width:700px){.trust{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.trust{grid-template-columns:repeat(4,1fr)}.trust.six{grid-template-columns:repeat(3,1fr)}}
.trust li{border-top:2px solid var(--ink);padding-top:18px;display:grid;gap:8px;align-content:start;min-width:0}
.trust h3{font-size:22px}.trust p{color:var(--mute);font-size:15.5px}

/* faq */
.faqw{display:grid;gap:10px}@media(min-width:1000px){.faqw{grid-template-columns:1fr 1.6fr;gap:60px}}
.faq{display:grid;gap:10px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:0 20px}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 0;font:600 19px/1.3 var(--disp)}
.faq summary::-webkit-details-marker{display:none}
.faq .no{font:700 12.5px var(--sans);color:var(--amber);letter-spacing:.1em}
.faq summary i{margin-left:auto;width:22px;height:22px;border-radius:50%;flex:none;position:relative;background:var(--paper2)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:6px;right:6px;top:10px;height:2px;background:var(--ink2);transition:transform .2s}
.faq summary i::after{transform:rotate(90deg)}.faq details[open] summary i::after{transform:rotate(0)}
.faq details p{padding:0 0 20px 40px;color:var(--mute)}

/* partners page */
.phero{background:radial-gradient(90% 90% at 80% 0,#1d4a52 0,var(--night) 70%) var(--night);color:#fff;padding:clamp(56px,9vw,120px) 0}
.phero h1{font-size:clamp(42px,6.4vw,92px);max-width:13ch;letter-spacing:-.03em}.phero .lede{color:#C9D6D8;margin:20px 0 28px}.phero .eyebrow{color:var(--amber2)}
.phero .btn{background:var(--amber);color:#1d1300}.phero.small h1{font-size:clamp(32px,4vw,52px)}
.cgrid{display:grid;gap:36px}@media(min-width:1000px){.cgrid{grid-template-columns:1fr 1.3fr;gap:64px}}
.cgrid h2{font-size:clamp(28px,3vw,40px);margin-bottom:18px}
.csteps{list-style:none;margin:0;padding:0;display:grid;gap:22px;counter-reset:s}
.csteps li{display:grid;grid-template-columns:44px 1fr;gap:4px 16px;counter-increment:s}
.csteps li::before{content:counter(s,decimal-leading-zero);grid-row:span 2;font:600 26px var(--disp);color:var(--amber)}
.csteps b{font-size:18px}.csteps span{color:var(--mute);grid-column:2}
.cbox{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,36px);min-width:0}
.note{color:var(--mute);font-size:14.5px;margin-bottom:16px}
.claim{display:grid;gap:16px}
.claim label{display:grid;gap:6px;font-weight:700;font-size:14.5px;min-width:0}
.claim input,.claim select,.claim textarea{font:500 16.5px var(--sans);color:var(--ink);background:#fff;border:1.5px solid var(--line2);border-radius:12px;padding:12px 14px;width:100%;min-width:0}
.claim input:focus,.claim select:focus,.claim textarea:focus{outline:0;border-color:var(--teal2);box-shadow:0 0 0 4px #17636b26}
.two{display:grid;gap:16px}@media(min-width:640px){.two{grid-template-columns:1fr 1fr}}
.claim fieldset{border:0;margin:0;padding:0}.claim legend{font-weight:700;font-size:14.5px;margin-bottom:8px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{position:relative}.pill input{position:absolute;opacity:0;inset:0;cursor:pointer}.pill span{display:inline-block;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line2);background:#fff;font-weight:700;font-size:14.5px}
.pill input:checked+span{background:var(--teal);border-color:var(--teal);color:#fff}.pill input:focus-visible+span{outline:3px solid var(--amber);outline-offset:2px}
.claim .check{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--ink2)}.claim .check input{width:20px;height:20px;margin-top:2px;flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.err{background:#FDECEA;color:var(--err);border-radius:12px;padding:12px 14px;font-weight:700}
.receipt{text-align:center;padding:20px 8px}.receipt .tick{width:58px;height:58px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:var(--ok);color:#fff;font-size:30px}
.receipt h3{font-size:30px;margin-bottom:8px}.receipt p{color:var(--mute);margin-bottom:16px}

/* footer */
.foot{background:var(--night);color:#9FB0B4;padding:clamp(48px,6vw,80px) 0 calc(36px + env(safe-area-inset-bottom,0px))}
.fin{display:grid;gap:22px}
.fb{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}.foot .brand{color:#fff}.foot .brand small{color:#9FB6BB}.fb p{max-width:60ch;color:#C8D3D5}
.foot .fl{display:flex;flex-wrap:wrap;gap:8px 22px}.foot .fl a{color:#E7EEEF;font-weight:600;text-decoration:none}.foot .fl a:hover{color:var(--amber2)}
.fnote{font-size:13.5px;max-width:90ch}
.own h2{font-size:clamp(30px,3.8vw,54px);margin-bottom:14px}
/* real screenshots of a building's site */
.shots{display:grid;gap:16px;margin-bottom:clamp(28px,4vw,48px)}
@media(min-width:900px){.shots{grid-template-columns:1.25fr 1fr .55fr;grid-template-rows:auto auto;align-items:start}.shots .s1{grid-row:span 2}.shots .s4{grid-column:3;grid-row:1/span 2}}
.shot{margin:0;background:#0d1d24;border:1px solid #ffffff1f;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -50px #000;min-width:0}
.shot .frame{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#132a33;border-bottom:1px solid #ffffff14}
.shot .dots{display:flex;gap:5px}.shot .dots i{width:9px;height:9px;border-radius:50%;background:#ffffff2b}
.shot .url{font:600 12px var(--sans);color:#9FB6BB;background:#0b1a20;border-radius:999px;padding:3px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{font-size:13.5px;color:#B5C3C6;padding:10px 14px 12px}
.shots .s3 img{max-height:420px;object-fit:cover;object-position:top}
.shots .s4{max-width:320px;justify-self:center;border-radius:28px}.shots .s4 .frame{justify-content:center}.shots .s4 .dots{display:none}
@media(max-width:899px){.shots .s3{display:none}}
/* ---------- hero: the 3D tricity map (hub-map.js). The drawn skyline is the poster and the fallback. */
.hero.hmap{display:grid;padding-top:0;min-height:min(100svh,1000px)}
.hero.hmap>.hgrid,.hero.hmap>.mapwrap{grid-area:1/1;min-width:0}
.hero.hmap .hgrid{position:relative;z-index:3;display:block;min-height:0;pointer-events:none;padding-top:calc(92px + env(safe-area-inset-top,0px));padding-bottom:170px}
.hero.hmap .hcopy{pointer-events:auto;max-width:540px;padding:0;align-self:start}
.hero.hmap h1{font-size:clamp(42px,5.2vw,82px);max-width:11ch}
.hero.hmap .lede{max-width:44ch;font-size:17px}
.mapwrap{position:relative;z-index:1;min-height:min(100svh,1000px);overflow:hidden;background:#0A1418}
.mapcanvas{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.mapwrap.ready .mapcanvas{opacity:1}
.mapposter{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 4vw 120px 0;transition:opacity 1.2s ease,visibility 1.2s}
.mapposter .sky{width:min(44vw,600px);height:auto;max-height:82%}
.mapwrap.loading .mapposter::after{content:"";position:absolute;right:calc(4vw + min(22vw,300px));bottom:96px;width:120px;height:3px;border-radius:3px;background:linear-gradient(90deg,#F2B04C00,#F2B04C,#F2B04C00);background-size:200% 100%;animation:mapload 1.2s linear infinite}
@keyframes mapload{from{background-position:200% 0}to{background-position:-200% 0}}
.mapwrap.ready .mapposter{opacity:0;visibility:hidden}
.mapscrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0A1418f5 0,#0A1418c7 26%,#0a141833 46%,#0a141800 60%),linear-gradient(0deg,#0A1418f0 0,#0a141800 24%),linear-gradient(180deg,#0A1418c0 0,#0a141800 15%)}
.mapui{position:absolute;z-index:4;right:max(16px,env(safe-area-inset-right,0px));bottom:76px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.mapui>*{pointer-events:auto}
.maphint{margin:0;font-size:12.5px;color:#9FB6BB;background:#0A1418b3;padding:6px 12px;border-radius:999px;backdrop-filter:blur(8px)}
.maphint .tc{display:none}
@media(hover:none),(pointer:coarse){.maphint .hv{display:none}.maphint .tc{display:inline}}
.mapbtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mb{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 15px;border-radius:999px;border:1px solid #ffffff2e;background:#0F232Bd9;color:#fff;font:700 13.5px var(--sans);cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,border-color .2s}
.mb svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mb[data-tour] svg{fill:currentColor;stroke:none}
.mb:hover,.mb[aria-pressed=true]{background:#17363F;border-color:#F2B04C99}.mb[aria-pressed=true]{color:#F6BE62}
.mapwrap.nomap .mapui .mapbtns .mb:not([data-load3d]),.mapwrap.nomap .maphint{display:none}
.mrail{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:linear-gradient(0deg,#0A1418 30%,#0a141800)}
.mrail ul{list-style:none;margin:0 auto;padding:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:1320px}
.mrail ul::-webkit-scrollbar{display:none}
.mrail button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:none;min-height:46px;padding:7px 14px 8px;border-radius:12px;border:1px solid #ffffff1f;background:#0F232Bcc;color:#fff;cursor:pointer;text-align:left;transition:border-color .2s,background .2s,transform .2s}
.mrail button b{font:600 15px var(--disp);white-space:nowrap}.mrail button span{font:600 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#8FA7AD}
.mrail button:hover,.mrail button[aria-pressed=true]{border-color:#F2B04C;background:#17363F;transform:translateY(-2px)}
.mrail button[aria-pressed=true] span{color:#F6BE62}
.mapwrap.nomap .mrail{display:none}
.mapcard{position:absolute;z-index:5;top:calc(92px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));width:340px;max-width:calc(100% - 32px);border-radius:18px;overflow:hidden;background:#0D1E25f2;border:1px solid #F2B04C55;box-shadow:0 24px 60px #000a;color:#fff;backdrop-filter:blur(14px);animation:cardin .35s ease}
@keyframes cardin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mapcard img{display:block;width:100%;height:150px;object-fit:cover}
.mcb{padding:14px 18px 18px;display:grid;gap:6px}
.mcl{margin:0;font:700 11.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#F6BE62}
.mapcard h3{font-size:25px;line-height:1.1}
.mcf{margin:0;font-size:14px;color:#B9C8CB}
.mapcard .pulse{color:#DCE6E8;font-size:13.5px;margin:2px 0 6px}
.mapcard .btn{background:var(--amber);color:#1d1300;justify-self:start;font-size:14.5px;min-height:42px;padding:9px 18px}.mapcard .btn:hover{background:var(--amber2)}
.mapcard .btn span{font-weight:800}
.mcx{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:0;background:#0A1418cc;color:#fff;font:400 22px/1 var(--sans);cursor:pointer}
.mk{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;cursor:pointer}
.mk-tag{background:#0A1418e8;border:1px solid #F2B04C70;border-radius:10px;padding:5px 11px 6px;text-align:center;line-height:1.2;box-shadow:0 8px 20px #0009;transition:transform .2s,border-color .2s,background .2s}
.mk-tag b{display:block;font:600 14.5px var(--disp);white-space:nowrap}
.mk-tag small{display:block;font:700 10px var(--sans);color:#F6BE62;letter-spacing:.03em;white-space:nowrap}
.mk-stalk{width:1.5px;height:var(--stalk,40px);background:linear-gradient(#F6BE62,#F2B04C33)}
.mk-dot{width:8px;height:8px;margin-bottom:-4px;border-radius:50%;background:#F6BE62;box-shadow:0 0 0 4px #F2B04C44,0 0 18px #F2B04C}
.mk.on .mk-tag,.mk:hover .mk-tag,.mk:focus-visible .mk-tag{border-color:#F6BE62;background:#17363Ff5;transform:translateY(-3px)}
.mk.far .mk-tag small{display:none}.mk.far .mk-tag{padding:4px 9px}
.mapwrap .maplibregl-ctrl-top-right{top:calc(84px + env(safe-area-inset-top,0px));right:max(6px,env(safe-area-inset-right,0px))}
.mapwrap .maplibregl-ctrl-bottom-right{bottom:70px}
.mapwrap .maplibregl-ctrl-group{background:#0F232Be6;border:1px solid #ffffff26;box-shadow:none}
.mapwrap .maplibregl-ctrl-group button+button{border-top-color:#ffffff1f}
.mapwrap .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(1) brightness(1.4)}
.mapwrap .maplibregl-ctrl-attrib{background:#0A1418cc;color:#8FA7AD;font-size:11px}.mapwrap .maplibregl-ctrl-attrib a{color:#B9C8CB}
.mapwrap .maplibregl-ctrl-attrib-button{filter:invert(1)}
.mapwrap .maplibregl-cooperative-gesture-screen{background:#0A1418b8;color:#fff;font:600 17px var(--sans)}
@media(min-width:1000px){.hero.hmap .hgrid{grid-template-columns:none}}
@media(max-width:899px){
  .hero.hmap{display:block;min-height:0}
  .hero.hmap .hgrid{pointer-events:auto;padding-bottom:20px}
  .hero.hmap h1{font-size:clamp(40px,11vw,60px)}
  .mapwrap{min-height:0;height:min(70svh,620px)}
  .mapscrim{background:linear-gradient(180deg,#0A1418 0,#0a141800 14%),linear-gradient(0deg,#0A1418d9 0,#0a141800 26%)}
  .mapposter{justify-content:center;padding:0 0 84px}.mapposter .sky{width:min(92vw,520px)}
  .mapwrap.loading .mapposter::after{right:calc(50% - 60px);bottom:66px}
  .mapcard{top:auto;bottom:74px;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));width:auto;display:grid;grid-template-columns:96px minmax(0,1fr)}
  .mapcard.noimg{grid-template-columns:minmax(0,1fr)}
  .mapcard img{height:100%;min-height:150px}
  .mcb{padding:12px 14px 14px;gap:4px}.mapcard h3{font-size:20px}.mcf{font-size:13px}
  .mapui{top:12px;bottom:auto}.maphint{display:none}
  .mapwrap .maplibregl-ctrl-top-right{top:58px}
}
@media(prefers-reduced-motion:reduce){.mapcanvas,.mapposter{transition:none}.mapcard{animation:none}}
.hero.hmap>.hgrid{width:100%;max-width:1320px;justify-self:center;box-sizing:border-box}
.mb[hidden],.mapcard[hidden]{display:none!important}
.mapwrap>.mapcanvas,.mapwrap>.mapcanvas.maplibregl-map{position:absolute;inset:0}
.mk.hush .mk-tag{opacity:0;pointer-events:none;transform:scale(.9)}.mk.hush .mk-stalk{opacity:.35}
.mk.hush:hover .mk-tag,.mk.hush:focus-visible .mk-tag{opacity:1;pointer-events:auto;transform:none}
.mk-tag{transition:transform .2s,border-color .2s,background .2s,opacity .25s}
.mapwrap .maplibregl-ctrl-bottom-right{bottom:72px;right:max(8px,env(safe-area-inset-right,0px))}
.mapwrap .maplibregl-ctrl.maplibregl-ctrl-attrib,.mapwrap .maplibregl-ctrl.maplibregl-ctrl-attrib.maplibregl-compact{background:#0A1418d9;color:#8FA7AD;font-size:11px;border-radius:10px}
.mapwrap .maplibregl-ctrl.maplibregl-ctrl-attrib a{color:#B9C8CB}
.mapwrap .maplibregl-ctrl-attrib.maplibregl-compact-show{padding:3px 28px 3px 8px}
.mapui{bottom:118px}
@media(max-width:899px){.mapwrap .maplibregl-ctrl-bottom-right{bottom:66px}}
@media(min-width:1280px){.plist{grid-template-columns:repeat(3,minmax(0,1fr))}.pc h3{font-size:30px}}
:lang(hi) .eyebrow,:lang(hi) .search label,:lang(hi) .mcl,:lang(hi) .mrail button span{letter-spacing:0;text-transform:none}