.md-mock-wrapper{background-color:#f8fafc;color:#0a0f25;font-family:Poppins,sans-serif;width:100%;height:100%;overflow-y:auto;--bg-color: #f8fafc;--text-main: #0a0f25;--text-muted: #64748b;--border-color: #e2e8f0;--primary: #3b82f6}.md-mock-wrapper *{box-sizing:border-box}.md-nav{background:#fff;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:16px 32px;position:sticky;top:0;z-index:100}.md-nav-left{display:flex;align-items:center;gap:12px}.md-nav-center{font-weight:600;font-size:.9rem;color:var(--text-main)}.md-nav-right .btn-support{background:#fff;border:1px solid var(--border-color);padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit;color:var(--text-main);transition:background .2s}.md-nav-right .btn-support:hover{background:#f1f5f9}.md-container{max-width:1200px;margin:0 auto;padding:0 40px 80px}.md-hero{position:relative;width:100%;height:450px;border-radius:12px;overflow:hidden;margin-top:24px;background:#000}.md-hero img{width:100%;height:100%;object-fit:cover;opacity:.7}.md-hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%,rgba(0,0,0,.3) 100%)}.md-hero-title{font-size:3rem;font-weight:800;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.4);letter-spacing:-1px}.md-hero-subtitle{font-size:1.25rem;font-weight:500;margin-top:8px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.md-agent-widget{position:absolute;bottom:24px;left:24px;background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:6px 16px 6px 6px;display:flex;align-items:center;gap:12px;color:#fff}.md-agent-avatar{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--text-main)}.md-agent-info h4{margin:0;font-size:.85rem;font-weight:600}.md-agent-info p{margin:0;font-size:.7rem;opacity:.8}.md-section{margin-top:60px}.md-section-header{border-bottom:2px solid var(--text-main);display:inline-block;padding-bottom:4px;margin-bottom:24px}.md-section-title{font-size:1.75rem;font-weight:800;margin:0;color:var(--text-main);text-transform:uppercase;letter-spacing:-.5px}.md-stats-grid{display:flex;gap:12px;margin-bottom:24px}.md-stat-card{flex:1;background:#fff;border-radius:8px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000d}.md-stat-card.blue{background:#eff6ff;color:#1d4ed8}.md-stat-card.green{background:#f0fdf4;color:#15803d}.md-stat-card.purple{background:#faf5ff;color:#7e22ce}.md-stat-card.orange{background:#fff7ed;color:#c2410c}.md-stat-card.lightblue{background:#f0f9ff;color:#0369a1}.md-stat-num{font-size:1.5rem;font-weight:800;line-height:1.2}.md-stat-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.md-zip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.md-zip-card{position:relative;border-radius:8px;overflow:hidden;height:120px;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s}.md-zip-card:hover{transform:translateY(-4px)}.md-zip-card img{width:100%;height:100%;object-fit:cover}.md-zip-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff}.md-zip-overlay h4{margin:0;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.md-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;color:var(--text-muted)}.md-filter-bar button{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;font-family:inherit}.md-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.md-photo-item{position:relative;aspect-ratio:3/2;border-radius:6px;overflow:hidden;cursor:pointer}.md-photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.md-photo-item:hover img{transform:scale(1.05)}.md-photo-check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.md-video-card{width:280px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;border:1px solid var(--border-color)}.md-video-thumb{position:relative;width:100%;aspect-ratio:9/16;background:#000}.md-video-thumb img{width:100%;height:100%;object-fit:cover;opacity:.8}.md-play-btn{position:absolute;inset:0;margin:auto;width:48px;height:48px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-main);cursor:pointer}.md-video-details{padding:16px}.md-video-tabs{display:flex;gap:8px;margin-bottom:12px}.md-video-tab{flex:1;text-align:center;padding:6px;font-size:.75rem;font-weight:600;border-radius:4px;cursor:pointer}.md-video-tab.active{background:#f1f5f9;color:var(--text-main)}.md-video-tab:not(.active){color:var(--text-muted)}.md-btn-download{display:block;width:100%;text-align:center;padding:10px;border-radius:6px;font-size:.8rem;font-weight:600;margin-bottom:8px;cursor:pointer;border:none;font-family:inherit}.md-btn-download.primary{background:#e0f2fe;color:#0369a1}.md-btn-download.secondary{background:#f1f5f9;color:var(--text-main)}.md-list-item{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:16px 20px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:12px;box-shadow:0 1px 2px #00000005}.md-list-left{display:flex;align-items:center;gap:16px}.md-list-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.md-list-icon.matterport{background:#fdf4ff;color:#c026d3}.md-list-icon.floorplan{background:#fff7ed;color:#ea580c}.md-list-icon.website{background:#eff6ff;color:#2563eb}.md-list-info h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.md-list-info p{margin:0;font-size:.75rem;color:var(--text-muted)}.md-list-actions{display:flex;gap:8px}.md-btn-action{padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid var(--border-color);background:#fff;color:var(--text-main);font-family:inherit;transition:background .2s}.md-btn-action:hover{background:#f8fafc}.md-btn-action.blue{background:var(--primary);color:#fff;border-color:var(--primary)}.md-btn-action.blue:hover{background:#1d4ed8}.md-btn-action.purple{background:#fdf4ff;color:#c026d3;border-color:#f5d0fe}.md-btn-action.orange{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.of-hero{position:relative;padding:160px 32px 80px;overflow:visible;background:var(--bg, #F5F5FA)}.of-hero-gradient{position:absolute;inset:0;background:radial-gradient(1200px 600px at 10% 0%,rgba(47,69,80,.07) 0%,transparent 60%),radial-gradient(1000px 500px at 90% 20%,rgba(184,219,217,.15) 0%,transparent 55%),linear-gradient(135deg,rgba(245,245,250,.9) 0%,rgba(184,219,217,.1) 40%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 50%,rgba(0,0,0,.6) 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 50%,rgba(0,0,0,.6) 75%,transparent 100%);pointer-events:none;z-index:0}.of-hero-inner{position:relative;z-index:1;max-width:1300px;margin:0 auto;display:flex;align-items:center;gap:64px}.of-hero-text{flex:1;max-width:520px;flex-shrink:0}.of-badge{display:inline-flex;align-items:center;gap:8px;background:#2f455014;color:var(--primary, #2F4550);padding:5px 16px;border-radius:49px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.of-hero h1{font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--text, #1A1A2E);margin-bottom:20px}.of-hero-muted{color:#586f7c}.of-hero-sub{font-size:1.05rem;color:var(--text-secondary, #555);line-height:1.7;margin-bottom:32px;max-width:460px}.of-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.of-hero-note{margin-top:12px;font-size:.8rem;color:var(--text-light, #888);font-weight:500}.of-hero-mockup{flex:1;position:relative;min-width:0}.of-mockup-card{background:transparent;overflow:visible;animation:of-float-in .8s ease both}@keyframes of-float-in{0%{opacity:0;transform:translateY(29px)}to{opacity:1;transform:translateY(0)}}.of-feature-section{padding:120px 32px;background:#fff;border-top:1px solid #f1f1f5}.of-feature-alt{background:#fafafa}.of-feature-container{max-width:1200px;margin:0 auto}.of-feature-row{display:flex;align-items:center;gap:80px}.of-feature-row.of-reverse{flex-direction:row-reverse}.of-feature-copy{flex:1;max-width:500px}.of-feature-tag{display:inline-block;font-size:.75rem;font-weight:700;color:var(--primary, #2F4550);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.of-feature-copy h2{font-size:clamp(2rem,3.5vw,2.5rem);font-weight:800;line-height:1.1;color:var(--text, #1A1A2E);margin-bottom:24px;letter-spacing:-.02em}.of-feature-muted{color:#586f7c}.of-feature-desc{font-size:1.1rem;color:#555;line-height:1.6;margin-bottom:32px}.of-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.of-feature-list li{display:flex;gap:16px;align-items:flex-start}.of-feature-list strong{font-size:1.05rem;color:var(--text, #1A1A2E);display:block;margin-bottom:4px}.of-feature-list span{font-size:.95rem;color:#6b7280;line-height:1.5}.of-list-icon{width:44px;height:44px;border-radius:12px;background:#2f45500f;color:var(--primary, #2F4550);display:flex;align-items:center;justify-content:center;flex-shrink:0}.of-feature-visual{flex:1;position:relative}@media(max-width:992px){.of-hero-inner,.of-feature-row{flex-direction:column;gap:40px;text-align:center}.of-hero-text,.of-feature-copy{max-width:100%}.of-hero-actions{justify-content:center}.of-feature-list li{text-align:left}}@media(max-width:768px){.of-hero{padding:120px 20px 48px;overflow-x:hidden}.of-hero h1{font-size:2rem}.of-feature-section{padding:60px 20px;overflow-x:hidden}.of-hero-mockup,.of-feature-visual{display:flex;justify-content:center;width:100%;overflow:hidden}.of-hero-mockup>div,.of-feature-visual>div{zoom:.85}}@media(max-width:480px){.of-hero-mockup>div,.of-feature-visual>div{zoom:.7}}