Qwen Qwen3.7 Plus – Real Estate

via Alibaba · Generated

  • AIMAC Debt 17.49
  • Cost $0.04
  • Total Violations 27
  • HTML Size 88 KB
  • Em Dashes 13

Screenshot

View Qwen Qwen3.7 Plus Real Estate page View Live Page

Accessibility Issues Found

4 Critical 23 Serious

  • color-contrast serious 23 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span>Where Your Future Finds Its Foundation</span>
  • select-name critical 4 instances

    Select element must have an accessible name

    Example HTML <select> <option>Buy</option> <option>Rent</option> <option>Sold</option> ...

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Crestview Realty Group | Where Your Future Finds Its Foundation</title>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --navy: #1a2332;
            --navy-light: #2a3a4e;
            --gold: #c8a45c;
            --gold-light: #e8d4a0;
            --white: #ffffff;
            --off-white: #f8f7f4;
            --gray-100: #f3f4f6;
            --gray-200: #e5e7eb;
            --gray-300: #d1d5db;
            --gray-500: #6b7280;
            --gray-700: #374151;
            --gray-900: #111827;
            --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
            --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
            --shadow-lg: 0 10px 40px rgba(0,0,0,0.12);
            --shadow-xl: 0 20px 60px rgba(0,0,0,0.15);
            --radius: 8px;
            --radius-lg: 16px;
            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--gray-900);
            line-height: 1.7;
            background: var(--white);
            overflow-x: hidden;
        }

        h1, h2, h3, h4, h5 {
            font-family: 'Playfair Display', serif;
            line-height: 1.3;
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: var(--transition);
        }

        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* ========== HEADER ========== */
        .header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: rgba(255, 255, 255, 0.97);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--gray-200);
            transition: var(--transition);
        }

        .header.scrolled {
            box-shadow: var(--shadow-md);
        }

        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 24px;
            max-width: 1280px;
            margin: 0 auto;
        }

        .logo-area {
            display: flex;
            align-items: center;
            gap: 14px;
        }

        .logo-area img {
            width: 48px;
            height: 48px;
            border-radius: 6px;
        }

        .logo-text h1 {
            font-size: 1.35rem;
            color: var(--navy);
            font-weight: 700;
            letter-spacing: -0.5px;
        }

        .logo-text span {
            font-family: 'Inter', sans-serif;
            font-size: 0.7rem;
            color: var(--gold);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

        .nav-main {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .nav-main a {
            padding: 10px 18px;
            font-size: 0.9rem;
            font-weight: 500;
            color: var(--gray-700);
            border-radius: 6px;
            position: relative;
        }

        .nav-main a:hover {
            color: var(--navy);
            background: var(--gray-100);
        }

        .nav-main a.active {
            color: var(--navy);
            font-weight: 600;
        }

        .nav-main a.active::after {
            content: '';
            position: absolute;
            bottom: 4px;
            left: 50%;
            transform: translateX(-50%);
            width: 20px;
            height: 2px;
            background: var(--gold);
            border-radius: 2px;
        }

        .header-cta {
            background: var(--navy);
            color: var(--white);
            padding: 11px 24px;
            border-radius: 6px;
            font-size: 0.88rem;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: var(--transition);
        }

        .header-cta:hover {
            background: var(--navy-light);
            transform: translateY(-1px);
            box-shadow: var(--shadow-md);
        }

        .mobile-toggle {
            display: none;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
            padding: 8px;
        }

        .mobile-toggle span {
            width: 24px;
            height: 2px;
            background: var(--navy);
            border-radius: 2px;
            transition: var(--transition);
        }

        /* ========== HERO ========== */
        .hero {
            margin-top: 80px;
            position: relative;
            min-height: 85vh;
            display: flex;
            align-items: center;
            background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('https://picsum.photos/1920/1080?blur=1') center/cover;
            opacity: 0.15;
        }

        .hero::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            height: 120px;
            background: linear-gradient(to top, var(--white), transparent);
        }

        .hero-content {
            position: relative;
            z-index: 2;
            max-width: 1280px;
            margin: 0 auto;
            padding: 80px 24px;
            width: 100%;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(200, 164, 92, 0.15);
            border: 1px solid rgba(200, 164, 92, 0.3);
            padding: 8px 18px;
            border-radius: 50px;
            margin-bottom: 28px;
        }

        .hero-badge span {
            color: var(--gold-light);
            font-size: 0.82rem;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        .hero h2 {
            font-size: clamp(2.5rem, 5.5vw, 4.2rem);
            color: var(--white);
            margin-bottom: 20px;
            max-width: 700px;
        }

        .hero h2 em {
            color: var(--gold);
            font-style: normal;
        }

        .hero-description {
            font-size: 1.15rem;
            color: rgba(255,255,255,0.75);
            max-width: 560px;
            margin-bottom: 40px;
            line-height: 1.8;
        }

        .hero-search {
            background: var(--white);
            border-radius: var(--radius-lg);
            padding: 8px;
            display: flex;
            align-items: center;
            max-width: 680px;
            box-shadow: var(--shadow-xl);
        }

        .hero-search input {
            flex: 1;
            border: none;
            padding: 16px 20px;
            font-size: 1rem;
            font-family: 'Inter', sans-serif;
            outline: none;
            background: transparent;
            color: var(--gray-900);
        }

        .hero-search input::placeholder {
            color: var(--gray-500);
        }

        .hero-search select {
            border: none;
            padding: 16px;
            font-size: 0.9rem;
            font-family: 'Inter', sans-serif;
            background: transparent;
            color: var(--gray-700);
            outline: none;
            cursor: pointer;
            border-left: 1px solid var(--gray-200);
        }

        .hero-search button {
            background: var(--gold);
            color: var(--navy);
            border: none;
            padding: 16px 32px;
            border-radius: 10px;
            font-size: 0.95rem;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            white-space: nowrap;
        }

        .hero-search button:hover {
            background: var(--gold-light);
            transform: scale(1.02);
        }

        .hero-stats {
            display: flex;
            gap: 48px;
            margin-top: 56px;
            padding-top: 32px;
            border-top: 1px solid rgba(255,255,255,0.1);
        }

        .hero-stat h3 {
            font-size: 2rem;
            color: var(--gold);
            font-family: 'Inter', sans-serif;
            font-weight: 700;
        }

        .hero-stat p {
            color: rgba(255,255,255,0.6);
            font-size: 0.85rem;
            margin-top: 4px;
        }

        /* ========== SECTION STYLES ========== */
        .section {
            padding: 100px 0;
        }

        .section-header {
            text-align: center;
            max-width: 640px;
            margin: 0 auto 60px;
        }

        .section-label {
            display: inline-block;
            font-size: 0.78rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--gold);
            margin-bottom: 14px;
        }

        .section-header h2 {
            font-size: clamp(1.8rem, 3.5vw, 2.6rem);
            color: var(--navy);
            margin-bottom: 16px;
        }

        .section-header p {
            color: var(--gray-500);
            font-size: 1.05rem;
            line-height: 1.8;
        }

        /* ========== FEATURED LISTINGS ========== */
        .listings-section {
            background: var(--off-white);
        }

        .listings-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }

        .listing-card {
            background: var(--white);
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
        }

        .listing-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-lg);
        }

        .listing-image {
            position: relative;
            height: 240px;
            overflow: hidden;
        }

        .listing-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        .listing-card:hover .listing-image img {
            transform: scale(1.05);
        }

        .listing-badge {
            position: absolute;
            top: 16px;
            left: 16px;
            background: var(--navy);
            color: var(--white);
            padding: 5px 12px;
            border-radius: 4px;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .listing-badge.new {
            background: #059669;
        }

        .listing-badge.reduced {
            background: #dc2626;
        }

        .listing-favorite {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 36px;
            height: 36px;
            background: rgba(255,255,255,0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: var(--transition);
        }

        .listing-favorite:hover {
            background: var(--white);
            transform: scale(1.1);
        }

        .listing-details {
            padding: 24px;
        }

        .listing-price {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--navy);
            font-family: 'Inter', sans-serif;
        }

        .listing-price span {
            font-size: 0.85rem;
            color: var(--gray-500);
            font-weight: 400;
        }

        .listing-address {
            color: var(--gray-500);
            font-size: 0.9rem;
            margin: 8px 0 16px;
        }

        .listing-features {
            display: flex;
            gap: 16px;
            padding-top: 16px;
            border-top: 1px solid var(--gray-200);
        }

        .listing-feature {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 0.82rem;
            color: var(--gray-700);
        }

        .listing-feature svg {
            width: 16px;
            height: 16px;
            fill: var(--gray-500);
        }

        .listing-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid var(--gray-100);
        }

        .listing-days {
            font-size: 0.78rem;
            color: var(--gray-500);
        }

        .listing-agent {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .listing-agent img {
            width: 28px;
            height: 28px;
            border-radius: 50%;
        }

        .listing-agent span {
            font-size: 0.8rem;
            color: var(--gray-700);
            font-weight: 500;
        }

        .listings-cta {
            text-align: center;
            margin-top: 48px;
        }

        .btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--navy);
            color: var(--white);
            padding: 14px 32px;
            border-radius: 8px;
            font-size: 0.95rem;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: var(--transition);
        }

        .btn-primary:hover {
            background: var(--navy-light);
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        .btn-secondary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: transparent;
            color: var(--navy);
            padding: 14px 32px;
            border-radius: 8px;
            font-size: 0.95rem;
            font-weight: 600;
            border: 2px solid var(--navy);
            cursor: pointer;
            transition: var(--transition);
        }

        .btn-secondary:hover {
            background: var(--navy);
            color: var(--white);
            transform: translateY(-2px);
        }

        .btn-gold {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--gold);
            color: var(--navy);
            padding: 14px 32px;
            border-radius: 8px;
            font-size: 0.95rem;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: var(--transition);
        }

        .btn-gold:hover {
            background: var(--gold-light);
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        /* ========== HOME VALUE ESTIMATOR ========== */
        .estimator-section {
            background: var(--white);
        }

        .estimator-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .estimator-content h2 {
            font-size: 2.2rem;
            color: var(--navy);
            margin-bottom: 20px;
        }

        .estimator-content p {
            color: var(--gray-500);
            font-size: 1.02rem;
            line-height: 1.8;
            margin-bottom: 16px;
        }

        .estimator-form {
            background: var(--off-white);
            border-radius: var(--radius-lg);
            padding: 40px;
            border: 1px solid var(--gray-200);
        }

        .estimator-form h3 {
            font-size: 1.3rem;
            color: var(--navy);
            margin-bottom: 24px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            font-size: 0.85rem;
            font-weight: 500;
            color: var(--gray-700);
            margin-bottom: 6px;
        }

        .form-group input,
        .form-group select {
            width: 100%;
            padding: 13px 16px;
            border: 1px solid var(--gray-300);
            border-radius: 8px;
            font-size: 0.95rem;
            font-family: 'Inter', sans-serif;
            transition: var(--transition);
            background: var(--white);
        }

        .form-group input:focus,
        .form-group select:focus {
            outline: none;
            border-color: var(--gold);
            box-shadow: 0 0 0 3px rgba(200, 164, 92, 0.1);
        }

        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .estimator-result {
            margin-top: 24px;
            padding: 24px;
            background: var(--navy);
            border-radius: var(--radius);
            text-align: center;
            display: none;
        }

        .estimator-result.show {
            display: block;
            animation: fadeIn 0.5s ease;
        }

        .estimator-result h4 {
            color: var(--gold);
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
            font-family: 'Inter', sans-serif;
        }

        .estimator-result .value {
            color: var(--white);
            font-size: 2.2rem;
            font-weight: 700;
            font-family: 'Inter', sans-serif;
        }

        .estimator-result .range {
            color: rgba(255,255,255,0.6);
            font-size: 0.85rem;
            margin-top: 8px;
        }

        /* ========== SERVICES ========== */
        .services-section {
            background: var(--off-white);
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }

        .service-card {
            background: var(--white);
            border-radius: var(--radius-lg);
            padding: 40px 32px;
            transition: var(--transition);
            border: 1px solid var(--gray-200);
            position: relative;
            overflow: hidden;
        }

        .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: var(--gold);
            transform: scaleX(0);
            transition: var(--transition);
        }

        .service-card:hover::before {
            transform: scaleX(1);
        }

        .service-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-lg);
        }

        .service-icon {
            width: 56px;
            height: 56px;
            background: linear-gradient(135deg, var(--gold), var(--gold-light));
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
        }

        .service-icon svg {
            width: 28px;
            height: 28px;
            fill: var(--navy);
        }

        .service-card h3 {
            font-size: 1.25rem;
            color: var(--navy);
            margin-bottom: 14px;
        }

        .service-card p {
            color: var(--gray-500);
            font-size: 0.92rem;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .service-link {
            font-size: 0.88rem;
            font-weight: 600;
            color: var(--gold);
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .service-link:hover {
            gap: 10px;
            color: var(--navy);
        }

        /* ========== NEIGHBORHOODS ========== */
        .neighborhoods-section {
            background: var(--white);
        }

        .neighborhoods-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 20px;
            height: 520px;
        }

        .neighborhood-card {
            position: relative;
            border-radius: var(--radius-lg);
            overflow: hidden;
            cursor: pointer;
        }

        .neighborhood-card:first-child {
            grid-row: 1 / 3;
        }

        .neighborhood-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        .neighborhood-card:hover img {
            transform: scale(1.05);
        }

        .neighborhood-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 28px;
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
        }

        .neighborhood-overlay h3 {
            color: var(--white);
            font-size: 1.3rem;
            margin-bottom: 4px;
        }

        .neighborhood-overlay p {
            color: rgba(255,255,255,0.7);
            font-size: 0.85rem;
        }

        .neighborhood-overlay .listings-count {
            display: inline-block;
            background: var(--gold);
            color: var(--navy);
            padding: 4px 10px;
            border-radius: 4px;
            font-size: 0.75rem;
            font-weight: 600;
            margin-top: 10px;
        }

        /* ========== TESTIMONIALS ========== */
        .testimonials-section {
            background: var(--navy);
            position: relative;
            overflow: hidden;
        }

        .testimonials-section::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(200,164,92,0.08), transparent);
            border-radius: 50%;
        }

        .testimonials-section .section-label {
            color: var(--gold);
        }

        .testimonials-section .section-header h2 {
            color: var(--white);
        }

        .testimonials-section .section-header p {
            color: rgba(255,255,255,0.6);
        }

        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }

        .testimonial-card {
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: var(--radius-lg);
            padding: 36px;
            transition: var(--transition);
        }

        .testimonial-card:hover {
            background: rgba(255,255,255,0.08);
            transform: translateY(-4px);
        }

        .testimonial-stars {
            display: flex;
            gap: 4px;
            margin-bottom: 20px;
        }

        .testimonial-stars svg {
            width: 18px;
            height: 18px;
            fill: var(--gold);
        }

        .testimonial-text {
            color: rgba(255,255,255,0.8);
            font-size: 0.95rem;
            line-height: 1.8;
            margin-bottom: 24px;
            font-style: italic;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 14px;
        }

        .testimonial-author img {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            object-fit: cover;
        }

        .testimonial-author-info h4 {
            color: var(--white);
            font-size: 0.95rem;
            font-family: 'Inter', sans-serif;
            font-weight: 600;
        }

        .testimonial-author-info p {
            color: rgba(255,255,255,0.5);
            font-size: 0.82rem;
        }

        /* ========== FAQ ========== */
        .faq-section {
            background: var(--off-white);
        }

        .faq-wrapper {
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: 60px;
            align-items: start;
        }

        .faq-sidebar h2 {
            font-size: 2rem;
            color: var(--navy);
            margin-bottom: 16px;
        }

        .faq-sidebar p {
            color: var(--gray-500);
            line-height: 1.8;
            margin-bottom: 24px;
        }

        .faq-contact {
            background: var(--white);
            border-radius: var(--radius);
            padding: 24px;
            border: 1px solid var(--gray-200);
        }

        .faq-contact p {
            font-size: 0.9rem;
            margin-bottom: 16px;
        }

        .faq-contact a {
            color: var(--gold);
            font-weight: 600;
        }

        .faq-contact a:hover {
            color: var(--navy);
        }

        .faq-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .faq-item {
            background: var(--white);
            border-radius: var(--radius);
            border: 1px solid var(--gray-200);
            overflow: hidden;
            transition: var(--transition);
        }

        .faq-item.active {
            border-color: var(--gold);
            box-shadow: 0 4px 12px rgba(200, 164, 92, 0.1);
        }

        .faq-question {
            padding: 20px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            font-weight: 500;
            color: var(--gray-900);
            font-size: 0.95rem;
            transition: var(--transition);
        }

        .faq-question:hover {
            color: var(--navy);
        }

        .faq-question svg {
            width: 20px;
            height: 20px;
            fill: var(--gray-500);
            transition: var(--transition);
            flex-shrink: 0;
        }

        .faq-item.active .faq-question svg {
            transform: rotate(180deg);
            fill: var(--gold);
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
        }

        .faq-item.active .faq-answer {
            max-height: 300px;
            padding: 0 24px 20px;
        }

        .faq-answer p {
            color: var(--gray-500);
            font-size: 0.9rem;
            line-height: 1.8;
        }

        /* ========== CTA SECTION ========== */
        .cta-section {
            background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
            padding: 80px 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .cta-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('https://picsum.photos/1920/600?blur=2') center/cover;
            opacity: 0.08;
        }

        .cta-content {
            position: relative;
            z-index: 2;
        }

        .cta-content h2 {
            font-size: 2.4rem;
            color: var(--white);
            margin-bottom: 16px;
        }

        .cta-content p {
            color: rgba(255,255,255,0.7);
            font-size: 1.1rem;
            max-width: 560px;
            margin: 0 auto 32px;
            line-height: 1.8;
        }

        .cta-buttons {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
        }

        /* ========== FOOTER ========== */
        .footer {
            background: var(--gray-900);
            padding: 80px 0 0;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;
            gap: 40px;
            padding-bottom: 60px;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }

        .footer-brand p {
            color: rgba(255,255,255,0.6);
            font-size: 0.9rem;
            line-height: 1.8;
            margin-top: 16px;
            max-width: 280px;
        }

        .footer-social {
            display: flex;
            gap: 12px;
            margin-top: 24px;
        }

        .footer-social a {
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.08);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: var(--transition);
        }

        .footer-social a:hover {
            background: var(--gold);
        }

        .footer-social a svg {
            width: 18px;
            height: 18px;
            fill: var(--white);
        }

        .footer-col h4 {
            color: var(--white);
            font-size: 0.9rem;
            font-family: 'Inter', sans-serif;
            font-weight: 600;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .footer-col ul {
            list-style: none;
        }

        .footer-col ul li {
            margin-bottom: 12px;
        }

        .footer-col ul li a {
            color: rgba(255,255,255,0.6);
            font-size: 0.88rem;
            transition: var(--transition);
        }

        .footer-col ul li a:hover {
            color: var(--gold);
            padding-left: 4px;
        }

        .footer-newsletter p {
            color: rgba(255,255,255,0.6);
            font-size: 0.88rem;
            margin-bottom: 16px;
            line-height: 1.7;
        }

        .footer-newsletter-form {
            display: flex;
            gap: 8px;
        }

        .footer-newsletter-form input {
            flex: 1;
            padding: 12px 16px;
            border: 1px solid rgba(255,255,255,0.15);
            border-radius: 6px;
            background: rgba(255,255,255,0.05);
            color: var(--white);
            font-size: 0.88rem;
            font-family: 'Inter', sans-serif;
            outline: none;
            transition: var(--transition);
        }

        .footer-newsletter-form input:focus {
            border-color: var(--gold);
        }

        .footer-newsletter-form input::placeholder {
            color: rgba(255,255,255,0.4);
        }

        .footer-newsletter-form button {
            padding: 12px 20px;
            background: var(--gold);
            color: var(--navy);
            border: none;
            border-radius: 6px;
            font-weight: 600;
            font-size: 0.85rem;
            cursor: pointer;
            transition: var(--transition);
        }

        .footer-newsletter-form button:hover {
            background: var(--gold-light);
        }

        .footer-bottom {
            padding: 24px 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 16px;
        }

        .footer-bottom p {
            color: rgba(255,255,255,0.4);
            font-size: 0.82rem;
        }

        .footer-bottom-links {
            display: flex;
            gap: 24px;
        }

        .footer-bottom-links a {
            color: rgba(255,255,255,0.4);
            font-size: 0.82rem;
        }

        .footer-bottom-links a:hover {
            color: var(--gold);
        }

        /* ========== ANIMATIONS ========== */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .animate-on-scroll.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ========== RESPONSIVE ========== */
        @media (max-width: 1024px) {
            .listings-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .testimonials-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .footer-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            .neighborhoods-grid {
                grid-template-columns: 1fr 1fr;
                height: auto;
            }
            .neighborhoods-grid .neighborhood-card:first-child {
                grid-row: auto;
            }
            .neighborhoods-grid .neighborhood-card {
                height: 250px;
            }
        }

        @media (max-width: 768px) {
            .nav-main {
                display: none;
            }
            .mobile-toggle {
                display: flex;
            }
            .header-cta {
                display: none;
            }
            .hero-search {
                flex-direction: column;
                padding: 16px;
            }
            .hero-search select {
                border-left: none;
                border-top: 1px solid var(--gray-200);
                width: 100%;
            }
            .hero-search button {
                width: 100%;
            }
            .hero-stats {
                gap: 24px;
                flex-wrap: wrap;
            }
            .listings-grid {
                grid-template-columns: 1fr;
            }
            .estimator-wrapper {
                grid-template-columns: 1fr;
            }
            .services-grid {
                grid-template-columns: 1fr;
            }
            .testimonials-grid {
                grid-template-columns: 1fr;
            }
            .faq-wrapper {
                grid-template-columns: 1fr;
            }
            .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
            .neighborhoods-grid {
                grid-template-columns: 1fr;
            }
            .form-row {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>

    <!-- ========== HEADER ========== -->
    <header class="header" id="header">
        <div class="header-inner">
            <div class="logo-area">
                <img src="https://placehold.co/48x48/1a2332/c8a45c?text=CR&font=playfair+display" alt="Crestview Realty Group Logo">
                <div class="logo-text">
                    <h1>Crestview Realty</h1>
                    <span>Where Your Future Finds Its Foundation</span>
                </div>
            </div>
            <nav class="nav-main">
                <a href="#listings" class="active">Buy</a>
                <a href="#services">Sell</a>
                <a href="#neighborhoods">Rent</a>
                <a href="#estimator">Resources</a>
                <a href="#faq">Mortgage</a>
                <a href="#testimonials">About</a>
                <a href="#footer">Contact</a>
            </nav>
            <button class="header-cta">List Property</button>
            <div class="mobile-toggle" onclick="document.querySelector('.nav-main').classList.toggle('show')">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </header>

    <!-- ========== HERO ========== -->
    <section class="hero">
        <div class="hero-content">
            <div class="hero-badge">
                <span>★ Trusted by 12,000+ families since 2008</span>
            </div>
            <h2>Find a Place You'll Love to Call <em>Home</em></h2>
            <p class="hero-description">
                Whether you're a first-time buyer exploring mortgage pre-approval, a seasoned investor seeking high-yield properties, or a seller ready to list at the right price — Crestview Realty Group delivers expert guidance at every step of your real estate journey.
            </p>
            <div class="hero-search">
                <input type="text" placeholder="Search by city, neighborhood, ZIP, or address...">
                <select>
                    <option>Buy</option>
                    <option>Rent</option>
                    <option>Sold</option>
                </select>
                <button>Search Properties</button>
            </div>
            <div class="hero-stats">
                <div class="hero-stat">
                    <h3>2,400+</h3>
                    <p>Active Listings</p>
                </div>
                <div class="hero-stat">
                    <h3>$1.8B</h3>
                    <p>Properties Sold</p>
                </div>
                <div class="hero-stat">
                    <h3>98.6%</h3>
                    <p>Client Satisfaction</p>
                </div>
                <div class="hero-stat">
                    <h3>14</h3>
                    <p>Days Avg. on Market</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== FEATURED LISTINGS ========== -->
    <section class="section listings-section" id="listings">
        <div class="container">
            <div class="section-header animate-on-scroll">
                <span class="section-label">Featured Listings</span>
                <h2>Handpicked Properties Ready for You</h2>
                <p>Our curated selection of premium listings spans luxury estates, modern condos, and charming family homes — each vetted by our team for quality, value, and location.</p>
            </div>
            <div class="listings-grid">
                <!-- Listing 1 -->
                <div class="listing-card animate-on-scroll">
                    <div class="listing-image">
                        <img src="https://picsum.photos/600/400?random=1" alt="Modern home in Westwood">
                        <span class="listing-badge new">New Listing</span>
                        <div class="listing-favorite">
                            <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
                        </div>
                    </div>
                    <div class="listing-details">
                        <div class="listing-price">$1,245,000</div>
                        <p class="listing-address">742 Maple Ridge Drive, Westwood, CA 90024</p>
                        <div class="listing-features">
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z"/></svg>
                                4 Beds
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM3.5 19.5v1h17v-1c0-.83-.67-1.5-1.5-1.5H5c-.83 0-1.5.67-1.5 1.5zM2 18c0-1.1.9-2 2-2h1v-3H3v-1h2V9.5C5 8.67 5.67 8 6.5 8h11c.83 0 1.5.67 1.5 1.5V12h2v1h-2v3h1c1.1 0 2 .9 2 2H2z"/></svg>
                                3 Baths
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/></svg>
                                3,200 sqft
                            </span>
                        </div>
                        <div class="listing-meta">
                            <span class="listing-days">3 days on market</span>
                            <div class="listing-agent">
                                <img src="https://i.pravatar.cc/28?u=agent1" alt="Agent">
                                <span>Sarah Mitchell</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Listing 2 -->
                <div class="listing-card animate-on-scroll">
                    <div class="listing-image">
                        <img src="https://picsum.photos/600/400?random=2" alt="Luxury condo downtown">
                        <span class="listing-badge">Featured</span>
                        <div class="listing-favorite">
                            <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
                        </div>
                    </div>
                    <div class="listing-details">
                        <div class="listing-price">$875,000</div>
                        <p class="listing-address">1200 Grand Avenue, Unit 18B, Downtown, CA 90015</p>
                        <div class="listing-features">
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z"/></svg>
                                2 Beds
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM3.5 19.5v1h17v-1c0-.83-.67-1.5-1.5-1.5H5c-.83 0-1.5.67-1.5 1.5zM2 18c0-1.1.9-2 2-2h1v-3H3v-1h2V9.5C5 8.67 5.67 8 6.5 8h11c.83 0 1.5.67 1.5 1.5V12h2v1h-2v3h1c1.1 0 2 .9 2 2H2z"/></svg>
                                2 Baths
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/></svg>
                                1,450 sqft
                            </span>
                        </div>
                        <div class="listing-meta">
                            <span class="listing-days">7 days on market</span>
                            <div class="listing-agent">
                                <img src="https://i.pravatar.cc/28?u=agent2" alt="Agent">
                                <span>James Thornton</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Listing 3 -->
                <div class="listing-card animate-on-scroll">
                    <div class="listing-image">
                        <img src="https://picsum.photos/600/400?random=3" alt="Family home in Oakwood">
                        <span class="listing-badge reduced">Price Reduced</span>
                        <div class="listing-favorite">
                            <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
                        </div>
                    </div>
                    <div class="listing-details">
                        <div class="listing-price">$689,000 <span>was $725,000</span></div>
                        <p class="listing-address">318 Oakwood Lane, Pasadena, CA 91101</p>
                        <div class="listing-features">
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z"/></svg>
                                3 Beds
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM3.5 19.5v1h17v-1c0-.83-.67-1.5-1.5-1.5H5c-.83 0-1.5.67-1.5 1.5zM2 18c0-1.1.9-2 2-2h1v-3H3v-1h2V9.5C5 8.67 5.67 8 6.5 8h11c.83 0 1.5.67 1.5 1.5V12h2v1h-2v3h1c1.1 0 2 .9 2 2H2z"/></svg>
                                2 Baths
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/></svg>
                                2,100 sqft
                            </span>
                        </div>
                        <div class="listing-meta">
                            <span class="listing-days">21 days on market</span>
                            <div class="listing-agent">
                                <img src="https://i.pravatar.cc/28?u=agent3" alt="Agent">
                                <span>Emily Vasquez</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Listing 4 -->
                <div class="listing-card animate-on-scroll">
                    <div class="listing-image">
                        <img src="https://picsum.photos/600/400?random=4" alt="Waterfront property">
                        <span class="listing-badge new">New Listing</span>
                        <div class="listing-favorite">
                            <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
                        </div>
                    </div>
                    <div class="listing-details">
                        <div class="listing-price">$2,150,000</div>
                        <p class="listing-address">56 Harbor View Court, Marina Del Rey, CA 90292</p>
                        <div class="listing-features">
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z"/></svg>
                                5 Beds
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM3.5 19.5v1h17v-1c0-.83-.67-1.5-1.5-1.5H5c-.83 0-1.5.67-1.5 1.5zM2 18c0-1.1.9-2 2-2h1v-3H3v-1h2V9.5C5 8.67 5.67 8 6.5 8h11c.83 0 1.5.67 1.5 1.5V12h2v1h-2v3h1c1.1 0 2 .9 2 2H2z"/></svg>
                                4 Baths
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/></svg>
                                4,800 sqft
                            </span>
                        </div>
                        <div class="listing-meta">
                            <span class="listing-days">1 day on market</span>
                            <div class="listing-agent">
                                <img src="https://i.pravatar.cc/28?u=agent4" alt="Agent">
                                <span>David Park</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Listing 5 -->
                <div class="listing-card animate-on-scroll">
                    <div class="listing-image">
                        <img src="https://picsum.photos/600/400?random=5" alt="Townhouse in Silver Lake">
                        <span class="listing-badge">Featured</span>
                        <div class="listing-favorite">
                            <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
                        </div>
                    </div>
                    <div class="listing-details">
                        <div class="listing-price">$520,000</div>
                        <p class="listing-address">89 Sunset Blvd, Unit C, Silver Lake, CA 90026</p>
                        <div class="listing-features">
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z"/></svg>
                                2 Beds
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM3.5 19.5v1h17v-1c0-.83-.67-1.5-1.5-1.5H5c-.83 0-1.5.67-1.5 1.5zM2 18c0-1.1.9-2 2-2h1v-3H3v-1h2V9.5C5 8.67 5.67 8 6.5 8h11c.83 0 1.5.67 1.5 1.5V12h2v1h-2v3h1c1.1 0 2 .9 2 2H2z"/></svg>
                                2 Baths
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/></svg>
                                1,180 sqft
                            </span>
                        </div>
                        <div class="listing-meta">
                            <span class="listing-days">12 days on market</span>
                            <div class="listing-agent">
                                <img src="https://i.pravatar.cc/28?u=agent5" alt="Agent">
                                <span>Lisa Chen</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Listing 6 -->
                <div class="listing-card animate-on-scroll">
                    <div class="listing-image">
                        <img src="https://picsum.photos/600/400?random=6" alt="Estate in Beverly Hills">
                        <span class="listing-badge">Luxury</span>
                        <div class="listing-favorite">
                            <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
                        </div>
                    </div>
                    <div class="listing-details">
                        <div class="listing-price">$4,750,000</div>
                        <p class="listing-address">1201 Summit Drive, Beverly Hills, CA 90210</p>
                        <div class="listing-features">
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z"/></svg>
                                6 Beds
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM3.5 19.5v1h17v-1c0-.83-.67-1.5-1.5-1.5H5c-.83 0-1.5.67-1.5 1.5zM2 18c0-1.1.9-2 2-2h1v-3H3v-1h2V9.5C5 8.67 5.67 8 6.5 8h11c.83 0 1.5.67 1.5 1.5V12h2v1h-2v3h1c1.1 0 2 .9 2 2H2z"/></svg>
                                5 Baths
                            </span>
                            <span class="listing-feature">
                                <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/></svg>
                                7,200 sqft
                            </span>
                        </div>
                        <div class="listing-meta">
                            <span class="listing-days">5 days on market</span>
                            <div class="listing-agent">
                                <img src="https://i.pravatar.cc/28?u=agent6" alt="Agent">
                                <span>Robert Kline</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="listings-cta animate-on-scroll">
                <a href="#" class="btn-primary">View All 2,400+ Listings →</a>
                <a href="#" class="btn-secondary" style="margin-left: 12px;">Schedule a Tour</a>
            </div>
        </div>
    </section>

    <!-- ========== HOME VALUE ESTIMATOR ========== -->
    <section class="section estimator-section" id="estimator">
        <div class="container">
            <div class="estimator-wrapper">
                <div class="estimator-content animate-on-scroll">
                    <span class="section-label">Interactive Tool</span>
                    <h2>What's Your Home Worth?</h2>
                    <p>
                        Our proprietary Home Value Estimator combines recent comparable sales data, local market trends, property characteristics, and neighborhood analytics to provide you with an accurate range for your home's current market value.
                    </p>
                    <p>
                        Whether you're considering listing your property, refinancing your mortgage, or simply curious about how your equity has grown — understanding your home's value is the first step in making informed financial decisions. Our algorithm factors in days on market for similar properties, recent price reductions in your area, and seasonal demand patterns.
                    </p>
                    <p>
                        For a more precise valuation, our licensed agents offer complimentary comparative market analyses (CMAs) that include a detailed walkthrough and assessment of your property's unique features and condition.
                    </p>
                    <div style="margin-top: 28px;">
                        <img src="https://placehold.co/500x300/f8f7f4/1a2332?text=Market+Analytics+Dashboard&font=inter" alt="Market Analytics" style="border-radius: 12px; box-shadow: var(--shadow-md);">
                    </div>
                </div>
                <div class="estimator-form animate-on-scroll">
                    <h3>Get Your Free Estimate</h3>
                    <div class="form-group">
                        <label>Property Address</label>
                        <input type="text" placeholder="123 Main Street, City, State ZIP" id="estimator-address">
                    </div>
                    <div class="form-row">
                        <div class="form-group">
                            <label>Property Type</label>
                            <select id="estimator-type">
                                <option>Single Family Home</option>
                                <option>Condo / Townhouse</option>
                                <option>Multi-Family</option>
                                <option>Land / Lot</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Year Built</label>
                            <input type="number" placeholder="e.g. 1995" id="estimator-year">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group">
                            <label>Bedrooms</label>
                            <select id="estimator-beds">
                                <option>1</option>
                                <option>2</option>
                                <option selected>3</option>
                                <option>4</option>
                                <option>5+</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Bathrooms</label>
                            <select id="estimator-baths">
                                <option>1</option>
                                <option selected>2</option>
                                <option>3</option>
                                <option>4+</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Square Footage</label>
                        <input type="number" placeholder="e.g. 2000" id="estimator-sqft">
                    </div>
                    <button class="btn-gold" style="width: 100%; justify-content: center;" onclick="calculateEstimate()">Get Home Valuation</button>
                    <div class="estimator-result" id="estimator-result">
                        <h4>Estimated Home Value</h4>
                        <div class="value" id="estimator-value">$0</div>
                        <div class="range" id="estimator-range">Range: $0 – $0</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== SERVICES ========== -->
    <section class="section services-section" id="services">
        <div class="container">
            <div class="section-header animate-on-scroll">
                <span class="section-label">Our Services</span>
                <h2>Comprehensive Real Estate Solutions</h2>
                <p>From first-time homebuyers navigating mortgage pre-approval to investors building portfolios, our full-service approach covers every facet of the real estate transaction.</p>
            </div>
            <div class="services-grid">
                <div class="service-card animate-on-scroll">
                    <div class="service-icon">
                        <svg viewBox="0 0 24 24"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>
                    </div>
                    <h3>Buyer Representation</h3>
                    <p>Our buyer's agents guide you through every step — from mortgage pre-approval and property search to negotiation, inspection contingencies, and closing. We analyze listing prices against comparable sales, evaluate days on market trends, and ensure you never overpay. Our team has helped over 8,000 families find their perfect home with an average savings of 4.2% below asking price.</p>
                    <a href="#" class="service-link">Start Your Search →</a>
                </div>
                <div class="service-card animate-on-scroll">
                    <div class="service-icon">
                        <svg viewBox="0 0 24 24"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>
                    </div>
                    <h3>Mortgage Resources</h3>
                    <p>Navigate the complex world of home financing with confidence. We partner with preferred lenders offering competitive fixed and adjustable-rate mortgages, FHA loans, VA loans, and jumbo financing. Our mortgage specialists will help you understand closing costs, points, escrow requirements, and how your credit profile affects your rate. Get pre-approved in as little as 24 hours.</p>
                    <a href="#" class="service-link">Get Pre-Approved →</a>
                </div>
                <div class="service-card animate-on-scroll">
                    <div class="service-icon">
                        <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 14H6v-2h6v2zm4-4H6v-2h10v2zm0-4H6V7h10v2z"/></svg>
                    </div>
                    <h3>Listing & Selling</h3>
                    <p>Maximize your return with our data-driven listing strategy. We conduct thorough comparative market analyses, professional staging consultations, HDR photography, and targeted digital marketing campaigns. Our average listing sells 40% faster than the market median, and our sellers achieve 98.7% of their listing price. We handle all offers, counteroffers, and contingency negotiations.</p>
                    <a href="#" class="service-link">Get Valuation →</a>
                </div>
                <div class="service-card animate-on-scroll">
                    <div class="service-icon">
                        <svg viewBox="0 0 24 24"><path d="M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"/></svg>
                    </div>
                    <h3>Investment Properties</h3>
                    <p>Build long-term wealth through strategic real estate investment. Our investment specialists identify high-cap-rate properties, multi-family units, and emerging market opportunities. We provide detailed pro forma analyses including projected cash flow, ROI calculations, tax implications, and 1031 exchange guidance. Our investors average 12.4% annual returns across their portfolios.</p>
                    <a href="#" class="service-link">Explore Investments →</a>
                </div>
                <div class="service-card animate-on-scroll">
                    <div class="service-icon">
                        <svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
                    </div>
                    <h3>Relocation Services</h3>
                    <p>Moving to a new city? Our relocation team provides comprehensive area orientation, school district research, commute analysis, and temporary housing solutions. We coordinate with corporate HR departments for employee relocation packages and offer virtual tours for out-of-state buyers. Our concierge service handles utility setup, vendor recommendations, and community integration.</p>
                    <a href="#" class="service-link">Plan Your Move →</a>
                </div>
                <div class="service-card animate-on-scroll">
                    <div class="service-icon">
                        <svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>
                    </div>
                    <h3>Property Management</h3>
                    <p>For landlords and investment property owners, our full-service property management division handles tenant screening, lease administration, maintenance coordination, rent collection, and financial reporting. We maintain a 97% occupancy rate across our managed portfolio and ensure your investment generates consistent passive income while preserving long-term asset value.</p>
                    <a href="#" class="service-link">Learn More →</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== NEIGHBORHOODS ========== -->
    <section class="section neighborhoods-section" id="neighborhoods">
        <div class="container">
            <div class="section-header animate-on-scroll">
                <span class="section-label">Explore Neighborhoods</span>
                <h2>Discover Where You Belong</h2>
                <p>Every neighborhood has its own character, rhythm, and story. Explore our curated area guides to find the community that matches your lifestyle, budget, and aspirations.</p>
            </div>
            <div class="neighborhoods-grid animate-on-scroll">
                <div class="neighborhood-card">
                    <img src="https://picsum.photos/800/600?random=10" alt="Westwood Village">
                    <div class="neighborhood-overlay">
                        <h3>Westwood Village</h3>
                        <p>Median Price: $1.4M · Walk Score: 88</p>
                        <span class="listings-count">142 Active Listings</span>
                    </div>
                </div>
                <div class="neighborhood-card">
                    <img src="https://picsum.photos/400/300?random=11" alt="Silver Lake">
                    <div class="neighborhood-overlay">
                        <h3>Silver Lake</h3>
                        <p>Median: $920K</p>
                        <span class="listings-count">87 Listings</span>
                    </div>
                </div>
                <div class="neighborhood-card">
                    <img src="https://picsum.photos/400/300?random=12" alt="Pasadena">
                    <div class="neighborhood-overlay">
                        <h3>Pasadena</h3>
                        <p>Median: $780K</p>
                        <span class="listings-count">203 Listings</span>
                    </div>
                </div>
                <div class="neighborhood-card">
                    <img src="https://picsum.photos/400/300?random=13" alt="Marina Del Rey">
                    <div class="neighborhood-overlay">
                        <h3>Marina Del Rey</h3>
                        <p>Median: $1.8M</p>
                        <span class="listings-count">56 Listings</span>
                    </div>
                </div>
                <div class="neighborhood-card">
                    <img src="https://picsum.photos/400/300?random=14" alt="Santa Monica">
                    <div class="neighborhood-overlay">
                        <h3>Santa Monica</h3>
                        <p>Median: $2.1M</p>
                        <span class="listings-count">94 Listings</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== TESTIMONIALS ========== -->
    <section class="section testimonials-section" id="testimonials">
        <div class="container">
            <div class="section-header animate-on-scroll">
                <span class="section-label">Client Stories</span>
                <h2>Trusted by Thousands of Families</h2>
                <p>Real experiences from real clients who found their dream homes, sold above asking, or built investment portfolios with our expert guidance.</p>
            </div>
            <div class="testimonials-grid">
                <div class="testimonial-card animate-on-scroll">
                    <div class="testimonial-stars">
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                    </div>
                    <p class="testimonial-text">"As first-time buyers, we were overwhelmed by the process. Sarah walked us through every contingency, helped us get pre-approved for our mortgage, and negotiated $35,000 below asking price. We closed in just 21 days and couldn't be happier in our new home in Pasadena."</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/48?u=client1" alt="Michael & Jennifer R.">
                        <div class="testimonial-author-info">
                            <h4>Michael & Jennifer R.</h4>
                            <p>First-time Buyers, Pasadena</p>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card animate-on-scroll">
                    <div class="testimonial-stars">
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                    </div>
                    <p class="testimonial-text">"We listed our family home during a shifting market and were nervous about pricing. James conducted a thorough CMA, recommended strategic staging, and we received three offers within the first week — all above listing price. The final sale was 6.2% over asking. Exceptional market knowledge."</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/48?u=client2" alt="David & Maria L.">
                        <div class="testimonial-author-info">
                            <h4>David & Maria L.</h4>
                            <p>Home Sellers, Westwood</p>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card animate-on-scroll">
                    <div class="testimonial-stars">
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                        <svg viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
                    </div>
                    <p class="testimonial-text">"I've been working with Crestview's investment team for three years now. They helped me acquire a four-unit property in Silver Lake that generates $4,200/month in rental income. Their pro forma analysis was spot-on, and they continue to monitor the market for my next acquisition. True partners in wealth building."</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/48?u=client3" alt="Robert T.">
                        <div class="testimonial-author-info">
                            <h4>Robert T.</h4>
                            <p>Real Estate Investor</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== FAQ ========== -->
    <section class="section faq-section" id="faq">
        <div class="container">
            <div class="faq-wrapper">
                <div class="faq-sidebar animate-on-scroll">
                    <span class="section-label">Common Questions</span>
                    <h2>Everything You Need to Know</h2>
                    <p>Buying or selling a home involves important financial and legal decisions. We've compiled answers to the questions we hear most frequently from our clients. If you don't find what you're looking for, our team is always available for a personal consultation.</p>
                    <div class="faq-contact">
                        <p>Still have questions? Our expert advisors are ready to help.</p>
                        <a href="#">Schedule a Free Consultation →</a>
                    </div>
                </div>
                <div class="faq-list animate-on-scroll">
                    <div class="faq-item active">
                        <div class="faq-question" onclick="toggleFaq(this)">
                            How much do I need for a down payment?
                            <svg viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
                        </div>
                        <div class="faq-answer">
                            <p>Down payment requirements vary by loan type. Conventional loans typically require 3-20% of the purchase price. FHA loans allow as little as 3.5% down with a minimum credit score of 580. VA loans offer 0% down for eligible veterans. Our mortgage specialists will help you evaluate which option aligns with your financial situation and long-term goals. Remember, a larger down payment can reduce your monthly payments and potentially eliminate PMI (Private Mortgage Insurance) requirements.</p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-question" onclick="toggleFaq(this)">
                            What is a home inspection contingency?
                            <svg viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
                        </div>
                        <div class="faq-answer">
                            <p>A home inspection contingency gives you the right to have the property professionally inspected within a specified period (typically 10-17 days). If the inspection reveals significant issues — structural problems, outdated electrical, plumbing concerns, or needed repairs — you can negotiate repairs with the seller, request a price reduction, or withdraw your offer and recover your earnest money deposit. We always recommend a thorough inspection to protect your investment.</p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-question" onclick="toggleFaq(this)">
                            How long does the home buying process take?
                            <svg viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
                        </div>
                        <div class="faq-answer">
                            <p>From offer acceptance to closing, the typical timeline is 30-45 days. However, the entire process — including pre-approval, home search, offer negotiation, inspection, appraisal, and closing — usually spans 2-4 months. In competitive markets, we've helped buyers close in as few as 14 days with cash offers. The timeline can be affected by financing type, appraisal scheduling, title search completion, and any negotiated repair requests.</p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-question" onclick="toggleFaq(this)">
                            What costs should I expect at closing?
                            <svg viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
                        </div>
                        <div class="faq-answer">
                            <p>Closing costs typically range from 2-5% of the purchase price for buyers. These include loan origination fees, appraisal fees, title insurance, escrow fees, recording fees, prepaid property taxes, and homeowners insurance. Sellers typically pay 6-8% in closing costs, including agent commissions, transfer taxes, and title insurance. We provide a detailed estimate of all anticipated costs before you make an offer, so there are no surprises at the closing table.</p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-question" onclick="toggleFaq(this)">
                            How do you determine the right listing price?
                            <svg viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
                        </div>
                        <div class="faq-answer">
                            <p>We use a comprehensive Comparative Market Analysis (CMA) that examines recently sold properties (comps) within your area, active listings (your competition), and expired listings (properties that didn't sell — often overpriced). We factor in your home's condition, upgrades, lot size, location desirability, and current market dynamics including inventory levels and average days on market. Our data-driven approach ensures your listing price attracts qualified buyers while maximizing your return.</p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-question" onclick="toggleFaq(this)">
                            Should I sell before buying, or buy before selling?
                            <svg viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
                        </div>
                        <div class="faq-answer">
                            <p>This depends on your financial situation and market conditions. Selling first gives you clarity on your budget and strengthens your buying position as a non-contingent buyer. However, you may need temporary housing. Buying first provides continuity but requires bridge financing or a sale contingency. In a seller's market, we often recommend selling first. Our team can structure a strategy — including leaseback agreements and bridge loans — that minimizes stress and maximizes your financial outcome.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== CTA ========== -->
    <section class="cta-section">
        <div class="container">
            <div class="cta-content animate-on-scroll">
                <h2>Ready to Make Your Move?</h2>
                <p>Whether you're buying your first home, selling a cherished property, or expanding your investment portfolio — our team of licensed experts is here to guide you every step of the way.</p>
                <div class="cta-buttons">
                    <a href="#" class="btn-gold">Get Your Home Valuation</a>
                    <a href="#" class="btn-secondary" style="border-color: rgba(255,255,255,0.3); color: white;">Schedule a Consultation</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== FOOTER ========== -->
    <footer class="footer" id="footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <div class="logo-area">
                        <img src="https://placehold.co/48x48/1a2332/c8a45c?text=CR&font=playfair+display" alt="Crestview Realty Group Logo">
                        <div class="logo-text">
                            <h1 style="color: white; font-size: 1.2rem;">Crestview Realty</h1>
                            <span>Est. 2008</span>
                        </div>
                    </div>
                    <p>Crestview Realty Group is a full-service real estate brokerage dedicated to delivering exceptional results for buyers, sellers, and investors across Southern California. DRE License #01987654.</p>
                    <div class="footer-social">
                        <a href="#" aria-label="Facebook">
                            <svg viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg>
                        </a>
                        <a href="#" aria-label="Instagram">
                            <svg viewBox="0 0 24 24"><path d="M16 4H8C5.79 4 4 5.79 4 8v8c0 2.21 1.79 4 4 4h8c2.21 0 4-1.79 4-4V8c0-2.21-1.79-4-4-4zm-4 11c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3.5-7.5c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/></svg>
                        </a>
                        <a href="#" aria-label="LinkedIn">
                            <svg viewBox="0 0 24 24"><path d="M19 3a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h14m-.5 15.5v-5.3a3.26 3.26 0 00-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 011.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 001.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 00-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z"/></svg>
                        </a>
                        <a href="#" aria-label="YouTube">
                            <svg viewBox="0 0 24 24"><path d="M10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83-.25.9-.83 1.48-1.73 1.73-.47.13-1.33.22-2.65.28-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44-.9-.25-1.48-.83-1.73-1.73-.13-.47-.22-1.1-.28-1.9-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83.25-.9.83-1.48 1.73-1.73.47-.13 1.33-.22 2.65-.28 1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44.9.25 1.48.83 1.73 1.73z"/></svg>
                        </a>
                    </div>
                </div>
                <div class="footer-col">
                    <h4>Buy</h4>
                    <ul>
                        <li><a href="#">Search Listings</a></li>
                        <li><a href="#">Open Houses</a></li>
                        <li><a href="#">New Construction</a></li>
                        <li><a href="#">Recently Sold</a></li>
                        <li><a href="#">Buyer's Guide</a></li>
                        <li><a href="#">Mortgage Calculator</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Sell</h4>
                    <ul>
                        <li><a href="#">Home Valuation</a></li>
                        <li><a href="#">List Your Property</a></li>
                        <li><a href="#">Seller's Guide</a></li>
                        <li><a href="#">Market Reports</a></li>
                        <li><a href="#">Staging Services</a></li>
                        <li><a href="#">Agent Matching</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Company</h4>
                    <ul>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Our Agents</a></li>
                        <li><a href="#">Careers</a></li>
                        <li><a href="#">Press & Media</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
                <div class="footer-col footer-newsletter">
                    <h4>Stay Informed</h4>
                    <p>Get weekly market updates, new listing alerts, and expert real estate tips delivered to your inbox.</p>
                    <div class="footer-newsletter-form">
                        <input type="email" placeholder="Your email address">
                        <button>Subscribe</button>
                    </div>
                    <div style="margin-top: 24px;">
                        <p style="color: rgba(255,255,255,0.6); font-size: 0.85rem; line-height: 1.8;">
                            <strong style="color: rgba(255,255,255,0.8);">Contact Us</strong><br>
                            1250 Westwood Blvd, Suite 400<br>
                            Los Angeles, CA 90024<br>
                            <a href="tel:+13105550142" style="color: var(--gold);">(310) 555-0142</a><br>
                            <a href="mailto:hello@crestviewrealty.com" style="color: var(--gold);">hello@crestviewrealty.com</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 Crestview Realty Group. All rights reserved. DRE License #01987654. Equal Housing Opportunity.</p>
                <div class="footer-bottom-links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Service</a>
                    <a href="#">Accessibility</a>
                    <a href="#">Fair Housing</a>
                    <a href="#">Sitemap</a>
                </div>
            </div>
        </div>
    </footer>

    <script>
        // Header scroll effect
        window.addEventListener('scroll', () => {
            const header = document.getElementById('header');
            if (window.scrollY > 50) {
                header.classList.add('scrolled');
            } else {
                header.classList.remove('scrolled');
            }
        });

        // FAQ Accordion
        function toggleFaq(element) {
            const faqItem = element.parentElement;
            const allItems = document.querySelectorAll('.faq-item');
            
            allItems.forEach(item => {
                if (item !== faqItem) {
                    item.classList.remove('active');
                }
            });
            
            faqItem.classList.toggle('active');
        }

        // Home Value Estimator
        function calculateEstimate() {
            const sqft = parseInt(document.getElementById('estimator-sqft').value) || 2000;
            const beds = parseInt(document.getElementById('estimator-beds').value) || 3;
            const baths = parseInt(document.getElementById('estimator-baths').value) || 2;
            const year = parseInt(document.getElementById('estimator-year').value) || 2000;
            const type = document.getElementById('estimator-type').value;

            // Simulated calculation based on inputs
            let basePricePerSqft = 450;
            
            // Adjust for property type
            if (type === 'Condo / Townhouse') basePricePerSqft = 520;
            if (type === 'Multi-Family') basePricePerSqft = 380;
            if (type === 'Land / Lot') basePricePerSqft = 150;

            // Adjust for year built
            const currentYear = 2025;
            const age = currentYear - year;
            if (age < 5) basePricePerSqft *= 1.15;
            else if (age < 15) basePricePerSqft *= 1.08;
            else if (age < 30) basePricePerSqft *= 1.0;
            else if (age < 50) basePricePerSqft *= 0.92;
            else basePricePerSqft *= 0.85;

            // Adjust for beds/baths
            if (beds >= 4) basePricePerSqft *= 1.05;
            if (baths >= 3) basePricePerSqft *= 1.03;

            const estimatedValue = Math.round((sqft * basePricePerSqft) / 1000) * 1000;
            const lowRange = Math.round(estimatedValue * 0.92 / 1000) * 1000;
            const highRange = Math.round(estimatedValue * 1.08 / 1000) * 1000;

            document.getElementById('estimator-value').textContent = '$' + estimatedValue.toLocaleString();
            document.getElementById('estimator-range').textContent = `Range: $${lowRange.toLocaleString()} – $${highRange.toLocaleString()}`;
            
            const result = document.getElementById('estimator-result');
            result.classList.add('show');
        }

        // Scroll animations
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, observerOptions);

        document.querySelectorAll('.animate-on-scroll').forEach(el => {
            observer.observe(el);
        });

        // Smooth scroll for nav links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }
            });
        });
    </script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:43:09.869Z",
  "url": "https://benchmark.aimac.invalid/27ffc02e0191738b1420536bc1df8091442f3bc2a78a6d938bb16acd7d63ad7e.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<a href=\"#\" aria-label=\"Facebook\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"></path></svg>\n                        </a>",
          "target": [
            "a[aria-label=\"Facebook\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" aria-label=\"Facebook\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"></path></svg>\n                        </a>",
          "target": [
            "a[aria-label=\"Facebook\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<a href=\"#\" aria-label=\"Facebook\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"></path></svg>\n                        </a>",
          "target": [
            "a[aria-label=\"Facebook\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" aria-label=\"Facebook\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"></path></svg>\n                        </a>",
          "target": [
            "a[aria-label=\"Facebook\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" aria-label=\"Facebook\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"></path></svg>\n                        </a>",
          "target": [
            "a[aria-label=\"Facebook\"]"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<h1 style=\"color: white; font-size: 1.2rem;\">Crestview Realty</h1>",
          "target": [
            ".footer-brand > .logo-area > .logo-text > h1"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"header-cta\">List Property</button>",
          "target": [
            ".header-cta"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Crestview Realty</h1>",
                  "target": [
                    ".header-inner > .logo-area > .logo-text > h1"
                  ]
                },
                {
                  "html": "<h2>Find a Place You'll Love to Call <em>Home</em></h2>",
                  "target": [
                    ".hero-content > h2"
                  ]
                },
                {
                  "html": "<h3>2,400+</h3>",
                  "target": [
                    ".hero-stat:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>$1.8B</h3>",
                  "target": [
                    ".hero-stat:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>98.6%</h3>",
                  "target": [
                    ".hero-stat:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>14</h3>",
                  "target": [
                    ".hero-stat:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h2>Handpicked Properties Ready for You</h2>",
                  "target": [
                    "#listings > .container > .section-header.animate-on-scroll > h2"
                  ]
                },
                {
                  "html": "<h2>What's Your Home Worth?</h2>",
                  "target": [
                    ".estimator-content > h2"
                  ]
                },
                {
                  "html": "<h3>Get Your Free Estimate</h3>",
                  "target": [
                    ".estimator-form > h3"
                  ]
                },
                {
                  "html": "<h2>Comprehensive Real Estate Solutions</h2>",
                  "target": [
                    "#services > .container > .section-header.animate-on-scroll > h2"
                  ]
                },
                {
                  "html": "<h3>Buyer Representation</h3>",
                  "target": [
                    ".service-card.animate-on-scroll:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Mortgage Resources</h3>",
                  "target": [
                    ".service-card.animate-on-scroll:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Listing &amp; Selling</h3>",
                  "target": [
                    ".service-card.animate-on-scroll:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Investment Properties</h3>",
                  "target": [
                    ".service-card.animate-on-scroll:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h3>Relocation Services</h3>",
                  "target": [
                    ".service-card.animate-on-scroll:nth-child(5) > h3"
                  ]
                },
                {
                  "html": "<h3>Property Management</h3>",
                  "target": [
                    ".service-card.animate-on-scroll:nth-child(6) > h3"
                  ]
                },
                {
                  "html": "<h2>Discover Where You Belong</h2>",
                  "target": [
                    "#neighborhoods > .container > .section-header.animate-on-scroll > h2"
                  ]
                },
                {
                  "html": "<h3>Westwood Village</h3>",
                  "target": [
                    ".neighborhood-card:nth-child(1) > .neighborhood-overlay > h3"
                  ]
                },
                {
                  "html": "<h3>Silver Lake</h3>",
                  "target": [
                    ".neighborhood-card:nth-child(2) > .neighborhood-overlay > h3"
                  ]
                },
                {
                  "html": "<h3>Pasadena</h3>",
                  "target": [
                    ".neighborhood-card:nth-child(3) > .neighborhood-overlay > h3"
                  ]
                },
                {
                  "html": "<h3>Marina Del Rey</h3>",
                  "target": [
                    ".neighborhood-card:nth-child(4) > .neighborhood-overlay > h3"
                  ]
                },
                {
                  "html": "<h3>Santa Monica</h3>",
                  "target": [
                    ".neighborhood-card:nth-child(5) > .neighborhood-overlay > h3"
                  ]
                },
                {
                  "html": "<h2>Trusted by Thousands of Families</h2>",
                  "target": [
                    "#testimonials > .container > .section-header.animate-on-scroll > h2"
                  ]
                },
                {
                  "html": "<h4>Michael &amp; Jennifer R.</h4>",
                  "target": [
                    ".testimonial-card.animate-on-scroll:nth-child(1) > .testimonial-author > .testimonial-author-info > h4"
                  ]
                },
                {
                  "html": "<h4>David &amp; Maria L.</h4>",
                  "target": [
                    ".testimonial-card.animate-on-scroll:nth-child(2) > .testimonial-author > .testimonial-author-info > h4"
                  ]
                },
                {
                  "html": "<h4>Robert T.</h4>",
                  "target": [
                    ".testimonial-card.animate-on-scroll:nth-child(3) > .testimonial-author > .testimonial-author-info > h4"
                  ]
                },
                {
                  "html": "<h2>Everything You Need to Know</h2>",
                  "target": [
                    ".faq-sidebar > h2"
                  ]
                },
                {
                  "html": "<h2>Ready to Make Your Move?</h2>",
                  "target": [
                    ".cta-content > h2"
                  ]
                },
                {
                  "html": "<h1 style=\"color: white; font-size: 1.2rem;\">Crestview Realty</h1>",
                  "target": [
                    ".footer-brand > .logo-area > .logo-text > h1"
                  ]
                },
                {
                  "html": "<h4>Buy</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Sell</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Company</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                },
                {
                  "html": "<h4>Stay Informed</h4>",
                  "target": [
                    ".footer-newsletter > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a2332",
                "bgColor": "#ffffff",
                "contrastRatio": 15.78,
                "fontSize": "16.2pt (21.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 15.78"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<h1>Crestview Realty</h1>",
          "target": [
            ".header-inner > .logo-area > .logo-text > h1"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Search by city, neighborhood, ZIP, or address...\">",
          "target": [
            ".hero-search > input[type=\"text\"]"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/48x48/1a2332/c8a45c?text=CR&amp;font=playfair+display\" alt=\"Crestview Realty Group Logo\">",
          "target": [
            ".header-inner > .logo-area > img[alt=\"Crestview Realty Group Logo\"]"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Search by city, neighborhood, ZIP, or address...\">",
          "target": [
            ".hero-search > input[type=\"text\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#listings\" class=\"active\">Buy</a>",
          "target": [
            "a[href$=\"#listings\"]"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul>",
          "target": [
            ".footer-col:nth-child(2) > ul"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#\">Search Listings</a></li>",
          "target": [
            ".footer-col:nth-child(2) > ul > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/48x48/1a2332/c8a45c?text=CR&amp;font=playfair+display\" alt=\"Crestview Realty Group Logo\">",
          "target": [
            ".header-inner > .logo-area > img[alt=\"Crestview Realty Group Logo\"]"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 62.8,
                "height": 44.5
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (62.8px by 44.5px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#listings\" class=\"active\">Buy</a>",
          "target": [
            "a[href$=\"#listings\"]"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": "pseudoContent",
                "expectedContrastRatio": "4.5:1"
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"hero\">",
                  "target": [
                    ".hero"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a pseudo element"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u2605 Trusted by 12,000+ families since 2008</span>",
          "target": [
            ".hero-badge > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#ffffff",
                "contrastRatio": 2.35,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #c8a45c, background color: #ffffff, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Where Your Future Finds Its Foundation</span>",
          "target": [
            ".header-inner > .logo-area > .logo-text > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #c8a45c, background color: #ffffff, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#70747d",
                "bgColor": "#111827",
                "contrastRatio": 3.78,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\" id=\"footer\">",
                  "target": [
                    "#footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>\u00a9 2025 Crestview Realty Group. All rights reserved. DRE License #01987654. Equal Housing Opportunity.</p>",
          "target": [
            ".footer-bottom > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#70747d",
                "bgColor": "#111827",
                "contrastRatio": 3.78,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\" id=\"footer\">",
                  "target": [
                    "#footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Privacy Policy</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#70747d",
                "bgColor": "#111827",
                "contrastRatio": 3.78,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\" id=\"footer\">",
                  "target": [
                    "#footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Terms of Service</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#70747d",
                "bgColor": "#111827",
                "contrastRatio": 3.78,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\" id=\"footer\">",
                  "target": [
                    "#footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Accessibility</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#70747d",
                "bgColor": "#111827",
                "contrastRatio": 3.78,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\" id=\"footer\">",
                  "target": [
                    "#footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Fair Housing</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#70747d",
                "bgColor": "#111827",
                "contrastRatio": 3.78,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\" id=\"footer\">",
                  "target": [
                    "#footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Sitemap</a>",
          "target": [
            "a[href=\"#\"]:nth-child(5)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.78 (foreground color: #70747d, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#f8f7f4",
                "contrastRatio": 2.19,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section listings-section\" id=\"listings\">",
                  "target": [
                    "#listings"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Featured Listings</span>",
          "target": [
            ".visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#f8f7f4",
                "contrastRatio": 2.19,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section listings-section\" id=\"listings\">",
                  "target": [
                    "#listings"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Featured Listings</span>",
          "target": [
            ".section-header.visible.animate-on-scroll > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#059669",
                "contrastRatio": 3.76,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"listing-badge new\">New Listing</span>",
                  "target": [
                    ".visible.listing-card.animate-on-scroll:nth-child(1) > .listing-image > .new.listing-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #059669, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"listing-badge new\">New Listing</span>",
          "target": [
            ".visible.listing-card.animate-on-scroll:nth-child(1) > .listing-image > .new.listing-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #059669, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#059669",
                "contrastRatio": 3.76,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"listing-badge new\">New Listing</span>",
                  "target": [
                    ".listing-card.visible.animate-on-scroll:nth-child(1) > .listing-image > .new.listing-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #059669, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"listing-badge new\">New Listing</span>",
          "target": [
            ".listing-card.visible.animate-on-scroll:nth-child(1) > .listing-image > .new.listing-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #059669, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#059669",
                "contrastRatio": 3.76,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"listing-badge new\">New Listing</span>",
                  "target": [
                    ".listing-card.visible.animate-on-scroll:nth-child(4) > .listing-image > .new.listing-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #059669, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"listing-badge new\">New Listing</span>",
          "target": [
            ".listing-card.visible.animate-on-scroll:nth-child(4) > .listing-image > .new.listing-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #059669, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#ffffff",
                "contrastRatio": 2.35,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section estimator-section\" id=\"estimator\">",
                  "target": [
                    "#estimator"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #c8a45c, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Interactive Tool</span>",
          "target": [
            ".estimator-content > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #c8a45c, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#f8f7f4",
                "contrastRatio": 2.19,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section listings-section\" id=\"listings\">",
                  "target": [
                    "#listings"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Featured Listings</span>",
          "target": [
            "#listings > .container > .section-header.visible.animate-on-scroll > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#f8f7f4",
                "contrastRatio": 2.19,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section services-section\" id=\"services\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Our Services</span>",
          "target": [
            "#services > .container > .section-header.visible.animate-on-scroll > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#ffffff",
                "contrastRatio": 2.35,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section neighborhoods-section\" id=\"neighborhoods\">",
                  "target": [
                    "#neighborhoods"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #c8a45c, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Explore Neighborhoods</span>",
          "target": [
            "#neighborhoods > .container > .section-header.visible.animate-on-scroll > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #c8a45c, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#f8f7f4",
                "contrastRatio": 2.19,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section faq-section\" id=\"faq\">",
                  "target": [
                    "#faq"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Common Questions</span>",
          "target": [
            ".faq-sidebar > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#ffffff",
                "contrastRatio": 2.35,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"faq-contact\">\n                        <p>Still have questions? Our expert advisors are ready to help.</p>\n                        <a href=\"#\">Schedule a Free Consultation \u2192</a>\n                    </div>",
                  "target": [
                    ".faq-contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #c8a45c, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Schedule a Free Consultation \u2192</a>",
          "target": [
            ".faq-contact > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #c8a45c, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#f8f7f4",
                "contrastRatio": 2.19,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section listings-section\" id=\"listings\">",
                  "target": [
                    "#listings"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Featured Listings</span>",
          "target": [
            "#listings > .container > .section-header.animate-on-scroll.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#059669",
                "contrastRatio": 3.76,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"listing-badge new\">New Listing</span>",
                  "target": [
                    ".listing-card.animate-on-scroll.visible:nth-child(1) > .listing-image > .new.listing-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #059669, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"listing-badge new\">New Listing</span>",
          "target": [
            ".listing-card.animate-on-scroll.visible:nth-child(1) > .listing-image > .new.listing-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #059669, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#059669",
                "contrastRatio": 3.76,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"listing-badge new\">New Listing</span>",
                  "target": [
                    ".listing-card.animate-on-scroll.visible:nth-child(4) > .listing-image > .new.listing-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #059669, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"listing-badge new\">New Listing</span>",
          "target": [
            ".listing-card.animate-on-scroll.visible:nth-child(4) > .listing-image > .new.listing-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #059669, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#f8f7f4",
                "contrastRatio": 2.19,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section services-section\" id=\"services\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Our Services</span>",
          "target": [
            "#services > .container > .section-header.animate-on-scroll.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.19 (foreground color: #c8a45c, background color: #f8f7f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c8a45c",
                "bgColor": "#ffffff",
                "contrastRatio": 2.35,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section neighborhoods-section\" id=\"neighborhoods\">",
                  "target": [
                    "#neighborhoods"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #c8a45c, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Explore Neighborhoods</span>",
          "target": [
            "#neighborhoods > .container > .section-header.animate-on-scroll.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #c8a45c, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    },
    {
      "id": "select-name",
      "impact": "critical",
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<select>\n                    <option>Buy</option>\n                    <option>Rent</option>\n                    <option>Sold</option>\n                </select>",
          "target": [
            ".hero-search > select"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<select id=\"estimator-type\">",
          "target": [
            "#estimator-type"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<select id=\"estimator-beds\">",
          "target": [
            "#estimator-beds"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<select id=\"estimator-baths\">\n                                <option>1</option>\n                                <option selected=\"\">2</option>\n                                <option>3</option>\n                                <option>4+</option>\n                            </select>",
          "target": [
            "#estimator-baths"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 8789
      },
      {
        "y": 576,
        "height": 8789
      },
      {
        "y": 1152,
        "height": 8789
      },
      {
        "y": 1728,
        "height": 8789
      },
      {
        "y": 2304,
        "height": 8789
      },
      {
        "y": 2880,
        "height": 8789
      },
      {
        "y": 3456,
        "height": 8789
      },
      {
        "y": 4032,
        "height": 8789
      },
      {
        "y": 4608,
        "height": 8789
      },
      {
        "y": 5184,
        "height": 8789
      },
      {
        "y": 5760,
        "height": 8789
      },
      {
        "y": 6336,
        "height": 8789
      },
      {
        "y": 6912,
        "height": 8789
      },
      {
        "y": 7488,
        "height": 8789
      },
      {
        "y": 8064,
        "height": 8789
      },
      {
        "y": 8069,
        "height": 8789
      }
    ],
    "scans": 17,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Real Estate" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Real Estate"
- Description: Property listings, real estate agencies, home buying, rentals, and mortgage resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Real Estate" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Buy", "Resources", "About".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Real Estate" category. Consider themes similar to: "Mortgage Options", "Investment Properties", "Featured Listings".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "contingency", "listing price", "days on market".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Get Valuation", "Schedule Tour", "List Property".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Real Estate" sector. Ideas similar but not limited to: "home value estimator".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "neighborhood spotlights", "buyer tips", "price reductions".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.