/* CDStudio Generated Styles */ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700;800;900&family=Nunito%20Sans:wght@300;400;500;600;700&display=swap'); :root { --primary: #d4622b; --primary-fg: #ffffff; --secondary: #0f2b4c; --secondary-fg: #ffffff; --accent: #d7b071; --bg: #f7faf8; --text: #16201d; --heading-font: 'Oswald', system-ui, sans-serif; --body-font: 'Nunito Sans', system-ui, sans-serif; --radius: 12px; --shadow-sm: 0 2px 8px rgba(0,0,0,0.06); --shadow-md: 0 4px 20px rgba(0,0,0,0.08); --shadow-lg: 0 8px 40px rgba(0,0,0,0.12); --shadow-xl: 0 20px 60px rgba(0,0,0,0.15); } *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } /* NOTE: overflow-x: hidden on breaks position: sticky on descendants in most browsers (changes the scroll containing block). Keep it on only, which is enough to prevent horizontal scroll without killing sticky nav. */ html { scroll-behavior: smooth; } body { font-family: var(--body-font); color: var(--text); background: var(--bg); line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; } h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); line-height: 1.2; } img { max-width: 100%; height: auto; display: block; } a { transition: all 0.3s ease; } /* ─── Animations ─── */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideInLeft { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideInRight { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: translateX(0); } } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes countUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .cd-animate { opacity: 0; } .cd-animate.cd-visible { animation: fadeInUp 0.7s ease forwards; } .cd-animate-delay-1 { animation-delay: 0.1s !important; } .cd-animate-delay-2 { animation-delay: 0.2s !important; } .cd-animate-delay-3 { animation-delay: 0.3s !important; } .cd-animate-delay-4 { animation-delay: 0.4s !important; } /* ─── Announcement Bar ─── */ .cd-announce-bar { padding: 10px 24px; text-align: center; font-size: 14px; font-weight: 600; border-bottom: 1px solid #fde68a; position: relative; z-index: 1001; } .cd-announce-bar a { font-weight: 700; text-decoration: underline; margin-left: 8px; transition: opacity 0.2s; } .cd-announce-bar a:hover { opacity: 0.8; } /* ─── Top Bar ─── */ .cd-topbar { display: flex; justify-content: space-between; align-items: center; padding: 8px 40px; font-size: 13px; background: var(--secondary); color: rgba(255,255,255,0.7); border-bottom: 1px solid rgba(255,255,255,0.08); } .cd-topbar a { color: rgba(255,255,255,0.85); text-decoration: none; } .cd-topbar a:hover { color: var(--primary); } .cd-topbar-left, .cd-topbar-right { display: flex; align-items: center; gap: 20px; } .cd-topbar-social { display: flex; gap: 10px; } .cd-topbar-social a { width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; font-size: 12px; transition: all 0.3s; } .cd-topbar-social a:hover { background: var(--primary); color: var(--primary-fg); transform: translateY(-2px); } /* ─── Navigation ─── */ .cd-nav { display: flex; justify-content: space-between; align-items: center; padding: 16px 40px; position: sticky; top: 0; z-index: 1000; transition: all 0.3s ease; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .cd-nav.cd-nav-scrolled { padding: 12px 40px; box-shadow: 0 4px 30px rgba(0,0,0,0.15); } .cd-nav-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; } .cd-nav-logo-icon { width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; font-family: var(--heading-font); background: var(--primary); color: var(--primary-fg); box-shadow: 0 2px 10px rgba(0,0,0,0.15); } .cd-nav-logo-img { height: 38px; width: auto; max-width: 120px; object-fit: contain; border-radius: 6px; } .cd-nav-brand-text { display: flex; flex-direction: column; } .cd-nav-brand-name { font-size: 18px; font-weight: 700; font-family: var(--heading-font); line-height: 1.2; letter-spacing: -0.02em; } .cd-nav-brand-tagline { font-size: 11px; opacity: 0.6; letter-spacing: 0.05em; text-transform: uppercase; } .cd-nav-links { display: flex; align-items: center; gap: 4px; } .cd-nav-link { padding: 8px 16px; font-size: 14px; font-weight: 500; text-decoration: none; border-radius: 6px; transition: all 0.2s; position: relative; } .cd-nav-link:hover { background: rgba(255,255,255,0.08); } .cd-nav-cta { padding: 10px 24px; font-size: 14px; font-weight: 600; background: var(--primary); color: var(--primary-fg); border-radius: 50px; text-decoration: none; box-shadow: 0 2px 12px #d4622b40; transition: all 0.3s; } .cd-nav-cta:hover { transform: translateY(-2px); box-shadow: 0 4px 20px #d4622b60; opacity: 1; } .cd-nav-auth { cursor: pointer; font-size: 14px; font-weight: 500; padding: 8px 14px; text-decoration: none; color: inherit; display: inline-flex; align-items: center; gap: 8px; border-radius: 6px; transition: all 0.2s; white-space: nowrap; } .cd-nav-auth:hover { background: rgba(255,255,255,0.08); } .cd-nav-auth-avatar { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--primary, #1e40af); color: #fff; font-size: 12px; font-weight: 700; } .cd-nav-auth-name { font-size: 13px; font-weight: 600; } .cd-nav-mobile-btn { display: none; background: none; border: none; cursor: pointer; padding: 8px; } .cd-nav-mobile-btn span { display: block; width: 24px; height: 2px; background: currentColor; margin: 5px 0; transition: all 0.3s; } .cd-nav-dropdown { position: relative; } .cd-nav-dropdown-menu { position: absolute; top: 100%; left: 0; min-width: 200px; background: var(--secondary); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius); padding: 8px; box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s; } .cd-nav-dropdown:hover .cd-nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); } .cd-nav-dropdown-menu a { display: block; padding: 10px 16px; font-size: 14px; color: rgba(255,255,255,0.8); text-decoration: none; border-radius: 6px; transition: all 0.2s; } .cd-nav-dropdown-menu a:hover { background: rgba(255,255,255,0.08); color: var(--primary); } /* ─── Hero ─── */ .cd-hero { position: relative; overflow: hidden; min-height: 92vh; display: flex; align-items: center; } .cd-hero-bg { position: absolute; inset: 0; z-index: 0; } .cd-hero-bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.05); transition: transform 8s ease; } .cd-hero:hover .cd-hero-bg img { transform: scale(1); } .cd-hero-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%); } .cd-hero-content { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 40px; text-align: center; } .cd-hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; margin-bottom: 24px; background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); border-radius: 50px; font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.9); letter-spacing: 0.03em; } .cd-hero-badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--primary); animation: pulse 2s infinite; } .cd-hero h1 { font-size: 60px; font-weight: 800; color: #ffffff; line-height: 1.1; margin-bottom: 20px; max-width: 700px; margin-left: auto; margin-right: auto; font-family: var(--heading-font); } .cd-hero h1 .cd-accent { color: var(--primary); } .cd-hero-subtitle { font-size: 18px; color: rgba(255,255,255,0.75); line-height: 1.7; max-width: 560px; margin: 0 auto 36px; } .cd-hero-actions { display: flex; gap: 14px; margin-bottom: 48px; flex-wrap: wrap; justify-content: center; } .cd-hero-btn-primary { display: inline-flex; align-items: center; gap: 8px; padding: 16px 36px; font-size: 15px; font-weight: 600; background: var(--primary); color: var(--primary-fg); border-radius: 50px; text-decoration: none; box-shadow: 0 4px 20px #d4622b40; transition: all 0.3s; } .cd-hero-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 6px 30px #d4622b60; opacity: 1; } .cd-hero-btn-secondary { display: inline-flex; align-items: center; gap: 8px; padding: 16px 36px; font-size: 15px; font-weight: 600; background: rgba(255,255,255,0.1); color: #ffffff; border: 1px solid rgba(255,255,255,0.25); border-radius: 50px; text-decoration: none; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: all 0.3s; } .cd-hero-btn-secondary:hover { background: rgba(255,255,255,0.2); transform: translateY(-3px); opacity: 1; } .cd-hero-search { display: flex; align-items: center; gap: 0; max-width: 600px; margin-left: auto; margin-right: auto; background: rgba(255,255,255,0.1); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.2); border-radius: 60px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.2); transition: all 0.3s; } .cd-hero-search:focus-within { background: rgba(255,255,255,0.15); border-color: var(--primary); box-shadow: 0 8px 32px rgba(0,0,0,0.3), 0 0 0 2px #d4622b30; } .cd-hero-search input { flex: 1; padding: 18px 28px; font-size: 15px; background: transparent; border: none; color: #fff; outline: none; font-family: var(--body-font); } .cd-hero-search input::placeholder { color: rgba(255,255,255,0.5); } .cd-hero-search button { padding: 14px 32px; margin: 5px; background: var(--primary); color: var(--primary-fg); border: none; border-radius: 50px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s; } .cd-hero-search button:hover { opacity: 0.9; transform: scale(1.02); } .cd-hero-search-solid { background: #ffffff; border: none; border-radius: var(--radius, 6px); backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: 0 4px 24px rgba(0,0,0,0.15); max-width: 540px; } .cd-hero-search-solid:focus-within { background: #ffffff; border: none; box-shadow: 0 4px 24px rgba(0,0,0,0.2), 0 0 0 2px var(--primary); } .cd-hero-search-solid input { color: #2A2A33; padding: 16px 20px; } .cd-hero-search-solid input::placeholder { color: #94a3b8; } .cd-hero-search-solid button { border-radius: 0; margin: 0; padding: 16px 28px; font-size: 15px; } .cd-hero-stats { display: flex; gap: 40px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.15); margin: 48px auto 0; max-width: 500px; justify-content: center; } .cd-hero-stat-value { font-size: 32px; font-weight: 800; color: #ffffff; font-family: var(--heading-font); line-height: 1; } .cd-hero-stat-label { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 4px; text-transform: uppercase; letter-spacing: 0.05em; } /* ─── Section Headings ─── */ .cd-section { padding: 100px 40px; position: relative; } .cd-section-header { text-align: center; margin-bottom: 60px; } .cd-section-badge { display: inline-block; padding: 6px 18px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; border-radius: 50px; background: #d4622b15; color: var(--primary); margin-bottom: 16px; } .cd-section-title { font-size: 42px; font-weight: 700; color: var(--text); line-height: 1.2; margin-bottom: 16px; font-family: var(--heading-font); } .cd-section-subtitle { font-size: 17px; color: #64748b; max-width: 600px; margin: 0 auto; line-height: 1.7; } /* ─── Listing Cards ─── */ .cd-listing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; max-width: 1200px; margin: 0 auto; } .cd-listing-card { border-radius: var(--radius); overflow: hidden; background: #fff; box-shadow: var(--shadow-sm); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer; position: relative; } .cd-listing-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-xl); } .cd-listing-card-img { position: relative; height: 240px; overflow: hidden; } .cd-listing-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .cd-listing-card:hover .cd-listing-card-img img { transform: scale(1.08); } .cd-listing-badge { position: absolute; top: 14px; left: 14px; padding: 5px 14px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; border-radius: 6px; z-index: 2; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .cd-listing-badge-active { background: rgba(16,185,129,0.9); color: #fff; } .cd-listing-badge-new { background: rgba(59,130,246,0.9); color: #fff; } .cd-listing-badge-tour { background: rgba(139,92,246,0.9); color: #fff; } .cd-listing-fav { position: absolute; top: 14px; right: 14px; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,0.9); backdrop-filter: blur(8px); border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; transition: all 0.3s; font-size: 16px; color: #cbd5e1; } .cd-listing-fav:hover { background: #fff; color: #ef4444; transform: scale(1.1); } .cd-listing-card-body { padding: 20px 22px; } .cd-listing-price { font-size: 24px; font-weight: 800; color: var(--text); font-family: var(--heading-font); margin-bottom: 6px; } .cd-listing-address { font-size: 14px; color: #64748b; margin-bottom: 14px; } .cd-listing-details { display: flex; gap: 16px; padding-top: 14px; border-top: 1px solid #f1f5f9; } .cd-listing-detail { display: flex; align-items: center; gap: 5px; font-size: 13px; color: #64748b; } .cd-listing-detail strong { color: var(--text); font-weight: 600; } .cd-listing-placeholder { text-align: center; padding: 60px 20px; color: #94a3b8; font-size: 15px; } /* ─── Area / Neighborhood Cards ─── */ .cd-areas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1200px; margin: 0 auto; } .cd-area-card { position: relative; border-radius: var(--radius); overflow: hidden; cursor: pointer; height: 240px; } .cd-area-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; position: absolute; inset: 0; } .cd-area-card:hover img { transform: scale(1.08); } .cd-area-card-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; transition: all 0.3s; z-index: 1; } .cd-area-card:hover .cd-area-card-overlay { background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); } .cd-area-card-name { font-size: 20px; font-weight: 700; color: #fff; font-family: var(--heading-font); margin-bottom: 4px; } .cd-area-card-count { font-size: 13px; color: rgba(255,255,255,0.7); } .cd-area-card-arrow { position: absolute; bottom: 24px; right: 24px; width: 36px; height: 36px; border-radius: 50%; background: var(--primary); color: var(--primary-fg); display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateX(-10px); transition: all 0.3s; font-size: 16px; z-index: 2; } .cd-area-card:hover .cd-area-card-arrow { opacity: 1; transform: translateX(0); } /* ─── Stats Section ─── */ .cd-stats-section { position: relative; } .cd-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; max-width: 1140px; margin: 0 auto; position: relative; z-index: 1; grid-column: 1 / -1; } .cd-stat-item { text-align: center; padding: 36px 20px; border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; background: rgba(255,255,255,0.04); } .cd-stat-value { font-size: 52px; font-weight: 800; font-family: var(--heading-font); line-height: 1; margin-bottom: 8px; color: inherit; } .cd-stat-label { font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.85; } /* ─── Steps ─── */ .cd-steps-section { position: relative; } .cd-steps-grid { display: flex; align-items: flex-start; justify-content: center; gap: 0; max-width: 1140px; margin: 0 auto; } .cd-step-item { flex: 1; text-align: center; padding: 0 16px; } .cd-step-circle { width: 64px; height: 64px; border-radius: 50%; background: #e0f2fe; color: #0369a1; font-size: 26px; font-weight: 800; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; border: 2px solid #bae6fd; } .cd-step-label { font-size: 16px; font-weight: 700; color: #111827; margin-bottom: 8px; } .cd-step-desc { font-size: 14px; color: #6b7280; line-height: 1.5; } .cd-step-arrow { display: flex; align-items: center; padding-top: 20px; color: #0369a1; opacity: 0.5; flex-shrink: 0; } /* ─── Testimonials ─── */ .cd-testimonials-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; } .cd-testimonial-card { padding: 28px 32px; border-radius: var(--radius); background: #1e293b; border: 1px solid rgba(148,203,236,0.25); transition: all 0.4s; position: relative; } .cd-testimonial-card:hover { transform: translateY(-2px); border-color: rgba(148,203,236,0.45); } .cd-testimonial-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .cd-testimonial-stars { display: flex; gap: 3px; color: #f59e0b; font-size: 16px; } .cd-testimonial-text { font-size: 15px; line-height: 1.7; color: #e2e8f0; margin: 0; } .cd-testimonial-author { display: flex; align-items: center; gap: 14px; } .cd-testimonial-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--accent)); display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; color: var(--primary-fg); overflow: hidden; } .cd-testimonial-avatar img { width: 100%; height: 100%; object-fit: cover; } .cd-testimonial-name { font-size: 15px; font-weight: 600; color: #f1f5f9; } .cd-testimonial-role { font-size: 13px; color: #94a3b8; margin-top: 2px; } /* ─── About Section ─── */ .cd-about-grid { display: flex; gap: 60px; max-width: 1100px; margin: 0 auto; align-items: center; } .cd-about-image-wrap { flex: 1; position: relative; } .cd-about-image-accent { position: absolute; width: 100%; height: 100%; border: 3px solid var(--primary); border-radius: var(--radius); top: 16px; left: 16px; z-index: 0; } .cd-about-image-wrap img { position: relative; z-index: 1; border-radius: var(--radius); box-shadow: var(--shadow-lg); } .cd-about-content { flex: 1; } .cd-about-highlights { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 28px; } .cd-about-highlight { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border-radius: 10px; background: #d4622b08; border: 1px solid #d4622b15; } .cd-about-highlight-icon { width: 36px; height: 36px; border-radius: 8px; background: var(--primary); color: var(--primary-fg); display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; } .cd-about-highlight-title { font-size: 14px; font-weight: 600; color: var(--text); } .cd-about-highlight-desc { font-size: 12px; color: #64748b; margin-top: 2px; } /* ─── Home Valuation Section ─── */ .cd-valuation-section { position: relative; overflow: hidden; padding: 100px 40px; } .cd-valuation-section::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, var(--secondary) 0%, #d4622b30 100%); z-index: 0; } .cd-valuation-grid { display: flex; gap: 60px; max-width: 1100px; margin: 0 auto; align-items: center; position: relative; z-index: 1; } .cd-valuation-form { background: rgba(255,255,255,0.95); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: var(--radius); padding: 40px; box-shadow: var(--shadow-xl); flex: 1; max-width: 460px; } .cd-valuation-content { flex: 1; color: #fff; } .cd-valuation-trust { display: flex; gap: 24px; margin-top: 32px; flex-wrap: wrap; } .cd-valuation-trust-item { display: flex; align-items: center; gap: 8px; font-size: 14px; color: rgba(255,255,255,0.8); } .cd-valuation-trust-icon { width: 20px; height: 20px; color: var(--primary); } /* ─── Quick Search Grid ─── */ .cd-quicksearch-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px 32px; max-width: 1000px; margin: 0 auto; } .cd-quicksearch-link { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--primary); text-decoration: none; padding: 6px 0; transition: all 0.2s; } .cd-quicksearch-link::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #d4622b40; transition: all 0.2s; flex-shrink: 0; } .cd-quicksearch-link:hover { color: var(--accent); padding-left: 4px; opacity: 1; } .cd-quicksearch-link:hover::before { background: var(--primary); } /* ─── Forms ─── */ form[data-form-type] { max-width: 580px; margin: 0 auto; padding: 40px; } .cd-form-group { margin-bottom: 16px; } .cd-form-label { display: block; font-size: 13px; font-weight: 600; color: #475569; margin-bottom: 6px; } .cd-form-input { width: 100%; padding: 12px 16px; font-size: 15px; border: 2px solid #e2e8f0; border-radius: 10px; background: #fff; color: var(--text); font-family: var(--body-font); transition: all 0.3s; outline: none; box-sizing: border-box; } .cd-form-input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px #d4622b20; } .cd-form-textarea { width: 100%; padding: 12px 16px; font-size: 15px; border: 2px solid #e2e8f0; border-radius: 10px; background: #fff; color: var(--text); font-family: var(--body-font); resize: vertical; transition: all 0.3s; outline: none; box-sizing: border-box; min-height: 120px; } .cd-form-textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px #d4622b20; } .cd-form-btn { width: 100%; padding: 14px 24px; font-size: 15px; font-weight: 700; border: none; border-radius: 10px; background: var(--primary); color: var(--primary-fg); cursor: pointer; transition: all 0.3s; font-family: var(--body-font); box-shadow: 0 4px 14px #d4622b30; } .cd-form-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px #d4622b40; } /* ─── CTA Section ─── */ .cd-cta-section { text-align: center; position: relative; } .cd-cta-title { font-size: 36px; font-weight: 700; margin-bottom: 16px; font-family: var(--heading-font); } .cd-cta-text { font-size: 17px; opacity: 0.8; margin-bottom: 32px; max-width: 560px; margin-left: auto; margin-right: auto; } .cd-cta-btn { display: inline-flex; align-items: center; gap: 8px; padding: 16px 40px; font-size: 15px; font-weight: 700; border-radius: 8px; text-decoration: none; transition: all 0.3s; box-shadow: var(--shadow-md); } .cd-cta-buttons { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; } .cd-cta-btn:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); opacity: 1; } .cd-cta-btn-secondary { background: #0f172a !important; color: #fff !important; } /* ─── Features Grid ─── */ .cd-features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; max-width: 1100px; margin: 0 auto; } .cd-feature-card { padding: 32px 28px; border-radius: var(--radius); background: #fff; border: 1px solid #f1f5f9; text-align: center; transition: all 0.4s; } .cd-feature-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: #d4622b25; } .cd-feature-icon { width: 56px; height: 56px; border-radius: 14px; background: #d4622b10; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 24px; color: var(--primary); transition: all 0.3s; } .cd-feature-card:hover .cd-feature-icon { background: var(--primary); color: var(--primary-fg); transform: scale(1.1); } .cd-feature-title { font-size: 17px; font-weight: 600; color: var(--text); margin-bottom: 8px; } .cd-feature-desc { font-size: 14px; color: #64748b; line-height: 1.6; } /* ─── Features List Layout ─── */ .cd-features-list { display: flex; flex-direction: column; gap: 20px; max-width: 600px; } .cd-feature-list-item { display: flex; align-items: flex-start; gap: 16px; padding: 20px; border-radius: var(--radius); background: #fff; border: 1px solid #f1f5f9; transition: all 0.3s; } .cd-feature-list-item:hover { border-color: #d4622b25; box-shadow: var(--shadow-md); } .cd-feature-list-icon { width: 44px; height: 44px; min-width: 44px; border-radius: 10px; background: #d4622b10; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--primary); } .cd-feature-list-content { flex: 1; } /* ─── Footer ─── */ .cd-footer { position: relative; } .cd-footer-main { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; max-width: 1200px; margin: 0 auto; padding: 0 40px; } .cd-footer-brand { } .cd-footer-brand-name { font-size: 22px; font-weight: 800; color: #fff; font-family: var(--heading-font); margin-bottom: 12px; } .cd-footer-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; } .cd-footer-logo-icon { width: 42px; height: 42px; border-radius: 10px; background: var(--primary); color: var(--primary-fg); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; font-family: var(--heading-font); } .cd-footer-logo-img { height: 36px; width: auto; max-width: 120px; object-fit: contain; border-radius: 6px; } .cd-footer-logo-text { font-size: 18px; font-weight: 700; font-family: var(--heading-font); } .cd-footer-desc { font-size: 14px; line-height: 1.7; opacity: 0.7; margin-bottom: 20px; } .cd-footer-social { display: flex; gap: 10px; } .cd-footer-social a { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.7); text-decoration: none; font-size: 14px; transition: all 0.3s; } .cd-footer-social a:hover { background: var(--primary); color: var(--primary-fg); transform: translateY(-3px); opacity: 1; } .cd-footer-col h4 { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 20px; font-family: var(--heading-font); } .cd-footer-col a { display: block; padding: 5px 0; font-size: 14px; opacity: 0.7; text-decoration: none; color: inherit; transition: all 0.2s; } .cd-footer-col a:hover { opacity: 1; color: var(--primary); padding-left: 4px; } .cd-footer-contact { display: flex; flex-direction: column; gap: 12px; } .cd-footer-contact-item { display: flex; align-items: center; gap: 10px; font-size: 14px; opacity: 0.7; } .cd-footer-bottom { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 40px auto 0; padding: 24px 40px 0; border-top: 1px solid rgba(255,255,255,0.08); font-size: 13px; opacity: 0.5; } .cd-footer-bottom a { color: inherit; text-decoration: none; } /* ─── FAQ ─── */ .cd-faq-item { border-bottom: 1px solid #e2e8f0; overflow: hidden; } .cd-faq-item summary { padding: 20px 0; font-size: 17px; font-weight: 600; color: var(--text); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; transition: color 0.3s; } .cd-faq-item summary:hover { color: var(--primary); } .cd-faq-item summary::after { content: '+'; font-size: 24px; font-weight: 300; color: var(--primary); transition: transform 0.3s; } .cd-faq-item[open] summary::after { content: '−'; } .cd-faq-answer { padding: 0 0 20px; font-size: 15px; color: #64748b; line-height: 1.7; } /* ─── Lead Capture Modal ─── */ .cd-modal-overlay { position: fixed; inset: 0; z-index: 10000; background: rgba(0,0,0,0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s; } .cd-modal-overlay.cd-modal-active { opacity: 1; visibility: visible; } .cd-modal { background: #fff; border-radius: 16px; padding: 40px; max-width: 480px; width: 90%; box-shadow: var(--shadow-xl); transform: translateY(20px) scale(0.95); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .cd-modal-active .cd-modal { transform: translateY(0) scale(1); } .cd-modal-close { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; border-radius: 50%; background: #f1f5f9; border: none; cursor: pointer; font-size: 18px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; } .cd-modal-close:hover { background: #e2e8f0; } /* ─── Search Form ─── */ .cd-search-form { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; padding: 28px; background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-md); } .cd-search-form label { display: block; font-size: 12px; font-weight: 600; color: #475569; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.05em; } .cd-search-form input, .cd-search-form select { width: 100%; padding: 12px 14px; font-size: 14px; border: 2px solid #e2e8f0; border-radius: 8px; background: #f8fafc; transition: all 0.3s; font-family: var(--body-font); outline: none; } .cd-search-form input:focus, .cd-search-form select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px #d4622b15; background: #fff; } .cd-search-btn { padding: 12px 32px; background: var(--primary); color: var(--primary-fg); border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s; height: fit-content; box-shadow: 0 2px 10px #d4622b30; } .cd-search-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 16px #d4622b40; } /* ─── Agent Card ─── */ .cd-agent-card { text-align: center; padding: 32px; background: #fff; border-radius: var(--radius); border: 1px solid #f1f5f9; box-shadow: var(--shadow-sm); } .cd-agent-photo { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin: 0 auto 20px; border: 4px solid #d4622b20; box-shadow: 0 4px 20px rgba(0,0,0,0.1); } .cd-agent-placeholder { width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--accent)); margin: 0 auto 20px; } .cd-agent-name { font-size: 20px; font-weight: 700; color: var(--text); margin-bottom: 4px; } .cd-agent-title-text { font-size: 14px; color: #64748b; margin-bottom: 16px; } .cd-agent-contact a { display: block; padding: 4px 0; font-size: 14px; color: var(--primary); text-decoration: none; } /* ─── Gallery ─── */ .cd-gallery { display: grid; gap: 8px; } .cd-gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; cursor: pointer; transition: all 0.4s; } .cd-gallery img:hover { transform: scale(1.03); box-shadow: var(--shadow-lg); } /* ─── Blog Grid ─── */ .cd-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; max-width: 1140px; margin: 0 auto; } .cd-blog-card { border-radius: var(--radius); overflow: hidden; background: #fff; box-shadow: var(--shadow-sm); transition: all 0.4s; } .cd-blog-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); } .cd-blog-card img { width: 100%; height: 200px; object-fit: cover; transition: transform 0.4s; } .cd-blog-card:hover img { transform: scale(1.05); } .cd-blog-card-body { padding: 24px; } /* ─── Mobile Hamburger ─── */ .nav-hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 10px; background: none; border: none; width: 44px; height: 44px; align-items: center; justify-content: center; } .nav-hamburger span { width: 24px; height: 2px; background: var(--text, #111827); transition: 0.3s; display: block; } .nav-mobile-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.98); z-index: 9999; flex-direction: column; align-items: center; justify-content: center; gap: 24px; padding: 72px 24px 32px; overflow-y: auto; } .nav-mobile-overlay.open { display: flex; } .nav-mobile-overlay a { font-size: 20px; font-weight: 600; color: var(--text, #111827); text-decoration: none; padding: 12px 24px; } .nav-mobile-overlay a:hover { color: var(--accent, #0369a1); } .nav-mobile-close { position: absolute; top: 20px; right: 24px; min-width: 44px; min-height: 44px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; font-size: 32px; cursor: pointer; background: none; border: none; color: var(--text, #111827); font-weight: 300; } .cd-mobile-menu-open { overflow: hidden !important; } /* Hide brand name text when logo image is present */ .nav-logo:has(img) .nav-logo-name { display: none !important; } /* ─── Responsive (cd-* classes) ─── */ @media (max-width: 1024px) { .cd-hero h1 { font-size: 44px; } .cd-stats-grid { grid-template-columns: repeat(2, 1fr); } .cd-listing-grid { grid-template-columns: repeat(2, 1fr); } .cd-testimonials-grid { grid-template-columns: repeat(2, 1fr); } .cd-areas-grid { grid-template-columns: repeat(2, 1fr); } .cd-features-grid { grid-template-columns: repeat(2, 1fr); } .cd-footer-main { grid-template-columns: 1fr 1fr; gap: 32px; } .cd-about-grid { gap: 40px; } .cd-valuation-grid { gap: 40px; } .cd-quicksearch-grid { grid-template-columns: repeat(3, 1fr); } .cd-section { padding: 80px 30px; } .cd-steps-grid { flex-wrap: wrap; } .cd-step-item { flex: 0 0 calc(50% - 40px); } .cd-step-arrow { display: none; } } @media (max-width: 768px) { html, body { overflow-x: hidden; } .cd-topbar { display: none; } .cd-announce-bar { font-size: 12px; padding: 8px 16px; } .cd-nav { padding: 12px 20px; } .cd-nav-links { display: none; } .cd-nav-cta { display: none; } #cd-nav-auth-desktop { display: none !important; } .cd-nav-mobile-btn { display: block; } .cd-hero { min-height: auto; padding-top: 24px; padding-bottom: 40px; } .cd-hero h1 { font-size: 38px; } .cd-hero-badge { margin-bottom: 16px; } .cd-hero-subtitle { font-size: 16px; margin-bottom: 24px; } .cd-hero-actions { flex-direction: column; } .cd-hero-btn-primary, .cd-hero-btn-secondary { text-align: center; justify-content: center; } .cd-hero-search { flex-direction: column; border-radius: 16px; } .cd-hero-search input { padding: 16px 20px; } .cd-hero-search button { margin: 0 8px 8px; border-radius: 10px; } .cd-hero-stats { gap: 16px; flex-wrap: wrap; padding-top: 24px; margin-top: 24px; } .cd-hero-stat-value { font-size: 22px; } .cd-hero-stat-label { font-size: 10px; } .cd-section { padding: 60px 20px; overflow: hidden; } .cd-section-title { font-size: 32px; } .cd-stat-value { font-size: 36px; } .cd-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; } .cd-listing-grid { grid-template-columns: 1fr; } .cd-testimonials-grid { grid-template-columns: 1fr; } .cd-about-grid { flex-direction: column; } .cd-valuation-grid { flex-direction: column; } .cd-footer-main { grid-template-columns: 1fr; gap: 28px; } .cd-footer-bottom { flex-direction: column; gap: 8px; text-align: center; } .cd-features-grid { grid-template-columns: 1fr; } .cd-areas-grid { grid-template-columns: 1fr; } .cd-quicksearch-grid { grid-template-columns: repeat(2, 1fr); } .cd-search-form { flex-direction: column; } .cd-about-highlights { grid-template-columns: 1fr; } .cd-blog-grid { grid-template-columns: 1fr; } .cd-steps-grid { flex-direction: column; align-items: center; gap: 24px; } .cd-step-item { flex: 0 0 auto; width: 100%; } .cd-step-arrow { display: none; } } @media (max-width: 480px) { .cd-hero h1 { font-size: 32px; } .cd-section-title { font-size: 26px; } .cd-stat-value { font-size: 28px; } .cd-quicksearch-grid { grid-template-columns: 1fr; } .cd-hero-stats { flex-direction: column; gap: 12px; } } /* ─── Responsive (template classes) ─── */ @media (max-width: 1024px) { .hero-grid { grid-template-columns: 1fr !important; gap: 32px; } .hero h1 { font-size: 34px; } .steps-grid { grid-template-columns: repeat(2, 1fr); } .step-card:nth-child(2)::after { display: none; } .results-grid { grid-template-columns: repeat(2, 1fr); } .vp-grid { grid-template-columns: repeat(2, 1fr); } .blog-grid { grid-template-columns: repeat(2, 1fr); } .testi-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; } .split-cta { grid-template-columns: 1fr; } .section { padding: 56px 20px; } .comparison-table { font-size: 13px; } .comparison-table th, .comparison-table td { padding: 10px 12px; } } @media (max-width: 768px) { .announce-bar { font-size: 12px; padding: 8px 16px; } .navbar { padding: 0 16px; } .nav-inner { height: 56px; } .nav-left { gap: 16px; } .nav-links { display: none !important; } .nav-right .nav-phone { display: none; } .nav-right .nav-cta { display: none; } #cd-nav-auth-desktop { display: none !important; } .nav-hamburger { display: flex !important; } .hero { padding: 36px 16px 40px; } .hero-grid { grid-template-columns: 1fr !important; gap: 24px; } .hero h1 { font-size: 28px; } .hero-sub { font-size: 15px; } .hero-checklist li { font-size: 13px; padding: 6px 0; } .form-card { margin-top: 8px; } .section { padding: 40px 16px; } .section-title { font-size: 24px; } .section-subtitle { font-size: 14px; } .steps-grid { grid-template-columns: 1fr; gap: 0; } .step-card::after { display: none !important; } .step-card { padding: 20px 16px; } .results-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .result-num { font-size: 28px; } .result-label { font-size: 11px; } .vp-grid { grid-template-columns: 1fr; gap: 16px; } .vp-card { padding: 20px; } .blog-grid { grid-template-columns: 1fr; gap: 16px; } .split-cta { grid-template-columns: 1fr; } .split-cta-left, .split-cta-right { padding: 28px 20px; } .split-cta h3 { font-size: 18px; } .footer-grid { grid-template-columns: 1fr; gap: 24px; } .footer-bottom { flex-direction: column; gap: 8px; text-align: center; } .bottom-cta { padding: 40px 16px; overflow: hidden; } .bottom-cta h2 { font-size: 22px; line-height: 1.3; word-wrap: break-word; } .bottom-cta p { font-size: 14px; } .bottom-cta-actions { flex-direction: column; } .bottom-cta-actions a { text-align: center; } .faq-q { font-size: 14px; } .comparison-table { display: block; overflow-x: auto; } .section { overflow: hidden; } } @media (max-width: 480px) { .hero h1 { font-size: 24px; } .section-title { font-size: 22px; } .results-grid { grid-template-columns: 1fr 1fr; gap: 8px; } .result-num { font-size: 24px; } .result-box { padding: 20px 8px; } .hero-social-proof { flex-direction: column; text-align: center; gap: 8px; } } /* Veronica Casias: use the native right-side hamburger on mobile. */ @media (max-width: 900px) { .vc .navbar { overflow: visible !important; } .vc .nav-container { min-width: 0 !important; padding-left: 16px !important; padding-right: 16px !important; gap: 12px !important; } .vc .nav-logo { min-width: 0 !important; flex: 1 1 auto !important; } .vc .nav-logo-img { max-width: min(220px, calc(100vw - 92px)) !important; } .vc .nav-actions { width: auto !important; flex: 0 0 auto !important; margin-left: auto !important; gap: 0 !important; } .vc .nav-actions .nav-phone, .vc .nav-actions .nav-cta { display: none !important; } .vc .hamburger { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; padding: 10px !important; margin-left: auto !important; border: 0 !important; background: transparent !important; position: relative !important; z-index: 1003 !important; } .vc .nav-links.open { display: flex !important; flex-direction: column !important; position: absolute !important; top: calc(100% + 8px) !important; left: 16px !important; right: 16px !important; background: var(--white, #fff) !important; padding: 16px 24px !important; border: 1px solid var(--border) !important; border-radius: 14px !important; z-index: 1002 !important; } } /* ─── Inline-style overrides for mobile (CDStudio blocks use inline styles) ─── */ @media (max-width: 768px) { /* Force flex rows to stack vertically */ section > div[style*="display: flex"], section > div[style*="display:flex"], .cd-section > div[style*="display: flex"], .cd-section > div[style*="display:flex"] { flex-direction: column !important; gap: 24px !important; } /* Prevent fixed-width flex children from overflowing */ [style*="flex: 0 0"], [style*="flex:0 0"] { flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important; min-width: 0 !important; } /* Force inline grids to single column */ [style*="grid-template-columns: repeat(3"], [style*="grid-template-columns:repeat(3"], [style*="grid-template-columns: repeat(4"], [style*="grid-template-columns:repeat(4"] { grid-template-columns: 1fr !important; } /* Sections: mobile-friendly padding */ section[style], .cd-section[style] { padding-left: 16px !important; padding-right: 16px !important; } /* Inner max-width containers */ section > div[style*="max-width"], .cd-section > div[style*="max-width"] { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* Images inside inline-styled containers */ section img, .cd-section img { max-width: 100% !important; height: auto !important; } /* Font size caps for inline-styled headings */ section h1[style], .cd-section h1[style] { font-size: 26px !important; line-height: 1.3 !important; } section h2[style], .cd-section h2[style] { font-size: 22px !important; line-height: 1.3 !important; } section h3[style], .cd-section h3[style] { font-size: 18px !important; } section p[style], .cd-section p[style] { font-size: 14px !important; word-wrap: break-word !important; overflow-wrap: break-word !important; } /* Prevent any section from causing horizontal scroll */ section, .cd-section { overflow: hidden !important; max-width: 100vw !important; } /* Button containers — stack vertically on mobile */ section div[style*="display: flex"][style*="gap"], .cd-section div[style*="display: flex"][style*="gap"] { flex-wrap: wrap !important; } section a[style*="padding"][style*="border-radius"], .cd-section a[style*="padding"][style*="border-radius"] { white-space: normal !important; text-align: center !important; box-sizing: border-box !important; } /* Split CTA cards — stack vertically */ div[style*="display: flex"][style*="border-radius"][style*="overflow: hidden"] { flex-direction: column !important; } } @media (max-width: 480px) { section h1[style], .cd-section h1[style] { font-size: 24px !important; } section h2[style], .cd-section h2[style] { font-size: 20px !important; } } /* ─── Sticky-nav fix (listinghuntsville .lh template + generic) ───── Some templates set the inner nav element to position:fixed while ALSO wrapping it in a position:sticky div. The fixed nav is taken out of flow, so the sticky wrapper collapses to 0 height and the page content starts at top:0 — behind the nav. The fix: force the inner nav back into normal flow (position:static) so the sticky wrapper occupies its real height. The wrapper still pins to the top on scroll. */ .lh .navbar, .cd-nav-wrap .navbar, [style*="position: sticky"] > .lh > .navbar, [style*="position:sticky"] > .lh > .navbar { position: static !important; top: auto !important; left: auto !important; right: auto !important; } /* Jackie Mills Final Composite import. Source hash: 428e8c4078bbb6cd */ :root{ --ink:#16201d; --muted:#65716d; --soft:#eef4f1; --paper:#f7faf8; --line:#d8e2de; --forest:#123f35; --forest-2:#0b2c28; --sage:#dcebe5; --blue:#0f2b4c; --copper:#d4622b; --gold:#d7b071; --white:#fff; --shadow:0 24px 70px rgba(15,38,33,.14); --shadow-soft:0 12px 34px rgba(15,38,33,.08); } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.62} a{text-decoration:none;color:inherit} img{display:block;max-width:100%} button,input,select,textarea{font:inherit} .wrap{max-width:1210px;margin:0 auto;padding:0 28px} .site-header{position:sticky;top:0;z-index:50;background:rgba(247,250,248,.94);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(18,63,53,.08)} .utility{background:#0f2b4c;color:#fff;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none} .utility .wrap{max-width:1400px;padding-left:2rem;padding-right:2rem} .utility__inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:24px} .utility__left,.utility__right{display:flex;align-items:center} .utility__left{gap:24px} .utility__right{gap:20px} .utility a,.utility__location{display:inline-flex;align-items:center;gap:8px;color:#fff;border-bottom:0;transition:color .2s cubic-bezier(.23,1,.32,1)} .utility__location{color:rgba(255,255,255,.7)} .utility svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto} .utility a:hover{color:#d4622b} .utility__phone,.utility__cta{font-family:Oswald,Arial,sans-serif} .utility__phone{letter-spacing:.025em} .utility__social{width:16px;height:16px;justify-content:center;gap:0;line-height:1} .utility__social svg{width:16px;height:16px} .utility__cta{margin-left:16px;background:#d4622b;padding:6px 20px;color:#fff!important;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.25} .utility__cta:hover{background:#b8520f;color:#fff!important;transform:scale(1.02)} .nav{background:rgba(255,255,255,.88)} .nav__grid{height:96px;display:grid;grid-template-columns:1fr 220px 1fr;gap:24px;align-items:center} .logo{justify-self:center;position:relative;display:inline-flex;align-items:center;justify-content:center} .logo img{width:196px} .nav__links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#25332f} .nav__links--left{justify-content:flex-end} .nav__links--right{justify-content:flex-start} .nav__links>a,.drop>a{position:relative;padding:8px 0} .nav__links>a::after,.drop>a::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .18s ease} .nav__links>a:hover::after,.drop:hover>a::after,.drop:focus-within>a::after{transform:scaleX(1)} .drop{position:relative;padding:22px 0;margin:-22px 0} .drop::after{content:"";position:absolute;left:-34px;right:-34px;top:100%;height:34px} .drop__menu{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:292px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:10px;z-index:90} .drop:hover .drop__menu,.drop:focus-within .drop__menu{display:grid} .drop__menu a{padding:12px 14px;text-transform:none;letter-spacing:0;font-weight:800;color:var(--ink)} .drop__menu a:hover{background:var(--soft);color:var(--forest)} .menu-btn{display:none;border:1px solid var(--line);background:#fff;padding:10px 14px;font-weight:900;color:var(--forest)} .hero{position:relative;min-height:760px;color:#fff;overflow:hidden;display:flex;align-items:stretch} .hero__media,.hero__shade{position:absolute;inset:0} .hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.05)} .hero__shade{background:linear-gradient(90deg,rgba(11,44,40,.94) 0%,rgba(18,63,53,.78) 42%,rgba(18,63,53,.28) 100%);z-index:1} .hero__content{position:relative;z-index:2;width:100%;padding:118px 28px 170px} .kicker,.section-kicker{margin:0 0 14px;color:var(--copper);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.19em} .hero .kicker{color:#e4bd82} .hero h1{max-width:760px;margin:0 0 22px;font-family:Georgia,"Times New Roman",serif;font-size:64px;line-height:.98;letter-spacing:-.025em} .hero p{max-width:700px;margin:0 0 28px;color:#edf5f2;font-size:19px;line-height:1.65} .hero__actions{display:flex;flex-wrap:wrap;gap:12px} .hero__actions a,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;background:var(--forest);color:#fff;font-weight:950;border:1px solid transparent} .hero__actions a:first-child,.button--gold{background:var(--copper);color:#fff} .hero__actions a:nth-child(2){background:#fff;color:var(--forest)} .button{background:var(--forest)} .button--light{background:#fff;color:var(--forest);border-color:var(--line)} .search-dock{position:relative;z-index:8;width:min(100% - 56px,1210px);margin:28px auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px} .search-tabs{display:flex;gap:8px;margin-bottom:14px} .search-tabs button{border:1px solid var(--line);background:var(--soft);padding:10px 20px;font-weight:950;color:var(--forest);cursor:pointer} .search-tabs button.active{background:var(--forest);color:#fff;border-color:var(--forest)} .search-row{display:none;grid-template-columns:2fr 1fr 1fr auto;gap:10px} .search-row.active{display:grid} input,select,textarea{width:100%;min-height:50px;border:1px solid #cbd8d3;background:#fff;padding:12px 14px;color:var(--ink);border-radius:0} textarea{min-height:132px;resize:vertical} .search-row button,.lead-form button{border:0;background:var(--copper);color:#fff;font-weight:950;padding:0 22px;min-height:50px;cursor:pointer} .section{padding:88px 0} h1,h2,h3,p{margin-top:0} h2{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1.08;letter-spacing:-.02em;margin-bottom:16px;color:var(--forest-2)} h3{font-size:20px;line-height:1.26;margin-bottom:10px;color:var(--ink)} .section-copy{color:var(--muted);font-size:17px;max-width:690px} .section-title-row{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:34px} .section-title-row a{font-weight:950;color:var(--forest);border-bottom:2px solid var(--copper)} .intro{background:#fff;padding-top:88px} .intro__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:start} .path-list{display:grid;gap:14px} .path-list a{display:grid;grid-template-columns:60px 190px 1fr;gap:24px;align-items:start;background:linear-gradient(90deg,#fff,#f5faf7);border:1px solid var(--line);padding:22px;box-shadow:var(--shadow-soft)} .path-list span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;background:var(--forest);color:#fff;font-weight:950} .path-list strong{font-size:20px;color:var(--forest)} .path-list p{margin:0;color:var(--muted)} .jm-guarantee{padding:80px 0;background:#0f2b4c;color:#f8f6f3;font-family:"Nunito Sans",Inter,ui-sans-serif,system-ui,sans-serif} .jm-guarantee__container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem} .jm-guarantee__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center} .jm-guarantee__copy{min-width:0} .jm-guarantee__eyebrow{margin:0 0 12px;color:#d4622b;font-family:Oswald,Arial,sans-serif;font-size:14px;line-height:1.25;letter-spacing:.3em;text-transform:uppercase} .jm-guarantee h2{margin:0 0 24px;color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(36px,4vw,48px);font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase} .jm-guarantee__lead{margin:0 0 24px;color:rgba(255,255,255,.8);font-size:18px;line-height:1.625} .jm-guarantee__list{display:grid;gap:16px;margin:0 0 32px} .jm-guarantee__item{display:flex;align-items:flex-start;gap:16px} .jm-guarantee__icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;margin-top:2px;border-radius:8px;background:rgba(212,98,43,.2)} .jm-guarantee__icon svg{width:20px;height:20px;fill:none;stroke:#d4622b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .jm-guarantee__item p{margin:0;color:rgba(255,255,255,.8);font-size:14px;line-height:1.625} .jm-guarantee__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 32px;border-radius:4px;background:#d4622b;color:#fff;font-family:Oswald,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.05em;transition:all .2s cubic-bezier(.23,1,.32,1)} .jm-guarantee__cta:hover{background:#b8520f;transform:scale(1.02)} .jm-guarantee__cta:active{transform:scale(.97)} .jm-guarantee__image img{width:100%;max-width:448px;margin:0 auto;border-radius:4px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);object-fit:cover} .market-snapshot{background:#142747;border-top:0;border-bottom:0;padding:90px 0 86px} .market-snapshot__header{text-align:center;margin:0 auto 48px;max-width:900px} .market-snapshot__header p{margin:0 0 18px;color:var(--copper);font-family:Oswald,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.34em;line-height:1;text-transform:uppercase} .market-snapshot__header h2{margin:0;color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(42px,4.4vw,60px);font-weight:700;line-height:.98;letter-spacing:0;text-transform:uppercase} .market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border:0;background:transparent;box-shadow:none} .market-grid article{min-height:164px;padding:30px 24px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.06);text-align:center} .market-grid strong{display:block;margin:0 0 6px;color:var(--copper);font-family:Oswald,Arial,sans-serif;font-size:42px;font-weight:700;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums} .market-grid span{display:block;color:rgba(255,255,255,.78);font-family:Oswald,Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:0;line-height:1.25;text-transform:none} .market-grid p{margin:12px 0 0;color:#4ade80;font-size:14px;font-weight:800;line-height:1.25} .market-snapshot__link{display:flex;justify-content:center;margin-top:42px} .market-snapshot__link a{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:rgba(255,255,255,.7);font-family:Oswald,Arial,sans-serif;font-size:17px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:color .2s ease,transform .2s ease} .market-snapshot__link a:hover{color:var(--copper);transform:translateY(-1px)} .market-snapshot__link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .featured-homes{background:linear-gradient(180deg,#fff,var(--paper))} .featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .featured-card{display:flex;min-width:0;min-height:100%;flex-direction:column;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} .featured-card:hover{transform:translateY(-4px);border-color:#b9cbc5;box-shadow:0 22px 46px rgba(15,38,33,.12)} .featured-card:focus-visible{outline:3px solid rgba(212,98,43,.38);outline-offset:4px} .featured-card__media{position:relative;margin:0;background:var(--forest-2);overflow:hidden} .featured-card__media img{height:238px;width:100%;object-fit:cover;transition:transform .25s ease} .featured-card:hover .featured-card__media img{transform:scale(1.035)} .featured-card__media span{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;background:rgba(15,43,76,.92);color:#fff;font-family:Oswald,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase} .featured-card__body{display:flex;flex:1;flex-direction:column;padding:22px} .featured-card__price{margin:0 0 9px;color:var(--forest-2);font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:900;line-height:1} .featured-card strong{display:block;margin:0 0 8px;color:var(--forest);font-size:15px;font-weight:950;line-height:1.35} .featured-card__body>span{display:block;margin:0 0 12px;color:var(--copper);font-size:12px;font-weight:950;letter-spacing:.16em;line-height:1.25;text-transform:uppercase} .featured-card__body p:not(.featured-card__price){margin:0 0 20px;color:var(--muted);font-size:15px;font-weight:650;line-height:1.55} .featured-card em{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--forest);font-family:Oswald,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase} .featured-card em::after{content:"";width:32px;height:2px;background:var(--copper);transition:width .2s ease} .featured-card:hover em::after{width:46px} .cred-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0} .cred-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)} .cred-strip__grid div{padding:30px;border-right:1px solid var(--line)} .cred-strip span{display:block;font-family:Georgia,"Times New Roman",serif;color:var(--forest);font-size:32px;line-height:1;margin-bottom:8px} .cred-strip p{margin:0;color:var(--muted);font-weight:800} .split-band{background:linear-gradient(180deg,#f1f7f4,#fff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .home-service{background:#fff;border:1px solid var(--line);padding:30px;min-height:380px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column} .home-service span,.content-panel__meta,.site-page-card span,.launch-steps span{color:var(--copper);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.17em} .home-service h3{font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1.08;color:var(--forest-2)} .home-service p,.home-service li{color:var(--muted)} .home-service ul{margin:auto 0 22px;padding-left:18px} .home-service a{font-weight:950;color:var(--forest);border-bottom:2px solid var(--copper);width:max-content} .brand-story{background:#fff} .brand-story__grid{display:grid;grid-template-columns:430px minmax(0,1fr);gap:60px;align-items:center} .portrait-stack{position:relative;min-height:560px} .portrait-stack img{width:82%;height:520px;object-fit:cover;object-position:top;box-shadow:var(--shadow)} .portrait-badge{position:absolute;right:0;bottom:32px;background:var(--forest);color:#fff;padding:26px;width:220px;box-shadow:var(--shadow)} .portrait-badge strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1} .portrait-badge span{display:block;color:#dcebe5;font-weight:850} .credential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0} .credential-card{background:var(--forest-2);color:#fff;padding:22px;border-left:4px solid var(--copper)} .credential-card strong{display:block;font-size:28px;line-height:1;margin-bottom:8px;color:#fff} .credential-card span{color:#dbe8e4;font-weight:800} .buyer-seller-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fff} .buyer-seller-panel{position:relative;overflow:hidden;min-height:560px;padding:80px 56px;display:flex;align-items:center} .buyer-seller-panel--buyers{background:#0f2b4c;color:#fff} .buyer-seller-panel--buyers::after{content:"";position:absolute;inset:0;background:rgba(15,43,76,.78);z-index:1} .buyer-seller-panel--buyers>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.82) contrast(1.03)} .buyer-seller-panel--sellers{background:#fff;color:#4d5765} .buyer-seller-panel__content{position:relative;z-index:2;max-width:610px} .buyer-seller-panel--sellers .buyer-seller-panel__content{margin-left:auto;margin-right:auto} .buyer-seller-panel__kicker{margin:0 0 16px;color:var(--copper);font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1;letter-spacing:.24em;text-transform:uppercase} .buyer-seller-panel h2{margin:0 0 18px;color:inherit;font-family:Oswald,Arial,sans-serif;font-size:clamp(40px,4.8vw,58px);font-weight:700;line-height:.98;letter-spacing:0;text-transform:uppercase} .buyer-seller-panel--sellers h2{color:#142747} .buyer-seller-panel p:not(.buyer-seller-panel__kicker){margin:0 0 28px;color:rgba(255,255,255,.78);font-size:19px;font-weight:700;line-height:1.62} .buyer-seller-panel--sellers p:not(.buyer-seller-panel__kicker){color:#4b5564} .buyer-seller-panel ul{display:grid;gap:10px;margin:0 0 36px;padding:0;list-style:none} .buyer-seller-panel li{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9);font-size:16px;font-weight:800;line-height:1.4} .buyer-seller-panel--sellers li{color:#4b5564} .buyer-seller-panel li svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:var(--copper);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .buyer-seller-panel__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 36px;border-radius:4px;background:var(--copper);color:#fff;font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1;text-align:center;letter-spacing:.02em;text-transform:uppercase;transition:transform .2s cubic-bezier(.23,1,.32,1),background .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1)} .buyer-seller-panel__button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .buyer-seller-panel__button:hover{background:#b8520f;transform:translateY(-1px);box-shadow:0 10px 24px rgba(212,98,43,.25)} .buyer-seller-panel__button:active{transform:scale(.98)} .military-relocation{background:#fff} .military-relocation__grid{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:92px;align-items:center} .military-relocation__media img{width:100%;max-width:560px;max-height:820px;object-fit:cover;object-position:top;border-radius:4px;box-shadow:var(--shadow)} .military-relocation__copy{max-width:740px} .military-relocation__kicker{margin:0 0 18px;color:var(--copper);font-family:Oswald,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.34em;line-height:1;text-transform:uppercase} .military-relocation h2{margin:0 0 28px;color:#142747;font-family:Oswald,Arial,sans-serif;font-size:clamp(40px,4.2vw,56px);font-weight:700;line-height:.98;letter-spacing:0;text-transform:uppercase} .military-relocation__copy p:not(.military-relocation__kicker){margin:0 0 22px;color:#4b5564;font-size:20px;font-weight:700;line-height:1.58} .military-relocation ul{display:grid;gap:13px;margin:32px 0 44px;padding:0;list-style:none} .military-relocation li{display:flex;align-items:center;gap:14px;color:#4b5564;font-size:18px;font-weight:800;line-height:1.4} .military-relocation li svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:var(--copper);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .military-relocation__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 40px;border-radius:4px;background:var(--copper);color:#fff;font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.03em;line-height:1;text-transform:uppercase;transition:transform .2s cubic-bezier(.23,1,.32,1),background .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1)} .military-relocation__button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .military-relocation__button:hover{background:#b8520f;transform:translateY(-1px);box-shadow:0 10px 24px rgba(212,98,43,.25)} .military-relocation__button:active{transform:scale(.98)} .seller-feature{background:#fff} .seller-feature__grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:48px;align-items:center} .seller-feature__image{height:520px;min-height:0;overflow:hidden;box-shadow:var(--shadow)} .seller-feature__image img{width:100%;height:100%;object-fit:cover} .marketing-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0} .marketing-board div{border:1px solid var(--line);background:var(--paper);padding:18px} .marketing-board strong{display:block;color:var(--forest);font-size:17px;margin-bottom:6px} .marketing-board span{display:block;color:var(--muted);font-size:14px} .launch-steps{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:#fff} .launch-steps article{padding:25px;border-right:1px solid var(--line)} .launch-steps article:last-child{border-right:0} .launch-steps h3{color:var(--forest);font-size:18px} .launch-steps p{color:var(--muted);font-size:14px;margin:0} .area-showcase{background:var(--paper)} .area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .area-grid--page{grid-template-columns:repeat(2,1fr)} .area-card{position:relative;min-height:370px;background:var(--forest-2);overflow:hidden;box-shadow:var(--shadow-soft)} .area-card img{width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .25s ease} .area-card:hover img{transform:scale(1.04)} .area-card div{position:absolute;inset:auto 0 0 0;padding:24px;color:#fff;background:linear-gradient(0deg,rgba(11,44,40,.94),rgba(11,44,40,0))} .area-card span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:800;margin-bottom:6px} .area-card p{margin:0;color:#e3eee9} .area-card a{display:inline-flex;margin-top:12px;color:#fff;font-weight:950;border-bottom:1px solid #fff} .local-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .local-content-card,.expectation-card,.quote-grid article,.info-card,.value-note,.lead-form,.content-panel,.aside-card,.process-card,.room-card,.compare-card,.site-page-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)} .local-content-card{padding:28px} .local-content-card h3{font-family:Georgia,"Times New Roman",serif;font-size:26px;color:var(--forest)} .local-content-card p{color:var(--muted)} .local-content-card strong{color:var(--forest)} .reviews{background:#fff} .quote-grid,.expectation-grid,.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .quote-grid article,.expectation-card{padding:28px} .quote-grid div{color:var(--copper);letter-spacing:.08em;margin-bottom:12px} .quote-grid p,.expectation-card p,.info-card p,.value-note p{color:var(--muted)} .quote-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--forest);font-weight:950} .testimonials{background:#f8f6f3;padding:80px 0} .testimonials__inner{width:100%;max-width:1536px;padding:0 32px} .testimonials__header{text-align:center;max-width:576px;margin:0 auto 48px} .testimonials__header p{margin:0 0 12px;color:var(--copper);font-family:Oswald,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.3em;line-height:1;text-transform:uppercase} .testimonials .testimonials__title{margin:0;color:#0f2b4c;font-family:Oswald,Arial,sans-serif;font-size:clamp(36px,4vw,48px);font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase} .testimonials__header span{display:block;max-width:576px;margin:16px auto 0;color:#5d6672;font-size:16px;font-weight:400;line-height:1.5} .testimonials__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .testimonial-card{display:flex;flex-direction:column;padding:24px;border-radius:4px;background:#fff;box-shadow:0 4px 6px -1px rgba(20,39,71,.1),0 2px 4px -2px rgba(20,39,71,.1)} .testimonial-card__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px} .testimonial-stars{display:inline-flex;align-items:center;color:var(--copper);font-size:0;letter-spacing:0;line-height:1;white-space:nowrap} .testimonial-stars::before{content:"★★★★★";font-size:14px;letter-spacing:.04em;line-height:1} .testimonial-card__top>span{color:#9ca3af;font-family:Oswald,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:.05em;line-height:1;text-transform:none} .testimonial-card>p{flex:1;margin:0 0 16px;color:#374151;font-size:14px;font-style:italic;font-weight:400;line-height:1.625} .testimonial-card__client{border-top:1px solid #e5e7eb;padding-top:12px} .testimonial-card__client strong{display:block;color:#0f2b4c;font-size:14px;font-weight:600;line-height:1.25} .testimonial-card__client span{display:block;color:#6b7280;font-size:12px;font-weight:400;line-height:1.4} .testimonials__cta{margin-top:40px;text-align:center} .testimonials__cta p{margin:0 0 16px;color:#6b7280;font-size:14px;font-weight:400} .testimonials__cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 32px;border-radius:4px;background:var(--copper);color:#fff;font-family:Oswald,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.05em;line-height:1;text-transform:uppercase;transition:transform .2s cubic-bezier(.23,1,.32,1),background .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1)} .testimonials__cta a:hover{background:#b8520f;transform:scale(1.02);box-shadow:0 10px 24px rgba(212,98,43,.2)} .testimonials__cta a:active{transform:scale(.98)} .testimonials__cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .site-map-showcase{background:linear-gradient(180deg,#fff,var(--soft));border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .site-map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .site-page-card{padding:22px;min-height:188px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .site-page-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#accac0} .site-page-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:22px;color:var(--forest);line-height:1.1;margin:12px 0 9px} .site-page-card p{margin:0;color:var(--muted);font-size:15px} .page-cta{background:linear-gradient(135deg,var(--forest-2),#143c34);color:#fff} .page-cta__grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center} .page-cta h2{color:#fff} .page-cta p{color:#dce9e5;margin-bottom:0} .page-cta .button{background:#fff;color:var(--forest)} .subhero{background:linear-gradient(135deg,#fff 0%,#edf6f2 100%);padding:76px 0;border-bottom:1px solid var(--line)} .subhero__grid{display:grid;grid-template-columns:1fr 410px;gap:54px;align-items:center} .subhero h1{font-family:Georgia,"Times New Roman",serif;font-size:48px;line-height:1.05;color:var(--forest-2);margin-bottom:18px} .subhero p{font-size:17px;color:var(--muted);max-width:720px} .subhero img{height:320px;width:100%;object-fit:cover;object-position:top;box-shadow:var(--shadow-soft)} .about-dark-page{background:#09131a;color:#f7f0e4;font-family:"Source Sans 3",Inter,ui-sans-serif,system-ui,sans-serif} .about-dark-page h1,.about-dark-page h2,.about-dark-page h3{font-family:"Playfair Display",Georgia,"Times New Roman",serif;color:#f7f0e4;letter-spacing:0} .about-section-dark{background:#09131a} .about-section-darker{background:#040c13} .about-bio,.about-story,.about-designations,.about-values{position:relative;padding:80px 0} .about-bio__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:center} .about-bio__image{position:relative;isolation:isolate;max-width:448px} .about-bio__image::after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(194,158,107,.3);border-radius:2px;z-index:-1} .about-bio__image img,.about-story__sidebar>img{width:100%;border-radius:2px;box-shadow:0 25px 50px rgba(0,0,0,.35);object-fit:cover;object-position:top} .about-bio__copy h1{margin:0 0 24px;font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1.12} .about-bio__copy h1 span,.about-dark-page .about-highlight{color:#c29e6b} .about-bio__copy p,.about-story__copy p{color:rgba(247,240,228,.82);line-height:1.75;margin-bottom:24px} .about-bio__copy h2{margin:10px 0 16px;font-size:24px;line-height:1.22;font-weight:700} .about-specialty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 32px} .about-specialty-grid div{display:flex;align-items:center;gap:10px;min-width:0;color:rgba(247,240,228,.82);font-size:15px} .about-specialty-grid svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#c29e6b;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round} .about-gold-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 32px;border-radius:4px;background:#c29e6b;color:#09131a;font-weight:700;letter-spacing:.025em;transition:transform .2s cubic-bezier(.23,1,.32,1),background .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1)} .about-gold-button:hover{background:#d9af75;transform:translateY(-1px);box-shadow:0 4px 20px rgba(194,158,107,.3)} .about-gold-button:active{transform:scale(.97)} .about-story{border-top:1px solid rgba(255,255,255,.06)} .about-story__grid{display:grid;grid-template-columns:minmax(280px,2fr) minmax(0,3fr);gap:48px;align-items:start} .about-story__sidebar{position:sticky;top:150px;display:grid;gap:24px} .about-membership-card,.about-designation-grid article{background:#121c23;border:1px solid rgba(255,255,255,.12);border-radius:6px} .about-membership-card{padding:24px} .about-membership-card h2{margin:0 0 14px;font-size:22px;line-height:1.2} .about-membership-card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;color:rgba(247,240,228,.68);font-size:15px;line-height:1.45} .about-membership-card li{position:relative;padding-left:18px} .about-membership-card li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:#c29e6b} .about-story__copy{padding-top:2px} .about-story__lead{font-size:19px;color:rgba(247,240,228,.92)!important} .about-gold-line{height:1px;width:100%;margin:32px 0;background:linear-gradient(90deg,rgba(194,158,107,0),#c29e6b,rgba(194,158,107,0))} .about-designations h2,.about-values h2{margin:0 0 48px;text-align:center;font-size:clamp(32px,4vw,44px);line-height:1.12;font-weight:700} .about-designation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px} .about-designation-grid article{padding:32px;text-align:center;transition:border-color .2s ease,transform .2s ease} .about-designation-grid article:hover{border-color:rgba(194,158,107,.5);transform:translateY(-2px)} .about-designation-grid article>div{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:rgba(194,158,107,.1);color:#c29e6b;font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:22px;font-weight:700} .about-designation-grid h3,.about-values-grid h3{margin:0 0 12px;font-size:22px;line-height:1.22;font-weight:700} .about-designation-grid p,.about-values-grid p{margin:0;color:rgba(247,240,228,.68);font-size:15px;line-height:1.65} .about-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .about-values-grid article{text-align:center;padding:24px} .about-values-grid svg{width:36px;height:36px;margin:0 auto 18px;fill:none;stroke:#c29e6b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .tool-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .tool-band__grid{display:grid;grid-template-columns:1fr repeat(3,auto);gap:18px;align-items:center} .tool-band a{background:var(--paper);border:1px solid var(--line);padding:16px 18px;font-weight:950;color:var(--forest)} .buying-process-feature{background:#fff;padding:92px 0 104px} .buying-process-feature__header{text-align:center;margin:0 auto 62px;max-width:920px} .buying-process-feature__header p{margin:0 0 14px;color:var(--copper);font-family:Oswald,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.34em;line-height:1;text-transform:uppercase} .buying-process-feature__header h1{margin:0 0 18px;color:#142747;font-family:Oswald,Arial,sans-serif;font-size:clamp(46px,5vw,70px);font-weight:700;line-height:.95;letter-spacing:0;text-transform:uppercase} .buying-process-feature__header span{display:block;color:#5b6472;font-size:19px;font-weight:700;line-height:1.5} .buying-process-feature__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .buying-process-feature__grid article{position:relative;min-height:214px;padding:36px 32px 30px;border:1px solid #eceff2;border-radius:8px;background:#fff;box-shadow:0 2px 7px rgba(20,39,71,.09);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} .buying-process-feature__grid article:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,39,71,.12);border-color:#e1e5e9} .buying-process-feature__grid article>svg{width:30px;height:30px;margin:0 0 38px;fill:none;stroke:var(--copper);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .buying-process-feature__grid strong{position:absolute;top:22px;right:22px;color:#f3f4f6;font-family:Oswald,Arial,sans-serif;font-size:48px;font-weight:700;line-height:1} .buying-process-feature__grid h2{margin:0 0 10px;color:#142747;font-family:Oswald,Arial,sans-serif;font-size:25px;font-weight:700;line-height:1.08;letter-spacing:0} .buying-process-feature__grid p{margin:0;color:#5b6472;font-size:17px;font-weight:700;line-height:1.45} .buying-process-feature__actions{display:flex;justify-content:center;margin-top:50px} .buying-process-feature__actions a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:66px;padding:18px 48px;border-radius:4px;background:var(--copper);color:#fff;font-family:Oswald,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:transform .2s cubic-bezier(.23,1,.32,1),background .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1)} .buying-process-feature__actions a:hover{background:#b8520f;transform:translateY(-1px);box-shadow:0 10px 24px rgba(212,98,43,.25)} .buying-process-feature__actions a:active{transform:scale(.98)} .buying-process-feature__actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start} .guide-stack{display:grid;gap:18px} .content-panel{padding:32px} .content-panel--accent{background:linear-gradient(135deg,#fff,#eef7f2);border-color:#c6dbd2} .content-panel h2{font-size:34px} .content-panel h3{font-size:23px;color:var(--forest)} .content-panel p{color:var(--muted)} .rich-list,.check-list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px} .rich-list li,.check-list li{position:relative;padding-left:28px;color:var(--muted)} .rich-list li::before,.check-list li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;background:var(--copper)} .check-list li::before{border:2px solid var(--forest);background:#fff;width:12px;height:12px} .aside-card{padding:26px;position:sticky;top:150px} .aside-card h3{color:var(--forest)} .aside-card p{color:var(--muted)} .aside-card .button{width:100%;margin-top:12px} .mini-stat{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0} .mini-stat div{border:1px solid var(--line);background:var(--paper);padding:14px} .mini-stat strong{display:block;color:var(--forest);font-size:24px;line-height:1;font-family:Georgia,"Times New Roman",serif} .mini-stat span{display:block;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;margin-top:6px} .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .process-card{padding:26px;min-height:236px} .process-card span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--forest);color:#fff;font-weight:950;margin-bottom:18px} .process-card h3{font-size:20px;color:var(--forest)} .process-card p{font-size:15px;color:var(--muted);margin:0} .compare-grid,.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .compare-card,.room-card{padding:26px} .compare-card h3,.room-card h3{color:var(--forest)} .compare-card p,.room-card p{color:var(--muted);font-size:15px;margin-bottom:0} .feature-strip{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch} .feature-strip__media{min-height:430px;overflow:hidden;box-shadow:var(--shadow-soft)} .feature-strip__media img{width:100%;height:100%;object-fit:cover} .feature-strip__copy{background:var(--forest-2);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:center} .feature-strip__copy h2{color:#fff} .feature-strip__copy p{color:#dce9e5} .do-dont-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .do-card,.dont-card{padding:26px;border:1px solid var(--line);background:#fff} .do-card{border-left:4px solid var(--forest)} .dont-card{border-left:4px solid var(--copper)} .timeline{display:grid;border:1px solid var(--line);background:#fff} .timeline article{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:26px;border-bottom:1px solid var(--line)} .timeline article:last-child{border-bottom:0} .timeline span{color:var(--copper);font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:12px} .timeline h3{color:var(--forest);margin-bottom:6px} .timeline p{color:var(--muted);margin:0} .value-grid,.calc-grid,.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start} .lead-form{display:grid;gap:12px;padding:28px} .lead-form div{display:grid;grid-template-columns:1fr 1fr;gap:12px} .value-note,.info-card{padding:28px} .value-note ul{margin:0;padding-left:20px;color:var(--muted)} .mortgage-tool-section{background:linear-gradient(180deg,#fff 0%,var(--paper) 100%)} .mortgage-tool{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:28px;align-items:stretch} .mortgage-form{gap:24px;padding:36px} .mortgage-form .mortgage-form__header{display:block} .mortgage-form__header h2{max-width:760px;margin-bottom:14px;font-size:clamp(38px,3.7vw,56px);line-height:1.02} .mortgage-form__header p:not(.section-kicker){max-width:720px;margin:0;color:var(--muted);font-size:17px;line-height:1.65} .mortgage-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .mortgage-field{display:grid;gap:8px;padding:18px;background:#f8fbf9;border:1px solid var(--line)} .mortgage-field span{color:var(--forest);font-family:Oswald,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.15} .mortgage-field small{display:block;min-height:44px;color:var(--muted);font-size:14px;line-height:1.45} .mortgage-field input{min-height:54px;border-color:#bfcec8;border-radius:4px;font-size:19px;font-weight:850;font-variant-numeric:tabular-nums} .mortgage-field input:focus{outline:3px solid rgba(212,98,43,.22);border-color:var(--copper)} .mortgage-form button{justify-self:start;min-height:56px;padding:0 30px;border-radius:4px;font-family:Oswald,Arial,sans-serif;font-size:17px;letter-spacing:.03em;text-transform:uppercase;transition:background .2s ease,transform .2s ease,box-shadow .2s ease} .mortgage-form button:hover{background:#b8520f;transform:translateY(-1px);box-shadow:0 10px 24px rgba(212,98,43,.22)} .mortgage-form button:active{transform:scale(.98)} .mortgage-form__fineprint{max-width:640px;margin:0;color:var(--muted);font-size:14px;line-height:1.55} .mortgage-result{display:flex;flex-direction:column;justify-content:flex-start;gap:18px;background:#0f2b4c;border-color:#0f2b4c;color:#fff;box-shadow:0 24px 70px rgba(15,43,76,.18)} .mortgage-result .section-kicker{margin:0;color:#e8bd82} .mortgage-result h2{margin:0;color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(56px,6vw,76px);font-weight:700;line-height:.96;letter-spacing:0;font-variant-numeric:tabular-nums} .mortgage-result__summary,.mortgage-result__note{margin:0;color:rgba(255,255,255,.78)} .mortgage-result__breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0} .mortgage-result__breakdown div{padding:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)} .mortgage-result__breakdown span{display:block;margin-bottom:5px;color:rgba(255,255,255,.66);font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase} .mortgage-result__breakdown strong{display:block;color:#fff;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2} .mortgage-result .button{align-self:flex-start;margin-top:2px;background:#fff;color:#0f2b4c} .mortgage-result .button:hover{background:#f1f5f3;transform:translateY(-1px)} .contact-page{background:#fff} .contact-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f2b4c 0%,#102f3d 48%,#123f35 100%);color:#fff;padding:86px 0 78px} .contact-hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.78fr);gap:70px;align-items:center} .contact-hero__copy{max-width:720px} .contact-hero__kicker{margin:0 0 18px;color:#e8bd82;font-family:Oswald,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.34em;line-height:1} .contact-hero h1{margin:0 0 24px;color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(54px,6vw,82px);font-weight:700;line-height:.94;letter-spacing:0} .contact-hero__copy>p:not(.contact-hero__kicker){max-width:650px;margin:0 0 34px;color:rgba(255,255,255,.82);font-size:20px;font-weight:700;line-height:1.55} .contact-hero__actions{display:flex;flex-wrap:wrap;gap:12px} .contact-hero__primary,.contact-hero__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:58px;border-radius:4px;font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.03em;line-height:1;transition:background .2s ease,transform .2s ease,box-shadow .2s ease} .contact-hero__primary{gap:12px;padding:15px 34px;background:var(--copper);color:#fff} .contact-hero__primary:hover{background:#b8520f;transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.2)} .contact-hero__primary:active,.contact-hero__secondary:active{transform:scale(.98)} .contact-hero__primary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .contact-hero__secondary{padding:15px 24px;border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08)} .contact-hero__secondary:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)} .contact-hero__media{position:relative;justify-self:center;width:100%;max-width:450px} .contact-hero__media img{width:100%;height:560px;object-fit:cover;object-position:top;border-radius:4px;box-shadow:0 28px 80px rgba(0,0,0,.28)} .contact-hero__card{position:absolute;left:-28px;right:28px;bottom:28px;padding:22px;background:#fff;color:#142747;border-left:4px solid var(--copper);box-shadow:var(--shadow)} .contact-hero__card span{display:block;margin-bottom:5px;color:var(--copper);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase} .contact-hero__card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.1;color:#142747} .contact-hero__card p{margin:6px 0 0;color:#5b6472;font-weight:700;line-height:1.45} .contact-consult{background:#fff} .contact-consult__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.48fr);gap:28px;align-items:start} .contact-form,.contact-side__panel,.contact-method-grid a,.contact-method-grid div,.contact-mini-grid article{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)} .contact-form{display:grid;gap:24px;padding:36px} .contact-form__header h2{max-width:720px;margin-bottom:12px} .contact-form__header p:not(.section-kicker){max-width:760px;margin:0;color:var(--muted);font-size:17px;line-height:1.65} .contact-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .contact-form label{display:grid;gap:7px;color:var(--forest);font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase} .contact-form__wide{grid-column:1/-1} .contact-form input,.contact-form select,.contact-form textarea{border-radius:4px;border-color:#bfcec8;color:var(--ink);font-size:16px;font-weight:650;letter-spacing:0;text-transform:none} .contact-form textarea{min-height:160px} .contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid rgba(212,98,43,.22);border-color:var(--copper)} .contact-form button{justify-self:start;min-height:58px;padding:0 36px;border:0;border-radius:4px;background:var(--copper);color:#fff;font-family:Oswald,Arial,sans-serif;font-size:17px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease} .contact-form button:hover{background:#b8520f;transform:translateY(-1px);box-shadow:0 10px 24px rgba(212,98,43,.22)} .contact-form button:active{transform:scale(.98)} .contact-form__fineprint{margin:0;color:var(--muted);font-size:14px;font-weight:700;line-height:1.55} .contact-side{display:grid;gap:16px} .contact-side__panel{padding:30px;background:#f8fbf9} .contact-side__panel h2{font-size:32px;margin-bottom:18px} .contact-side__panel ol{display:grid;gap:18px;margin:0;padding:0;list-style:none;counter-reset:contact-step} .contact-side__panel li{position:relative;padding-left:52px;counter-increment:contact-step} .contact-side__panel li::before{content:counter(contact-step,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--copper);font-family:Oswald,Arial,sans-serif;font-size:25px;font-weight:700;line-height:1} .contact-side__panel strong{display:block;color:var(--forest);font-size:16px;line-height:1.25;margin-bottom:4px} .contact-side__panel span{display:block;color:var(--muted);font-size:14px;font-weight:700;line-height:1.5} .contact-method-grid{display:grid;gap:12px} .contact-method-grid a,.contact-method-grid div{display:block;padding:20px;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .contact-method-grid a:hover{transform:translateY(-2px);border-color:#accac0;box-shadow:var(--shadow)} .contact-method-grid span{display:block;color:var(--copper);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase} .contact-method-grid strong{display:block;color:#142747;font-size:17px;font-weight:950;line-height:1.25;margin-top:6px;overflow-wrap:anywhere} .contact-service-band{background:linear-gradient(180deg,var(--paper),#fff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .contact-service-band__grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:42px;align-items:start} .contact-service-band h2{font-size:38px} .contact-service-band p:not(.section-kicker){color:var(--muted);font-size:17px;line-height:1.65} .contact-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .contact-mini-grid article{padding:24px;min-height:150px;border-left:4px solid var(--copper)} .contact-mini-grid span{display:block;margin-bottom:12px;color:var(--copper);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase} .contact-mini-grid strong{display:block;color:var(--forest);font-size:19px;line-height:1.32} .footer{background:#081c19;color:#d8e6e2;padding:60px 0 26px} .footer__grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:34px} .footer__logo{width:210px;margin-bottom:16px} .footer h3{color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:13px} .footer a{display:block;color:#d8e6e2;margin:8px 0} .footer__bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.15);padding-top:20px;margin-top:36px;font-size:14px;color:#a7b7b2} @media(min-width:981px) and (max-width:1180px){ .area-grid,.site-map-grid{grid-template-columns:repeat(3,1fr)} .testimonials__grid{grid-template-columns:repeat(2,1fr)} .launch-steps{grid-template-columns:repeat(3,1fr)} .launch-steps article{border-bottom:1px solid var(--line)} } @media(max-width:980px){ .wrap{padding:0 20px} .utility{display:none} .nav__grid{height:auto;min-height:82px;grid-template-columns:1fr auto} .logo{justify-self:start} .logo img{width:174px} .menu-btn{display:block} .nav__links{display:none;grid-column:1/-1;justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 20px} .site-header.mobile-open .nav__links{display:flex} .drop{width:100%;padding:0;margin:0} .drop__menu{position:static;display:grid;transform:none;width:100%;box-shadow:none;margin-top:8px} .hero{min-height:700px} .hero h1{font-size:42px} .hero__content{padding:84px 20px 130px} .search-dock{width:calc(100% - 28px);margin:18px auto;padding:14px} .search-row,.search-row.active{grid-template-columns:1fr} .intro{padding-top:64px} .section{padding:64px 0} h2{font-size:32px} .subhero h1{font-size:36px} .section-title-row{display:block} .intro__grid,.brand-story__grid,.seller-feature__grid,.military-relocation__grid,.about-slice__grid,.subhero__grid,.value-grid,.calc-grid,.story-grid,.quote-grid,.card-grid,.area-grid,.area-grid--page,.footer__grid,.guide-layout,.process-grid,.compare-grid,.room-grid,.feature-strip,.do-dont-grid,.page-cta__grid,.home-service-grid,.local-content-grid,.credential-grid,.expectation-grid,.launch-steps,.site-map-grid,.cred-strip__grid,.market-grid,.featured-grid,.buyer-seller-split,.buying-process-feature__grid,.testimonials__grid,.contact-hero__grid,.contact-consult__grid,.contact-service-band__grid,.contact-mini-grid{grid-template-columns:1fr} .jm-guarantee{padding:64px 0} .jm-guarantee__container{padding:0 20px} .jm-guarantee__grid{grid-template-columns:1fr;gap:32px} .jm-guarantee h2{font-size:36px} .jm-guarantee__image img{max-width:384px} .about-bio,.about-story,.about-designations,.about-values{padding:64px 0} .about-bio__grid,.about-story__grid,.about-designation-grid,.about-values-grid{grid-template-columns:1fr} .about-bio__image{max-width:420px;margin:0 auto} .about-bio__image::after{inset:14px -14px -14px 14px} .about-story__sidebar{position:static;max-width:520px;margin:0 auto;width:100%} .about-designations h2,.about-values h2{margin-bottom:32px} .about-values-grid{gap:12px} .path-list a{grid-template-columns:1fr;gap:10px} .buyer-seller-panel{min-height:auto;padding:64px 24px} .buyer-seller-panel h2{font-size:40px} .buyer-seller-panel p:not(.buyer-seller-panel__kicker){font-size:17px} .buyer-seller-panel__button{width:100%;padding-left:18px;padding-right:18px;font-size:14px} .military-relocation__grid{gap:36px} .military-relocation__media img{max-width:420px;max-height:620px;margin:0 auto} .military-relocation h2{font-size:40px} .military-relocation__copy p:not(.military-relocation__kicker){font-size:17px} .military-relocation li{font-size:16px;align-items:flex-start} .military-relocation__button{width:100%;padding-left:20px;padding-right:20px} .buying-process-feature{padding:64px 0 72px} .buying-process-feature__header{margin-bottom:36px;text-align:left} .buying-process-feature__header h1{font-size:42px} .buying-process-feature__header span{font-size:17px} .buying-process-feature__grid{gap:16px} .buying-process-feature__grid article{min-height:190px;padding:28px 24px} .buying-process-feature__grid article>svg{margin-bottom:28px} .buying-process-feature__actions a{width:100%;min-height:58px;padding:16px 24px;font-size:16px} .portrait-stack{min-height:auto} .portrait-stack img{width:100%;height:420px} .portrait-badge{position:static;width:100%} .seller-feature__image{height:320px} .mortgage-tool{grid-template-columns:1fr} .mortgage-form,.mortgage-result{padding:24px} .mortgage-field small{min-height:auto} .mortgage-form button,.mortgage-result .button{width:100%} .mortgage-result__breakdown{grid-template-columns:1fr} .testimonials{padding:64px 0 72px} .testimonials__inner{width:100%;max-width:none;padding:0 20px} .testimonials__header{margin:0 auto 36px;text-align:center} .testimonials .testimonials__title{font-size:36px} .testimonials__header span{font-size:16px} .testimonial-card{min-height:auto;padding:24px} .testimonials__cta a{width:100%;max-width:380px;padding-left:20px;padding-right:20px;font-size:14px} .contact-hero{padding:64px 0} .contact-hero__grid{gap:36px} .contact-hero h1{font-size:48px} .contact-hero__copy>p:not(.contact-hero__kicker){font-size:18px} .contact-hero__actions a{width:100%} .contact-hero__media{max-width:420px} .contact-hero__media img{height:430px} .contact-hero__card{position:relative;left:auto;right:auto;bottom:auto;margin-top:-48px} .contact-form{padding:24px} .contact-form__fields{grid-template-columns:1fr} .contact-form button{width:100%} .contact-side__panel{padding:24px} .area-card{min-height:280px} .lead-form div{grid-template-columns:1fr} .aside-card{position:static} .timeline article{grid-template-columns:1fr;gap:8px} .feature-strip__media{min-height:280px} .launch-steps article,.cred-strip__grid div{border-right:0;border-bottom:1px solid var(--line)} .footer__bottom{display:grid} } @media(min-width:768px) and (max-width:980px){ .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .testimonials__grid{grid-template-columns:repeat(2,minmax(0,1fr))} .testimonials .testimonials__title{font-size:48px} .testimonials__cta a{width:auto;max-width:none} } /* ─── Compliance Footer ─── */ .cd-compliance-footer { background: #f8f9fa; padding: 32px 20px; text-align: center; font-size: 13px; color: #6c757d; border-top: 1px solid #e9ecef; line-height: 1.6; } .cd-compliance-footer p { margin: 0 0 10px; max-width: 800px; margin-left: auto; margin-right: auto; } .cd-compliance-footer a { color: #495057; text-decoration: none; } .cd-compliance-footer a:hover { text-decoration: underline; } .cd-compliance-logos { display: flex; align-items: center; justify-content: center; gap: 24px; margin-bottom: 16px; flex-wrap: wrap; } .cd-compliance-logos img, .cd-compliance-logos svg { height: 32px; width: auto; opacity: 0.7; } .cd-compliance-legal-links { margin-bottom: 12px; } .cd-compliance-legal-links a { margin: 0 8px; } .cd-compliance-telephony { font-size: 11px; color: #8c939a; max-width: 700px; margin: 10px auto; padding-top: 10px; border-top: 1px solid #e9ecef; } .cd-compliance-eho { font-size: 11px; color: #8c939a; } /* ─── Legal Pages ─── */ .cd-legal-page { max-width: 800px; margin: 40px auto; padding: 20px 30px; color: #333; line-height: 1.8; } .cd-legal-page h1 { font-size: 28px; margin-bottom: 5px; } .cd-legal-page h2 { font-size: 20px; margin-top: 30px; } .cd-legal-page h3 { font-size: 16px; margin-top: 20px; } .cd-legal-page ul { margin: 10px 0 10px 20px; } .cd-legal-page a { color: #2563eb; }