flex-direction: column;
            gap: 22px;
        }
        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 16px;
        }
        .contact-item .icon-wrap {
            width: 50px;
            height: 50px;
            background: var(--coral-pale);
            border-radius: var(--radius-sm);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .contact-item .icon-wrap svg { stroke: var(--coral); }
        .contact-item .details strong {
            display: block;
            font-size: 0.95rem;
            color: var(--charcoal);
            margin-bottom: 3px;
        }
        .contact-item .details span,
        .contact-item .details a {
            font-size: 0.9rem;
            color: var(--gray-500);
            text-decoration: none;
            line-height: 1.6;
        }
        .contact-item .details a:hover { color: var(--coral); }

        .contact-form-wrap {
            background: var(--white);
            border-radius: var(--radius-xl);
            padding: 44px;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--gray-200);
        }
        .contact-form-wrap h3 {
            font-family: 'DM Serif Display', serif;
            font-size: 1.5rem;
            margin-bottom: 24px;
        }
        .form-group {
            margin-bottom: 18px;
        }
        .form-group label {
            display: block;
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--charcoal);
            margin-bottom: 7px;
        }
        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 14px 16px;
            border: 2px solid var(--gray-200);
            border-radius: var(--radius-sm);
            font-family: 'Inter', sans-serif;
            font-size: 0.95rem;
            color: var(--charcoal);
            background: var(--cream);
            transition: border-color 0.2s, box-shadow 0.2s;
            outline: none;
        }
        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            border-color: var(--coral);
            box-shadow: 0 0 0 4px rgba(232,115,74,0.1);
        }
        .form-group textarea { resize: vertical; min-height: 110px; }
        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }
        .form-success {
            display: none;
            text-align: center;
            padding: 40px 20px;
        }
        .form-success.active { display: block; }
        .form-success .success-icon {
            width: 72px;
            height: 72px;
            background: var(--coral-pale);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }
        .form-success h4 {
            font-family: 'DM Serif Display', serif;
            font-size: 1.4rem;
            margin-bottom: 10px;
        }
        .form-success p { color: var(--gray-500); }

        /* FOOTER */
        footer {
            background: var(--charcoal-dark);
            color: var(--white);
            padding: 64px 24px 28px;
        }
        .footer-inner {
            max-width: 1200px;
            margin: 0 auto;
        }
        .footer-top {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr;
            gap: 48px;
            padding-bottom: 48px;
            border-bottom: 1px solid rgba(255,255,255,0.08);
        }
        .footer-brand .logo {
            font-size: 1.4rem;
            color: var(--white);
            display: inline-block;
            margin-bottom: 16px;
        }
        .footer-brand p {
            color: var(--gray-400);
            font-size: 0.9rem;
            line-height: 1.7;
            max-width: 300px;
        }
        .footer-col h4 {
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--gray-400);
            margin-bottom: 18px;
        }
        .footer-col ul { list-style: none; }
        .footer-col ul li { margin-bottom: 10px; }
        .footer-col ul a {
            color: var(--gray-300);
            text-decoration: none;
            font-size: 0.9rem;
            transition: color 0.2s;
        }
        .footer-col ul a:hover { color: var(--coral); }
        .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 28px;
            font-size: 0.82rem;
            color: var(--gray-500);
        }

        /* ANIMATIONS */
        .fade-up {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.7s ease, transform 0.7s ease;
        }
        .fade-up.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* RESPONSIVE */
        @media (max-width: 1024px) {
            .services-grid { grid-template-columns: repeat(2, 1fr); }
            .why-grid { grid-template-columns: repeat(2, 1fr); }
            .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
            .footer-top { grid-template-columns: 1fr 1fr; }
        }

        @media (max-width: 768px) {
            .nav-links { display: none; }
            .menu-toggle { display: block; }
            .hero {
                flex-direction: column;
                padding-top: 100px;
                gap: 40px;
                text-align: center;
            }
            .hero-content { max-width: 100%; }
            .hero p { max-width: 100%; margin-left: auto; margin-right: auto; }
            .hero-buttons { justify-content: center; }
            .hero-image { max-width: 100%; }
            .hero-image img { height: 360px; }
            .hero-float-card { display: none; }
            .trust-inner { gap: 36px; }
            .services-grid { grid-template-columns: 1fr; }
            .about-inner { grid-template-columns: 1fr; gap: 40px; }
            .about-content .section-label { text-align: center; }
            .about-content h2 { text-align: center; }
            .about-content p { text-align: center; }
            .about-values { justify-items: center; }
            .why-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
            .testimonials-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
            .contact-inner { grid-template-columns: 1fr; }
            .contact-form-wrap { padding: 28px; }
            .form-row { grid-template-columns: 1fr; }
            .footer-top { grid-template-columns: 1fr; gap: 32px; }
            .footer-bottom { flex-direction: column; gap: 10px; text-align: center; }
            section { padding: 72px 20px; }
        }

        @media (max-width: 480px) {
            .hero-buttons { flex-direction: column; width: 100%; }
            .hero-buttons a { width: 100%; justify-content: center; }
            .about-values { grid-template-columns: 1fr; }
        }
    </style>
</head>
<body>

<!-- NAV -->
<nav id="navbar">
    <div class="nav-inner">
        <a href="#" class="logo">E&Y <span>1 Stop</span></a>
        <ul class="nav-links">
            <li><a href="#services">Services</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#why-us">Why Us</a></li>
            <li><a href="#testimonials">Testimonials</a></li>
            <li><a href="#contact" class="nav-cta">Get in Touch</a></li>
        </ul>
        <button class="menu-toggle" id="menuToggle" aria-label="Toggle menu">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="7" x2="21" y2="7"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="17" x2="21" y2="17"/></svg>
        </button>
    </div>
    <div class="mobile-menu" id="mobileMenu">
        <a href="#services">Services</a>
        <a href="#about">About</a>
        <a href="#why-us">Why Us</a>
        <a href="#testimonials">Testimonials</a>
        <a href="#contact">Get in Touch</a>
    </div>
</nav>

<!-- HERO -->
<section class="hero">
    <div class="hero-content fade-up">
        <div class="hero-badge">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s-8-4.5-8-11.5A8 8 0 0 1 12 2a8 8 0 0 1 8 8.5c0 7-8 11.5-8 11.5z"/></svg>
            Taylorsville, Utah
        </div>
        <h1>Legal expertise and financial clarity, <em>delivered with care.</em></h1>
        <p>At E&Y 1 Stop Service, we bring together seasoned legal counsel and practical financial guidance so you can move forward with confidence — no matter what life throws your way.</p>
        <div class="hero-buttons">
            <a href="#contact" class="btn-primary">
                Schedule a Consultation
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
            </a>
            <a href="#services" class="btn-secondary">Explore Our Services</a>
        </div>
    </div>
    <div class="hero-image fade-up">
        <img src="https://images.pexels.com/photos/7433920/pexels-photo-7433920.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=520&h=520" alt="Professional legal and financial consultation in a warm office setting" width="520" height="520">
        <div class="hero-float-card">
            <div class="icon-circle">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#E8734A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
            </div>
            <div class="card-text">
                <strong>Trusted Local Firm</strong>
                <span>Serving Taylorsville &amp; greater Salt Lake County</span>
            </div>
        </div>
    </div>
</section>

<!-- TRUST BAR -->
<div class="trust-bar">
    <div class="trust-inner">
        <div class="trust-item fade-up">
            <div class="number">10+</div>
            <div class="label">Years of Experience</div>
        </div>
        <div class="trust-item fade-up">
            <div class="number">500+</div>
            <div class="label">Clients Served</div>
        </div>
        <div class="trust-item fade-up">
            <div class="number">2</div>
            <div class="label">Core Practice Areas</div>
        </div>
        <div class="trust-item fade-up">
            <div class="number">1</div>
            <div class="label">Convenient Location</div>
        </div>
    </div>
</div>

<!-- SERVICES -->
<section class="services" id="services">
    <div class="section-header fade-up">
        <span class="section-label">What We Do</span>
        <h2>Comprehensive services under one roof</h2>
        <p>Whether you're navigating a legal challenge or planning for financial stability, we offer the expertise and personal attention you deserve.</p>
    </div>
    <div class="services-grid">
        <div class="service-card fade-up">
            <div class="service-icon">
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#E8734A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
            </div>
            <h3>Legal Services</h3>
            <p>Protecting your rights and interests with straightforward, no-nonsense legal guidance tailored to your situation.</p>
            <ul>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Business Formation &amp; Compliance
                </li>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Contract Review &amp; Drafting
                </li>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Civil Litigation Support
                </li>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Estate Planning &amp; Wills
                </li>
            </ul>
        </div>
        <div class="service-card fade-up">
            <div class="service-icon">
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#E8734A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
            </div>
            <h3>Financial Services</h3>
            <p>Practical financial strategies that help you build, protect, and grow your wealth with clarity and confidence.</p>
            <ul>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Tax Preparation &amp; Planning
                </li>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Bookkeeping &amp; Accounting
                </li>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Retirement Planning
                </li>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Investment Advisory
                </li>
            </ul>
        </div>
        <div class="service-card fade-up">
            <div class="service-icon">
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#E8734A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
            </div>
            <h3>Combined Solutions</h3>
            <p>When legal and financial matters overlap, having one team that understands both sides saves you time and reduces stress.</p>
            <ul>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Business Startup Guidance
                </li>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Debt &amp; Creditor Matters
                </li>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Real Estate Transactions
                </li>
                <li>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    Comprehensive Financial Reviews
                </li>
            </ul>
        </div>
    </div>
</section>

<!-- ABOUT -->
<section class="about" id="about">
    <div class="about-inner">
        <div class="about-images fade-up">
            <img src="https://images.pexels.com/photos/39205102/pexels-photo-39205102.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=280" alt="E&Y 1 Stop Service office interior in Taylorsville" width="600" height="280">
            <img src="https://images.pexels.com/photos/7433829/pexels-photo-7433829.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=290&h=240" alt="Consultation meeting at E&Y 1 Stop Service" width="290" height="240">
            <img src="https://images.pexels.com/photos/7580707/pexels-photo-7580707.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=290&h=240" alt="Document review and planning session" width="290" height="240">
        </div>
        <div class="about-content fade-up">
            <span class="section-label">About Us</span>
            <h2>A local firm that treats you like a neighbor, not a case number</h2>
            <p>E&Y 1 Stop Service was founded on a simple belief: people deserve professional guidance that feels human. Based right here in Taylorsville, we've built our practice around the idea that legal and financial matters shouldn't require visiting multiple offices or explaining your story more than once.</p>
            <p>Our team brings together deep knowledge of Utah law and real-world financial experience. We take the time to listen first, explain clearly, and recommend solutions that actually fit your life — not the other way around.</p>
            <div class="about-values">
                <div class="value-item">
                    <div class="check">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#E8734A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    </div>
                    <span>Transparent pricing, no surprises</span>
                </div>
                <div class="value-item">
                    <div class="check">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#E8734A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    </div>
                    <span>Personal attention from day one</span>
                </div>
                <div class="value-item">
                    <div class="check">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#E8734A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    </div>
                    <span>Local, community-rooted practice</span>
                </div>
                <div class="value-item">
                    <div class="check">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#E8734A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                    </div>
                    <span>Jargon-free communication</span>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- WHY US -->
<section class="why-us" id="why-us">
    <div class="section-header fade-up">
        <span class="section-label">Why Choose Us</span>
        <h2>The difference is in the details</h2>
        <p>We've built a reputation on showing up consistently — for every client, every case, every dollar.</p>
    </div>
    <div class="why-grid">
        <div class="why-card fade-up">
            <div class="icon">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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>
            </div>
            <h3>One Team, Two Disciplines</h3>
            <p>Legal and financial expertise working in sync, so you get coordinated advice instead of conflicting opinions.</p>
        </div>
        <div class="why-card fade-up">
            <div class="icon">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
            </div>
            <h3>Responsive &amp; Available</h3>
            <p>We return calls and emails promptly. Your questions matter, and we treat them that way.</p>
        </div>
        <div class="why-card fade-up">
            <div class="icon">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
            </div>
            <h3>Genuinely Caring</h3>
            <p>We remember your name, your situation, and what keeps you up at night. You're a person first.</p>
        </div>
        <div class="why-card fade-up">
            <div class="icon">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"/><line x1="1" y1="10" x2="23" y2="10"/></svg>
            </div>
            <h3>Fair &amp; Clear Pricing</h3>
            <p>No hidden fees or confusing billable increments. We explain costs upfront so you can plan with confidence.</p>
        </div>
    </div>
</section>

<!-- TESTIMONIALS -->
<section class="testimonials" id="testimonials">
    <div class="section-header fade-up">
        <span class="section-label">Client Stories</span>
        <h2>What our clients say about working with us</h2>
        <p>Real feedback from real people in the Taylorsville community who trusted us with their legal and financial needs.</p>
    </div>
    <div class="testimonials-grid">
        <div class="testimonial-card fade-up">
            <div class="stars">
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
            </div>
            <blockquote>"I was overwhelmed trying to figure out my business structure and tax obligations separately. E&Y 1 Stop handled both seamlessly and explained everything in plain language. I finally feel like I'm on solid ground."</blockquote>
            <div class="testimonial-author">
                <div class="author-avatar">M</div>
                <div class="author-info">
                    <strong>Maria S.</strong>
                    <span>Small Business Owner, Taylorsville</span>
                </div>
            </div>
        </div>
        <div class="testimonial-card fade-up">
            <div class="stars">
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
            </div>
            <blockquote>"The team at E&Y made what I thought would be a stressful legal process feel manageable. They listened more than they talked, and I always knew exactly what was happening with my case."</blockquote>
            <div class="testimonial-author">
                <div class="author-avatar">J</div>
                <div class="author-info">
                    <strong>James T.</strong>
                    <span>Resident, Salt Lake County</span>
                </div>
            </div>
        </div>
        <div class="testimonial-card fade-up">
            <div class="stars">
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
            </div>
            <blockquote>"I needed help with both estate planning and understanding my tax situation. Having one firm handle everything saved me from juggling multiple appointments and repeating my story. Truly a one-stop experience."</blockquote>
            <div class="testimonial-author">
                <div class="author-avatar">Patricia L.</div>
                <div class="author-info">
                    <strong>Patricia L.</strong>
                    <span>Retired, Taylorsville</span>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA -->
<section class="cta">
    <div class="fade-up">
        <h2>Ready to get your questions answered?</h2>
        <p>Reach out today for a no-pressure consultation. We'll listen to your situation and show you the path forward.</p>
        <a href="#contact" class="btn-white">
            Contact Us Today
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
        </a>
    </div>
</section>

<!-- CONTACT -->
<section class="contact" id="contact">
    <div class="contact-inner">
        <div class="contact-info fade-up">
            <span class="section-label">Get in Touch</span>
            <h2>We're here when you need us</h2>
            <p>Whether you have a specific question or just want to learn more about how we can help, we'd love to hear from you. Reach out by phone, email, or stop by our office — whichever feels most comfortable.</p>
            <div class="contact-details">
                <div class="contact-item">
                    <div class="icon-wrap">
                        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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>
                    </div>
                    <div class="details">
                        <strong>Our Office</strong>
                        <span>4107 S Carriage Sq<br>Taylorsville, UT 84129-5504</span>
                    </div>
                </div>
                <div class="contact-item">
                    <div class="icon-wrap">
                        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.61-4.61 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                    </div>
                    <div class="details">
                        <strong>Phone</strong>
                        <a href="tel:+18018963133">(801) 896-3133</a>
                    </div>
                </div>
                <div class="contact-item">
                    <div class="icon-wrap">
                        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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>
                    </div>
                    <div class="details">
                        <strong>Email</strong>
                        <a href="mailto:EandY1Stop@gmail.com">EandY1Stop@gmail.com</a><br>
                        <a href="mailto:e&yonestop@gmail.com">e&yonestop@gmail.com</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="contact-form-wrap fade-up">
            <h3>Send Us a Message</h3>
            <form id="contactForm">
                <div class="form-row">
                    <div class="form-group">
                        <label for="firstName">First Name</label>
                        <input type="text" id="firstName" name="firstName" required placeholder="Your first name">
                    </div>
                    <div class="form-group">
                        <label for="lastName">Last Name</label>
                        <input type="text" id="lastName" name="lastName" required placeholder="Your last name">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" id="email" name="email" required placeholder="you@example.com">
                    </div>
                    <div class="form-group">
                        <label for="phone">Phone</label>
                        <input type="tel" id="phone" name="phone" placeholder="(801) 000-0000">
                    </div>
                </div>
                <div class="form-group">
                    <label for="service">Service Needed</label>
                    <select id="service" name="service">
                        <option value="">Select a service…</option>
                        <option value="legal">Legal Services</option>
                        <option value="financial">Financial Services</option>
                        <option value="combined">Combined Legal &amp; Financial</option>
                        <option value="other">Other / Not Sure</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="message">Message</label>
                    <textarea id="message" name="message" placeholder="Tell us a little about your situation…" rows="4"></textarea>
                </div>
                <button type="submit" class="btn-primary" style="width:100%; justify-content:center;">
                    Send Message
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
                </button>
            </form>
            <div class="form-success" id="formSuccess">
                <div class="success-icon">
                    <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#E8734A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
                </div>
                <h4>Message Sent!</h4>
                <p>Thank you for reaching out. We'll get back to you within one business day.</p>
            </div>
        </div>
    </div>
</section>

<!-- FOOTER -->
<footer>
    <div class="footer-inner">
        <div class="footer-top">
            <div class="footer-brand">
                <a href="#" class="logo">E&Y <span>1 Stop</span></a>
                <p>Professional legal and financial services in Taylorsville, Utah. One trusted team for the advice you need to move forward with confidence.</p>
            </div>
            <div class="footer-col">
                <h4>Quick Links</h4>
                <ul>
                    <li><a href="#services">Services</a></li>
                    <li><a href="#about">About Us</a></li>
                    <li><a href="#why-us">Why Choose Us</a></li>
                    <li><a href="#testimonials">Testimonials</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Services</h4>
                <ul>
                    <li><a href="#services">Legal Services</a></li>
                    <li><a href="#services">Financial Services</a></li>
                    <li><a href="#services">Combined Solutions</a></li>
                    <li><a href="#contact">Free Consultation</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <span>&copy; 2026 E&Y 1 Stop Service. All rights reserved.</span>
            <span>4107 S Carriage Sq, Taylorsville, UT 84129-5504</span>
        </div>
    </div>
</footer>

<script>
    // Navbar scroll effect
    const navbar = document.getElementById('navbar');
    window.addEventListener('scroll', () => {
        navbar.classList.toggle('scrolled', window.scrollY > 10);
    });

    // Mobile menu toggle
    const menuToggle = document.getElementById('menuToggle');
    const mobileMenu = document.getElementById('mobileMenu');
    menuToggle.addEventListener('click', () => {
        mobileMenu.classList.toggle('active');
    });
    // Close mobile menu on link click
    mobileMenu.querySelectorAll('a').forEach(link => {
        link.addEventListener('click', () => {
            mobileMenu.classList.remove('active');
        });
    });

    // Scroll animations
    const fadeEls = document.querySelectorAll('.fade-up');
    const observer = new IntersectionObserver((entries) => {
        entries.forEach((entry, i) => {
            if (entry.isIntersecting) {
                setTimeout(() => {
                    entry.target.classList.add('visible');
                }, i * 80);
                observer.unobserve(entry.target);
            }
        });
    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });
    fadeEls.forEach(el => observer.observe(el));

    // Contact form
    const form = document.getElementById('contactForm');
    const success = document.getElementById('formSuccess');
    form.addEventListener('submit', (e) => {
        e.preventDefault();
        form.style.display = 'none';
        success.classList.add('active');
    });

    // Smooth scroll for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function(e) {
            e.preventDefault();
            const target = document.querySelector(this.getAttribute('href'));
            if (target) {
                const offset = 80;
                const top = target.getBoundingClientRect().top + window.pageYOffset - offset;
                window.scrollTo({ top, behavior: 'smooth' });
            }
        });
    });
</script>
<!--__semalt_leadbar__--><style>body{padding-bottom:76px!important}.smlt-bar{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -6px 24px -12px rgba(15,23,42,.18);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}.smlt-bar__txt{color:#0f172a;font-size:15px;font-weight:600;letter-spacing:-.2px}.smlt-bar__btn{display:inline-flex;align-items:center;gap:8px;background:#16a34a;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:10px 18px;border-radius:10px;transition:transform .12s ease,background .12s ease;white-space:nowrap}.smlt-bar__btn:hover{background:#15803d;transform:translateY(-1px)}.smlt-bar__btn svg{width:15px;height:15px}@media(max-width:520px){.smlt-bar{gap:8px;padding:9px 12px}.smlt-bar__txt{font-size:12.5px;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smlt-bar__btn{padding:8px 13px;font-size:12.5px;flex:0 0 auto}.smlt-bar__btn svg{width:14px;height:14px}}</style><div class="smlt-bar" role="region" aria-label="This is my business" lang="en"><span class="smlt-bar__txt">Is this your business?</span><a class="smlt-bar__btn" href="https://amp.pr/pricing?site=e-y-1-stop-service" target="_blank" rel="noopener">This is my business<svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></div><!--/__semalt_leadbar__--><script>/*__reveal_safety__*/(function(){function r(){try{var q=document.querySelectorAll('[class*="fade"],[class*="reveal"],[class*="animate"],[class*="scroll-"],[class*="in-view"],[data-aos]');for(var i=0;i<q.length;i++){var el=q[i];el.classList.add("visible","show","active","in-view","revealed","aos-animate","animated","is-visible");var s=getComputedStyle(el);if(parseFloat(s.opacity)===0)el.style.opacity="1";if(s.visibility==="hidden")el.style.visibility="visible";if(s.transform&&s.transform!=="none")el.style.transform="none";}}catch(e){}}setTimeout(r,1500);window.addEventListener("load",function(){setTimeout(r,1800);});})();</script>
<script>(function(w,d){var s=d.createElement('script');d.getElementsByTagName('script')[0].parentNode.appendChild(s);s.setAttribute('data-statinside-id',50);s.src='https://statinside.com/counter.js';w._siData=w._siData||[];w.statInside=function(){_siData.push(arguments);}})(window,document);</script><noscript><img src='https://statinside.com/pixel.png?id=50' referrerpolicy='unsafe-url'></noscript></body>
</html>