*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;background:#f5f8f9;color:#10252f;line-height:1.6}.container{width:min(1180px,calc(100% - 40px));margin:auto}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(4,18,24,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:800}.logo-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0fd3c5,#067d91);box-shadow:0 12px 30px rgba(15,211,197,.25)}.nav-links{display:flex;gap:26px}.nav-links a{color:#dbe9ed;text-decoration:none;font-size:13px;font-weight:700}.nav-actions{display:flex;align-items:center;gap:12px}.lang-switch{display:flex;border:1px solid rgba(255,255,255,.18);border-radius:10px;overflow:hidden}.lang{border:0;background:transparent;color:#b8cbd1;padding:8px 9px;cursor:pointer;font-weight:800}.lang.active{background:white;color:#10252f}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:14px 20px;background:linear-gradient(135deg,#0fd3c5,#07899a);color:white;text-decoration:none;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 14px 34px rgba(15,211,197,.2)}.btn-sm{padding:10px 14px;font-size:13px}.btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);box-shadow:none}.btn-outline{background:transparent;color:#087f8d;border:1px solid #9bcdd1;box-shadow:none}.hero{position:relative;min-height:860px;display:flex;align-items:center;overflow:hidden;background:#061820}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,16,22,.96) 0%,rgba(3,16,22,.68) 52%,rgba(3,16,22,.34) 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(47,235,220,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(47,235,220,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding-top:90px}.pill,.eyebrow{display:inline-block;font-size:11px;letter-spacing:1.9px;font-weight:800;text-transform:uppercase}.pill{padding:9px 12px;border-radius:999px;background:rgba(15,211,197,.1);border:1px solid rgba(15,211,197,.28);color:#75eee5}.hero h1{font-size:clamp(56px,7vw,90px);line-height:.98;letter-spacing:-4px;color:white;margin:25px 0 24px;max-width:780px}.hero-copy>p{color:#c3d4d9;font-size:19px;max-width:690px}.hero-buttons{display:flex;gap:14px;margin:32px 0}.hero-proof{display:flex;flex-wrap:wrap;gap:20px;color:#c3d4d9;font-size:13px;font-weight:700}.hero-proof span:before{content:"✓";color:#34e1d4;margin-right:7px}.hero-card{position:relative;min-height:470px}.mini-ui{position:absolute;inset:40px 10px 30px 20px;background:rgba(8,31,40,.9);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:16px;transform:rotate(2deg);box-shadow:0 45px 90px rgba(0,0,0,.35)}.mini-top{display:flex;gap:7px;padding:4px 4px 15px}.mini-top span{width:9px;height:9px;border-radius:50%;background:#55737e}.mini-room{position:relative;height:360px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#c8ece9,#72b9bd 55%,#315d68)}.mini-room:before{content:"";position:absolute;left:6%;right:6%;bottom:-10%;height:62%;background:linear-gradient(145deg,#e3c2a1,#97735c);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);transform:perspective(500px) rotateX(52deg)}.mini-room:after{content:"";position:absolute;left:10%;top:12%;width:42%;height:55%;background:linear-gradient(135deg,#f2fbfa,#bdd9db);clip-path:polygon(0 0,100% 10%,100% 100%,0 88%)}.beam{position:absolute;z-index:2;left:0;right:0;top:18%;height:3px;background:#2bfff0;box-shadow:0 0 18px #2bfff0;animation:scan 3.4s ease-in-out infinite}.hotspot{position:absolute;z-index:3;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 7px rgba(43,255,240,.25)}.h1{left:22%;top:30%}.h2{right:20%;top:44%}.h3{left:50%;bottom:24%}.room-label{position:absolute;z-index:3;left:18px;bottom:16px;color:white;font-size:11px;letter-spacing:1.6px;font-weight:800}.metric-card{position:absolute;z-index:3;background:white;border-radius:18px;padding:16px 18px;box-shadow:0 20px 55px rgba(0,0,0,.24)}.metric-card strong{display:block;font-size:24px;color:#087f8d}.metric-card small{color:#5c747e}.metric-a{right:-10px;top:90px}.metric-b{left:-15px;bottom:55px}@keyframes scan{0%,100%{top:14%}50%{top:82%}}.logo-strip{background:#0a222c;color:#89a4ad;border-top:1px solid rgba(255,255,255,.08)}.strip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center;padding:24px 0;font-size:11px;letter-spacing:1.6px;font-weight:800}.section{padding:105px 0}.section-head{max-width:790px;margin-bottom:52px}.eyebrow{color:#078f98;margin-bottom:14px}.section h2{font-size:clamp(38px,5vw,61px);line-height:1.06;letter-spacing:-2.5px;margin:0 0 18px}.section-head p{color:#607680;font-size:17px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glass-card{position:relative;background:white;border:1px solid #dce8ea;border-radius:22px;padding:30px;min-height:215px;transition:.25s}.glass-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(17,52,63,.09)}.service-num{font-size:12px;color:#0793a0;font-weight:800}.glass-card h3{font-size:21px;margin:28px 0 8px}.glass-card p{color:#617780;margin:0}.section-dark{background:#071b23;color:white}.section-head.light h2{color:white}.tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tour-card{padding:0;border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;background:#0d2933;color:white;text-align:left;cursor:pointer;transition:.25s}.tour-card:hover{transform:translateY(-6px);border-color:#2ddfd1}.tour-image{height:260px;background-size:cover;background-position:center;position:relative}.tour-image:after{content:"360°";position:absolute;inset:0;display:grid;place-items:center;font-size:34px;font-weight:800;background:linear-gradient(transparent,rgba(0,0,0,.55));color:white}.villa{background:linear-gradient(140deg,#90c7c8,#274d59 55%,#e1b178)}.apartment{background:linear-gradient(140deg,#dae9e7,#879fa6 50%,#b88867)}.hotel{background:linear-gradient(140deg,#dcc5a5,#486776 55%,#162b36)}.tour-meta{display:flex;flex-direction:column;padding:22px}.tour-meta span{font-size:11px;color:#55ded4;text-transform:uppercase;letter-spacing:1.4px}.tour-meta strong{font-size:20px;margin:7px 0 12px}.tour-meta em{font-style:normal;color:#c5d7dc;font-size:13px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{position:relative;background:white;border:1px solid #dce8ea;border-radius:22px;padding:32px;display:flex;flex-direction:column}.price-card.featured{border:2px solid #0fc9bd;transform:scale(1.03);box-shadow:0 28px 70px rgba(15,201,189,.14)}.popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#0fc9bd;color:#052126;padding:7px 12px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:1px}.price-card>span{font-size:12px;color:#078f98;font-weight:800;letter-spacing:1.4px}.price-card h3{font-size:36px;margin:14px 0 8px}.price-card p{color:#617780}.price-card ul{padding-left:18px;color:#435c66;min-height:155px}.price-card li{margin:9px 0}.price-card .btn{margin-top:auto}.process-section{background:#eef5f6}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.timeline>div{border-top:2px solid #bdd4d8;padding-top:25px}.timeline span{font-size:12px;color:#078f98;font-weight:800}.timeline h3{font-size:22px;margin:17px 0 6px}.timeline p{color:#617780}.booking{background:white}.booking-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.booking-wrap h2{margin-top:0}.contact-list{display:flex;flex-direction:column;gap:12px;margin-top:30px}.contact-list a,.contact-list span{color:#087f8d;font-weight:700}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#f0f6f7;border-radius:24px;padding:30px}.booking-form label{display:flex;flex-direction:column;gap:7px;color:#3b5660;font-size:13px;font-weight:800}.booking-form input,.booking-form select,.booking-form textarea{border:1px solid #cbdcdf;border-radius:11px;padding:13px 14px;background:white;font:inherit;outline:none}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:#0fc9bd}.full{grid-column:1/-1}.booking-form small{color:#71878f}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;text-decoration:none;font-weight:800;box-shadow:0 18px 40px rgba(0,0,0,.2)}.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(2,12,16,.82);backdrop-filter:blur(10px)}.modal-card{position:relative;z-index:2;width:min(1000px,95vw);background:#0b2731;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:18px}.modal-close{position:absolute;right:24px;top:22px;z-index:4;width:42px;height:42px;border:0;border-radius:50%;background:white;font-size:25px;cursor:pointer}.demo-space{height:min(70vh,620px);position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(140deg,#c8e9e7,#658f98 55%,#2b4651)}.demo-space:before{content:"";position:absolute;left:6%;right:6%;bottom:-14%;height:66%;background:linear-gradient(145deg,#e0c3a5,#9a745e);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.demo-space:after{content:"";position:absolute;left:7%;top:10%;width:46%;height:57%;background:linear-gradient(135deg,#f5fbfa,#c5dfe0);clip-path:polygon(0 0,100% 9%,100% 100%,0 88%)}.demo-scan{position:absolute;z-index:2;left:0;right:0;top:30%;height:3px;background:#2bfff0;box-shadow:0 0 18px #2bfff0;animation:scan 3s infinite}.demo-point{position:absolute;z-index:3;width:14px;height:14px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 9px rgba(43,255,240,.25)}.p1{left:24%;top:30%}.p2{right:25%;top:43%}.p3{left:51%;bottom:24%}.demo-caption{position:absolute;z-index:4;left:22px;right:22px;bottom:20px;background:rgba(6,22,28,.72);color:white;padding:16px;border-radius:12px;font-size:13px}.footer-inner{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.footer{background:#061820;color:#b9ccd2}footer{background:#061820;color:#b9ccd2}@media(max-width:980px){.nav-links{display:none}.hero{min-height:980px}.hero-content,.booking-wrap{grid-template-columns:1fr}.hero-card{min-height:430px}.services-grid,.tour-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.price-card.featured{transform:none}}@media(max-width:650px){.container{width:min(100% - 26px,1180px)}.logo>span:last-child{display:none}.nav-actions .btn-sm{display:none}.hero{min-height:940px}.hero-content{padding-top:115px}.hero h1{font-size:52px;letter-spacing:-2.5px}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-card{min-height:350px}.mini-ui{inset:20px 5px}.mini-room{height:290px}.strip-grid{grid-template-columns:1fr 1fr}.services-grid,.tour-grid,.pricing-grid,.timeline{grid-template-columns:1fr}.section{padding:75px 0}.booking-form{grid-template-columns:1fr;padding:22px}.footer-inner{flex-direction:column;gap:16px;align-items:flex-start}}
.consent-row{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:600!important}
.consent-row input{width:auto!important;margin-top:4px}
/* =====================================================
FINAL HEADER / FOOTER LOGO + MATTERPORT
===================================================== */
.header-logo{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
flex:0 0 270px !important;
width:270px !important;
min-width:270px !important;
height:78px !important;
overflow:visible !important;
text-decoration:none !important;
}
.header-logo img{
display:block !important;
width:270px !important;
height:72px !important;
max-width:none !important;
object-fit:contain !important;
object-position:left center !important;
opacity:1 !important;
visibility:visible !important;
}
footer .header-logo{
flex:0 0 310px !important;
width:310px !important;
min-width:310px !important;
}
footer .header-logo img{
width:310px !important;
height:82px !important;
}
.matterport-tour{
position:relative;
width:100%;
max-width:1200px;
aspect-ratio:16 / 9;
margin:32px auto 0;
overflow:hidden;
border-radius:22px;
background:#07171d;
border:1px solid rgba(255,255,255,.12);
box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.matterport-tour iframe{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
border:0;
}
@media(max-width:980px){
.header-logo{
flex-basis:220px !important;
width:220px !important;
min-width:220px !important;
}
.header-logo img{ width:220px !important; }
}
@media(max-width:650px){
.header-logo{
flex-basis:165px !important;
width:165px !important;
min-width:165px !important;
height:60px !important;
}
.header-logo img{
width:165px !important;
height:56px !important;
}
footer .header-logo{
flex-basis:220px !important;
width:220px !important;
min-width:220px !important;
}
footer .header-logo img{
width:220px !important;
height:auto !important;
}
.matterport-tour{
aspect-ratio:4 / 3;
border-radius:14px;
}
}
.tour-subhead{max-width:790px;margin:70px 0 20px}
.tour-subhead h2{color:#fff;margin:0 0 12px}
.tour-subhead p{color:#c3d4d9;margin:0}
@media(max-width:650px){.tour-subhead{margin-top:50px}}