:root{
  --ink:#0b1e28;
  --ink-2:#112c38;
  --ink-3:#173844;
  --navy:#0d2432;
  --cream:#f3eee3;
  --sand:#e7dcc8;
  --paper:#fbfaf6;
  --gold:#cfad6f;
  --gold-2:#e5c98e;
  --olive:#667252;
  --green:#315f52;
  --sage:#9ca68a;
  --blue:#6f99ae;
  --white:#fff;
  --muted:#6e777a;
  --line:rgba(11,30,40,.14);
  --line-light:rgba(255,255,255,.17);
  --shadow:0 24px 60px rgba(8,23,31,.16);
  --serif:"Playfair Display",Georgia,serif;
  --sans:"Manrope","DM Sans",Arial,sans-serif;
  --display:"DM Sans",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{max-width:100%;display:block}
.shell{width:min(1280px,calc(100% - 64px));margin:0 auto}
.section{padding:118px 0;position:relative}
.section-dark{background:var(--ink);color:white}
.section-ink{background:#07171f;color:white}
.section-sand{background:var(--cream)}
.hidden{display:none!important}

/* Loader */
.page-loader{position:fixed;inset:0;background:var(--ink);z-index:9999;color:white;display:grid;place-content:center;text-align:center;transition:opacity .65s ease,visibility .65s ease}
.page-loader.is-hidden{opacity:0;visibility:hidden}
.page-loader p{font-size:12px;letter-spacing:.32em;margin-top:24px;color:var(--gold-2)}
.loader-mark{width:64px;height:64px;position:relative;margin:auto;animation:rotate 8s linear infinite}
.loader-mark span{position:absolute;inset:7px;border:1px solid var(--gold);transform:rotate(45deg);border-radius:50% 12% 50% 12%}
.loader-mark span:nth-child(2){transform:rotate(90deg)}
.loader-mark span:nth-child(3){transform:rotate(135deg)}
.loader-mark span:nth-child(4){transform:rotate(180deg)}
@keyframes rotate{to{transform:rotate(360deg)}}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:1000;color:white;border-bottom:1px solid rgba(255,255,255,.14);transition:.35s ease}
.site-header.is-scrolled{height:72px;background:rgba(8,26,35,.92);backdrop-filter:blur(18px);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand-mark{width:38px;height:38px;fill:none;stroke:var(--gold-2);stroke-width:1.35;overflow:visible}
.brand span{display:flex;flex-direction:column;line-height:1.12}
.brand b{font-size:12px;letter-spacing:.16em;font-weight:700}
.brand small{font-size:8px;letter-spacing:.24em;color:rgba(255,255,255,.64);margin-top:4px}
.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto;margin-right:36px}
.desktop-nav a{font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.76);position:relative;padding:9px 0}
.desktop-nav a::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:1px;background:var(--gold);transition:.25s}
.desktop-nav a:hover{color:white}.desktop-nav a:hover::after{width:100%}
.header-actions{display:flex;align-items:center;gap:15px}
.lang-switch{background:none;border:0;color:white;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.08em;cursor:pointer;padding:8px}
.lang-switch i{width:26px;height:13px;border:1px solid rgba(255,255,255,.45);border-radius:99px;display:block;position:relative}
.lang-switch i::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold-2);position:absolute;top:2px;left:3px;transition:.25s}
.lang-switch.is-id i::after{left:14px}
.lang-switch span{opacity:.5}.lang-switch span.active{opacity:1;color:var(--gold-2)}
.btn{height:48px;padding:0 22px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:12px;font-weight:700;letter-spacing:.04em;border-radius:999px;cursor:pointer;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-header{height:39px;padding:0 18px;border-color:rgba(255,255,255,.48);color:white;background:rgba(255,255,255,.04)}
.btn-header:hover{background:white;color:var(--ink)}
.btn-primary{background:var(--gold-2);color:var(--ink);box-shadow:0 12px 30px rgba(207,173,111,.18)}
.btn-primary:hover{background:#f0d7a7}
.btn-ghost{border-color:rgba(255,255,255,.48);color:white;background:rgba(255,255,255,.04)}
.btn-ghost:hover{background:white;color:var(--ink)}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);background:none;border-radius:50%;position:relative}
.menu-toggle span{position:absolute;left:12px;right:12px;height:1px;background:white;transition:.25s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:23px}
.menu-toggle.is-active span:first-child{top:20px;transform:rotate(45deg)}.menu-toggle.is-active span:last-child{top:20px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;background:rgba(8,25,34,.98);z-index:990;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;opacity:0;visibility:hidden;transition:.3s}
.mobile-menu.is-open{opacity:1;visibility:visible}
.mobile-menu a{font-family:var(--serif);font-size:34px;color:rgba(255,255,255,.82)}
.mobile-menu a:hover{color:var(--gold-2)}

/* Hero */
.hero{height:min(970px,100vh);min-height:740px;color:white;position:relative;overflow:hidden;background:var(--ink)}
.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}
.hero-slide{background-image:var(--hero);background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity 1.2s ease,transform 8s ease}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-shade{background:linear-gradient(90deg,rgba(5,17,23,.87) 0%,rgba(5,17,23,.57) 44%,rgba(5,17,23,.15) 76%),linear-gradient(0deg,rgba(5,17,23,.58),transparent 45%)}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 28%,transparent 0 16%,rgba(9,27,36,.18) 55%,rgba(7,21,29,.42));pointer-events:none}
.hero-orbit{position:absolute;right:-110px;top:90px;width:610px;height:610px;border:1px solid rgba(255,255,255,.12);border-radius:50%;z-index:2;pointer-events:none}
.hero-orbit span{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;inset:75px}.hero-orbit span:nth-child(2){inset:150px}.hero-orbit span:nth-child(3){inset:225px}
.hero-content{height:100%;display:flex;align-items:center;justify-content:space-between;gap:64px;padding-top:90px;position:relative;z-index:3}
.hero-copy{max-width:780px;margin-top:14px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;margin:0 0 22px;color:var(--gold-2)}
.eyebrow.dark{color:var(--green)}
.hero h1{font-family:var(--display);font-size:clamp(58px,7.4vw,112px);line-height:.91;letter-spacing:-.065em;font-weight:500;margin:0;max-width:960px}
.hero h1 em{font-family:var(--serif);font-weight:500;color:var(--gold-2);letter-spacing:-.04em}
.hero-lead{font-size:18px;line-height:1.65;max-width:690px;color:rgba(255,255,255,.77);margin:32px 0 36px}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap}
.hero-panel{width:292px;min-width:292px;align-self:flex-end;margin-bottom:125px;padding:22px 20px;background:rgba(11,30,40,.68);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:26px;box-shadow:var(--shadow)}
.panel-kicker{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.65);text-transform:uppercase;margin-bottom:17px}.panel-kicker span{width:7px;height:7px;border-radius:50%;background:#73b996;box-shadow:0 0 0 5px rgba(115,185,150,.12)}
.hero-panel-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-light);border-left:1px solid var(--line-light)}
.hero-panel-grid>div{padding:15px 10px;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}
.hero-panel-grid strong{font-size:27px;line-height:1;letter-spacing:-.05em}.hero-panel-grid small{font-size:8px;margin-left:4px;color:var(--gold-2);letter-spacing:.08em}.hero-panel-grid p{font-size:9px;line-height:1.35;color:rgba(255,255,255,.56);margin:6px 0 0}
.panel-note{font-size:9px;line-height:1.55;color:rgba(255,255,255,.5);margin:15px 0 0}
.hero-footer{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:4;display:flex;justify-content:space-between;align-items:center}
.hero-pagination{display:flex;gap:8px}.hero-pagination button{width:32px;height:3px;border:0;background:rgba(255,255,255,.3);padding:0;cursor:pointer;transition:.25s}.hero-pagination button.is-active{background:var(--gold-2);width:62px}
.scroll-cue{display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.7);text-transform:uppercase}.scroll-cue i{font-style:normal;border:1px solid rgba(255,255,255,.35);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}

/* General sections */
.section-heading{display:grid;grid-template-columns:1.1fr .75fr;gap:80px;align-items:end;margin-bottom:55px}
.section-heading h2,.statement h2,.smart-copy h2,.contact-copy h2{font-family:var(--display);font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0}
.section-heading p:last-child{font-size:17px;color:var(--muted);max-width:550px;margin:0 0 6px}
.section-heading.light p:last-child{color:rgba(255,255,255,.64)}

/* Reveal */
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}

/* Statement */
.statement{background:var(--paper)}
.statement-grid{display:grid;grid-template-columns:240px 1fr;gap:70px;border-top:1px solid var(--line);padding-top:40px}
.statement-label{display:flex;gap:18px;align-items:flex-start;color:var(--green)}.statement-label span{font-size:11px;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.statement-label p{font-size:10px;letter-spacing:.17em;margin:8px 0 0;font-weight:700}
.statement-copy{max-width:910px}.statement-copy>p:last-child{font-size:19px;line-height:1.75;color:#5d696c;max-width:850px;margin:31px 0 0}
.thesis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:75px}
.thesis-card{min-height:330px;padding:32px 29px;background:white;border:1px solid var(--line);border-radius:25px;position:relative;overflow:hidden;transition:.3s}
.thesis-card::before{content:"";position:absolute;inset:auto -60px -80px auto;width:190px;height:190px;border-radius:50%;border:1px solid rgba(49,95,82,.13);box-shadow:0 0 0 30px rgba(49,95,82,.035),0 0 0 60px rgba(49,95,82,.025)}
.thesis-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}
.thesis-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--green);font-size:21px}.card-number{position:absolute;right:25px;top:25px;font-size:11px;color:#9da5a7}
.thesis-card h3{font-size:23px;line-height:1.25;margin:70px 0 18px;letter-spacing:-.03em}.thesis-card>p:last-child{color:var(--muted);font-size:14px;line-height:1.72;margin:0;max-width:330px}

/* Masterplan */
.masterplan{overflow:hidden}.masterplan::before{content:"";position:absolute;width:780px;height:780px;border:1px solid rgba(255,255,255,.055);border-radius:50%;left:-390px;top:160px;box-shadow:0 0 0 100px rgba(255,255,255,.016),0 0 0 210px rgba(255,255,255,.01)}
.masterplan-layout{display:grid;grid-template-columns:1.45fr .7fr;gap:24px;align-items:stretch}
.plan-visual{position:relative;min-height:710px;border-radius:31px;overflow:hidden;background:#1d3740;border:1px solid rgba(255,255,255,.15)}
.plan-visual>img{width:100%;height:100%;object-fit:cover}.plan-vignette{position:absolute;inset:0;background:radial-gradient(circle,transparent 30%,rgba(5,18,24,.42) 100%)}
.zone-hotspot{position:absolute;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(8,28,38,.73);backdrop-filter:blur(8px);color:white;box-shadow:0 8px 26px rgba(0,0,0,.25);font-weight:700;cursor:pointer;transition:.25s;z-index:4}
.zone-hotspot:hover,.zone-hotspot.is-active{background:var(--gold-2);color:var(--ink);transform:scale(1.1);border-color:var(--gold-2)}
.zone-a{left:48%;top:45%}.zone-b{left:64%;top:38%}.zone-c{left:30%;top:51%}.zone-d{left:26%;top:23%}.zone-e{left:74%;top:13%}
.expand-button{position:absolute;bottom:20px;left:20px;height:42px;padding:0 17px;border-radius:99px;border:1px solid rgba(255,255,255,.28);background:rgba(6,24,32,.68);color:white;backdrop-filter:blur(9px);font-size:11px;cursor:pointer;z-index:5}.expand-button:hover{background:white;color:var(--ink)}
.zone-panel{background:#102a35;border:1px solid rgba(255,255,255,.12);border-radius:31px;padding:32px;display:flex;flex-direction:column;min-height:710px}
.zone-panel-head{display:flex;align-items:center;gap:20px;padding-bottom:27px;border-bottom:1px solid rgba(255,255,255,.12)}.zone-badge{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--gold-2);color:var(--ink);font-size:20px;font-weight:700}.zone-panel-head p{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-2);margin:0 0 4px}.zone-panel-head h3{font-size:25px;line-height:1.2;margin:0}
.zone-description{font-family:var(--serif);font-size:23px;line-height:1.45;color:rgba(255,255,255,.86);margin:30px 0}
.zone-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.12)}.zone-stats>div{padding:15px 12px;border-right:1px solid rgba(255,255,255,.12)}.zone-stats>div:last-child{border:0}.zone-stats small{display:block;font-size:8px;letter-spacing:.12em;color:rgba(255,255,255,.45);margin-bottom:6px}.zone-stats strong{font-size:14px}
.zone-list{list-style:none;padding:0;margin:27px 0 auto}.zone-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:12px}.zone-list li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}
.zone-nav{display:flex;gap:8px;margin-top:20px}.zone-nav button{flex:1;height:42px;border:1px solid rgba(255,255,255,.14);background:none;color:rgba(255,255,255,.55);border-radius:9px;cursor:pointer}.zone-nav button.is-active,.zone-nav button:hover{background:var(--gold-2);color:var(--ink);border-color:var(--gold-2)}
.radius-strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:22px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.radius-strip>div{padding:22px;border-right:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:auto 1fr;gap:1px 13px}.radius-strip>div:last-child{border:0}.radius-strip span{grid-row:1/3;border:1px solid rgba(255,255,255,.22);width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:11px}.radius-strip b{font-size:16px}.radius-strip small{font-size:10px;color:rgba(255,255,255,.48)}

/* Landmarks */
.landmarks{background:white;overflow:hidden}.landmark-rail{display:flex;gap:18px;overflow:auto;padding:4px max(32px,calc((100vw - 1280px)/2)) 25px;scrollbar-width:none;scroll-snap-type:x mandatory}.landmark-rail::-webkit-scrollbar{display:none}
.landmark-card{flex:0 0 min(510px,78vw);height:565px;position:relative;border-radius:26px;overflow:hidden;cursor:pointer;scroll-snap-align:start;background:var(--ink);box-shadow:0 18px 45px rgba(0,0,0,.12)}
.landmark-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.landmark-card:hover img{transform:scale(1.055)}.landmark-card::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(5,18,24,.89))}
.landmark-card>div{position:absolute;left:25px;right:25px;bottom:23px;color:white;z-index:2}.landmark-card span{font-size:10px;color:var(--gold-2)}.landmark-card h3{font-size:30px;line-height:1.1;margin:8px 0 6px}.landmark-card p{font-size:12px;color:rgba(255,255,255,.65);margin:0}
.rail-controls{display:flex;align-items:center;gap:18px;margin-top:22px}.rail-controls button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:white;cursor:pointer}.rail-controls button:hover{background:var(--ink);color:white}.rail-progress{height:2px;background:#d9dedc;flex:1;position:relative}.rail-progress span{position:absolute;left:0;top:0;height:2px;background:var(--green);width:16%;transition:.2s}

/* Residences */
.residences-layout{display:grid;grid-template-columns:.42fr 1.58fr;gap:22px}.residence-selector{background:var(--ink);border-radius:24px;padding:10px;height:max-content}.residence-option{width:100%;height:106px;display:grid;grid-template-columns:48px 1fr 30px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.1);color:white;padding:10px 15px;cursor:pointer;transition:.25s}.residence-option:last-child{border-bottom:0}.residence-option>span{font-size:10px;color:rgba(255,255,255,.4)}.residence-option h3{font-size:23px;margin:0 0 3px}.residence-option p{font-size:11px;margin:0;color:rgba(255,255,255,.48)}.residence-option>b{font-weight:400;font-size:16px}.residence-option.is-active,.residence-option:hover{background:var(--gold-2);color:var(--ink);border-radius:15px}.residence-option.is-active p,.residence-option:hover p,.residence-option.is-active>span,.residence-option:hover>span{color:rgba(11,30,40,.58)}
.residence-stage{display:grid;grid-template-columns:.66fr .34fr;gap:16px;min-height:650px}.residence-image{border:0;padding:0;border-radius:24px;overflow:hidden;position:relative;cursor:pointer;background:#d8d0c2}.residence-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.5s}.residence-image:hover img{transform:scale(1.02)}.residence-image>span{position:absolute;left:18px;bottom:18px;border-radius:999px;background:rgba(11,30,40,.78);backdrop-filter:blur(8px);color:white;padding:11px 16px;font-size:11px}.residence-image>span b{margin-left:8px}
.residence-info{background:white;border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.residence-info h3{font-family:var(--serif);font-size:42px;line-height:1.03;margin:5px 0 18px}.residence-info>div>p:last-child{color:var(--muted);font-size:14px;line-height:1.7}.residence-specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.residence-specs>div{padding:15px 11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.residence-specs small{font-size:8px;letter-spacing:.1em;color:#999}.residence-specs b{display:block;font-size:13px;margin-top:5px}

/* Smart Living */
.smart-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:70px;align-items:center}.smart-copy>p:nth-of-type(2){font-size:17px;color:rgba(255,255,255,.65);line-height:1.75;margin:27px 0 38px}.smart-benefits>div{display:flex;gap:17px;border-top:1px solid rgba(255,255,255,.12);padding:19px 0}.smart-benefits>div:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.smart-benefits>div>span{width:31px;height:31px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-size:9px;color:var(--gold-2);flex:0 0 31px}.smart-benefits p{margin:0}.smart-benefits b{display:block;font-size:13px;margin-bottom:4px}.smart-benefits small{display:block;color:rgba(255,255,255,.5);font-size:11px;line-height:1.55}
.smart-console{border-radius:31px;background:#101d2c;border:1px solid rgba(255,255,255,.15);overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.25)}.console-top{height:55px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);font-size:11px}.console-top>div{display:flex;align-items:center;gap:9px}.console-top small{color:rgba(255,255,255,.45)}.status-dot{width:7px;height:7px;border-radius:50%;background:#7bc698;box-shadow:0 0 0 5px rgba(123,198,152,.1)}
.console-tabs{height:48px;display:flex;border-bottom:1px solid rgba(255,255,255,.09);padding:0 14px}.console-tabs button{flex:1;border:0;background:none;color:rgba(255,255,255,.42);font-size:10px;cursor:pointer;position:relative}.console-tabs button.is-active{color:white}.console-tabs button.is-active::after{content:"";position:absolute;bottom:-1px;left:24%;right:24%;height:2px;background:var(--gold-2)}
.console-body{display:grid;grid-template-columns:1.35fr .65fr;min-height:480px}.floorplan{position:relative;margin:25px;background:#172c3c;border-radius:17px;padding:12px;display:grid;grid-template-columns:1fr .85fr 1fr;grid-template-rows:1fr .85fr 1fr;gap:7px;transform:perspective(900px) rotateX(5deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.room{border:1px solid rgba(255,255,255,.1);background:#263b48;color:white;text-align:left;padding:13px;border-radius:9px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:.25s;min-height:90px}.room span{font-size:10px}.room i{font-style:normal;font-size:8px;color:rgba(255,255,255,.45)}.room.is-on{background:#d7c486;color:#192836;box-shadow:0 0 24px rgba(215,196,134,.18)}.room.is-on i{color:rgba(25,40,54,.6)}.living{grid-column:1/3;grid-row:2/4}.kitchen{grid-column:3;grid-row:2}.master{grid-column:2/4;grid-row:1}.bedroom{grid-column:1;grid-row:1}.courtyard{grid-column:3;grid-row:3}.garage{grid-column:1;grid-row:1;clip-path:polygon(0 0,42% 0,42% 100%,0 100%);opacity:.01;pointer-events:none}.plan-core{position:absolute;width:62px;height:62px;border-radius:50%;background:#0e1d29;border:5px solid #223a48;display:grid;place-items:center;left:47%;top:42%;font-size:10px;color:var(--gold-2);box-shadow:0 10px 25px rgba(0,0,0,.2)}
.device-panel{border-left:1px solid rgba(255,255,255,.08);padding:25px 18px}.device-panel>p{font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.35);margin:0 0 17px}.device-reading{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.device-reading span{font-size:9px;color:rgba(255,255,255,.48)}.device-reading b{font-size:13px}.device-toggles{margin-top:19px;display:grid;gap:8px}.device-toggles button{height:57px;border:1px solid rgba(255,255,255,.09);background:#152735;color:white;border-radius:10px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;padding:0 11px;cursor:pointer}.device-toggles button i{font-style:normal}.device-toggles button span{font-size:9px}.device-toggles button b{font-size:8px;color:rgba(255,255,255,.35)}.device-toggles button.is-on{border-color:rgba(229,201,142,.38);background:#1d3340}.device-toggles button.is-on b{color:var(--gold-2)}

/* Infrastructure */
.infra-layout{display:grid;grid-template-columns:.42fr 1.58fr;gap:20px}.infra-tabs{border-top:1px solid var(--line)}.infra-tabs button{width:100%;min-height:100px;border:0;border-bottom:1px solid var(--line);background:none;display:grid;grid-template-columns:46px 1fr;text-align:left;padding:17px 10px;cursor:pointer;transition:.25s}.infra-tabs button>span{grid-row:1/3;font-size:9px;color:#9aa2a4;margin-top:6px}.infra-tabs button b{font-size:20px;line-height:1.2}.infra-tabs button small{font-size:10px;color:#899193;margin-top:5px}.infra-tabs button.is-active{padding-left:22px;background:var(--cream);border-radius:12px}.infra-tabs button.is-active>span{color:var(--green)}
.infra-stage{height:700px;border-radius:27px;overflow:hidden;position:relative;background:var(--ink)}.infra-stage>img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:.4s}.infra-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(6,21,28,.2)),linear-gradient(0deg,rgba(6,21,28,.75),transparent 45%)}.infra-overlay{position:absolute;left:25px;right:25px;bottom:25px;z-index:2;background:rgba(8,28,37,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);border-radius:20px;color:white;padding:21px 23px;display:grid;grid-template-columns:1fr auto;gap:4px 24px}.infra-overlay>p:first-child{grid-column:1/3;font-size:8px;letter-spacing:.14em;color:var(--gold-2);margin:0}.infra-overlay h3{font-size:24px;margin:0}.infra-overlay>p:nth-of-type(2){grid-column:1;font-size:12px;color:rgba(255,255,255,.62);margin:6px 0 0}.infra-overlay button{grid-column:2;grid-row:2/4;align-self:center;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:none;color:white;padding:11px 15px;font-size:10px;cursor:pointer}.infra-overlay button:hover{background:white;color:var(--ink)}

/* Investment */
.investment-kpis{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:48px}.investment-kpis>div{padding:26px 20px;border-right:1px solid rgba(255,255,255,.13)}.investment-kpis>div:last-child{border:0}.investment-kpis small{font-size:8px;letter-spacing:.12em;color:rgba(255,255,255,.42);display:block;text-transform:uppercase}.investment-kpis strong{display:block;font-size:31px;letter-spacing:-.05em;margin:7px 0 2px;color:var(--gold-2)}.investment-kpis p{font-size:9px;color:rgba(255,255,255,.4);margin:0}
.investment-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:20px}.phase-panel,.investment-model{background:#102731;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:27px}.phase-head{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.phase-head .eyebrow{margin:0}.phase-head span{font-size:9px;color:rgba(255,255,255,.4)}
.phase-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}.phase-tabs button{background:#0d2029;border:1px solid rgba(255,255,255,.09);color:white;border-radius:12px;text-align:left;padding:15px;cursor:pointer;min-height:96px}.phase-tabs button span{display:block;font-size:8px;color:var(--gold-2)}.phase-tabs button b{display:block;font-size:11px;line-height:1.3;margin:6px 0}.phase-tabs button small{font-size:8px;color:rgba(255,255,255,.4)}.phase-tabs button.is-active{background:var(--gold-2);color:var(--ink);border-color:var(--gold-2)}.phase-tabs button.is-active span,.phase-tabs button.is-active small{color:rgba(11,30,40,.55)}
.phase-detail{display:grid;grid-template-columns:1fr .7fr;gap:35px;padding-top:14px}.phase-detail>div>p:first-child{font-size:8px;letter-spacing:.12em;color:var(--gold-2);margin:0 0 9px}.phase-detail h3{font-family:var(--serif);font-size:31px;line-height:1.25;margin:0 0 16px}.phase-detail>div>p:last-child{font-size:12px;line-height:1.65;color:rgba(255,255,255,.57)}.phase-detail ul{list-style:none;margin:0;padding:0}.phase-detail li{font-size:10px;color:rgba(255,255,255,.58);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.phase-detail li::before{content:"✓";color:var(--gold-2);margin-right:10px}
.investment-model>.eyebrow{margin-bottom:17px}.platform-stack{display:grid;gap:7px}.platform{border:1px solid rgba(255,255,255,.09);background:#0c2029;color:white;border-radius:12px;display:grid;grid-template-columns:51px 1fr;text-align:left;padding:14px;cursor:pointer}.platform>span{font-size:17px;color:var(--gold-2);grid-row:1/3}.platform b{font-size:11px}.platform small{font-size:8px;color:rgba(255,255,255,.4)}.platform.is-active{border-color:var(--gold);background:#17343e}.model-note{border-top:1px solid rgba(255,255,255,.1);margin-top:21px;padding-top:20px}.model-note b{font-size:13px}.model-note p{font-size:11px;color:rgba(255,255,255,.53);line-height:1.6;margin-bottom:0}
.disclaimer{margin-top:20px;padding:20px 24px;border-radius:17px;background:rgba(207,173,111,.09);border:1px solid rgba(207,173,111,.24);display:flex;gap:22px;align-items:flex-start}.disclaimer b{color:var(--gold-2);font-size:10px;letter-spacing:.08em;white-space:nowrap}.disclaimer p{font-size:10px;line-height:1.65;color:rgba(255,255,255,.52);margin:0}

/* Data room */
.data-room{background:#f5f3ec}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.document-card{min-height:205px;border:1px solid var(--line);border-radius:19px;background:white;padding:23px;display:grid;grid-template-columns:48px 1fr 25px;gap:15px;transition:.28s}.document-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}.document-card>span{width:46px;height:46px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:8px;letter-spacing:.04em}.document-card small{font-size:8px;letter-spacing:.12em;color:var(--green)}.document-card h3{font-size:20px;line-height:1.25;margin:8px 0}.document-card p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.document-card>b{font-size:16px;font-weight:400}

/* Contact */
.contact{min-height:780px;display:flex;align-items:center;color:white;overflow:hidden}.contact-bg{position:absolute;inset:0}.contact-bg img{width:100%;height:100%;object-fit:cover}.contact-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,28,.94) 0%,rgba(6,21,28,.78) 48%,rgba(6,21,28,.5) 100%)}
.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.contact-copy>p:nth-of-type(2){color:rgba(255,255,255,.65);font-size:16px;line-height:1.75;margin:28px 0}.contact-types{display:flex;flex-wrap:wrap;gap:8px}.contact-types span{font-size:9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 12px;color:rgba(255,255,255,.72)}
.contact-form{background:rgba(12,35,44,.83);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);border-radius:25px;padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;margin-bottom:14px}.contact-form label>span{display:block;font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.55);margin-bottom:7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:white;border-radius:9px;padding:12px 13px;outline:none;font-size:12px}.contact-form select option{color:var(--ink)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px rgba(229,201,142,.1)}.contact-form textarea{resize:vertical}.contact-form .consent{display:flex;gap:10px;align-items:flex-start;margin:17px 0}.contact-form .consent input{width:16px;height:16px;accent-color:var(--gold-2);margin-top:2px}.contact-form .consent span{margin:0;font-size:9px;line-height:1.5}.form-submit{width:100%}.form-status{font-size:10px;color:var(--gold-2);text-align:center;margin:11px 0 0;min-height:16px}

/* Footer */
.footer{background:#06151c;color:white;padding:55px 0 25px}.footer-top{display:grid;grid-template-columns:1fr 1.1fr 90px;align-items:center;gap:70px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.11)}.footer-brand .brand-mark{width:48px;height:48px}.footer-brand b{font-size:15px}.footer-top>p{font-family:var(--serif);font-size:20px;line-height:1.5;color:rgba(255,255,255,.68)}.footer-arrow{width:65px;height:65px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-size:23px}.footer-arrow:hover{background:var(--gold-2);color:var(--ink);border-color:var(--gold-2)}.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;font-size:8px;letter-spacing:.08em;color:rgba(255,255,255,.35)}

/* Lightbox */
.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;background:rgba(3,12,17,.94);padding:50px;color:white;z-index:3000}.lightbox::backdrop{background:rgba(3,12,17,.94)}.lightbox-frame{height:100%;display:grid;place-items:center}.lightbox-frame img{max-height:88vh;max-width:92vw;object-fit:contain;box-shadow:0 20px 70px rgba(0,0,0,.45)}.lightbox-frame p{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.1em;color:rgba(255,255,255,.65)}.lightbox-close{position:fixed;right:25px;top:20px;width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:none;color:white;font-size:28px;cursor:pointer;z-index:3}.lightbox-close:hover{background:white;color:var(--ink)}

/* Responsive */
@media(max-width:1100px){
  .desktop-nav{display:none}.menu-toggle{display:block}.btn-header{display:none}
  .hero-content{align-items:flex-end;padding-bottom:120px}.hero-panel{display:none}.hero-copy{max-width:850px}
  .section-heading{grid-template-columns:1fr;gap:20px}.section-heading p:last-child{max-width:720px}
  .masterplan-layout{grid-template-columns:1fr}.zone-panel{min-height:auto}.plan-visual{min-height:620px}
  .residences-layout{grid-template-columns:1fr}.residence-selector{display:grid;grid-template-columns:repeat(4,1fr)}.residence-option{height:95px;grid-template-columns:35px 1fr}.residence-option>b{display:none}
  .smart-grid{grid-template-columns:1fr;gap:50px}.smart-copy{max-width:760px}.infra-layout{grid-template-columns:1fr}.infra-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:0}.infra-tabs button{min-height:105px;border:1px solid var(--line)}.infra-tabs button.is-active{padding-left:10px}
  .investment-layout{grid-template-columns:1fr}.document-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-copy{max-width:760px}
}
@media(max-width:760px){
  .shell{width:min(100% - 32px,1280px)}.section{padding:82px 0}.site-header{height:72px;padding:0 16px}.site-header .brand b{font-size:10px}.site-header .brand small{font-size:7px}.brand-mark{width:32px;height:32px}.lang-switch{display:none}
  .hero{min-height:760px;height:100vh}.hero-content{padding-top:100px;padding-bottom:110px;align-items:center}.hero h1{font-size:55px}.hero-lead{font-size:14px;margin:24px 0 28px}.hero-cta{flex-direction:column;align-items:flex-start}.hero .btn{width:100%;max-width:320px}.hero-orbit{width:400px;height:400px;right:-250px;top:120px}.hero-footer{bottom:23px}.scroll-cue span{display:none}
  .section-heading h2,.statement h2,.smart-copy h2,.contact-copy h2{font-size:42px}.section-heading p:last-child{font-size:14px}.statement-grid{grid-template-columns:1fr;gap:25px}.statement-label{display:none}.statement-copy>p:last-child{font-size:16px}.thesis-grid{grid-template-columns:1fr}.thesis-card{min-height:270px}.thesis-card h3{margin-top:48px}
  .plan-visual{min-height:490px}.zone-hotspot{width:39px;height:39px}.zone-panel{padding:23px}.zone-description{font-size:19px}.zone-stats{grid-template-columns:1fr 1fr}.zone-stats>div:nth-child(2){border-right:0}.zone-stats>div:nth-child(3){grid-column:1/3;border-top:1px solid rgba(255,255,255,.12)}.radius-strip{grid-template-columns:1fr 1fr}.radius-strip>div:nth-child(2n){border-right:0}.radius-strip>div:last-child{grid-column:1/3;border-top:1px solid rgba(255,255,255,.12)}
  .landmark-card{height:480px;flex-basis:85vw}.landmark-card h3{font-size:25px}.residence-selector{grid-template-columns:1fr 1fr}.residence-stage{grid-template-columns:1fr;min-height:auto}.residence-image{height:580px}.residence-info{min-height:380px}.residence-info h3{font-size:35px}
  .console-body{grid-template-columns:1fr}.floorplan{min-height:390px}.device-panel{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.infra-tabs{grid-template-columns:1fr 1fr}.infra-tabs button:last-child{grid-column:1/3}.infra-stage{height:650px}.infra-overlay{grid-template-columns:1fr}.infra-overlay>p:first-child{grid-column:1}.infra-overlay>p:nth-of-type(2){grid-column:1}.infra-overlay button{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px}
  .investment-kpis{grid-template-columns:1fr 1fr}.investment-kpis>div:nth-child(2n){border-right:0}.investment-kpis>div:last-child{grid-column:1/3;border-top:1px solid rgba(255,255,255,.13)}.phase-tabs{grid-template-columns:1fr 1fr}.phase-detail{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:22px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-arrow{display:none}.footer-bottom{flex-direction:column;gap:8px}.disclaimer{flex-direction:column;gap:8px}.disclaimer b{white-space:normal}
}
@media(max-width:430px){
  .hero h1{font-size:48px}.hero-lead{font-size:13px}.hero-copy{margin-top:35px}.mobile-menu a{font-size:29px}
  .plan-visual{min-height:420px}.residence-image{height:510px}.phase-tabs{grid-template-columns:1fr}.investment-kpis{grid-template-columns:1fr}.investment-kpis>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.investment-kpis>div:last-child{grid-column:1}.infra-stage{height:550px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* ============================================================
   Motion System v2 — cinematic, section-specific interactions
   ============================================================ */
:root{--mx:50%;--my:50%;--section-progress:0}
body.motion-ready{--motion-ready:1}
.scroll-progress-track{position:fixed;left:0;right:0;top:0;height:3px;z-index:5000;background:rgba(255,255,255,.06);pointer-events:none}
.scroll-progress-track span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--gold),var(--gold-2),#7cc8b5);box-shadow:0 0 18px rgba(229,201,142,.45);will-change:transform}
.section-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:850;display:flex;flex-direction:column;gap:9px;mix-blend-mode:difference}
.section-rail a{height:18px;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:white;font-size:8px;letter-spacing:.13em;text-transform:uppercase;opacity:.38;transition:opacity .3s,transform .3s}
.section-rail a i{display:block;width:5px;height:5px;background:currentColor;border-radius:50%;transition:.35s;box-shadow:0 0 0 0 rgba(255,255,255,0)}
.section-rail a span{opacity:0;transform:translateX(8px);transition:.3s;white-space:nowrap}
.section-rail a:hover,.section-rail a.is-active{opacity:1;transform:translateX(-4px)}
.section-rail a:hover span,.section-rail a.is-active span{opacity:1;transform:none}
.section-rail a.is-active i{width:18px;border-radius:99px;box-shadow:0 0 14px rgba(255,255,255,.8)}
.cursor-aura{position:fixed;width:280px;height:280px;left:0;top:0;z-index:20;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(229,201,142,.10),rgba(111,153,174,.045) 38%,transparent 70%);transform:translate3d(-50%,-50%,0);transition:opacity .35s;mix-blend-mode:screen}
body:hover .cursor-aura{opacity:1}

/* entrance choreography */
.page-loader::before,.page-loader::after{content:"";position:absolute;left:8vw;right:8vw;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);animation:loaderLine 1.5s cubic-bezier(.2,.8,.2,1) forwards}
.page-loader::before{top:38%}.page-loader::after{bottom:38%;animation-delay:.18s}
.page-loader.is-hidden{transform:translateY(-2%);filter:blur(5px)}
@keyframes loaderLine{to{transform:scaleX(1)}}
body:not(.motion-ready) .site-header,body:not(.motion-ready) .hero-content,body:not(.motion-ready) .hero-footer{opacity:0}
body.motion-ready .site-header{animation:headerDrop .85s .18s both cubic-bezier(.16,1,.3,1)}
body.motion-ready .hero-copy .eyebrow{animation:heroUp .85s .28s both}
body.motion-ready .hero h1{animation:heroUp 1s .38s both cubic-bezier(.16,1,.3,1)}
body.motion-ready .hero-lead{animation:heroUp .9s .55s both}
body.motion-ready .hero-cta{animation:heroUp .9s .68s both}
body.motion-ready .hero-panel{animation:heroPanelIn 1s .72s both cubic-bezier(.16,1,.3,1)}
body.motion-ready .hero-footer{animation:heroUp .9s .85s both}
@keyframes headerDrop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes heroUp{from{opacity:0;transform:translateY(36px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes heroPanelIn{from{opacity:0;transform:translate3d(35px,30px,0) rotateY(-9deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

/* hero living background */
.hero-slide{will-change:transform,opacity;background-position:calc(50% + var(--hero-x,0px)) calc(50% + var(--hero-y,0px))}
.hero-slide.is-active{animation:heroKenBurns 9s linear both}
.hero-orbit{animation:orbitClock 34s linear infinite;will-change:transform}
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border-radius:50%;background:var(--gold-2);box-shadow:0 0 20px rgba(229,201,142,.75)}
.hero-orbit::before{width:7px;height:7px;top:48%;left:-4px}.hero-orbit::after{width:4px;height:4px;right:14%;top:12%}
.hero-orbit span:nth-child(1){animation:orbitReverse 28s linear infinite}.hero-orbit span:nth-child(2){animation:orbitClock 22s linear infinite}.hero-orbit span:nth-child(3){animation:orbitReverse 16s linear infinite}
.scroll-cue i{animation:scrollBob 1.8s ease-in-out infinite}.panel-kicker span{animation:statusPulse 2s ease-in-out infinite}
.hero-panel{transform-style:preserve-3d;will-change:transform}.hero-panel-grid>div{transition:background .35s,transform .35s}.hero-panel-grid>div:hover{background:rgba(255,255,255,.07);transform:translateZ(15px)}
@keyframes heroKenBurns{0%{transform:scale(1.065)}100%{transform:scale(1.015)}}
@keyframes orbitClock{to{transform:rotate(360deg)}}
@keyframes orbitReverse{to{transform:rotate(-360deg)}}
@keyframes scrollBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes statusPulse{0%,100%{box-shadow:0 0 0 5px rgba(115,185,150,.12)}50%{box-shadow:0 0 0 11px rgba(115,185,150,0)}}

/* upgraded reveals */
.reveal{--reveal-x:0px;--reveal-y:48px;--reveal-rotate:0deg;opacity:0;transform:translate3d(var(--reveal-x),var(--reveal-y),0) rotate(var(--reveal-rotate));filter:blur(8px);transition:opacity .9s ease,transform 1.05s cubic-bezier(.16,1,.3,1),filter .9s ease;will-change:transform,opacity,filter}
.reveal[data-reveal="left"]{--reveal-x:-55px;--reveal-y:0px}.reveal[data-reveal="right"]{--reveal-x:55px;--reveal-y:0px}.reveal[data-reveal="scale"]{--reveal-y:0px;transform:scale(.94);transform-origin:center}.reveal.is-visible{opacity:1;transform:none;filter:none}
.section{isolation:isolate}.section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(207,173,111,.075),transparent 35%);transition:opacity .8s}
.section.is-inview::after{opacity:1}.section-heading .eyebrow{position:relative;display:inline-block}.section-heading .eyebrow::after{content:"";position:absolute;left:0;bottom:-9px;width:54px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 1s .35s cubic-bezier(.16,1,.3,1)}
.section-heading.is-visible .eyebrow::after{transform:scaleX(1)}

/* vision */
.statement-grid{position:relative}.statement-grid::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;background:linear-gradient(90deg,var(--gold),var(--green),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.statement.is-inview .statement-grid::before{transform:scaleX(1)}
.thesis-card{transform-style:preserve-3d;will-change:transform;--spot-x:50%;--spot-y:50%}.thesis-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--spot-x) var(--spot-y),rgba(229,201,142,.20),transparent 70%);opacity:0;transition:opacity .3s}.thesis-card:hover::after{opacity:1}.thesis-card .thesis-icon{transition:transform .55s cubic-bezier(.16,1,.3,1),background .4s}.thesis-card:hover .thesis-icon{transform:rotate(45deg) scale(1.08);background:var(--gold-2)}

/* masterplan animation */
.plan-visual{transform-style:preserve-3d;--plan-scale:1}.plan-visual>img{transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .8s;transform:scale(var(--plan-scale));will-change:transform}.plan-visual:hover{--plan-scale:1.025}.plan-visual::before,.plan-visual::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(229,201,142,.32);border-radius:50%;z-index:2;pointer-events:none;transform:translate(-50%,-50%);animation:planRing 18s linear infinite}.plan-visual::before{width:54%;aspect-ratio:1}.plan-visual::after{width:72%;aspect-ratio:1;animation-direction:reverse;animation-duration:26s;border-style:dashed}.zone-hotspot::before{content:"";position:absolute;inset:-7px;border:1px solid rgba(229,201,142,.55);border-radius:50%;opacity:0;animation:hotspotPing 2.4s ease-out infinite}.zone-hotspot.is-active::before{opacity:1}.zone-hotspot{animation:hotspotFloat 3.8s ease-in-out infinite}.zone-hotspot:nth-of-type(2){animation-delay:-.7s}.zone-hotspot:nth-of-type(3){animation-delay:-1.4s}.zone-hotspot:nth-of-type(4){animation-delay:-2.1s}.zone-hotspot:nth-of-type(5){animation-delay:-2.8s}.zone-panel.is-switching>*{animation:panelSwap .5s cubic-bezier(.16,1,.3,1) both}.radius-strip>div{position:relative;overflow:hidden}.radius-strip>div::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--gold-2);transform:scaleX(0);transition:transform .45s}.radius-strip>div:hover::after{transform:scaleX(1)}
@keyframes planRing{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hotspotPing{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.65);opacity:0}}
@keyframes hotspotFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes panelSwap{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}

/* landmark rail */
.landmark-rail{cursor:grab;scroll-snap-type:x mandatory}.landmark-rail.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}.landmark-card{scroll-snap-align:center;transform-style:preserve-3d;--card-progress:0}.landmark-card img{transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .6s;transform:scale(1.055)}.landmark-card:hover img{transform:scale(1.11)}.landmark-card>div{transition:transform .65s cubic-bezier(.16,1,.3,1)}.landmark-card:hover>div{transform:translateY(-8px)}.rail-controls button{position:relative;overflow:hidden}.rail-controls button::after{content:"";position:absolute;inset:0;background:var(--gold-2);transform:scale(0);border-radius:50%;transition:.35s}.rail-controls button:hover::after{transform:scale(1)}.rail-controls button{z-index:1}.rail-controls button::first-letter{position:relative;z-index:2}

/* residences */
.residence-stage{overflow:hidden;position:relative}.residence-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.38) 48%,transparent 62%);transform:translateX(-130%);z-index:4;pointer-events:none}.residence-stage.is-switching::before{animation:residenceSweep .85s ease}.residence-stage.is-switching .residence-image img{animation:imageSwap .72s cubic-bezier(.16,1,.3,1)}.residence-stage.is-switching .residence-info>div{animation:infoSwap .65s .08s both cubic-bezier(.16,1,.3,1)}.residence-option{position:relative;overflow:hidden}.residence-option::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(207,173,111,.22);left:var(--click-x,50%);top:var(--click-y,50%);transform:translate(-50%,-50%) scale(0);pointer-events:none}.residence-option.is-rippling::after{animation:ripple .65s ease-out}.residence-option.is-active span{animation:optionPulse 2.2s ease-in-out infinite}
@keyframes residenceSweep{to{transform:translateX(130%)}}
@keyframes imageSwap{0%{opacity:.2;transform:scale(1.08) translateX(18px)}100%{opacity:1;transform:none}}
@keyframes infoSwap{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ripple{to{transform:translate(-50%,-50%) scale(35);opacity:0}}
@keyframes optionPulse{0%,100%{box-shadow:0 0 0 0 rgba(207,173,111,.2)}50%{box-shadow:0 0 0 8px rgba(207,173,111,0)}}

/* smart console boot & ambient */
.smart-console{position:relative;overflow:hidden}.smart-console::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 49%,rgba(115,185,150,.055) 50%);background-size:100% 5px;opacity:.35;animation:scanLines 8s linear infinite}.smart-console.is-booting .console-top,.smart-console.is-booting .console-tabs,.smart-console.is-booting .console-body{animation:consoleBoot .8s both cubic-bezier(.16,1,.3,1)}.smart-console.is-booting .console-tabs{animation-delay:.15s}.smart-console.is-booting .console-body{animation-delay:.28s}.status-dot{animation:statusPulse 1.8s infinite}.room{transition:transform .35s,filter .35s,background .35s}.room:hover{transform:translateY(-3px);filter:brightness(1.1)}.room.is-on{animation:roomGlow 2.3s ease-in-out infinite}.device-panel>div,.device-toggles button{transition:transform .35s,background .35s}.device-panel>div:hover,.device-toggles button:hover{transform:translateX(4px)}
@keyframes scanLines{to{background-position:0 80px}}
@keyframes consoleBoot{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes roomGlow{0%,100%{box-shadow:inset 0 0 0 rgba(229,201,142,0)}50%{box-shadow:inset 0 0 28px rgba(229,201,142,.18)}}

/* infrastructure */
.infra-stage{overflow:hidden;isolation:isolate}.infra-stage>img{transition:opacity .55s,transform 1.2s cubic-bezier(.16,1,.3,1),filter .65s;transform:scale(1.02);will-change:transform}.infra-stage.is-switching>img{opacity:.15;transform:scale(1.09);filter:blur(7px)}.infra-stage.is-switching .infra-overlay>*{animation:infraSwap .65s .12s both cubic-bezier(.16,1,.3,1)}.infra-stage::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 180deg at 50% 50%,transparent,rgba(111,153,174,.09),transparent 30%);animation:infraRadar 18s linear infinite;z-index:1;pointer-events:none}.infra-tabs button{position:relative;overflow:hidden}.infra-tabs button::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s}.infra-tabs button.is-active::after{transform:scaleX(1)}
@keyframes infraSwap{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes infraRadar{to{transform:rotate(360deg)}}

/* investment */
.investment-kpis>div{position:relative;overflow:hidden;transition:background .35s,transform .35s}.investment-kpis>div::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--kpi-progress,0%);background:linear-gradient(90deg,var(--gold),#76b99a);transition:width 1.4s .35s cubic-bezier(.16,1,.3,1)}.investment-kpis.is-visible>div:nth-child(1){--kpi-progress:82%}.investment-kpis.is-visible>div:nth-child(2){--kpi-progress:76%}.investment-kpis.is-visible>div:nth-child(3){--kpi-progress:62%}.investment-kpis.is-visible>div:nth-child(4){--kpi-progress:64%}.investment-kpis.is-visible>div:nth-child(5){--kpi-progress:51%}.investment-kpis>div:hover{transform:translateY(-6px);background:rgba(255,255,255,.045)}.investment-kpis strong{display:inline-block}.investment-kpis.is-visible strong{animation:kpiPop .7s both cubic-bezier(.16,1,.3,1)}.phase-panel.is-switching .phase-detail>*{animation:phaseSwap .58s both cubic-bezier(.16,1,.3,1)}.phase-tabs button{overflow:hidden}.phase-tabs button::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--gold-2);transform:scaleX(0);transform-origin:left;transition:transform .45s}.phase-tabs button.is-active::after{transform:scaleX(1)}.platform{transition:transform .35s,background .35s,border-color .35s}.platform:hover{transform:translateX(7px)}.model-note.is-switching{animation:phaseSwap .5s both}
@keyframes kpiPop{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.06)}100%{opacity:1;transform:none}}
@keyframes phaseSwap{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

/* data room */
.document-card{--spot-x:50%;--spot-y:50%;position:relative;overflow:hidden;transform-style:preserve-3d}.document-card::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--spot-x) var(--spot-y),rgba(207,173,111,.18),transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}.document-card:hover::before{opacity:1}.document-card>span{transition:transform .55s cubic-bezier(.16,1,.3,1),background .35s}.document-card:hover>span{transform:rotate(360deg);background:var(--green)}.document-card>b{transition:transform .35s}.document-card:hover>b{transform:translate(4px,-4px)}

/* contact */
.contact-bg img{will-change:transform;transform:scale(1.08) translateY(var(--contact-parallax,0px))}.contact::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 78% 52%,rgba(229,201,142,.12),transparent 30%);animation:contactGlow 7s ease-in-out infinite}.contact-types span{opacity:0;transform:translateY(10px);transition:.5s cubic-bezier(.16,1,.3,1)}.contact-copy.is-visible .contact-types span{opacity:1;transform:none}.contact-copy.is-visible .contact-types span:nth-child(2){transition-delay:.08s}.contact-copy.is-visible .contact-types span:nth-child(3){transition-delay:.16s}.contact-copy.is-visible .contact-types span:nth-child(4){transition-delay:.24s}.contact-copy.is-visible .contact-types span:nth-child(5){transition-delay:.32s}.contact-form label{opacity:0;transform:translateY(11px);transition:.5s cubic-bezier(.16,1,.3,1)}.contact-form.is-visible label{opacity:1;transform:none}.contact-form.is-visible label:nth-of-type(2){transition-delay:.08s}.contact-form.is-visible label:nth-of-type(3){transition-delay:.16s}.contact-form.is-visible label:nth-of-type(4){transition-delay:.24s}.contact-form.is-visible label:nth-of-type(5){transition-delay:.32s}.contact-form input,.contact-form select,.contact-form textarea{transition:border-color .3s,box-shadow .3s,background .3s,transform .3s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{transform:translateY(-2px);background:rgba(255,255,255,.085)}
@keyframes contactGlow{0%,100%{opacity:.55}50%{opacity:1}}

/* buttons and magnetic feedback */
.btn,.expand-button,.footer-arrow,.rail-controls button,.zone-nav button{will-change:transform}.btn::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid currentColor;opacity:0;transform:scale(.85);transition:.35s}.btn{position:relative;overflow:hidden}.btn:hover::after{opacity:.25;transform:scale(1)}

/* lightbox */
.lightbox[open]{animation:dialogIn .35s both}.lightbox[open] .lightbox-frame img{animation:lightboxImageIn .65s both cubic-bezier(.16,1,.3,1)}
@keyframes dialogIn{from{opacity:0}to{opacity:1}}
@keyframes lightboxImageIn{from{opacity:0;transform:scale(.92);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

/* footer */
.footer .brand-mark{animation:orbitClock 24s linear infinite}.footer-arrow{animation:footerPulse 2.8s ease-in-out infinite}
@keyframes footerPulse{0%,100%{box-shadow:0 0 0 0 rgba(229,201,142,.18)}50%{box-shadow:0 0 0 12px rgba(229,201,142,0)}}

@media(max-width:1100px){.section-rail{display:none}.cursor-aura{display:none}}
@media(pointer:coarse){.cursor-aura{display:none}.thesis-card,.document-card,.hero-panel{transform:none!important}}
@media(prefers-reduced-motion:reduce){
  .scroll-progress-track,.section-rail,.cursor-aura{display:none!important}
  .hero-slide.is-active,.hero-orbit,.hero-orbit span,.zone-hotspot,.plan-visual::before,.plan-visual::after,.smart-console::after,.infra-stage::before,.footer .brand-mark,.footer-arrow{animation:none!important}
  .reveal,.contact-types span,.contact-form label{opacity:1!important;transform:none!important;filter:none!important}
}

/* =====================================================================
   REV.03 — International investor, technical explorer and governance UI
   ===================================================================== */
.locale-compact{display:flex;align-items:center}
.locale-compact select{height:36px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;padding:0 28px 0 12px;font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer}
.locale-compact select option{color:var(--ink);background:#fff}
.global-tools-button{height:36px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.06);color:white;padding:0 13px;font-size:9px;font-weight:800;letter-spacing:.12em;cursor:pointer}
.global-tools{position:fixed;top:82px;right:24px;width:min(380px,calc(100vw - 32px));z-index:1200;background:rgba(8,27,36,.97);color:white;border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.42);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-12px) scale(.97);transition:.3s ease}
.global-tools.is-open{opacity:1;visibility:visible;transform:none}
.global-tools-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:19px}.global-tools-head small{font-size:9px;letter-spacing:.18em;color:var(--gold-2)}.global-tools-head h3{font-family:var(--serif);font-size:24px;margin:3px 0 0}.global-tools-head button{border:0;background:rgba(255,255,255,.08);color:white;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:22px}
.global-tools label{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}.global-tools label span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.58)}.global-tools select{width:100%;height:40px;border:1px solid rgba(255,255,255,.14);background:#102c38;color:white;border-radius:10px;padding:0 10px}.global-tools select option{background:white;color:#111}
.global-readout{margin-top:16px;padding:17px;border-radius:15px;background:rgba(207,173,111,.1);border:1px solid rgba(207,173,111,.24)}.global-readout small{display:block;color:var(--gold-2);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.global-readout strong{font-size:30px;display:block;margin-top:3px}.global-readout p{font-size:10px;color:rgba(255,255,255,.55);margin:4px 0 0}
.rtl-mode{font-family:"DM Sans",Arial,sans-serif}.rtl-mode .section-heading,.rtl-mode .statement-grid,.rtl-mode .contact-grid{direction:rtl}.rtl-mode .eyebrow{letter-spacing:.05em}

/* Advanced masterplan explorer */
.technical-explorer{margin-top:42px;border:1px solid rgba(255,255,255,.15);background:#0d2733;border-radius:30px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.explorer-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.explorer-head .eyebrow{margin-bottom:8px}.explorer-head h3{font-family:var(--serif);font-size:32px;margin:0;font-weight:500}.map-controls{display:flex;gap:8px}.map-controls button{height:38px;min-width:38px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:white;border-radius:999px;padding:0 12px;cursor:pointer}.map-controls button:hover{background:var(--gold-2);color:var(--ink)}
.layer-tabs{display:flex;gap:8px;overflow:auto;padding:20px 0 16px;scrollbar-width:none}.layer-tabs::-webkit-scrollbar{display:none}.layer-tabs button{white-space:nowrap;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.68);padding:9px 13px;border-radius:999px;font-size:10px;letter-spacing:.06em;cursor:pointer}.layer-tabs button.is-active,.layer-tabs button:hover{background:var(--gold-2);border-color:var(--gold-2);color:var(--ink)}
.explorer-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.map-viewport{height:660px;position:relative;overflow:hidden;border-radius:22px;background:#06161d;cursor:grab;touch-action:none}.map-viewport.is-dragging{cursor:grabbing}.map-transform{width:100%;height:100%;position:relative;transform-origin:center;will-change:transform}.map-transform>img{width:100%;height:100%;object-fit:contain;background:#f5f1e8;transition:opacity .3s,filter .3s}.map-transform>img.is-changing{opacity:.18;filter:blur(8px)}.map-gesture-hint{position:absolute;left:16px;bottom:14px;z-index:6;background:rgba(7,24,31,.82);border:1px solid rgba(255,255,255,.16);padding:7px 11px;border-radius:999px;font-size:9px;color:rgba(255,255,255,.75);pointer-events:none}
.map-landmark{position:absolute;width:29px;height:29px;border-radius:50%;border:2px solid white;background:var(--gold);color:var(--ink);font-size:10px;font-weight:800;box-shadow:0 5px 18px rgba(0,0,0,.28);cursor:pointer;transform:translate(-50%,-50%);z-index:4;transition:.25s}.map-landmark:hover,.map-landmark.is-active{background:#fff;transform:translate(-50%,-50%) scale(1.22);box-shadow:0 0 0 7px rgba(207,173,111,.24)}
.h-mosque{left:50%;top:44%}.h-civic{left:40%;top:36%}.h-school{left:61%;top:33%}.h-university{left:65%;top:48%}.h-hospital{left:34%;top:53%}.h-sports{left:50%;top:67%}.h-market{left:76%;top:24%}.h-transit{left:22%;top:62%}
.landmark-inspector{border-radius:22px;background:linear-gradient(160deg,#173844,#0b1e28);border:1px solid rgba(255,255,255,.14);padding:24px;display:flex;flex-direction:column}.landmark-inspector>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold-2);color:var(--ink);font-weight:800}.landmark-inspector>small{font-size:9px;letter-spacing:.12em;color:var(--gold-2);margin-top:22px}.landmark-inspector h3{font-family:var(--serif);font-size:31px;line-height:1.1;margin:6px 0 12px}.landmark-inspector>p{color:rgba(255,255,255,.66);font-size:13px}.landmark-inspector dl{margin:12px 0 22px}.landmark-inspector dl div{padding:11px 0;border-top:1px solid rgba(255,255,255,.12)}.landmark-inspector dt{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.45)}.landmark-inspector dd{margin:3px 0 0;font-size:12px}.landmark-inspector .btn{margin-top:auto}

/* Immersive experience */
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.experience-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:0 18px 45px rgba(14,35,44,.08);overflow:hidden}.card-head{display:flex;align-items:center;gap:13px;margin-bottom:15px}.card-head>span:first-child{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:10px;color:var(--green)}.card-head div{flex:1}.card-head small{font-size:9px;letter-spacing:.14em;color:var(--green)}.card-head h3{font-family:var(--serif);font-size:25px;margin:1px 0 0}.experience-card>p{font-size:12px;color:var(--muted);margin:14px 4px 2px}.compare-stage,.day-night-stage,.panorama-viewport,.twin-screen{height:390px;border-radius:20px;overflow:hidden;position:relative;background:#0a1d26}.compare-stage img,.day-night-stage img{width:100%;height:100%;object-fit:cover}.compare-base{filter:saturate(.45) contrast(.9) brightness(.85)}.compare-after{position:absolute;left:0;top:0;bottom:0;overflow:hidden;border-right:2px solid white}.compare-after img{height:100%;width:calc(100vw / 2);max-width:none;object-fit:cover}.compare-stage input{position:absolute;inset:0;width:100%;height:100%;opacity:.001;cursor:ew-resize;margin:0}.compare-label{position:absolute;top:15px;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;background:rgba(7,23,31,.78);color:white}.compare-label.before{left:14px}.compare-label.after{right:14px}.mode-toggle{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;cursor:pointer}.mode-toggle i{width:22px;height:12px;background:var(--gold);border-radius:999px;position:relative}.mode-toggle i::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:white;top:2px;left:2px;transition:.25s}.mode-toggle.is-night i::after{left:12px}.mode-toggle b{font-size:8px;letter-spacing:.08em}.day-night-stage img{transition:opacity .35s,transform .7s}.day-night-stage img.is-changing{opacity:.15;transform:scale(1.07)}
.panorama-viewport{cursor:ew-resize;touch-action:none}.panorama-viewport img{height:100%;width:145%;max-width:none;object-fit:cover;will-change:transform}.panorama-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(7,23,31,.8);color:white;border-radius:999px;padding:7px 13px;font-size:9px;pointer-events:none}.twin-screen>img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.85)}.twin-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,24,.25),rgba(5,18,24,.8));pointer-events:none}.twin-metrics{position:absolute;right:15px;top:15px;bottom:15px;width:47%;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px}.twin-metrics div{background:rgba(12,34,45,.82);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px;color:white}.twin-metrics small{font-size:8px;color:rgba(255,255,255,.58);display:block}.twin-metrics b{font-size:20px;display:block;margin-top:5px}.live-pill{margin-left:auto!important;width:auto!important;height:auto!important;border:0!important;background:#4a8d6d!important;color:white!important;padding:6px 9px;border-radius:999px!important;font-size:8px!important}

/* Financial room */
.financial-room{margin-top:42px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(145deg,#102c38,#07171f);padding:30px}.financial-head{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:50px;margin-bottom:26px}.financial-head .eyebrow{margin-bottom:8px}.financial-head h3{font-family:var(--serif);font-size:36px;line-height:1.1;margin:0}.financial-head>p{color:rgba(255,255,255,.55);font-size:12px;margin:0}.calculator-grid{display:grid;grid-template-columns:.95fr 1.2fr;gap:22px}.investment-calculator,.calculator-results{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:22px}.investment-calculator label{display:block;margin-bottom:17px}.investment-calculator label>span{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.52);margin-bottom:7px}.investment-calculator input,.investment-calculator select{width:100%;height:45px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#102e3a;color:white;padding:0 12px}.investment-calculator input[type=range]{padding:0;height:6px;accent-color:var(--gold-2)}.investment-calculator output{font-size:11px;color:var(--gold-2);display:block;margin-top:7px}.money-input{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:10px;overflow:hidden}.money-input b{width:58px;display:grid;place-items:center;background:rgba(207,173,111,.14);font-size:11px;color:var(--gold-2)}.money-input input{border:0;border-radius:0}.calculator-results{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.1);padding:1px;overflow:hidden}.calculator-results>div:not(.calculator-actions){background:#0e2935;padding:20px}.calculator-results small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.48)}.calculator-results strong{display:block;font-size:25px;margin-top:6px;color:var(--gold-2)}.calculator-actions{grid-column:1/-1;display:flex;gap:10px;padding:20px;background:#0e2935}.calculator-actions .btn-ghost{border-color:rgba(255,255,255,.25)}

/* Controlled data room */
.data-room-gate{border:1px solid var(--line);border-radius:28px;background:#f3eee3;padding:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center;margin-bottom:28px}.data-room-gate>div{display:flex;gap:17px;align-items:center}.lock-orbit{width:58px;height:58px;min-width:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:25px;color:var(--green)}.data-room-gate small{font-size:9px;letter-spacing:.14em;color:var(--green)}.data-room-gate h3{font-family:var(--serif);font-size:28px;margin:2px 0}.data-room-gate p{font-size:12px;color:var(--muted);margin:0}.data-room-gate form{display:flex;gap:8px}.data-room-gate input{flex:1;min-width:0;border:1px solid var(--line);height:48px;border-radius:999px;padding:0 17px;background:white}.data-room-gate .access-status{grid-column:1/-1;border-top:1px solid var(--line);padding-top:13px}.document-card[data-access=controlled]{position:relative}.document-card[data-access=controlled]::after{content:"CONTROLLED";position:absolute;right:12px;top:12px;background:#0b1e28;color:white;border-radius:999px;font-size:8px;letter-spacing:.09em;padding:5px 8px}.data-room:not(.is-unlocked) .document-card[data-access=controlled]{filter:grayscale(.6);opacity:.62}.data-room:not(.is-unlocked) .document-card[data-access=controlled]::before{content:"LOCKED";opacity:1;background:rgba(11,30,40,.64);display:grid;place-items:center;color:white;font-size:10px;letter-spacing:.14em;z-index:4}.controlled-doc{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.data-room-log{margin-top:24px;border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:250px 1fr auto;gap:24px;align-items:start}.data-room-log small{font-size:9px;letter-spacing:.12em;color:var(--green)}.data-room-log h3{font-family:var(--serif);font-size:25px;margin:2px 0}.data-room-log ol{margin:0;padding:0;list-style:none}.data-room-log li{display:flex;gap:14px;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px}.data-room-log time{color:var(--muted);min-width:145px}.data-room-log .btn{border-color:var(--line);background:white}

/* Trust and governance */
.trust-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust-card{background:var(--paper);border:1px solid var(--line);border-radius:23px;padding:22px;min-height:300px;display:flex;flex-direction:column}.trust-card>span{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px;color:var(--green)}.trust-card small{font-size:8px;letter-spacing:.12em;color:var(--green);margin-top:25px}.trust-card h3{font-family:var(--serif);font-size:24px;line-height:1.15;margin:6px 0 10px}.trust-card p{font-size:12px;color:var(--muted);margin:0}.status-pill{margin-top:auto;align-self:flex-start;border-radius:999px;padding:6px 9px;font-size:8px;letter-spacing:.08em}.status-progress{background:#f1e4c7;color:#74551d}.status-ready{background:#dcebe3;color:#315f52}.status-next{background:#dce7ed;color:#365f73}.governance-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:22px}.governance-panel,.permit-roadmap{background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:26px}.governance-panel .eyebrow,.permit-roadmap .eyebrow{margin-bottom:7px}.governance-panel h3{font-family:var(--serif);font-size:30px;line-height:1.15;margin:0 0 20px}.governance-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.governance-flow span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:9px;font-weight:700}.governance-flow i{font-style:normal;color:var(--gold)}.governance-panel ul{padding-left:18px;font-size:12px;color:var(--muted)}.permit-roadmap ol{list-style:none;padding:0;margin:0}.permit-roadmap li{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.permit-roadmap li b{width:31px;height:31px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:9px}.permit-roadmap li span{font-size:12px;font-weight:700}.permit-roadmap li small{font-size:9px;color:var(--muted)}.partner-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:22px;padding:17px;border-radius:18px;background:var(--green);color:white}.partner-strip span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-right:8px;color:var(--gold-2)}.partner-strip b{font-size:9px;font-weight:600;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 9px}

/* Investor conversion enhancements */
.conversion-actions{display:flex;gap:8px;flex-wrap:wrap}.conversion-actions button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:white;border-radius:999px;padding:8px 11px;font-size:9px;cursor:pointer}.conversion-actions button:hover{background:var(--gold-2);color:var(--ink)}.meeting-preview{font-size:10px;color:rgba(255,255,255,.56);margin:10px 0 0}.footer-bottom a{color:var(--gold-2)}
.noscript{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;background:#8d2c2c;color:white;padding:12px;text-align:center;border-radius:10px}.install-banner{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1800;background:#0b1e28;color:white;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 10px 9px 17px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:flex;align-items:center;gap:13px;font-size:11px}.install-banner button{border:0;border-radius:999px;background:var(--gold-2);padding:7px 12px;color:var(--ink);cursor:pointer}.install-banner button:last-child{width:29px;height:29px;padding:0;background:rgba(255,255,255,.09);color:white}

@media(max-width:1180px){
  .global-tools-button{display:none}.explorer-grid{grid-template-columns:1fr}.landmark-inspector{display:grid;grid-template-columns:50px 1fr;column-gap:17px}.landmark-inspector>small,.landmark-inspector h3,.landmark-inspector>p,.landmark-inspector dl,.landmark-inspector .btn{grid-column:2}.map-viewport{height:620px}.trust-status-grid{grid-template-columns:1fr 1fr}.data-room-gate{grid-template-columns:1fr}.data-room-gate .access-status{grid-column:auto}
}
@media(max-width:800px){
  .locale-compact{display:none}.global-tools-button{display:none}.technical-explorer{padding:15px;border-radius:22px}.explorer-head{align-items:start;flex-direction:column}.explorer-head h3{font-size:26px}.map-viewport{height:470px}.landmark-inspector{display:flex}.landmark-inspector>*{grid-column:auto!important}.experience-grid,.calculator-grid,.financial-head,.governance-grid{grid-template-columns:1fr}.compare-stage,.day-night-stage,.panorama-viewport,.twin-screen{height:300px}.twin-metrics{width:58%}.financial-room{padding:18px}.calculator-results{grid-template-columns:1fr}.calculator-actions{grid-column:auto;flex-direction:column}.data-room-gate form{flex-direction:column}.data-room-log{grid-template-columns:1fr}.trust-status-grid{grid-template-columns:1fr}.permit-roadmap li{grid-template-columns:36px 1fr}.permit-roadmap li small{grid-column:2}.global-tools{right:12px;top:72px}.map-landmark{width:25px;height:25px}.experience-card{padding:13px}
}
@media(max-width:520px){.map-viewport{height:370px}.compare-after img{width:800px}.twin-metrics{inset:12px;width:auto;grid-template-columns:1fr 1fr}.data-room-log li{flex-direction:column;gap:2px}.data-room-log time{min-width:0}.partner-strip{align-items:flex-start}.map-controls{width:100%}.map-controls button{flex:1}}
.footer-legal{display:flex;gap:14px;flex-wrap:wrap}.consent-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:1900;max-width:900px;margin:auto;background:#07171f;color:white;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:16px 18px;box-shadow:0 24px 80px rgba(0,0,0,.42);display:flex;align-items:center;gap:12px}.consent-banner div{flex:1}.consent-banner b{font-family:var(--serif);font-size:18px}.consent-banner p{font-size:10px;color:rgba(255,255,255,.58);margin:3px 0}.consent-banner button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:white;border-radius:999px;padding:8px 12px;font-size:9px;cursor:pointer}.consent-banner button:last-child{background:var(--gold-2);color:var(--ink)}@media(max-width:700px){.consent-banner{flex-wrap:wrap}.consent-banner div{flex-basis:100%}}


/* =====================================================================
   REV.04 — Founder-aligned data, precise technical boards and status UI
   ===================================================================== */
.hero-status-ribbon{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);z-index:5;width:min(1280px,calc(100% - 64px));display:flex;align-items:center;gap:15px;padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,23,31,.72);backdrop-filter:blur(16px);font-size:8px;letter-spacing:.105em;color:rgba(255,255,255,.62);white-space:nowrap}
.hero-status-ribbon b{color:#fff}.hero-status-ribbon .status-dot{width:7px;height:7px;border-radius:50%;background:#83c6a5;box-shadow:0 0 0 5px rgba(131,198,165,.12)}
.metric-range{font-size:20px!important;letter-spacing:-.04em!important}
.baseline{overflow:hidden}.baseline::before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(49,95,82,.12);border-radius:50%;right:-260px;top:-180px;box-shadow:inset 0 0 0 85px rgba(49,95,82,.025),inset 0 0 0 170px rgba(49,95,82,.02);pointer-events:none}
.baseline-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;position:relative;z-index:1}.baseline-document{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:27px;padding:19px;box-shadow:0 20px 50px rgba(14,35,44,.07)}.baseline-document img{width:190px;aspect-ratio:1/1.414;object-fit:cover;border-radius:12px;box-shadow:0 13px 30px rgba(0,0,0,.13)}.baseline-document small{font-size:9px;letter-spacing:.15em;color:var(--green)}.baseline-document h3{font-family:var(--serif);font-size:32px;line-height:1.05;margin:7px 0 13px}.baseline-document p{font-size:12px;color:var(--muted)}.baseline-document a{display:inline-flex;margin-top:12px;font-size:10px;font-weight:800;color:var(--green);border-bottom:1px solid rgba(49,95,82,.35)}
.decision-matrix{display:grid;border:1px solid var(--line);border-radius:27px;overflow:hidden;background:#fff}.decision-row{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:15px;padding:15px 18px;border-bottom:1px solid var(--line)}.decision-row:last-child{border-bottom:0}.decision-row span{justify-self:start;padding:6px 8px;border-radius:999px;font-size:7.5px;letter-spacing:.09em;font-weight:800}.decision-row b{font-size:11px;line-height:1.45}.decision-approved{background:#dcebe3;color:#315f52}.decision-indicative{background:#f1e4c7;color:#74551d}.decision-pending{background:#f3dcdc;color:#833f3f}.decision-next{background:#dce7ed;color:#365f73}
.founder-metrics{display:grid;grid-template-columns:repeat(6,1fr);margin-top:24px;border:1px solid var(--line);border-radius:23px;overflow:hidden;background:#fff}.founder-metrics>div{padding:20px 15px;border-right:1px solid var(--line)}.founder-metrics>div:last-child{border-right:0}.founder-metrics small{display:block;font-size:7px;letter-spacing:.12em;color:var(--green)}.founder-metrics b{display:block;font-family:var(--serif);font-size:25px;margin:5px 0}.founder-metrics span{display:block;font-size:9px;line-height:1.45;color:var(--muted)}
.concept-visual-badge{position:absolute;left:18px;top:18px;z-index:4;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(7,23,31,.76);backdrop-filter:blur(10px);color:#fff;padding:7px 10px;font-size:7px;letter-spacing:.11em}
.plan-visual>img{object-position:center}.radius-strip{grid-template-columns:repeat(6,1fr)}.radius-strip .infra-radius{background:rgba(229,201,142,.07)}
.explorer-status-note{max-width:760px;margin:8px 0 0;font-size:10px;line-height:1.55;color:rgba(255,255,255,.52)}.map-transform img{object-fit:contain!important;background:#f5f2e9}.map-viewport{background:#f5f2e9}.map-layer-image{width:100%;height:100%;object-fit:contain}
.housing-price-note{margin-top:24px;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;padding:17px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}.housing-price-note b{font-size:8px;letter-spacing:.11em;color:#74551d}.housing-price-note span{font-size:11px;font-weight:700}.housing-price-note small{grid-column:2;font-size:9px;color:var(--muted)}
.simulation-badge{position:absolute;right:20px;top:18px;z-index:6;background:#f1e4c7;color:#74551d;border-radius:999px;padding:7px 10px;font-size:7px;letter-spacing:.1em;font-weight:800}.smart-console{position:relative}
.engineering-status{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:22px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.15)}.engineering-status>div{background:#0b202a;padding:17px 19px}.engineering-status b{display:block;color:var(--gold-2);font-size:8px;letter-spacing:.11em}.engineering-status span{display:block;color:rgba(255,255,255,.61);font-size:10px;line-height:1.55;margin-top:5px}.infra-stage>img{object-fit:contain;background:#f6f3eb}.infra-stage .infra-overlay{background:linear-gradient(0deg,rgba(7,23,31,.96),rgba(7,23,31,.1) 68%)}
.compare-after{background:#f5f2e9}.compare-after img{object-fit:contain;background:#f5f2e9}.twin-screen>img{width:100%;height:100%;object-fit:contain;background:#f5f2e9;filter:brightness(.68) saturate(.9)}.live-pill{white-space:nowrap}
.prefs-disclosure{margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:24px 27px;border-radius:22px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045)}.prefs-disclosure small{font-size:8px;letter-spacing:.12em;color:var(--gold-2)}.prefs-disclosure h3{font-family:var(--serif);font-size:24px;line-height:1.25;margin:5px 0}.prefs-disclosure p{font-size:10px;line-height:1.55;color:rgba(255,255,255,.56);margin:0}.prefs-disclosure .btn{border-color:rgba(255,255,255,.28);color:#fff}
.source-register{margin-top:24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:19px;border:1px solid var(--line);border-radius:20px;background:#fff}.source-register>div{flex:1 1 300px}.source-register small{font-size:8px;letter-spacing:.12em;color:var(--green)}.source-register h3{font-family:var(--serif);font-size:21px;line-height:1.2;margin:4px 0}.source-register>a{font-size:8px;font-weight:750;border:1px solid var(--line);border-radius:999px;padding:8px 10px;color:var(--green);transition:.25s}.source-register>a:hover{background:var(--green);color:#fff}
@media(max-width:1100px){.founder-metrics{grid-template-columns:repeat(3,1fr)}.founder-metrics>div:nth-child(3){border-right:0}.founder-metrics>div:nth-child(-n+3){border-bottom:1px solid var(--line)}.radius-strip{grid-template-columns:repeat(3,1fr)}.radius-strip>div:nth-child(3n){border-right:0}}
@media(max-width:800px){.hero-status-ribbon{left:16px;right:16px;bottom:69px;transform:none;width:auto;overflow:auto;scrollbar-width:none}.hero-status-ribbon::-webkit-scrollbar{display:none}.baseline-layout{grid-template-columns:1fr}.baseline-document{grid-template-columns:120px 1fr}.baseline-document img{width:120px}.founder-metrics{grid-template-columns:1fr 1fr}.founder-metrics>div{border-bottom:1px solid var(--line)}.founder-metrics>div:nth-child(odd){border-right:1px solid var(--line)}.founder-metrics>div:nth-child(even){border-right:0}.founder-metrics>div:nth-last-child(-n+2){border-bottom:0}.radius-strip{grid-template-columns:1fr 1fr}.radius-strip>div:nth-child(3n){border-right:1px solid rgba(255,255,255,.12)}.radius-strip>div:nth-child(2n){border-right:0}.radius-strip>div:last-child{grid-column:auto}.housing-price-note,.engineering-status,.prefs-disclosure{grid-template-columns:1fr}.housing-price-note small{grid-column:1}.prefs-disclosure .btn{justify-self:start}.source-register{align-items:flex-start}}
@media(max-width:520px){.hero-status-ribbon{font-size:7px;gap:10px}.baseline-document{grid-template-columns:1fr}.baseline-document img{width:100%;max-height:320px;object-fit:contain;background:#f5f2e9}.decision-row{grid-template-columns:1fr}.founder-metrics{grid-template-columns:1fr}.founder-metrics>div,.founder-metrics>div:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.founder-metrics>div:last-child{border-bottom:0}.concept-visual-badge{font-size:6.5px;max-width:calc(100% - 36px)}.explorer-status-note{font-size:9px}.radius-strip{grid-template-columns:1fr}.radius-strip>div,.radius-strip>div:nth-child(2n),.radius-strip>div:nth-child(3n){border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.radius-strip>div:last-child{border-bottom:0}}