:root{--ink:#152136;--sub:#627087;--night:#0d192d;--night2:#182943;--mint:#b1eed7;--mintdeep:#137b71;--blue:#356eaa;--line:#e7ebef;--paper:#f7f9fb;--white:#fff;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}h1{font-size:clamp(32px,4vw,50px);font-weight:800;letter-spacing:-.055em;line-height:1.13}h2{font-size:27px;line-height:1.25;letter-spacing:-.045em;font-weight:800}h3{font-size:17px;line-height:1.4;letter-spacing:-.025em}p{line-height:1.65}a{color:#205b8f;text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.muted{color:var(--sub)}.tiny{font-size:12px}.center{text-align:center}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;color:#237a78;margin-bottom:15px}.eyebrow.light{color:var(--mint)}.pill{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.11em;padding:8px 12px;border-radius:100px;background:#eaf4f2;color:#2d7470;width:max-content}.btn{appearance:none;display:inline-flex;gap:12px;align-items:center;justify-content:center;white-space:nowrap;border:1px solid transparent;border-radius:9px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;text-decoration:none;padding:12px 17px;line-height:1.3;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--mint);color:var(--night)}.btn-primary:hover{background:#d0f8ea;box-shadow:0 7px 24px rgba(42,109,93,.13)}.btn-secondary{background:#edf3f5;color:#194b53}.btn-secondary:hover{background:#e3ecee}.btn-ghost{background:transparent;color:#30445c;border-color:#e0e7ec}.btn-ghost:hover{background:#f0f3f6}.btn-sm{padding:9px 12px;font-size:12px}.btn-large{padding:17px 23px;border-radius:11px;font-size:13px}.btn-block{width:100%}.btn-outline-light{color:white;border-color:rgba(255,255,255,.34);background:transparent}.btn-outline-light:hover{background:rgba(255,255,255,.10)}.btn-danger{background:#fff1f0;color:#a23c32;border-color:#f7ceca}.btn-danger:hover{background:#ffe2de}.topbar{background:white;border-bottom:1px solid var(--line);z-index:40;position:relative}.nav{height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:3px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.075em;color:#15243e;white-space:nowrap;text-decoration:none}.brand:hover{text-decoration:none}.brand-blue{color:#268f98}.brand-icon{font-family:system-ui;display:inline-grid;place-items:center;border-radius:10px;background:#1e7b7d;color:#baffdb;width:32px;height:32px;margin-right:7px;font-size:24px;line-height:1}.nav-links{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700}.nav-links>a:not(.btn){color:#53667c}.nav-links>a.active,.nav-links>a:not(.btn):hover{color:#1b645e}.navlogout{display:inline;margin:0}.footer{padding:30px 0;background:#0d192d;color:rgba(255,255,255,.65);font-size:12px}.footer-flex{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
/* Landing */
.hero{background:linear-gradient(132deg,#0a1528 6%,#13263e 62%,#15334a 100%);color:#fff;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(67,148,131,.13),transparent 69%);top:-400px;left:-330px;pointer-events:none}.hero-grid{min-height:616px;padding:81px 0 86px;display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:50px}.hero-pill{display:inline-flex;align-items:center;gap:10px;letter-spacing:.20em;font-size:10px;font-weight:800;color:#c6eae2;background:rgba(191,239,224,.08);border:1px solid rgba(191,239,224,.20);border-radius:99px;padding:9px 13px;margin-bottom:27px}.live-dot{width:7px;height:7px;background:#9af3b4;border-radius:100%;box-shadow:0 0 0 4px rgba(154,243,180,.12)}.hero h1{font-size:clamp(42px,5.8vw,74px);letter-spacing:-.07em;line-height:1.13;font-weight:800}.hero h1 em{font-style:normal;color:#b6f0d8}.hero h1 span{color:#e6eff5}.hero-left>p{max-width:520px;color:#b7c5d5;margin-top:27px;font-size:15px;line-height:1.85}.hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:33px}.hero-stats{display:flex;gap:37px;margin-top:63px}.hero-stats div{display:flex;flex-direction:column;gap:5px}.hero-stats strong{color:#e8fff4;font-size:22px;letter-spacing:-.06em}.hero-stats span{font-size:11px;color:#8aa1b5}.hero-visual{min-height:490px;position:relative;display:grid;place-items:center}.abstract-arch{width:min(450px,100%);height:470px;position:relative;border:1px solid rgba(214,255,231,.20);border-radius:240px 240px 18px 18px;overflow:hidden;background:linear-gradient(180deg,#2c5971 2%,#467d86 39%,#b2cfb7 57%,#cbb68e 78%,#2c5760 100%);box-shadow:0 45px 100px rgba(0,0,0,.31), inset 0 0 0 10px rgba(255,255,255,.025)}.arch-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#e9d6ae 0%,rgba(233,211,167,.45) 43%,transparent 70%);top:47px;right:16px}.abstract-horizon{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,#7ca7a0,#325c67)}.abstract-hill{position:absolute;bottom:-90px;border-radius:50% 50% 0 0;transform:rotate(-8deg)}.abstract-hill.one{width:470px;height:290px;left:-210px;background:#315b61;bottom:-135px}.abstract-hill.two{width:460px;height:220px;right:-190px;background:#193f4d;bottom:-63px;transform:rotate(9deg)}.abstract-hill.three{width:300px;height:190px;left:70px;background:#b4b79e;bottom:30px;opacity:.65;transform:rotate(-18deg)}.mini-compass{position:absolute;right:22px;top:130px;color:#f9f7e9;font-size:11px;line-height:1.3;text-align:center;letter-spacing:2px}.float-chip{position:absolute;z-index:3;padding:13px 17px;border-radius:11px;background:rgba(255,255,255,.94);color:#19394c;font-weight:800;font-size:11px;box-shadow:0 12px 24px rgba(9,32,44,.16);letter-spacing:.04em}.float-chip.top{top:85px;left:18px}.float-chip.bottom{bottom:33px;right:16px;display:flex;gap:32px;align-items:center}.arrow-dot{background:#1f827b;color:white;border-radius:8px;padding:6px 9px}.feature-tag{position:absolute;bottom:-22px;color:#a4bdc2;font-size:11px;letter-spacing:.11em}.hero-bottom{border-top:1px solid rgba(255,255,255,.12)}.hero-bottom-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:23px 0;font-size:10px;letter-spacing:.11em;font-weight:800;color:#819cab}.landing-section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.landing-head{margin-bottom:47px}.landing-head h2,.dark-band h2,.cta-band h2{font-size:clamp(32px,4vw,48px);line-height:1.14;letter-spacing:-.055em}.text-accent{color:#147d78}.landing-head>p{max-width:290px;font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:31px;border:1px solid #e7ecef;background:#fff;border-radius:15px;min-height:211px;transition:box-shadow .2s,transform .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 20px 55px rgba(31,57,75,.07)}.feature-icon{font-size:27px;color:#178e80;margin-bottom:24px}.feature-card h3{font-size:16px;margin-bottom:10px}.feature-card p{color:#6e7b8d;font-size:13px;line-height:1.75}.dark-band{padding:87px 0 95px;background:#14263d;color:white}.dark-band .section-heading{align-items:center}.dark-band .section-heading p{max-width:300px;color:#a3b1c2;font-size:13px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:42px}.step{padding:25px 28px;border:1px solid rgba(255,255,255,.13);border-radius:14px}.step-number{color:#9ddacb;font-size:24px;font-weight:800;margin-bottom:39px}.step h3{font-size:20px;margin-bottom:13px}.step p{color:#aebfd0;font-size:13px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.price-card{padding:30px;border:1px solid #e3e9ed;background:#fff;border-radius:16px;box-shadow:0 8px 20px rgba(14,39,52,.035);display:flex;flex-direction:column}.price-card.featured{background:#16344a;border-color:#16344a;color:#fff;transform:translateY(-6px);box-shadow:0 23px 50px rgba(6,36,48,.16)}.price-card.featured .pill{background:#c3f4df;color:#183b41}.price-card.featured .muted,.price-card.featured li{color:#ccdee4}.price{margin:28px 0 7px;display:flex;align-items:baseline;gap:6px}.price strong{font-size:43px;font-family:Manrope,sans-serif;letter-spacing:-.065em}.price span{color:#82909c;font-size:12px}.price-card ul{padding:0;margin:30px 0 27px;list-style:none;display:grid;gap:13px;font-size:13px;flex:1}.price-card li:before{content:'✓';font-weight:900;color:#1d9e83;margin-right:12px}.price-card.featured li:before{color:#adf5d7}.pricing-note{margin-top:20px;font-size:11px;color:#6c7c8f;text-align:center}.cta-band{padding:63px 0;background:#147d74;color:white}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-band .eyebrow.light{color:#c4ffe6}.cta-band .btn-primary{background:#f4fff9}
/* Workspace, forms */
.dashboard-space{padding-top:55px;padding-bottom:100px;min-height:calc(100vh - 145px)}.dash-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.dash-header p{margin-top:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 42px}.metric{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff;display:flex;flex-direction:column;gap:11px}.metric>span{font-size:12px;color:#718096}.metric strong{font-size:28px;letter-spacing:-.045em;font-family:Manrope,sans-serif}.metric strong small{font-size:14px;color:#8a98a7;font-weight:500}.tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tour-card{border:1px solid #e5ecf0;border-radius:14px;overflow:hidden;color:var(--ink);box-shadow:0 6px 18px rgba(19,49,66,.035)}.tour-card:hover{text-decoration:none;box-shadow:0 15px 30px rgba(19,49,66,.1)}.tour-placeholder{height:175px;background:linear-gradient(145deg,#203f57,#4a988d);display:flex;align-items:center;justify-content:center;position:relative;color:#d6ffeb}.tour-placeholder>span{font-size:68px}.tour-placeholder>small{position:absolute;left:16px;bottom:15px;color:#fff;background:rgba(7,33,44,.5);padding:8px 10px;border-radius:6px;letter-spacing:.1em;font-size:10px}.tour-card-body{padding:22px}.tour-card-body h3{font-size:18px;margin:12px 0}.status{padding:6px 9px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.09em;display:inline-block;background:#edf3f4;color:#476570}.status.public{background:#ddf7eb;color:#17815e}.status.unlisted{background:#e7f1fb;color:#336c98}.status.draft{background:#f2f4f6;color:#6d7683}.empty-state{grid-column:1/-1;padding:70px 18px;border:1px dashed #cfdde0;border-radius:17px;text-align:center;background:#fafcfd}.empty-state .big-icon{font-size:55px;color:#32a69e}.empty-state h3{margin:12px 0}.empty-state p{margin:0 auto 25px;max-width:380px;font-size:14px}.panel{background:#fff;border:1px solid #e5ebef;border-radius:14px;padding:25px}.panel h2{font-size:17px;letter-spacing:-.03em;margin-bottom:20px}.panel h3{margin-bottom:15px}.panel .section-heading h2{margin:0}.panel .section-heading{margin:0 0 18px}.panel-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.stack{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#40566d;font-weight:700}input,select,textarea{font:inherit;font-size:13px;min-width:0;width:100%;padding:12px 13px;border:1px solid #d9e3e9;border-radius:8px;background:#fff;color:#17263c;outline:none}input:focus,select:focus,textarea:focus{border-color:#168c86;box-shadow:0 0 0 3px rgba(22,140,134,.1)}input[readonly]{background:#f5f7f8;color:#53687c}textarea{resize:vertical}input[type=file]{border:none;padding:8px 0}.auth-shell{min-height:calc(100vh - 145px);background:linear-gradient(138deg,#f5f9fa,#eef5f3);padding:70px 20px;display:flex;align-items:flex-start;justify-content:center}.auth-card{width:min(440px,100%);background:#fff;border:1px solid #e3ebee;box-shadow:0 20px 70px rgba(32,58,70,.09);border-radius:19px;padding:37px}.auth-card.wide{width:min(720px,100%)}.auth-card .pill{margin-bottom:20px}.auth-card h1{font-size:30px}.auth-card>p{font-size:13px;margin:14px 0 25px}.auth-card .stack{margin-top:25px}.auth-card .tiny{margin-top:20px}.notice{padding:14px 17px;border-radius:10px;margin:19px 0;color:#2e5964;background:#e8f5f2;font-size:13px;line-height:1.6}.notice.success{background:#e8f8ef;color:#266d4f}.notice.error{background:#fff0ed;color:#a23c33;border:1px solid #f9d6d0}.notice.info{background:#eef6fa;color:#285371}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:35px}.crumb{font-size:12px;color:#6a818e;display:inline-block;margin-bottom:24px}.studio-space{padding:38px 0 90px}.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}.studio-heading .eyebrow{margin-bottom:8px}.studio-heading h1{font-size:34px}.studio-heading p{margin-top:8px}.studio-actions{display:flex;gap:9px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(305px,1fr);gap:19px;align-items:start}.studio-main,.studio-sidebar{display:flex;flex-direction:column;gap:20px}.studio-viewer{padding:0;overflow:hidden}.studio-viewer-header{padding:14px 17px;display:flex;justify-content:space-between;gap:9px;border-bottom:1px solid #e7ebef;color:#65768a;font-size:10px;font-weight:800;letter-spacing:.07em}.pano-box{height:430px;background:#112338}.pnlm-container{font-family:inherit!important}.coordline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:13px 17px;color:#5a7382;font-size:11px;background:#f3f8f8}.coordline span{font-weight:800;color:#16877d}.no-panorama{height:330px;background:linear-gradient(145deg,#172a42,#21575c);color:#f2fffb;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px}.no-panorama>span{font-size:70px;color:#8ee2c8}.no-panorama h2{color:white}.no-panorama p{color:#9dcbc6;font-size:12px}.scene-list{display:flex;flex-wrap:wrap;gap:10px}.scene-item{width:calc(50% - 5px);display:flex;align-items:center;gap:10px;background:#f7fafb;border:1px solid #e6edef;padding:8px;border-radius:10px;color:#27384b;font-size:12px;font-weight:800}.scene-item:hover{text-decoration:none;background:#eaf3f1}.scene-item.selected{border-color:#148d83;background:#e9f8f2}.scene-item img{width:65px;height:45px;object-fit:cover;border-radius:6px}.scene-arrow{margin-left:auto;color:#1a988c}.inline-form{margin-top:15px;display:flex;gap:10px;align-items:flex-end}.inline-form label{flex:1}.light-divider{border:0;border-top:1px solid #ebeff2;margin:23px 0}.upload-zone{border:1px dashed #95c2bc;border-radius:12px;background:#f5faf9;text-align:center;display:flex;flex-direction:column;align-items:center;padding:25px;color:#27675f;cursor:pointer}.upload-zone small{color:#6b8588;font-weight:400}.upload-icon{font-size:33px;color:#168b7e}.studio-sidebar .stack{gap:13px}.studio-sidebar .panel>p{margin-bottom:17px}.hot-list{margin-top:18px;display:grid;gap:7px}.hot-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;background:#f5f8f8;padding:9px 11px;border-radius:8px}.remove-mini{background:none;border:0;color:#ad4744;font-size:20px;cursor:pointer}.danger-panel{border-color:#f1dbd8}.table-panel{margin-top:35px}.table-scroll{overflow-x:auto}.account-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}.account-table th{font-size:11px;letter-spacing:.08em;color:#74818e;padding:15px;border-bottom:1px solid #dfe6eb}.account-table td{border-bottom:1px solid #eff2f3;padding:15px}.account-table td>span{display:block;color:#81909a;margin-top:4px;font-size:11px}.admin-inline{display:flex;gap:8px;align-items:center}.admin-inline select{max-width:145px;padding:8px;font-size:12px}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr;gap:45px;padding:65px 0}.hero-left>p{max-width:560px}.hero-visual{min-height:350px}.abstract-arch{width:min(430px,100%);height:370px}.hero-stats{margin-top:38px}.studio-layout{grid-template-columns:1fr}.studio-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.studio-sidebar .panel{height:auto}.pricing-grid{gap:12px}.price-card{padding:23px}}
@media(max-width:700px){.container{width:min(100% - 30px,1160px)}.nav{height:auto;min-height:74px;flex-wrap:wrap;padding:12px 0;gap:12px}.nav-links{width:100%;gap:13px;justify-content:space-between;flex-wrap:wrap}.nav-links>a,.nav-links .btn{font-size:11px}.hero h1{font-size:clamp(42px,9vw,61px)}.hero-grid{padding:45px 0 70px}.hero-stats{gap:22px;flex-wrap:wrap}.hero-bottom-inner{justify-content:center;font-size:9px}.landing-section{padding-top:70px;padding-bottom:70px}.section-heading,.dash-header,.studio-heading,.cta-inner{align-items:flex-start;flex-direction:column}.feature-grid,.step-grid,.pricing-grid,.metrics,.tour-grid,.settings-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.dark-band{padding:65px 0}.feature-card{min-height:0;padding:26px}.step-grid{gap:13px}.step-number{margin-bottom:16px}.studio-sidebar{display:flex}.scene-item{width:100%}.auth-card{padding:25px}.studio-actions{width:100%}.form-grid{grid-template-columns:1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.pano-box{height:320px}.footer-flex{justify-content:center;text-align:center}}

/* Off-plan development studio and buyer showcase */
.offplan-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;align-items:start}.offplan-column{display:grid;gap:20px;align-content:start}.offplan-column .panel>p{line-height:1.75;margin:8px 0 16px}.offplan-column .btn{width:100%;justify-content:center}.project-list{display:grid;gap:10px}.project-row{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #e8edef;border-radius:11px;color:#162a3c}.project-row:hover{background:#f5fbf9;text-decoration:none}.project-thumb{width:69px;height:61px;border-radius:9px;background:linear-gradient(135deg,#26445e,#19958b);color:#fff;display:grid;place-items:center;font-size:26px;flex-shrink:0;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-row-copy{flex:1;min-width:0;display:grid;gap:5px}.project-row-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.project-row-copy span{font-size:11px;color:#71818f}.offplan-banner{width:100%;height:230px;object-fit:cover;border-radius:12px;margin:0 0 20px}.offplan-floorplan{max-width:100%;max-height:250px;object-fit:contain;background:#f6f8fa;border-radius:10px}.enquiry-list{display:grid;gap:14px}.enquiry-card{border:1px solid #e6edf0;padding:17px;border-radius:12px;font-size:13px;overflow-wrap:anywhere}.enquiry-card>div{margin-bottom:8px}.enquiry-card p{line-height:1.65}.development-public{background:#f8fafb}.project-hero{background:linear-gradient(110deg,#0e263b,#1f6b70);background-size:cover;background-position:center;min-height:310px;display:flex;align-items:center;color:#fff}.project-hero-inner{padding:75px 0}.project-hero .pill-invert{display:inline-flex;color:#aef6d6;background:rgba(255,255,255,.13);font-size:10px;letter-spacing:.1em;margin-bottom:19px}.project-hero h1{font-size:clamp(35px,5vw,66px);line-height:1.1;max-width:850px;color:#fff;margin-bottom:17px}.project-hero p{color:#d3e4ec;font-size:16px}.project-label{display:inline-block;font-size:11px;color:#cbecdf;margin-top:27px;border-top:1px solid rgba(255,255,255,.35);padding-top:9px}.project-content{padding-top:65px;padding-bottom:80px}.project-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;margin-bottom:60px}.project-intro h2{font-size:35px;margin:12px 0}.project-intro p{font-size:14px;line-height:1.8}.project-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-kpis>div{text-align:center;border:1px solid #dce8eb;background:white;border-radius:12px;padding:24px 10px}.project-kpis strong{display:block;font-size:30px;color:#1b5964}.project-kpis span{font-size:11px;color:#69808b}.unit-filters{display:flex;gap:13px;margin:20px 0 22px;align-items:end}.unit-filters label{width:min(300px,50%)}.unit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:55px}.unit-card{background:#fff;border-radius:15px;border:1px solid #e0e9ed;color:#142a3d;overflow:hidden;display:flex;flex-direction:column}.unit-card[hidden]{display:none}.unit-card:hover,.unit-card.active{border-color:#44b6a2;text-decoration:none;box-shadow:0 10px 25px rgba(15,72,79,.08)}.unit-card-icon{height:135px;display:grid;place-items:center;font-size:45px;background:linear-gradient(140deg,#e9f4f2,#ecf0f7);color:#52938e}.unit-card-icon img{width:100%;height:100%;object-fit:cover}.unit-card-body{padding:20px;flex:1;display:grid;gap:13px;align-content:start}.unit-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.unit-card-top strong{font-size:17px}.unit-price{border-top:1px solid #e7edef;padding-top:14px;display:flex;justify-content:space-between;font-weight:800;font-size:17px}.unit-detail{scroll-margin-top:30px;margin:15px 0 75px}.unit-detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.unit-visual,.unit-specs{border:1px solid #e1e9ee;border-radius:16px;background:white;overflow:hidden}.unit-visual-head{padding:15px 20px;border-bottom:1px solid #e4ecec;font-size:10px;color:#5e7182;font-weight:800;letter-spacing:.1em}.unit-visual>a{display:flex;align-items:center;justify-content:center;min-height:380px;background:#f7fafb}.unit-visual img{max-width:100%;max-height:480px;object-fit:contain}.floorplan-placeholder{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#507789;background:repeating-linear-gradient(45deg,#f6fafb,#f6fafb 16px,#f0f5f6 16px,#f0f5f6 32px)}.floorplan-placeholder span{font-size:60px}.floorplan-placeholder small{color:#71848e}.unit-specs{padding:30px}.unit-specs h3{font-size:30px;color:#163a4f;margin:14px 0 20px}.spec-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #edf1f2;font-size:13px}.spec-row span{color:#677b85}.buyer-enquiry{margin:50px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;border-radius:17px;padding:40px;background:#eaf5f3}.buyer-enquiry h2{font-size:36px;line-height:1.2;margin:16px 0}.buyer-enquiry p{font-size:13px;line-height:1.9;color:#526a72;margin-bottom:15px}.buyer-form{border:1px solid #d7e5e4;background:white;padding:25px;border-radius:14px}.consent-field{flex-direction:row;align-items:flex-start;font-size:11px;line-height:1.5;font-weight:500}.consent-field input{width:auto;margin-top:2px}.honeypot{position:absolute;left:-10000px;opacity:0;pointer-events:none}.project-disclaimer{font-size:11px;color:#677f89;line-height:1.7;max-width:950px}
@media(max-width:950px){.offplan-layout,.project-intro,.unit-detail-grid,.buyer-enquiry{grid-template-columns:1fr}.unit-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.project-intro{gap:20px}}
@media(max-width:600px){.unit-cards{grid-template-columns:1fr}.unit-filters{flex-direction:column;align-items:stretch}.unit-filters label{width:100%}.project-kpis{grid-template-columns:repeat(3,1fr)}.project-kpis>div{padding:15px 6px}.project-kpis strong{font-size:24px}.buyer-enquiry{padding:22px}.unit-specs{padding:20px}.project-hero-inner{padding:55px 0}.project-hero{min-height:250px}.project-content{padding-top:40px}}