<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Financial Audit - Professional Financial Stability Support</title>
    <meta name="description" content="Professional financial audit services to support your financial stability. Comprehensive analysis, audit and consulting from experts.">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
            color: #333333;
            background-color: #F4F7FA;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header */
        header {
            background: #FFFFFF;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
        }

        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 0;
        }

        .logo {
            font-size: 1.8rem;
            font-weight: bold;
            color: #2B3A67;
        }

        .contact-info {
            display: flex;
            gap: 2rem;
            align-items: center;
        }

        .contact-item {
            color: #2B3A67;
            text-decoration: none;
            font-weight: 500;
        }

        /* Hero Section */
        .hero {
            background: linear-gradient(rgba(230, 236, 243, 0.9), rgba(255, 255, 255, 0.9)), url('./img/0gPNVO.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            padding: 120px 0 80px;
            text-align: center;
            position: relative;
        }

        .hero h1 {
            font-size: 3rem;
            color: #2B3A67;
            margin-bottom: 1rem;
            font-weight: 700;
        }

        .hero p {
            font-size: 1.3rem;
            color: #666;
            margin-bottom: 2rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .cta-button {
            display: inline-block;
            background: #005BBB;
            color: white;
            padding: 16px 32px;
            text-decoration: none;
            border-radius: 12px;
            font-size: 1.1rem;
            font-weight: 600;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0,91,187,0.3);
        }

        .cta-button:hover {
            background: #003D80;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0,91,187,0.4);
        }

        .hero-image {
            margin-top: 3rem;
            max-width: 100%;
            height: auto;
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.1);
        }

        /* Section Styles */
        .section {
            padding: 80px 0;
        }

        .section-alt {
            background: #FFFFFF;
        }

        .section-title {
            text-align: center;
            font-size: 2.5rem;
            color: #2B3A67;
            margin-bottom: 1rem;
            font-weight: 700;
        }

        .section-subtitle {
            text-align: center;
            font-size: 1.2rem;
            color: #666;
            margin-bottom: 3rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

        /* About Section */
        .about-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
        }

        .about-text {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .about-image {
            width: 100%;
            height: auto;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }

        /* Benefits Section */
        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
        }

        .benefit-card {
            background: #FFFFFF;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            text-align: center;
            transition: transform 0.3s ease;
        }

        .benefit-card:hover {
            transform: translateY(-5px);
        }

        .benefit-icon {
            width: 80px;
            height: 80px;
            background: #E6ECF3;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            font-size: 2rem;
            color: #005BBB;
        }

        .benefit-card h3 {
            color: #2B3A67;
            margin-bottom: 1rem;
            font-size: 1.3rem;
        }

        /* Services Section */
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
        }

        .service-card {
            background: #FFFFFF;
            padding: 2.5rem;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            text-align: center;
            border: 3px solid transparent;
            transition: all 0.3s ease;
        }

        .service-card:hover {
            border-color: #005BBB;
            transform: translateY(-5px);
        }

        .service-card.featured {
            border-color: #005BBB;
            position: relative;
        }

        .service-card.featured::before {
            content: "Popular";
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
            background: #005BBB;
            color: white;
            padding: 5px 15px;
            border-radius: 15px;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .service-price {
            font-size: 2.5rem;
            color: #005BBB;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        .service-title {
            font-size: 1.5rem;
            color: #2B3A67;
            margin-bottom: 1rem;
            font-weight: 600;
        }

        .service-features {
            list-style: none;
            margin-bottom: 2rem;
        }

        .service-features li {
            padding: 0.5rem 0;
            border-bottom: 1px solid #E6ECF3;
        }

        .service-features li:last-child {
            border-bottom: none;
        }

        /* Process Section */
        .process-steps {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
        }

        .process-step {
            text-align: center;
            position: relative;
        }

        .step-number {
            width: 60px;
            height: 60px;
            background: #005BBB;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            font-size: 1.5rem;
            font-weight: 700;
        }

        .process-step h3 {
            color: #2B3A67;
            margin-bottom: 1rem;
            font-size: 1.3rem;
        }

        /* Trust Section */
        .trust-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }

        .partner-logo {
            background: #FFFFFF;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            text-align: center;
            color: #2B3A67;
            font-weight: 600;
        }

        .testimonials {
            background: #FFFFFF;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
        }

        .testimonial {
            margin-bottom: 2rem;
        }

        .testimonial:last-child {
            margin-bottom: 0;
        }

        .testimonial-text {
            font-style: italic;
            margin-bottom: 1rem;
            color: #666;
        }

        .testimonial-author {
            font-weight: 600;
            color: #2B3A67;
        }

        /* Form Section */
        .form-container {
            background: #FFFFFF;
            padding: 3rem;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            max-width: 600px;
            margin: 0 auto;
        }

        .form-group {
            margin-bottom: 1.5rem;
        }

        .form-group label {
            display: block;
            margin-bottom: 0.5rem;
            color: #2B3A67;
            font-weight: 600;
        }

        .form-group input,
        .form-group select {
            width: 100%;
            padding: 12px;
            border: 2px solid #E6ECF3;
            border-radius: 8px;
            font-size: 1rem;
            transition: border-color 0.3s ease;
        }

        .form-group input:focus,
        .form-group select:focus {
            outline: none;
            border-color: #005BBB;
        }

        .checkbox-group {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
            margin-bottom: 1rem;
        }

        .checkbox-group input[type="checkbox"] {
            width: auto;
            margin-top: 0.2rem;
        }

        .checkbox-group label {
            margin-bottom: 0;
            font-weight: 400;
            line-height: 1.5;
            font-size: 0.9rem;
        }

        .submit-button {
            background: #005BBB;
            color: white;
            padding: 16px 32px;
            border: none;
            border-radius: 12px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 100%;
            box-shadow: 0 4px 15px rgba(0,91,187,0.3);
        }

        .submit-button:hover {
            background: #003D80;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0,91,187,0.4);
        }

        /* FAQ Section */
        .faq-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .faq-item {
            background: #FFFFFF;
            margin-bottom: 1rem;
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            overflow: hidden;
        }

        .faq-question {
            padding: 1.5rem;
            background: #E6ECF3;
            font-weight: 600;
            color: #2B3A67;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .faq-question:hover {
            background: #D6E3F0;
        }

        .faq-answer {
            padding: 1.5rem;
            color: #666;
            line-height: 1.6;
        }

        /* Contact Section */
        .contact-info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .contact-card {
            background: #FFFFFF;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            text-align: center;
            transition: transform 0.3s ease;
        }

        .contact-card:hover {
            transform: translateY(-5px);
        }

        .contact-icon {
            width: 80px;
            height: 80px;
            background: #E6ECF3;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            font-size: 2rem;
            color: #005BBB;
        }

        .contact-card h3 {
            color: #2B3A67;
            margin-bottom: 1rem;
            font-size: 1.3rem;
        }

        .contact-card a {
            color: #005BBB;
            text-decoration: none;
        }

        .contact-card a:hover {
            text-decoration: underline;
        }

        /* Footer */
        footer {
            background: #2B3A67;
            color: #FFFFFF;
            padding: 4rem 0 2rem;
            margin-top: 5rem;
        }

        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-bottom: 2rem;
        }

        .footer-section h3 {
            margin-bottom: 1rem;
            color: #FFFFFF;
        }

        .footer-section p {
            margin-bottom: 0.5rem;
            color: #E6ECF3;
        }

        .footer-section a {
            color: #E6ECF3;
            text-decoration: none;
        }

        .footer-section a:hover {
            color: #FFFFFF;
            text-decoration: underline;
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 0.5rem;
        }

        .footer-bottom {
            text-align: center;
            padding-top: 2rem;
            border-top: 1px solid #4A5A7A;
            color: #E6ECF3;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
                gap: 1rem;
            }

            .contact-info {
                flex-direction: column;
                gap: 1rem;
            }

            .hero h1 {
                font-size: 2rem;
            }

            .hero p {
                font-size: 1.1rem;
            }

            .section-title {
                font-size: 2rem;
            }

            .about-content {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .trust-content {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .services-grid {
                grid-template-columns: 1fr;
            }

            .benefits-grid {
                grid-template-columns: 1fr;
            }

            .process-steps {
                grid-template-columns: 1fr;
            }

            .partners-logos {
                grid-template-columns: 1fr;
            }

            .contact-info-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 480px) {
            .container {
                padding: 0 15px;
            }

            .hero {
                padding: 100px 0 60px;
            }

            .hero h1 {
                font-size: 1.8rem;
            }

            .section {
                padding: 60px 0;
            }

            .section-title {
                font-size: 1.6rem;
            }

            .form-container {
                padding: 1.5rem;
            }
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header>
        <div class="container">
            <div class="header-content">
                <div class="logo">FinAudit Pro</div>
                <div class="contact-info">
                    <a href="tel:+16048325471" class="contact-item">+1 (604) 832-5471</a>
                    <a href="mailto:info@domain.com" class="contact-item">info@domain.com</a>
                </div>
            </div>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <h1>Professional Financial Stability Support</h1>
            <p>We provide comprehensive financial audit services to improve your financial well-being and achieve stability</p>
            <a href="#order-form" class="cta-button">Get Consultation</a>
            
        </div>
    </section>

    <!-- About Company -->
    <section class="section">
        <div class="container">
            <h2 class="section-title">About Our Company</h2>
            <p class="section-subtitle">We are a team of professionals in financial audit, supporting clients in their pursuit of financial stability</p>
            <div class="about-content">
                <div class="about-text">
                    <p>Our company specializes in providing high-quality financial audit services aimed at supporting the overall financial well-being of our clients. We work with individuals and organizations, helping them achieve financial stability through professional analysis and consulting.</p>
                    <p>Our experts have years of experience in financial planning and auditing. We adhere to strict quality and ethical standards, ensuring confidentiality and professional approach to each client.</p>
                    <p>Our mission is to help you improve your financial position through a comprehensive approach to analysis and planning, contributing to achieving long-term financial stability.</p>
                </div>
                <div>
                    <img src="./img/7GlvOL.jpg" alt="Financial Experts Team" class="about-image">
                </div>
            </div>
        </div>
    </section>

    <!-- Benefits -->
    <section class="section section-alt">
        <div class="container">
            <h2 class="section-title">Our Advantages</h2>
            <p class="section-subtitle">Why clients choose us for financial stability support</p>
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">📊</div>
                    <h3>Professional Analysis</h3>
                    <p>In-depth financial analysis using modern methods and approaches to improve financial well-being</p>
                </div>
                <div class="benefit-card">
                    <div class="benefit-icon">🎯</div>
                    <h3>Individual Approach</h3>
                    <p>Each client receives personalized recommendations that take into account their unique needs and goals</p>
                </div>
                <div class="benefit-card">
                    <div class="benefit-icon">🛡️</div>
                    <h3>Confidentiality</h3>
                    <p>Strict compliance with confidentiality and protection of personal data of our clients</p>
                </div>
                
            </div>
        </div>
    </section>

    <!-- Services and Prices -->
    <section class="section">
        <div class="container">
            <h2 class="section-title">Our Services and Prices</h2>
            <p class="section-subtitle">Choose the right service package to support your financial stability</p>
            <div class="services-grid">
                <div class="service-card">
                    <div class="service-price">$299</div>
                    <h3 class="service-title">Basic Audit</h3>
                    <ul class="service-features">
                        <li>Analysis of current financial condition</li>
                        <li>Basic improvement recommendations</li>
                        <li>Written report</li>
                        <li>One consultation</li>
                    </ul>
                    <a href="#order-form" class="cta-button">Choose</a>
                </div>
                <div class="service-card featured">
                    <div class="service-price">$599</div>
                    <h3 class="service-title">Extended Audit</h3>
                    <ul class="service-features">
                        <li>Complete financial analysis</li>
                        <li>Detailed improvement plan</li>
                        <li>Comprehensive report with recommendations</li>
                        <li>Three consultations</li>
                        <li>3-month support</li>
                    </ul>
                    <a href="#order-form" class="cta-button">Choose</a>
                </div>
                <div class="service-card">
                    <div class="service-price">$999</div>
                    <h3 class="service-title">Corporate Audit</h3>
                    <ul class="service-features">
                        <li>Comprehensive corporate analysis</li>
                        <li>Strategic planning</li>
                        <li>Complete document package</li>
                        <li>Unlimited consultations</li>
                        <li>One-year support</li>
                        <li>Personal manager</li>
                    </ul>
                    <a href="#order-form" class="cta-button">Choose</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Work Process -->
    <section class="section section-alt">
        <div class="container">
            <h2 class="section-title">Work Process</h2>
            <p class="section-subtitle">How we work with clients to achieve financial stability</p>
            <div class="process-steps">
                <div class="process-step">
                    <div class="step-number">1</div>
                    <h3>Analysis</h3>
                    <p>We conduct a detailed analysis of your current financial condition, studying all aspects of financial well-being</p>
                </div>
                <div class="process-step">
                    <div class="step-number">2</div>
                    <h3>Audit</h3>
                    <p>We perform a comprehensive audit using professional methods and financial analysis standards</p>
                </div>
                <div class="process-step">
                    <div class="step-number">3</div>
                    <h3>Report</h3>
                    <p>We prepare a detailed report with recommendations for improving financial condition and achieving stability</p>
                </div>
                <div class="process-step">
                    <div class="step-number">4</div>
                    <h3>Support</h3>
                    <p>We provide ongoing support and consultations to implement recommendations and achieve goals</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Trust Block -->
    <section class="section">
        <div class="container">
            <h2 class="section-title">Client Trust</h2>
            <p class="section-subtitle">Trusted by individuals and organizations</p>
            <div class="trust-content">
                <div class="partners-logos">
                    <div class="partner-logo">
                        <img src="./img/CQh2Fm.jpg" alt="Partner 1" style="width: 100%; height: auto; border-radius: 8px;">
                    </div>
                    <div class="partner-logo">
                        <img src="./img/ffRETT.jpg" alt="Partner 2" style="width: 100%; height: auto; border-radius: 8px;">
                    </div>
                </div>
                <div class="testimonials">
                    <div class="testimonial">
                        <div class="testimonial-text">"Professional approach to financial analysis helped us significantly improve our financial well-being. The recommendations were clear and practical."</div>
                        <div class="testimonial-author">— Michael K., private client</div>
                    </div>
                    <div class="testimonial">
                        <div class="testimonial-text">"Thanks to the comprehensive audit, we were able to optimize our financial processes and achieve greater stability. The team showed high professionalism."</div>
                        <div class="testimonial-author">— Anna S., company director</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Order Form -->
    <section id="order-form" class="section section-alt">
        <div class="container">
            <h2 class="section-title">Order Service</h2>
            <p class="section-subtitle">Leave a request and we will contact you to discuss the details</p>
            <div class="form-container">
                <form action="./send-form.php" method="POST">
                    <div class="form-group">
                        <label for="name">Name *</label>
                        <input type="text" id="name" name="name" required>
                    </div>
                    <div class="form-group">
                        <label for="phone">Phone *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                    <div class="form-group">
                        <label for="service">Choose Service</label>
                        <select id="service" name="service">
                            <option value="">Select service</option>
                            <option value="basic">Basic Audit ($299)</option>
                            <option value="extended">Extended Audit ($599)</option>
                            <option value="corporate">Corporate Audit ($999)</option>
                        </select>
                    </div>
                    <div class="checkbox-group">
                        <input type="checkbox" id="privacy" name="privacy" required>
                        <label for="privacy">I agree to the <a href="./privacy-policy.html">Privacy Policy</a> *</label>
                    </div>
                    <div class="checkbox-group">
                        <input type="checkbox" id="disclaimer" name="disclaimer" required>
                        <label for="disclaimer">I agree to the <a href="./disclaimer.html">Disclaimer</a> *</label>
                    </div>
                    <button type="submit" class="submit-button">Send Request</button>
                </form>
            </div>
        </div>
    </section>

    <!-- FAQ -->
    <section class="section">
        <div class="container">
            <h2 class="section-title">Frequently Asked Questions</h2>
            <div class="faq-container">
                <div class="faq-item">
                    <div class="faq-question">What does a financial audit include?</div>
                    <div class="faq-answer">Financial audit includes a comprehensive analysis of your financial condition, assessment of current processes, and providing recommendations for improving financial well-being.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">How long does the audit process take?</div>
                    <div class="faq-answer">Duration depends on the selected service package. Basic audit takes 1-2 weeks, extended — 2-3 weeks, corporate — 3-4 weeks.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Do you guarantee confidentiality?</div>
                    <div class="faq-answer">Yes, we strictly comply with confidentiality policy and protect all personal data of our clients in accordance with applicable legislation.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Can I get consultation before ordering?</div>
                    <div class="faq-answer">Of course! We provide free preliminary consultation to discuss your needs and choose the appropriate service package.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">How is payment for services made?</div>
                    <div class="faq-answer">Payment is made after signing the contract. We accept various payment methods and provide flexible terms for corporate clients.</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Contacts -->
    <section class="section section-alt">
        <div class="container">
            <h2 class="section-title">Contacts</h2>
            <p class="section-subtitle">Contact us for professional support</p>
            <div class="contact-info-grid">
                <div class="contact-card">
                    <div class="contact-icon">📍</div>
                    <h3>Address</h3>
                    <p>3427 Bayview St<br>Vancouver, BC V6K 1A3<br>Canada</p>
                </div>
                <div class="contact-card">
                    <div class="contact-icon">📞</div>
                    <h3>Phone</h3>
                    <p><a href="tel:+16048325471">+1 (604) 832-5471</a></p>
                </div>
                <div class="contact-card">
                    <div class="contact-icon">✉️</div>
                    <h3>Email</h3>
                    <p><a href="mailto:info@domain.com">info@domain.com</a></p>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>FinAudit Pro</h3>
                    <p>We are a team of professionals in financial audit, supporting clients in their pursuit of financial stability.</p>
                </div>
                <div class="footer-section">
                    <h3>Contacts</h3>
                    <p>3427 Bayview St, Vancouver, BC V6K 1A3, Canada</p>
                    <p><a href="tel:+16048325471">+1 (604) 832-5471</a></p>
                    <p><a href="mailto:info@domain.com">info@domain.com</a></p>
                </div>
                <div class="footer-section">
                    <h3>Legal Information</h3>
                    <ul class="footer-links">
                        <li><a href="./privacy-policy.html">Privacy Policy</a></li>
                        <li><a href="./cookie-policy.html">Cookie Policy</a></li>
                        <li><a href="./terms.html">Terms of Use</a></li>
                        <li><a href="./disclaimer.html">Disclaimer</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 FinAudit Pro. All rights reserved.</p>
            </div>
        </div>
    </footer>
</body>
</html>