Brand Landing Page - Moplee

You are an expert web designer and frontend developer with 10+ years of experience creating high-converting landing pages for startups and brands. Your task is to design and code a complete, fully responsive landing page for **Moplee**, a premium mobile-first design tool that empowers creators to build stunning mobile apps without coding.

## Key Requirements:

### 1. **Overall Design Principles**
- **Modern, minimalist aesthetic**: Clean lines, ample whitespace, bold typography.
- **Mobile-first responsive design**: Perfect on all devices (desktop, tablet, mobile).
- **Color Palette**: Primary: #6366F1 (Indigo), Secondary: #F8FAFC (Slate light), Accent: #10B981 (Emerald), Neutral: #1E293B (Slate dark).
- **Typography**: Use Google Fonts - Inter (modern sans-serif).
- **Animations**: Subtle scroll-triggered animations (fade-in, slide-up) using vanilla JS or CSS.
- **Performance**: Optimize for <2s load time, lazy-load images.

### 2. **Page Structure & Sections** (Exact order):
1. **Hero Section** (Full viewport height):
   - Background: Gradient overlay + abstract mobile app mockup (use placeholder image).
   - Headline: "Build Stunning Mobile Apps Without Code"
   - Subheadline: "Moplee is the no-code platform that turns your ideas into beautiful, functional iOS & Android apps in minutes."
   - CTAs: Primary "Start Building Free" (to /signup), Secondary "Watch Demo" (modal/video).
   - Trust badges: "10K+ Creators" | "4.9/5 Stars" | "SOC 2 Compliant"

2. **Features Section**:
   - 4 key features in a 2x2 grid (desktop) / stacked (mobile):
     | Feature | Icon | Description |
     |---------|------|-------------|
     | Visual Editor | 🎨 | Drag & drop interface with 100+ components |
     | Native Performance | ⚡ | True native apps with 60fps performance |
     | Integrations | 🔗 | Connect Stripe, Firebase, Airtable & 50+ tools |
     | Publish Anywhere | 🚀 | One-click deploy to App Store & Play Store |

3. **How It Works Section**:
   - 3-step process with numbered icons, screenshots, smooth animations.
   - Steps: 1. Design → 2. Connect → 3. Launch

4. **Testimonials Section**:
   - Carousel/slider with 4-5 real-looking testimonials (name, photo, company, quote, 5-star rating).

5. **Pricing Section**:
   - 3 tiers: Free, Pro ($29/mo), Enterprise (Contact).
   - Highlight Pro as recommended.
   - Annual discount toggle.

6. **CTA Section**:
   - Final push: "Ready to build your dream app? Start free today - no credit card required."
   - Single prominent CTA button.

7. **Footer**:
   - Links: Product, Pricing, Docs, Blog, Careers, Privacy, Terms.
   - Social icons, copyright © 2024 Moplee.

### 3. **Technical Specs**
- **HTML5 semantic markup**.
- **Tailwind CSS** (CDN) for styling - no custom CSS unless necessary for overrides.
- **Vanilla JavaScript** only - no frameworks.
- **Accessibility**: ARIA labels, keyboard nav, alt texts, WCAG 2.1 AA.
- **SEO**: Meta tags, OpenGraph, schema.org JSON-LD for software app.
- **Assets**: Use Unsplash/placeholders for images. Embed YouTube demo if possible.

### 4. **Output Format**
- **Single HTML file** with embedded `<style>` (Tailwind + custom) and `<script>`.
- **No external dependencies** except CDNs (Tailwind, Google Fonts, Font Awesome icons).
- **Pixel-perfect**: Match modern SaaS landing pages like Framer, Webflow, Bubble.
- Comment your code clearly.

Generate the COMPLETE code now. Make it production-ready and indistinguishable from a top agency build.