{"id":1481,"date":"2026-05-26T16:04:01","date_gmt":"2026-05-26T21:04:01","guid":{"rendered":"https:\/\/liulawnj.com\/?page_id=1481"},"modified":"2026-05-26T16:05:02","modified_gmt":"2026-05-26T21:05:02","slug":"elementor-1481","status":"publish","type":"page","link":"https:\/\/liulawnj.com\/?page_id=1481","title":{"rendered":"Elementor #1481"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1481\" class=\"elementor elementor-1481\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-89f350f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"89f350f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a7d2076\" data-id=\"a7d2076\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf0919b elementor-widget elementor-widget-html\" data-id=\"bf0919b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Liu Law \u2013 Your Real Estate Attorney in NJ<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --navy: #0d1b2a;\n    --navy-mid: #162236;\n    --navy-light: #1e3048;\n    --gold: #c9a84c;\n    --gold-light: #e2c47a;\n    --gold-pale: #f5e8c8;\n    --cream: #f8f4ed;\n    --off-white: #fdfaf5;\n    --text-dark: #0d1b2a;\n    --text-mid: #4a5568;\n    --text-light: #718096;\n    --white: #ffffff;\n    --serif: 'Playfair Display', Georgia, serif;\n    --sans: 'Jost', system-ui, sans-serif;\n    --max: 1200px;\n    --section-pad: clamp(4rem, 8vw, 7rem);\n  }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: var(--sans);\n    font-weight: 400;\n    color: var(--text-dark);\n    background: var(--white);\n    line-height: 1.7;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  img { display: block; max-width: 100%; }\n  a { text-decoration: none; color: inherit; }\n\n  \/* \u2500\u2500 NAV \u2500\u2500 *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    background: rgba(13, 27, 42, 0.96);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border-bottom: 1px solid rgba(201,168,76,0.2);\n  }\n\n  .nav-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n    padding: 0 2rem;\n    height: 72px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .nav-logo {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n  }\n\n  .logo-mark {\n    width: 40px;\n    height: 40px;\n    border: 1.5px solid var(--gold);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--serif);\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--gold);\n    letter-spacing: 0.02em;\n  }\n\n  .logo-text {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.1;\n  }\n\n  .logo-firm {\n    font-family: var(--serif);\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: var(--white);\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n  }\n\n  .logo-tagline {\n    font-size: 0.65rem;\n    color: var(--gold-light);\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    font-weight: 300;\n  }\n\n  .nav-links {\n    display: flex;\n    align-items: center;\n    gap: 2.25rem;\n    list-style: none;\n  }\n\n  .nav-links a {\n    font-size: 0.8rem;\n    font-weight: 500;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.75);\n    transition: color 0.2s;\n  }\n\n  .nav-links a:hover { color: var(--gold-light); }\n\n  .nav-cta {\n    background: var(--gold) !important;\n    color: var(--navy) !important;\n    padding: 0.55rem 1.35rem !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.1em !important;\n    transition: background 0.2s !important;\n  }\n\n  .nav-cta:hover { background: var(--gold-light) !important; }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    min-height: 100vh;\n    background: var(--navy);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: \n      radial-gradient(ellipse 60% 60% at 70% 50%, rgba(201,168,76,0.06) 0%, transparent 70%),\n      radial-gradient(ellipse 40% 40% at 15% 80%, rgba(201,168,76,0.04) 0%, transparent 60%);\n    pointer-events: none;\n  }\n\n  .hero-lines {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: \n      linear-gradient(rgba(201,168,76,0.05) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(201,168,76,0.05) 1px, transparent 1px);\n    background-size: 80px 80px;\n    pointer-events: none;\n  }\n\n  .hero-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: clamp(7rem, 10vw, 10rem) clamp(2rem, 5vw, 5rem) clamp(4rem, 6vw, 6rem);\n    position: relative;\n    z-index: 1;\n  }\n\n  .hero-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.75rem;\n    font-size: 0.7rem;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 1.75rem;\n  }\n\n  .hero-eyebrow::before {\n    content: '';\n    display: block;\n    width: 32px;\n    height: 1px;\n    background: var(--gold);\n  }\n\n  .hero-headline {\n    font-family: var(--serif);\n    font-size: clamp(2.8rem, 5vw, 4.4rem);\n    font-weight: 700;\n    line-height: 1.08;\n    color: var(--white);\n    margin-bottom: 1.75rem;\n    letter-spacing: -0.01em;\n  }\n\n  .hero-headline em {\n    font-style: italic;\n    color: var(--gold-light);\n  }\n\n  .hero-body {\n    font-size: 1.05rem;\n    font-weight: 300;\n    color: rgba(255,255,255,0.65);\n    max-width: 460px;\n    line-height: 1.8;\n    margin-bottom: 2.75rem;\n  }\n\n  .hero-actions {\n    display: flex;\n    align-items: center;\n    gap: 1.25rem;\n    flex-wrap: wrap;\n  }\n\n  .btn-primary {\n    background: var(--gold);\n    color: var(--navy);\n    font-family: var(--sans);\n    font-size: 0.8rem;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    padding: 1rem 2.25rem;\n    border: none;\n    cursor: pointer;\n    transition: background 0.2s, transform 0.15s;\n    display: inline-block;\n  }\n\n  .btn-primary:hover {\n    background: var(--gold-light);\n    transform: translateY(-1px);\n  }\n\n  .btn-ghost {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    font-size: 0.8rem;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.6);\n    padding-bottom: 2px;\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    transition: color 0.2s, border-color 0.2s;\n  }\n\n  .btn-ghost:hover {\n    color: var(--gold-light);\n    border-color: var(--gold-light);\n  }\n\n  .hero-right {\n    position: relative;\n    background: var(--navy-mid);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: clamp(7rem, 10vw, 10rem) clamp(2rem, 4vw, 4rem) clamp(4rem, 6vw, 6rem);\n    border-left: 1px solid rgba(201,168,76,0.15);\n    z-index: 1;\n  }\n\n  .hero-stats {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2px;\n    margin-bottom: 2.5rem;\n  }\n\n  .stat-block {\n    background: rgba(201,168,76,0.04);\n    border: 1px solid rgba(201,168,76,0.12);\n    padding: 2rem 1.75rem;\n    position: relative;\n  }\n\n  .stat-block::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 3px;\n    height: 100%;\n    background: var(--gold);\n    opacity: 0.4;\n  }\n\n  .stat-number {\n    font-family: var(--serif);\n    font-size: 2.8rem;\n    font-weight: 700;\n    color: var(--gold);\n    line-height: 1;\n    margin-bottom: 0.5rem;\n  }\n\n  .stat-label {\n    font-size: 0.72rem;\n    font-weight: 400;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.45);\n  }\n\n  .hero-quote {\n    border-left: 2px solid var(--gold);\n    padding-left: 1.5rem;\n  }\n\n  .hero-quote p {\n    font-family: var(--serif);\n    font-size: 1.05rem;\n    font-style: italic;\n    color: rgba(255,255,255,0.6);\n    line-height: 1.7;\n    margin-bottom: 0.75rem;\n  }\n\n  .hero-quote cite {\n    font-size: 0.72rem;\n    font-style: normal;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--gold);\n  }\n\n  \/* \u2500\u2500 SERVICES STRIP \u2500\u2500 *\/\n  .services-strip {\n    background: var(--gold);\n    padding: 0;\n    overflow: hidden;\n  }\n\n  .services-strip-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .service-pill {\n    padding: 1.1rem 2rem;\n    font-size: 0.72rem;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--navy);\n    border-right: 1px solid rgba(13,27,42,0.15);\n    white-space: nowrap;\n    cursor: default;\n    transition: background 0.2s;\n  }\n\n  .service-pill:hover { background: rgba(13,27,42,0.08); }\n\n  \/* \u2500\u2500 INTRO \u2500\u2500 *\/\n  .intro {\n    padding: var(--section-pad) 2rem;\n    background: var(--off-white);\n  }\n\n  .intro-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: clamp(3rem, 6vw, 6rem);\n    align-items: center;\n  }\n\n  .section-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.75rem;\n    font-size: 0.68rem;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 1.25rem;\n  }\n\n  .section-label::before {\n    content: '';\n    display: block;\n    width: 24px;\n    height: 1px;\n    background: var(--gold);\n  }\n\n  .section-headline {\n    font-family: var(--serif);\n    font-size: clamp(2rem, 3.5vw, 2.9rem);\n    font-weight: 700;\n    line-height: 1.15;\n    color: var(--navy);\n    margin-bottom: 1.5rem;\n    letter-spacing: -0.01em;\n  }\n\n  .section-headline em {\n    font-style: italic;\n    color: var(--gold);\n  }\n\n  .section-body {\n    font-size: 1rem;\n    color: var(--text-mid);\n    line-height: 1.85;\n    margin-bottom: 1.25rem;\n  }\n\n  .intro-right {\n    display: grid;\n    gap: 1.5px;\n  }\n\n  .reason-card {\n    background: var(--white);\n    padding: 2rem 2.25rem;\n    border-left: 3px solid transparent;\n    transition: border-color 0.2s, background 0.2s;\n    cursor: default;\n  }\n\n  .reason-card:hover {\n    border-color: var(--gold);\n    background: var(--cream);\n  }\n\n  .reason-number {\n    font-family: var(--serif);\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: rgba(201,168,76,0.2);\n    line-height: 1;\n    margin-bottom: 0.6rem;\n  }\n\n  .reason-title {\n    font-size: 0.9rem;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    color: var(--navy);\n    margin-bottom: 0.5rem;\n  }\n\n  .reason-text {\n    font-size: 0.9rem;\n    color: var(--text-mid);\n    line-height: 1.7;\n  }\n\n  \/* \u2500\u2500 PRACTICE AREAS \u2500\u2500 *\/\n  .practice {\n    padding: var(--section-pad) 2rem;\n    background: var(--navy);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .practice::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse 50% 80% at 100% 50%, rgba(201,168,76,0.05) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .practice-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  .practice-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: end;\n    margin-bottom: clamp(3rem, 5vw, 5rem);\n  }\n\n  .practice-header .section-headline {\n    color: var(--white);\n    margin-bottom: 0;\n  }\n\n  .practice-header .section-body {\n    color: rgba(255,255,255,0.5);\n    margin-bottom: 0;\n    font-size: 0.95rem;\n  }\n\n  .practice-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5px;\n  }\n\n  .practice-card {\n    background: var(--navy-mid);\n    padding: 2.5rem 2.25rem;\n    border: 1px solid rgba(201,168,76,0.1);\n    transition: background 0.25s, border-color 0.25s;\n    cursor: default;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .practice-card::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0;\n    width: 0;\n    height: 2px;\n    background: var(--gold);\n    transition: width 0.3s ease;\n  }\n\n  .practice-card:hover {\n    background: var(--navy-light);\n    border-color: rgba(201,168,76,0.3);\n  }\n\n  .practice-card:hover::after { width: 100%; }\n\n  .practice-icon {\n    width: 44px;\n    height: 44px;\n    border: 1px solid rgba(201,168,76,0.3);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 1.5rem;\n  }\n\n  .practice-icon svg {\n    width: 20px;\n    height: 20px;\n    stroke: var(--gold);\n    fill: none;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .practice-card h3 {\n    font-family: var(--serif);\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: var(--white);\n    margin-bottom: 0.85rem;\n    line-height: 1.3;\n  }\n\n  .practice-card p {\n    font-size: 0.88rem;\n    color: rgba(255,255,255,0.45);\n    line-height: 1.75;\n  }\n\n  .practice-card a {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    margin-top: 1.25rem;\n    font-size: 0.7rem;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--gold);\n    border-bottom: 1px solid rgba(201,168,76,0.3);\n    padding-bottom: 2px;\n    transition: color 0.2s, border-color 0.2s;\n  }\n\n  .practice-card a:hover { color: var(--gold-light); border-color: var(--gold-light); }\n\n  \/* \u2500\u2500 PROCESS \u2500\u2500 *\/\n  .process {\n    padding: var(--section-pad) 2rem;\n    background: var(--cream);\n  }\n\n  .process-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n  }\n\n  .process-header {\n    text-align: center;\n    max-width: 640px;\n    margin: 0 auto clamp(3rem, 5vw, 5rem);\n  }\n\n  .process-header .section-label { justify-content: center; }\n\n  .process-steps {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 0;\n    position: relative;\n  }\n\n  .process-steps::before {\n    content: '';\n    position: absolute;\n    top: 2.2rem;\n    left: calc(12.5% + 1.5rem);\n    right: calc(12.5% + 1.5rem);\n    height: 1px;\n    background: linear-gradient(90deg, var(--gold) 0%, transparent 100%);\n    opacity: 0.3;\n  }\n\n  .step {\n    padding: 0 1.5rem;\n    position: relative;\n  }\n\n  .step-number {\n    width: 3rem;\n    height: 3rem;\n    background: var(--white);\n    border: 1.5px solid var(--gold);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--serif);\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--gold);\n    margin-bottom: 1.5rem;\n    position: relative;\n    z-index: 1;\n  }\n\n  .step h3 {\n    font-family: var(--serif);\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: var(--navy);\n    margin-bottom: 0.6rem;\n    line-height: 1.3;\n  }\n\n  .step p {\n    font-size: 0.88rem;\n    color: var(--text-mid);\n    line-height: 1.7;\n  }\n\n  \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n  .testimonials {\n    padding: var(--section-pad) 2rem;\n    background: var(--white);\n  }\n\n  .testimonials-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n  }\n\n  .testimonials-header {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    margin-bottom: clamp(2.5rem, 4vw, 4rem);\n    gap: 2rem;\n    flex-wrap: wrap;\n  }\n\n  .reviews-badges {\n    display: flex;\n    align-items: center;\n    gap: 1.5rem;\n    flex-wrap: wrap;\n  }\n\n  .badge {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-size: 0.72rem;\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--text-light);\n    padding: 0.5rem 1rem;\n    border: 1px solid #e8e4dc;\n  }\n\n  .badge-stars {\n    color: var(--gold);\n    font-size: 0.65rem;\n    letter-spacing: 0.05em;\n  }\n\n  .testimonials-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5px;\n  }\n\n  .testimonial {\n    background: var(--cream);\n    padding: 2.5rem 2rem;\n    position: relative;\n  }\n\n  .testimonial::before {\n    content: '\\201C';\n    font-family: var(--serif);\n    font-size: 5rem;\n    color: var(--gold);\n    opacity: 0.2;\n    position: absolute;\n    top: 0.5rem;\n    left: 1.5rem;\n    line-height: 1;\n  }\n\n  .testimonial-text {\n    font-size: 0.92rem;\n    color: var(--text-mid);\n    line-height: 1.8;\n    margin-bottom: 1.5rem;\n    position: relative;\n    z-index: 1;\n    padding-top: 1rem;\n  }\n\n  .testimonial-author {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n  }\n\n  .author-initials {\n    width: 36px;\n    height: 36px;\n    background: var(--navy);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--gold);\n    letter-spacing: 0.05em;\n    flex-shrink: 0;\n  }\n\n  .author-name {\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: var(--navy);\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n  }\n\n  .author-source {\n    font-size: 0.72rem;\n    color: var(--text-light);\n    margin-top: 0.15rem;\n  }\n\n  \/* \u2500\u2500 CTA BANNER \u2500\u2500 *\/\n  .cta-banner {\n    background: var(--gold);\n    padding: clamp(3rem, 5vw, 5rem) 2rem;\n  }\n\n  .cta-banner-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2rem;\n    flex-wrap: wrap;\n  }\n\n  .cta-banner h2 {\n    font-family: var(--serif);\n    font-size: clamp(1.8rem, 3vw, 2.5rem);\n    font-weight: 700;\n    color: var(--navy);\n    line-height: 1.2;\n    max-width: 540px;\n  }\n\n  .cta-banner h2 em { font-style: italic; }\n\n  .cta-actions {\n    display: flex;\n    align-items: center;\n    gap: 1.25rem;\n    flex-wrap: wrap;\n    flex-shrink: 0;\n  }\n\n  .btn-dark {\n    background: var(--navy);\n    color: var(--white);\n    font-size: 0.8rem;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    padding: 1rem 2.25rem;\n    border: none;\n    cursor: pointer;\n    transition: background 0.2s;\n    display: inline-block;\n    white-space: nowrap;\n  }\n\n  .btn-dark:hover { background: var(--navy-mid); }\n\n  .cta-phone {\n    font-size: 0.8rem;\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    color: var(--navy);\n    border-bottom: 1px solid rgba(13,27,42,0.3);\n    padding-bottom: 2px;\n    white-space: nowrap;\n  }\n\n  \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\n  .contact {\n    padding: var(--section-pad) 2rem;\n    background: var(--off-white);\n  }\n\n  .contact-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1.3fr;\n    gap: clamp(3rem, 6vw, 6rem);\n    align-items: start;\n  }\n\n  .contact-info-item {\n    display: flex;\n    gap: 1rem;\n    margin-bottom: 2rem;\n    align-items: flex-start;\n  }\n\n  .contact-icon {\n    width: 40px;\n    height: 40px;\n    background: var(--navy);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .contact-icon svg {\n    width: 18px;\n    height: 18px;\n    stroke: var(--gold);\n    fill: none;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .contact-label {\n    font-size: 0.68rem;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 0.3rem;\n  }\n\n  .contact-value {\n    font-size: 0.95rem;\n    color: var(--text-dark);\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  .contact-value a { color: var(--navy); transition: color 0.2s; }\n  .contact-value a:hover { color: var(--gold); }\n\n  .contact-form-wrap {\n    background: var(--white);\n    padding: 3rem;\n    border: 1px solid #e8e4dc;\n  }\n\n  .contact-form-wrap h3 {\n    font-family: var(--serif);\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--navy);\n    margin-bottom: 0.5rem;\n  }\n\n  .contact-form-wrap p {\n    font-size: 0.88rem;\n    color: var(--text-mid);\n    margin-bottom: 2rem;\n  }\n\n  .form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .form-group {\n    margin-bottom: 1rem;\n  }\n\n  .form-group label {\n    display: block;\n    font-size: 0.7rem;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--text-mid);\n    margin-bottom: 0.5rem;\n  }\n\n  .form-group input,\n  .form-group select,\n  .form-group textarea {\n    width: 100%;\n    padding: 0.85rem 1rem;\n    border: 1px solid #e0dbd2;\n    background: var(--off-white);\n    font-family: var(--sans);\n    font-size: 0.9rem;\n    color: var(--text-dark);\n    outline: none;\n    transition: border-color 0.2s, background 0.2s;\n    appearance: none;\n  }\n\n  .form-group input:focus,\n  .form-group select:focus,\n  .form-group textarea:focus {\n    border-color: var(--gold);\n    background: var(--white);\n  }\n\n  .form-group textarea { resize: vertical; min-height: 100px; }\n\n  .form-submit {\n    width: 100%;\n    background: var(--navy);\n    color: var(--white);\n    font-family: var(--sans);\n    font-size: 0.8rem;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    padding: 1.1rem;\n    border: none;\n    cursor: pointer;\n    margin-top: 0.5rem;\n    transition: background 0.2s;\n  }\n\n  .form-submit:hover { background: var(--navy-mid); }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  footer {\n    background: var(--navy);\n    padding: clamp(3rem, 5vw, 5rem) 2rem 2rem;\n    border-top: 1px solid rgba(201,168,76,0.15);\n  }\n\n  .footer-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n  }\n\n  .footer-top {\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr 1fr;\n    gap: clamp(2rem, 4vw, 4rem);\n    padding-bottom: 3rem;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n    margin-bottom: 2rem;\n  }\n\n  .footer-brand p {\n    font-size: 0.88rem;\n    color: rgba(255,255,255,0.4);\n    line-height: 1.8;\n    margin-top: 1rem;\n    max-width: 300px;\n  }\n\n  .footer-col h4 {\n    font-size: 0.68rem;\n    font-weight: 600;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 1.25rem;\n  }\n\n  .footer-col ul { list-style: none; }\n\n  .footer-col li { margin-bottom: 0.65rem; }\n\n  .footer-col a {\n    font-size: 0.85rem;\n    color: rgba(255,255,255,0.45);\n    transition: color 0.2s;\n  }\n\n  .footer-col a:hover { color: var(--gold-light); }\n\n  .footer-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 1rem;\n    flex-wrap: wrap;\n  }\n\n  .footer-copy {\n    font-size: 0.75rem;\n    color: rgba(255,255,255,0.25);\n  }\n\n  .footer-disclaimer {\n    font-size: 0.72rem;\n    color: rgba(255,255,255,0.2);\n    max-width: 500px;\n    text-align: right;\n    line-height: 1.6;\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .hero { grid-template-columns: 1fr; min-height: auto; }\n    .hero-right { display: none; }\n    .hero-content { padding-top: 8rem; padding-bottom: 4rem; }\n    .intro-inner { grid-template-columns: 1fr; }\n    .practice-grid { grid-template-columns: 1fr 1fr; }\n    .process-steps { grid-template-columns: 1fr 1fr; gap: 2rem; }\n    .process-steps::before { display: none; }\n    .testimonials-grid { grid-template-columns: 1fr 1fr; }\n    .contact-inner { grid-template-columns: 1fr; }\n    .footer-top { grid-template-columns: 1fr 1fr; }\n  }\n\n  @media (max-width: 720px) {\n    .nav-links { display: none; }\n    .practice-grid { grid-template-columns: 1fr; }\n    .practice-header { grid-template-columns: 1fr; }\n    .testimonials-grid { grid-template-columns: 1fr; }\n    .testimonials-header { flex-direction: column; align-items: flex-start; }\n    .form-row { grid-template-columns: 1fr; }\n    .contact-form-wrap { padding: 1.75rem; }\n    .footer-top { grid-template-columns: 1fr; }\n    .footer-disclaimer { text-align: left; }\n    .cta-banner-inner { flex-direction: column; }\n    .hero-stats { grid-template-columns: 1fr 1fr; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav>\n  <div class=\"nav-inner\">\n    <a href=\"\/\" class=\"nav-logo\">\n      <div class=\"logo-mark\">LL<\/div>\n      <div class=\"logo-text\">\n        <span class=\"logo-firm\">Liu Law<\/span>\n        <span class=\"logo-tagline\">Real Estate Attorney \u00b7 NJ<\/span>\n      <\/div>\n    <\/a>\n    <ul class=\"nav-links\">\n      <li><a href=\"#about\">About<\/a><\/li>\n      <li><a href=\"#services\">Services<\/a><\/li>\n      <li><a href=\"#process\">Our Process<\/a><\/li>\n      <li><a href=\"#testimonials\">Reviews<\/a><\/li>\n      <li><a href=\"#contact\" class=\"nav-cta\">Free Consultation<\/a><\/li>\n    <\/ul>\n  <\/div>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-lines\"><\/div>\n  <div class=\"hero-content\">\n    <div class=\"hero-eyebrow\">Northern New Jersey Real Estate Law<\/div>\n    <h1 class=\"hero-headline\">\n      Your property.<br>\n      Your largest<br>\n      <em>investment.<\/em><br>\n      Protected.\n    <\/h1>\n    <p class=\"hero-body\">\n      From contract to closing, Liu Law provides dedicated real estate legal counsel for buyers and sellers of residential and commercial property across Northern New Jersey.\n    <\/p>\n    <div class=\"hero-actions\">\n      <a href=\"#contact\" class=\"btn-primary\">Schedule a Consultation<\/a>\n      <a href=\"tel:8623528111\" class=\"btn-ghost\">\u2197 862-352-8111<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-right\">\n    <div class=\"hero-stats\">\n      <div class=\"stat-block\">\n        <div class=\"stat-number\">20+<\/div>\n        <div class=\"stat-label\">Years of practice<\/div>\n      <\/div>\n      <div class=\"stat-block\">\n        <div class=\"stat-number\">NJ<\/div>\n        <div class=\"stat-label\">Licensed &amp; local<\/div>\n      <\/div>\n      <div class=\"stat-block\">\n        <div class=\"stat-number\">100%<\/div>\n        <div class=\"stat-label\">Real estate focus<\/div>\n      <\/div>\n      <div class=\"stat-block\">\n        <div class=\"stat-number\">5\u2605<\/div>\n        <div class=\"stat-label\">Client reviews<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero-quote\">\n      <p>\"We're not a jack-of-all-trades practice. All we do is real estate law \u2014 and we do it well.\"<\/p>\n      <cite>\u2014 Dewitt Liu, Esq.<\/cite>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SERVICES STRIP -->\n<div class=\"services-strip\">\n  <div class=\"services-strip-inner\">\n    <span class=\"service-pill\">Single Family Homes<\/span>\n    <span class=\"service-pill\">Condominiums<\/span>\n    <span class=\"service-pill\">Multifamily Properties<\/span>\n    <span class=\"service-pill\">Commercial Properties<\/span>\n    <span class=\"service-pill\">Deed Transfers<\/span>\n    <span class=\"service-pill\">Tenant Buyouts<\/span>\n    <span class=\"service-pill\">Commercial Leasing<\/span>\n  <\/div>\n<\/div>\n\n<!-- INTRO \/ WHY CHOOSE US -->\n<section class=\"intro\" id=\"about\">\n  <div class=\"intro-inner\">\n    <div class=\"intro-left\">\n      <div class=\"section-label\">Why Liu Law<\/div>\n      <h2 class=\"section-headline\">\n        Real estate law is <em>local.<\/em><br>\n        We are too.\n      <\/h2>\n      <p class=\"section-body\">\n        Real estate laws differ from state to state. Some procedures vary at the county and municipal level. That's why choosing a specialist \u2014 not a generalist \u2014 makes all the difference when protecting your biggest financial asset.\n      <\/p>\n      <p class=\"section-body\">\n        Attorney Dewitt Liu has been practicing exclusively in New Jersey real estate law since 2004. When you hire Liu Law, you get direct access to an attorney who knows Northern NJ closings inside and out.\n      <\/p>\n      <a href=\"#contact\" class=\"btn-primary\" style=\"margin-top:0.5rem\">Talk to an Attorney<\/a>\n    <\/div>\n    <div class=\"intro-right\">\n      <div class=\"reason-card\">\n        <div class=\"reason-number\">01<\/div>\n        <div class=\"reason-title\">Real Estate Only<\/div>\n        <p class=\"reason-text\">We practice exclusively in real estate \u2014 purchase, sale, leasing, and deed work. No distractions, no dilution of expertise.<\/p>\n      <\/div>\n      <div class=\"reason-card\">\n        <div class=\"reason-number\">02<\/div>\n        <div class=\"reason-title\">Locally Based in NJ<\/div>\n        <p class=\"reason-text\">Our office is in Northern New Jersey. We know the local municipalities, title companies, and closing procedures that affect your transaction.<\/p>\n      <\/div>\n      <div class=\"reason-card\">\n        <div class=\"reason-number\">03<\/div>\n        <div class=\"reason-title\">Transparent Legal Fees<\/div>\n        <p class=\"reason-text\">No surprises. We provide clear, upfront fee structures so you know exactly what to expect before we begin.<\/p>\n      <\/div>\n      <div class=\"reason-card\">\n        <div class=\"reason-number\">04<\/div>\n        <div class=\"reason-title\">Attentive &amp; Responsive<\/div>\n        <p class=\"reason-text\">As a boutique practice, every client receives personal attention. You'll always know the status of your transaction.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PRACTICE AREAS -->\n<section class=\"practice\" id=\"services\">\n  <div class=\"practice-inner\">\n    <div class=\"practice-header\">\n      <div>\n        <div class=\"section-label\" style=\"color:var(--gold)\">Our Services<\/div>\n        <h2 class=\"section-headline\">\n          We handle every<br>type of real estate<br><em>transaction.<\/em>\n        <\/h2>\n      <\/div>\n      <p class=\"section-body\">\n        Whether you're a first-time buyer, seasoned investor, or business owner acquiring commercial space, Liu Law provides tailored legal representation from contract review to closing day.\n      <\/p>\n    <\/div>\n    <div class=\"practice-grid\">\n      <!-- Card 1 -->\n      <div class=\"practice-card\">\n        <div class=\"practice-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9,22 9,12 15,12 15,22\"\/><\/svg>\n        <\/div>\n        <h3>Residential Purchase &amp; Sale<\/h3>\n        <p>Contract review, attorney review letters, title examination, and seamless representation through to closing for single-family homes and condos.<\/p>\n        <a href=\"#contact\">Learn more \u2192<\/a>\n      <\/div>\n      <!-- Card 2 -->\n      <div class=\"practice-card\">\n        <div class=\"practice-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8m-4-4v4\"\/><\/svg>\n        <\/div>\n        <h3>Multifamily Properties<\/h3>\n        <p>Legal counsel for buyers and sellers of two-family, three-family, and larger investment properties, including due diligence and tenant coordination.<\/p>\n        <a href=\"#contact\">Learn more \u2192<\/a>\n      <\/div>\n      <!-- Card 3 -->\n      <div class=\"practice-card\">\n        <div class=\"practice-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n        <\/div>\n        <h3>Commercial Properties<\/h3>\n        <p>Representation for purchase, sale, and leasing of retail, office, and industrial properties, including contract negotiation and title review.<\/p>\n        <a href=\"#contact\">Learn more \u2192<\/a>\n      <\/div>\n      <!-- Card 4 -->\n      <div class=\"practice-card\">\n        <div class=\"practice-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14,2 14,8 20,8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10,9 9,9 8,9\"\/><\/svg>\n        <\/div>\n        <h3>Deed Transfers<\/h3>\n        <p>Preparation and recording of quitclaim deeds for property transfers between family members, divorce proceedings, and estate planning needs.<\/p>\n        <a href=\"#contact\">Learn more \u2192<\/a>\n      <\/div>\n      <!-- Card 5 -->\n      <div class=\"practice-card\">\n        <div class=\"practice-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <\/div>\n        <h3>Tenant Buyouts<\/h3>\n        <p>Negotiation and documentation of buyout agreements between landlords and tenants, ensuring legally sound and mutually agreeable resolutions.<\/p>\n        <a href=\"#contact\">Learn more \u2192<\/a>\n      <\/div>\n      <!-- Card 6 -->\n      <div class=\"practice-card\">\n        <div class=\"practice-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n        <\/div>\n        <h3>Commercial Leasing<\/h3>\n        <p>Review, negotiation, and drafting of commercial leases for both landlords and tenants across retail, office, and industrial spaces in New Jersey.<\/p>\n        <a href=\"#contact\">Learn more \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PROCESS -->\n<section class=\"process\" id=\"process\">\n  <div class=\"process-inner\">\n    <div class=\"process-header\">\n      <div class=\"section-label\">How It Works<\/div>\n      <h2 class=\"section-headline\">From first contact<br>to <em>closing day<\/em><\/h2>\n      <p class=\"section-body\" style=\"max-width:460px;margin:0 auto;\">A straightforward process designed to keep you informed and protected at every step of your real estate transaction.<\/p>\n    <\/div>\n    <div class=\"process-steps\">\n      <div class=\"step\">\n        <div class=\"step-number\">01<\/div>\n        <h3>Free Consultation<\/h3>\n        <p>Contact us by phone, email, or the form below. We'll discuss your transaction, answer your questions, and outline how we can help.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-number\">02<\/div>\n        <h3>Engagement &amp; Contract Review<\/h3>\n        <p>Once retained, we review the purchase contract during the attorney review period and negotiate any necessary modifications to protect your interests.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-number\">03<\/div>\n        <h3>Due Diligence &amp; Title<\/h3>\n        <p>We coordinate inspections, review the title commitment, address any title issues, and ensure all contingencies are satisfied before closing.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-number\">04<\/div>\n        <h3>Closing Day<\/h3>\n        <p>We attend your closing, review all final documents, and ensure a smooth transfer of ownership \u2014 with no surprises on the most important day.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TESTIMONIALS -->\n<section class=\"testimonials\" id=\"testimonials\">\n  <div class=\"testimonials-inner\">\n    <div class=\"testimonials-header\">\n      <div>\n        <div class=\"section-label\">Client Reviews<\/div>\n        <h2 class=\"section-headline\">What our clients say<\/h2>\n      <\/div>\n      <div class=\"reviews-badges\">\n        <div class=\"badge\"><span class=\"badge-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> Google<\/div>\n        <div class=\"badge\"><span class=\"badge-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> Yelp<\/div>\n        <div class=\"badge\"><span class=\"badge-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> Avvo<\/div>\n        <div class=\"badge\"><span class=\"badge-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> Redfin<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"testimonials-grid\">\n      <div class=\"testimonial\">\n        <p class=\"testimonial-text\">Dewitt was incredibly thorough during our home purchase. He caught several issues in the contract during attorney review that our real estate agent had missed. We felt completely protected throughout the entire closing process.<\/p>\n        <div class=\"testimonial-author\">\n          <div class=\"author-initials\">MK<\/div>\n          <div>\n            <div class=\"author-name\">M. Kim<\/div>\n            <div class=\"author-source\">Google Review \u00b7 Home Buyer<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"testimonial\">\n        <p class=\"testimonial-text\">As a first-time seller, I had no idea what to expect. Dewitt walked me through every step and was always available to answer my questions. The closing went smoothly and I couldn't have asked for better representation.<\/p>\n        <div class=\"testimonial-author\">\n          <div class=\"author-initials\">RP<\/div>\n          <div>\n            <div class=\"author-name\">R. Patel<\/div>\n            <div class=\"author-source\">Yelp Review \u00b7 Home Seller<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"testimonial\">\n        <p class=\"testimonial-text\">I've used Liu Law for two investment property purchases. The fees are very reasonable, the communication is excellent, and Dewitt's knowledge of Northern NJ real estate is unmatched. Highly recommend to any investor.<\/p>\n        <div class=\"testimonial-author\">\n          <div class=\"author-initials\">TN<\/div>\n          <div>\n            <div class=\"author-name\">T. Nguyen<\/div>\n            <div class=\"author-source\">Redfin Review \u00b7 Real Estate Investor<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA BANNER -->\n<section class=\"cta-banner\">\n  <div class=\"cta-banner-inner\">\n    <h2>Ready to protect your<br><em>real estate investment?<\/em><\/h2>\n    <div class=\"cta-actions\">\n      <a href=\"#contact\" class=\"btn-dark\">Schedule a Free Consultation<\/a>\n      <a href=\"tel:8623528111\" class=\"cta-phone\">862-352-8111<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section class=\"contact\" id=\"contact\">\n  <div class=\"contact-inner\">\n    <div class=\"contact-left\">\n      <div class=\"section-label\">Get in Touch<\/div>\n      <h2 class=\"section-headline\">Let's discuss<br>your <em>transaction<\/em><\/h2>\n      <p class=\"section-body\" style=\"margin-bottom:2.5rem;\">\n        Reach out by phone, email, or the form to the right. We'll respond promptly to discuss how Liu Law can protect your interests.\n      <\/p>\n\n      <div class=\"contact-info-item\">\n        <div class=\"contact-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.62 3.38 2 2 0 0 1 3.6 1.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.96a16 16 0 0 0 6 6l.96-.96a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"contact-label\">Phone<\/div>\n          <div class=\"contact-value\"><a href=\"tel:8623528111\">862-352-8111<\/a><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"contact-info-item\">\n        <div class=\"contact-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"contact-label\">Email<\/div>\n          <div class=\"contact-value\"><a href=\"mailto:info@liulawnj.com\">info@liulawnj.com<\/a><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"contact-info-item\">\n        <div class=\"contact-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"contact-label\">Service Area<\/div>\n          <div class=\"contact-value\">Northern New Jersey<br>Residential &amp; Commercial<\/div>\n        <\/div>\n      <\/div>\n\n      <div style=\"margin-top:2rem; padding:1.5rem 2rem; background:var(--navy); border-left:3px solid var(--gold);\">\n        <p style=\"font-size:0.78rem; color:rgba(255,255,255,0.5); line-height:1.7;\">\n          <strong style=\"color:var(--gold-light); font-weight:600; letter-spacing:0.05em;\">Super Lawyers\u00ae Rising Star<\/strong><br>\n          Attorney Dewitt Liu is recognized by Super Lawyers and listed on Avvo, Redfin, and Google with 5-star client reviews.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"contact-form-wrap\">\n      <h3>Start Your Consultation<\/h3>\n      <p>Fill out the form and we'll be in touch within one business day.<\/p>\n\n      <form>\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"fname\">First Name *<\/label>\n            <input type=\"text\" id=\"fname\" placeholder=\"Jane\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"lname\">Last Name *<\/label>\n            <input type=\"text\" id=\"lname\" placeholder=\"Smith\" required>\n          <\/div>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"email\">Email Address *<\/label>\n          <input type=\"email\" id=\"email\" placeholder=\"jane@email.com\" required>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"phone\">Phone Number<\/label>\n          <input type=\"tel\" id=\"phone\" placeholder=\"(201) 555-0100\">\n        <\/div>\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"role\">I am a\u2026<\/label>\n            <select id=\"role\">\n              <option value=\"\">Select one<\/option>\n              <option>Buyer<\/option>\n              <option>Seller<\/option>\n              <option>Other<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"proptype\">Property Type<\/label>\n            <select id=\"proptype\">\n              <option value=\"\">Select type<\/option>\n              <option>Single family home<\/option>\n              <option>Condo unit<\/option>\n              <option>Multifamily property<\/option>\n              <option>Commercial property<\/option>\n              <option>Vacant land<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"message\">Message *<\/label>\n          <textarea id=\"message\" placeholder=\"Tell us about your transaction\u2026\" required><\/textarea>\n        <\/div>\n        <button type=\"submit\" class=\"form-submit\">Send Message \u2192<\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"footer-inner\">\n    <div class=\"footer-top\">\n      <div class=\"footer-brand\">\n        <div class=\"nav-logo\">\n          <div class=\"logo-mark\">LL<\/div>\n          <div class=\"logo-text\">\n            <span class=\"logo-firm\">Liu Law<\/span>\n            <span class=\"logo-tagline\">Real Estate Attorney \u00b7 NJ<\/span>\n          <\/div>\n        <\/div>\n        <p>Dedicated real estate legal representation for buyers, sellers, and investors in Northern New Jersey. From contract to closing.<\/p>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Services<\/h4>\n        <ul>\n          <li><a href=\"#services\">For Buyers<\/a><\/li>\n          <li><a href=\"#services\">For Sellers<\/a><\/li>\n          <li><a href=\"#services\">Commercial Property<\/a><\/li>\n          <li><a href=\"#services\">Deed Transfers<\/a><\/li>\n          <li><a href=\"#services\">Commercial Leasing<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Firm<\/h4>\n        <ul>\n          <li><a href=\"#about\">About Dewitt Liu<\/a><\/li>\n          <li><a href=\"#testimonials\">Client Reviews<\/a><\/li>\n          <li><a href=\"#process\">Our Process<\/a><\/li>\n          <li><a href=\"#\">Legal Fees<\/a><\/li>\n          <li><a href=\"#\">Career Opportunities<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Contact<\/h4>\n        <ul>\n          <li><a href=\"tel:8623528111\">862-352-8111<\/a><\/li>\n          <li><a href=\"mailto:info@liulawnj.com\">info@liulawnj.com<\/a><\/li>\n          <li><a href=\"#contact\">Contact Form<\/a><\/li>\n          <li><a href=\"https:\/\/www.google.com\/maps\/place\/Liu+Law\" target=\"_blank\">Google Maps<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <p class=\"footer-copy\">\u00a9 2025 Liu Law. All rights reserved. Attorney advertising.<\/p>\n      <p class=\"footer-disclaimer\">The information on this website is for general informational purposes only and does not constitute legal advice or create an attorney-client relationship.<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Liu Law \u2013 Your Real Estate Attorney in NJ LL Liu Law Real Estate Attorney \u00b7 NJ About Services Our Process Reviews Free Consultation Northern New Jersey Real Estate Law Your property. Your largest investment. Protected. From contract to closing, Liu Law provides dedicated real estate legal counsel for buyers and sellers of residential and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1481","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/liulawnj.com\/index.php?rest_route=\/wp\/v2\/pages\/1481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liulawnj.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liulawnj.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liulawnj.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liulawnj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1481"}],"version-history":[{"count":4,"href":"https:\/\/liulawnj.com\/index.php?rest_route=\/wp\/v2\/pages\/1481\/revisions"}],"predecessor-version":[{"id":1485,"href":"https:\/\/liulawnj.com\/index.php?rest_route=\/wp\/v2\/pages\/1481\/revisions\/1485"}],"wp:attachment":[{"href":"https:\/\/liulawnj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}