:root{--primary:#14b8a6;--secondary:#2563eb;--accent:#f59e0b;--dark:#06111f;--cream:#f8fafc;--ink:#06111f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink)}a{text-decoration:none;color:inherit}.container{width:min(1220px,92%);margin:auto}.topbar{background:#06111f;color:#dbeafe;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:10px 0}.nav{position:fixed;top:38px;left:0;right:0;z-index:100;color:white}.nav .container{height:76px;display:flex;justify-content:space-between;align-items:center;background:rgba(6,17,31,.78);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:0 24px;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900}.brand-mark{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center}.menu{display:flex;gap:21px;align-items:center;font-weight:900}.btn{border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-weight:900;padding:14px 22px;display:inline-flex;box-shadow:0 18px 40px rgba(37,99,235,.23);cursor:pointer}.btn.gold{background:linear-gradient(135deg,var(--accent),#facc15);color:#06111f}.btn.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}.mobile-toggle{display:none;background:var(--primary);color:white;border:0;border-radius:12px;padding:10px 13px;font-weight:900}.hero{min-height:850px;background:#06111f;color:white;position:relative;overflow:hidden}.hero-slide,.hero-video-bg{position:absolute;inset:0}.hero-slide{background:center/cover no-repeat;opacity:0;transition:opacity 1.1s ease,transform 7s ease;transform:scale(1.06)}.hero-slide.active{opacity:1;transform:scale(1)}.hero-video-bg video,.hero-video-bg iframe{width:100%;height:100%;object-fit:cover;border:0}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,31,.96),rgba(6,17,31,.70),rgba(6,17,31,.16)),linear-gradient(0deg,rgba(6,17,31,.86),transparent 50%)}.hero .container{position:relative;z-index:2;min-height:850px;display:grid;grid-template-columns:1fr 430px;gap:44px;align-items:center;padding-top:72px}.kicker{display:inline-flex;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:999px;padding:10px 16px;color:#99f6e4;font-weight:900;margin-bottom:20px}.hero h1{font-size:78px;line-height:.94;margin:0 0 24px;letter-spacing:-3px}.hero h1 span{color:var(--primary)}.hero p{font-size:22px;line-height:1.65;color:#dbeafe;margin:0 0 30px}.search-card{background:rgba(255,255,255,.94);color:#06111f;border-radius:34px;padding:28px;box-shadow:0 35px 100px rgba(0,0,0,.30)}.search-card h3{font-size:28px;margin:0 0 12px}.search-card label{display:block;font-weight:900;color:#0f766e;margin:13px 0 7px}.search-card input,.search-card select{width:100%;border:1px solid #bae6fd;border-radius:16px;padding:13px;background:#f8fafc}.hero-dots{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:4;display:flex;gap:10px}.hero-dot{width:12px;height:12px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.7);cursor:pointer}.hero-dot.active{background:var(--primary);width:34px}.section{padding:90px 0}.section-title{text-align:center;margin-bottom:44px}.section-title span{color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:1px}.section-title h2{font-size:48px;margin:10px 0 0}.stats-strip{margin-top:-68px;position:relative;z-index:5}.stats-strip .container{background:white;border-radius:34px;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;box-shadow:0 25px 80px rgba(6,17,31,.12);border:1px solid #dbeafe}.stat{text-align:center}.stat strong{display:block;font-size:34px;color:var(--secondary)}.stat span{font-weight:900;color:#475569}.property-toolbar{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}.chip{border:1px solid #dbeafe;background:white;border-radius:999px;padding:10px 14px;font-weight:900;color:#0f766e}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.property-card{background:white;border:1px solid #dbeafe;border-radius:30px;overflow:hidden;box-shadow:0 18px 50px rgba(6,17,31,.08);transition:.24s}.property-card:hover{transform:translateY(-6px)}.property-img{height:245px;background:center/cover no-repeat;position:relative}.badge{position:absolute;left:16px;top:16px;background:var(--accent);color:#06111f;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px}.status{position:absolute;right:16px;top:16px;background:rgba(6,17,31,.82);color:white;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px}.property-body{padding:21px}.property-body h3{font-size:24px;margin:0 0 8px}.price{font-size:28px;color:var(--secondary);font-weight:900;margin:8px 0}.location{color:#64748b;font-weight:900}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.meta span{background:#ecfeff;color:#0f766e;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:900}.property-body p{color:#64748b;line-height:1.6}.about{background:#06111f;color:white}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:center}.about h2{font-size:48px;margin:0 0 14px}.about p{color:#dbeafe;line-height:1.8;font-size:18px}.video-box{min-height:440px;border-radius:36px;overflow:hidden;background:#020617;position:relative}.video-box video,.video-box iframe{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;border:0}.calculator{background:#f1f5f9}.calc-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px}.calc-card{background:white;border:1px solid #dbeafe;border-radius:30px;padding:26px}.calc-card label{display:block;font-weight:900;color:#0f766e;margin:13px 0 7px}.calc-card input{width:100%;border:1px solid #bae6fd;border-radius:16px;padding:13px}.calc-result{font-size:46px;color:var(--secondary);font-weight:900;margin-top:20px}.agents{background:white}.agent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.agent{display:grid;grid-template-columns:150px 1fr;gap:22px;background:#f8fafc;border:1px solid #dbeafe;border-radius:30px;padding:20px}.agent-img{border-radius:24px;background:center/cover no-repeat;min-height:150px}.contact{background:#06111f;color:white;padding:88px 0}.contact-wrap{display:grid;grid-template-columns:.84fr 1.16fr;gap:28px}.contact-card{background:linear-gradient(135deg,#0f766e,#1e3a8a);border-radius:34px;padding:30px}.inquiry-form{background:white;color:#06111f;border-radius:34px;padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inquiry-form label{display:block;color:#0f766e;font-weight:900;margin:13px 0 7px}.inquiry-form input,.inquiry-form textarea,.inquiry-form select{width:100%;border:1px solid #bae6fd;border-radius:16px;padding:14px}.inquiry-form textarea{height:120px}.footer{background:#020617;color:#cbd5e1;padding:28px 0}.footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.floating-widget{position:fixed;right:22px;bottom:88px;z-index:1600;display:flex;flex-direction:column-reverse;align-items:center;gap:10px}.floating-main{width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-size:24px;font-weight:900}.floating-widget.open .floating-main{transform:rotate(45deg)}.floating-menu{display:flex;flex-direction:column;align-items:center;gap:9px;opacity:0;transform:translateY(12px) scale(.94);pointer-events:none;transition:.22s}.floating-widget.open .floating-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.float-item{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--primary));color:white;display:flex;align-items:center;justify-content:center;font-weight:900;position:relative;font-size:13px}.float-item b{position:absolute;right:58px;top:50%;transform:translateY(-50%);background:#06111f;color:white;border-radius:999px;padding:8px 11px;white-space:nowrap;font-size:12px;opacity:0}.float-item:hover b{opacity:1}.ai-item{background:linear-gradient(135deg,var(--accent),#facc15);color:#06111f}.lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:86vh;border-radius:20px}.lightbox button{position:absolute;right:24px;top:24px;border:0;border-radius:999px;background:white;color:#06111f;font-weight:900;padding:12px 16px}@media(max-width:1100px){.hero .container,.about-grid,.calc-wrap,.contact-wrap{grid-template-columns:1fr}.property-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:58px}.nav{top:0}}@media(max-width:720px){.topbar{display:none}.nav{position:sticky;top:0;background:#06111f}.nav .container{border-radius:0;width:100%}.mobile-toggle{display:block}.menu{display:none;position:absolute;left:4%;right:4%;top:76px;background:#06111f;border-radius:20px;padding:18px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero,.hero .container{min-height:740px}.hero h1{font-size:42px}.section{padding:66px 0}.stats-strip .container,.property-grid,.agent-grid,.form-row{grid-template-columns:1fr}.agent{grid-template-columns:1fr}.float-item b{display:none}}

/* v1.2 FINAL mobile spacing and premium floating widget */
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.stats-strip{
  isolation:isolate;
}
.property-card,
.agent,
.calc-card,
.search-card,
.inquiry-form{
  will-change:transform;
}
.floating-widget{
  right:22px!important;
  bottom:max(88px, env(safe-area-inset-bottom) + 78px)!important;
}
.floating-main{
  width:56px!important;
  height:56px!important;
  box-shadow:0 18px 48px rgba(6,17,31,.32)!important;
  transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease!important;
}
.floating-main:active{
  transform:scale(.94);
}
.floating-widget.open .floating-main{
  transform:rotate(45deg) scale(1.03)!important;
}
.floating-menu{
  gap:10px!important;
  transition:opacity .24s ease, transform .24s ease!important;
}
.float-item{
  width:46px!important;
  height:46px!important;
  box-shadow:0 14px 38px rgba(6,17,31,.28)!important;
  transition:transform .2s ease, opacity .2s ease!important;
}
.float-item:hover{
  transform:translateY(-2px) scale(1.04);
}
@media(max-width:900px){
  .hero{
    min-height:auto!important;
  }
  .hero .container{
    min-height:auto!important;
    padding-top:110px!important;
    padding-bottom:64px!important;
  }
  .search-card{
    margin-top:8px!important;
  }
  .stats-strip{
    margin-top:0!important;
    padding:22px 0 0!important;
  }
  .stats-strip .container{
    margin-top:0!important;
  }
}
@media(max-width:720px){
  body{
    overflow-x:hidden;
  }
  .hero .container{
    padding-top:96px!important;
    padding-bottom:46px!important;
    gap:26px!important;
  }
  .hero h1{
    font-size:38px!important;
    letter-spacing:-1.4px!important;
  }
  .hero p{
    font-size:17px!important;
    line-height:1.55!important;
  }
  .search-card{
    border-radius:24px!important;
    padding:20px!important;
    margin-bottom:0!important;
  }
  .search-card h3{
    font-size:23px!important;
  }
  .stats-strip{
    margin-top:0!important;
    padding-top:18px!important;
    padding-bottom:6px!important;
  }
  .stats-strip .container{
    border-radius:24px!important;
    padding:20px!important;
    gap:12px!important;
  }
  .stat strong{
    font-size:27px!important;
  }
  .stat span{
    font-size:13px!important;
  }
  .section{
    padding:56px 0!important;
  }
  .section-title{
    margin-bottom:28px!important;
  }
  .section-title h2{
    font-size:32px!important;
    line-height:1.08!important;
  }
  .property-toolbar{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding-bottom:4px!important;
  }
  .chip{
    white-space:nowrap!important;
  }
  .property-img{
    height:220px!important;
  }
  .property-body{
    padding:18px!important;
  }
  .property-body h3{
    font-size:21px!important;
  }
  .price{
    font-size:24px!important;
  }
  .floating-widget{
    right:14px!important;
    bottom:max(76px, env(safe-area-inset-bottom) + 68px)!important;
  }
  .floating-main{
    width:52px!important;
    height:52px!important;
    font-size:20px!important;
  }
  .float-item{
    width:42px!important;
    height:42px!important;
    font-size:12px!important;
  }
  .float-item b{
    display:none!important;
  }
}
@media(max-width:420px){
  .hero .container{
    padding-top:88px!important;
  }
  .hero h1{
    font-size:34px!important;
  }
  .stats-strip .container{
    grid-template-columns:1fr 1fr!important;
  }
}