<div class="tools-grid">
    <div class="tool-card">
        <div class="card-header">
            <div class="card-icon">📝</div>
            <div>
                <div class="card-title">SEO Article Writing</div>
                <div class="card-category">Content</div>
            </div>
        </div>
        <div class="card-desc">High-quality, SEO-optimized articles for your blog. Research-backed, properly structured with headings, meta descriptions, and internal links. Ready to publish.</div>
        <div class="card-meta">
            <span class="card-price">From $15</span>
            <span>800-5000 words</span>
            <span>2-5 day delivery</span>
        </div>
    </div>
    <div class="tool-card">
        <div class="card-header">
            <div class="card-icon">🌐</div>
            <div>
                <div class="card-title">Hugo Website Building</div>
                <div class="card-category">Development</div>
            </div>
        </div>
        <div class="card-desc">Lightning-fast static websites built with Hugo. Scores 95+ on Google PageSpeed. Mobile responsive, SEO optimized, with free deployment included.</div>
        <div class="card-meta">
            <span class="card-price">From $80</span>
            <span>1-15+ pages</span>
            <span>3-14 day delivery</span>
        </div>
    </div>
    <div class="tool-card">
        <div class="card-header">
            <div class="card-icon">🤖</div>
            <div>
                <div class="card-title">AI Tools Setup</div>
                <div class="card-category">Consulting</div>
            </div>
        </div>
        <div class="card-desc">Overwhelmed by AI tools? We'll set up the right ones for your workflow. ChatGPT, Claude, automation tools — configured and optimized for your use case.</div>
        <div class="card-meta">
            <span class="card-price">From $30</span>
            <span>1-5 tools</span>
            <span>2-7 day delivery</span>
        </div>
    </div>
    <div class="tool-card">
        <div class="card-header">
            <div class="card-icon">⚡</div>
            <div>
                <div class="card-title">Website Speed & SEO Fix</div>
                <div class="card-category">Optimization</div>
            </div>
        </div>
        <div class="card-desc">Slow website killing your rankings? We optimize PageSpeed, fix technical SEO issues, compress images, and improve Core Web Vitals. Target: 90+ mobile score.</div>
        <div class="card-meta">
            <span class="card-price">From $25</span>
            <span>Audit + Fixes</span>
            <span>2-7 day delivery</span>
        </div>
    </div>
    <div class="tool-card">
        <div class="card-header">
            <div class="card-icon">🌐</div>
            <div>
                <div class="card-title">Chinese ↔ English Translation</div>
                <div class="card-category">Translation</div>
            </div>
        </div>
        <div class="card-desc">Native Chinese speaker fluent in English. Your content reads naturally — not robotic machine translation. Specializing in tech, business, and AI content.</div>
        <div class="card-meta">
            <span class="card-price">From $10/500 words</span>
            <span>1-3 day delivery</span>
        </div>
    </div>
</div>

<div style="background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 12px; padding: 40px; text-align: center; margin: 40px 0;">
    <h3 style="color: white; font-size: 1.5em; margin-bottom: 10px;">Ready to Get Started?</h3>
    <p style="opacity: 0.9; margin-bottom: 20px;">Tell us what you need and we'll get back to you within 2 hours.</p>
    <a href="mailto:zsq17372240519@gmail.com" style="display: inline-block; background: white; color: #667eea; padding: 12px 30px; border-radius: 8px; font-weight: 600; text-decoration: none;">Email Us →</a>
</div>

<div class="category-section">
    <h2>Why Choose Us?</h2>
    <div class="pros-cons-grid">
        <div class="pros-box">
            <h4>What You Get</h4>
            <ul>
                <li>Original, SEO-optimized content</li>
                <li>Fast turnaround (2-14 days)</li>
                <li>Revisions included</li>
                <li>Ready to publish format</li>
                <li>Ongoing support</li>
            </ul>
        </div>
        <div class="pros-box">
            <h4>Our Process</h4>
            <ul>
                <li>1. You describe your needs</li>
                <li>2. We research and plan</li>
                <li>3. AI-assisted drafting</li>
                <li>4. Human editing and QA</li>
                <li>5. Delivery and revisions</li>
            </ul>
        </div>
    </div>
</div>

<div class="faq-section">
    <h2>Frequently Asked Questions</h2>
    <details class="faq-item">
        <summary>Is the content AI-generated?</summary>
        <p>We use AI as a research and drafting tool, then heavily edit and fact-check manually. The result reads natural and passes AI detection. Every piece is reviewed by a human before delivery.</p>
    </details>
    <details class="faq-item">
        <summary>What topics do you cover?</summary>
        <p>We specialize in tech, AI, SaaS, productivity, and business topics. For other topics, please message us first to discuss.</p>
    </details>
    <details class="faq-item">
        <summary>Do you offer revisions?</summary>
        <p>Yes! All packages include revisions. Standard and Premium packages include 2-3 rounds of revisions.</p>
    </details>
    <details class="faq-item">
        <summary>How fast can you deliver?</summary>
        <p>Articles: 2-5 days. Websites: 3-14 days depending on complexity. Rush delivery available for an additional fee.</p>
    </details>
    <details class="faq-item">
        <summary>What format do you deliver in?</summary>
        <p>Articles: Markdown files ready for any CMS (WordPress, Ghost, Hugo, etc.). Websites: Complete Hugo project files or deployed to your hosting.</p>
    </details>
</div>