:root{
  --teal:#0d9488;--teal2:#14b8a6;--ink:#0b1f2a;--muted:#667781;--line:#dce8e8;
  --soft:#f2f8f7;--white:#fff;--radius:26px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}a{text-decoration:none;color:inherit}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #edf2f2;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}
.brand img{width:104px;height:auto;display:block}.nav nav{display:flex;gap:34px;font-size:14px;font-weight:600}.nav nav a{color:#42525a}.nav-cta{background:var(--teal);color:white;padding:13px 18px;border-radius:13px;font-weight:700;font-size:13px}.nav-cta span{margin-left:9px}
.hero{min-height:680px;display:grid;grid-template-columns:43% 57%;background:#eef7f6;overflow:hidden}.hero-copy{padding:90px 4vw 70px 7vw;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--teal)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:8px}
h1,h2,h3{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.045em}h1{font-size:clamp(56px,6vw,92px);line-height:.94;margin:24px 0}h1 em,h2 em{font-style:normal;color:var(--teal)}.hero-copy p{font-size:18px;line-height:1.65;color:#56666d;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 20px;border-radius:13px;font-weight:700;font-size:14px}.btn.primary{background:var(--teal);color:#fff}.btn.ghost{border:1px solid #b8cccc;background:#fff}.btn.light{background:#fff;color:var(--teal)}
.trust-row{display:flex;gap:30px;margin-top:55px}.trust-row div{display:flex;gap:9px;align-items:center;font-size:12px;color:#68787e}.trust-row b{color:var(--teal);font-size:10px}
.hero-visual{position:relative;min-height:680px;overflow:hidden}.hero-visual>img{width:100%;height:100%;object-fit:cover}.hero-glow{position:absolute;inset:0;background:linear-gradient(90deg,#eef7f6 0%,rgba(238,247,246,.18) 35%,transparent 60%);z-index:1}.property-float{position:absolute;right:7%;bottom:10%;background:#fff;padding:20px 22px;border-radius:18px;width:265px;box-shadow:0 25px 70px rgba(10,60,60,.2);z-index:3}.property-float .pill{float:right;background:#d9f4f1;color:#08776f;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800}.property-float strong{display:block;font-size:17px}.property-float small{display:block;color:#718087;margin-top:7px}.price{font-size:19px;color:var(--teal);font-weight:800;margin-top:14px}.price i{font-size:11px;color:#7a878c;font-style:normal;font-weight:500}.meta{border-top:1px solid #e7eeee;margin-top:15px;padding-top:12px;display:flex;justify-content:space-between;color:#63737a;font-size:11px}.map-pin{position:absolute;left:57%;top:47%;z-index:3;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--teal);display:grid;place-items:center;box-shadow:0 8px 25px #003b3b44;font-size:24px}
.category-strip,.walk-gallery,.how{padding:110px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-head h2{font-size:clamp(35px,4vw,58px);margin-top:12px}.section-head p{max-width:390px;color:var(--muted);line-height:1.6}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category{height:360px;border-radius:22px;overflow:hidden;position:relative;color:#fff;cursor:pointer}.category:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#001f20d9,transparent 65%)}.category img{width:100%;height:100%;object-fit:cover;transition:.7s}.category:hover img{transform:scale(1.06)}.category>div{position:absolute;z-index:2;left:20px;bottom:20px}.category span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.category h3{font-size:27px;margin:4px 0}.category small{opacity:.8}
.explosion-wrap{height:420vh;background:#071517;position:relative}.sticky-explosion{position:sticky;top:78px;height:calc(100vh - 78px);min-height:650px;overflow:hidden;padding:65px 6vw 30px;background:#071517;color:#fff}.walkthrough-bg{position:absolute;inset:0;overflow:hidden;background:#081719;z-index:0}.walk-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,23,.98) 0%,rgba(7,21,23,.91) 11%,rgba(7,21,23,.62) 25%,rgba(7,21,23,.26) 39%,rgba(7,21,23,.08) 50%,rgba(7,21,23,0) 66%);z-index:1;pointer-events:none}.walk-vignette{position:absolute;inset:0;background:radial-gradient(circle at 57% 46%,transparent 0%,transparent 43%,rgba(0,0,0,.25) 100%);z-index:2}.explosion-top{display:flex;justify-content:space-between;position:relative;z-index:8;pointer-events:none;will-change:opacity,transform}.explosion-top h2{font-size:clamp(42px,5vw,70px);line-height:.98;margin-top:13px}.explosion-top p{color:rgba(255,255,255,.72);max-width:420px;line-height:1.55}.step-status{align-self:start;background:rgba(255,255,255,.92);color:var(--ink);border:1px solid rgba(255,255,255,.65);border-radius:50px;padding:12px 17px;display:flex;gap:12px;font-size:12px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.12)}.step-status span:first-child{color:var(--teal)}.exploded-stage{position:absolute;inset:0;perspective:1400px;z-index:4;pointer-events:none}.zoom-focus{position:absolute;inset:0;background:transparent;will-change:transform,opacity}.livingroom-focus{visibility:hidden;pointer-events:none;position:absolute;left:50%;top:50%;width:min(76vw,1120px);height:min(72vh,720px);transform:translate(-50%,-50%) scale(1.8);opacity:0;overflow:hidden;border-radius:0;will-change:transform,opacity;box-shadow:0 30px 100px rgba(0,0,0,.35)}.livingroom-focus img{width:100%;height:100%;object-fit:cover;will-change:filter,transform;object-position:center;display:block;filter:saturate(1.03) contrast(1.02)}.phone-end{visibility:hidden;position:absolute;left:50%;top:52%;width:min(34vw,390px);transform:translate(-50%,-50%) scale(.3);opacity:0;will-change:transform,opacity;filter:drop-shadow(0 35px 55px rgba(0,0,0,.45))}.phone-end>img{display:block;width:100%;height:auto}.listing-lock{visibility:hidden;position:absolute;overflow:hidden;opacity:0;will-change:opacity,transform}.listing-lock img{width:100%;height:100%;object-fit:cover;display:block}.progress{position:absolute;left:6vw;right:6vw;bottom:28px;height:2px;background:rgba(255,255,255,.2);z-index:10}.progress i{display:block;height:100%;width:0;background:var(--teal2);transition:width .05s linear}.explosion-caption{position:absolute;bottom:38px;left:6vw;color:rgba(255,255,255,.7);font-size:12px;z-index:10}.walkthrough-bg,.walkthrough-bg video,.livingroom-focus,.phone-end,.listing-lock{backface-visibility:hidden}.walkthrough-bg video{image-rendering:auto}
.walk-gallery{background:#fff}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:16px}.gallery-card{position:relative;overflow:hidden;border-radius:22px}.gallery-card.large{grid-row:span 2}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.6s}.gallery-card:hover img{transform:scale(1.04)}.gallery-card span{position:absolute;left:18px;bottom:18px;color:#fff;background:#071e20b8;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:700}
.how{background:#f4f9f8}.centered{display:block;text-align:center}.centered p{margin:18px auto 0}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfe0df}.how-grid>div{padding:32px 25px;border-right:1px solid #cfe0df}.how-grid b{color:var(--teal);font-size:12px}.how-grid h3{font-size:22px;margin:25px 0 12px}.how-grid p{color:var(--muted);line-height:1.65;font-size:14px}
.landlords{margin:0 6vw 100px;border-radius:32px;overflow:hidden;background:transparent;color:#fff;padding:70px;display:grid;grid-template-columns:1.1fr .9fr;gap:80px}.landlords h2{font-size:clamp(45px,5vw,70px);margin:15px 0}.landlords p{max-width:600px;color:#d7f0ee;line-height:1.7}.landlord-card{background:#ffffff12;border:1px solid #ffffff2c;border-radius:24px;padding:25px;display:flex;align-items:center;gap:20px}.mini-map{height:170px;width:170px;border-radius:20px;background:radial-gradient(circle at 50% 50%,#49b8ad 0 2px,transparent 3px),linear-gradient(45deg,#0c7771,#07514f);position:relative;overflow:hidden}.map-ring{position:absolute;width:110px;height:110px;border:1px solid #ffffff45;border-radius:50%;left:30px;top:30px}.map-ring.two{width:70px;height:70px;left:50px;top:50px}.mini-pin{position:absolute;left:76px;top:70px;font-size:25px}.landlord-card small{display:block;letter-spacing:.12em;font-size:9px;opacity:.7}.landlord-card strong{display:block;font-size:20px;margin:8px 0}.landlord-card p{font-size:12px}
footer{background:#071f21;color:#fff;padding:55px 6vw;display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{width:100px}footer div span{display:block;font-weight:700}footer small{display:block;color:#91aaa9;margin-top:8px}.footer-links{display:flex;gap:25px;font-size:13px;color:#b7ccca}
@media(max-width:950px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7vw 45px}.hero-visual{height:520px;min-height:0}.cards{grid-template-columns:repeat(2,1fr)}.category:last-child{display:none}.trust-row{flex-wrap:wrap}.explosion-top{display:block}.step-status{display:inline-flex;margin-top:15px}.exploded-stage{top:300px}.house-scene{width:520px;transform:translate(-50%,-35%) rotateX(58deg) scale(.82)}.axis-labels{display:none}.landlords{grid-template-columns:1fr;padding:50px;gap:35px}.how-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nav{padding:0 20px}.nav-cta{padding:11px 12px}.nav-cta{font-size:11px}.hero-copy{padding:55px 22px 35px}h1{font-size:55px}.hero-copy p{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-visual{height:430px}.property-float{right:18px;bottom:18px;width:235px}.category-strip,.walk-gallery,.how{padding:75px 20px}.section-head{display:block}.cards{grid-template-columns:1fr 1fr}.category{height:250px}.category h3{font-size:21px}.explosion-wrap{height:300vh}.sticky-explosion{padding:45px 20px 25px;min-height:620px}.explosion-top h2{font-size:43px}.exploded-stage{left:20px;right:20px;top:315px}.house-scene{transform:translate(-50%,-35%) rotateX(58deg) scale(.56)}.explosion-caption{left:0;right:0}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 210px}.gallery-card.large{grid-row:span 1;grid-column:span 2}.how-grid{grid-template-columns:1fr}.how-grid>div{border-right:0;border-bottom:1px solid #cfe0df}.landlords{margin:0 20px 70px;padding:38px 25px}.landlord-card{flex-direction:column;align-items:flex-start}.mini-map{width:100%;height:150px}footer{padding:45px 20px;flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}}

.walkthrough-bg>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;z-index:1;pointer-events:none;will-change:opacity;display:block}
.walk-gradient{z-index:2}.walk-vignette{z-index:3}.exploded-stage{z-index:4}
@media(max-width:600px){.walkthrough-bg>video{object-position:center center}}

/* Landlords section: replaceable background image with translucent teal overlay */
.landlords{
  position:relative;
  isolation:isolate;
  background:#087b73;
}
.landlords::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('images/landlords-background.png');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:-2;
}
.landlords::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(5,101,94,.82),rgba(13,148,136,.68));
  z-index:-1;
}
.landlords > *{position:relative;z-index:1}