.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        :root {
            --lp-gold: #b38e44;
            --lp-blue: #1a2b3c;
            --lp-sand: #f9f7f2;
            --lp-white: #ffffff;
            --lp-text: #2c2c2c;
            --lp-gray: #757575;
        }

        .lp-wrapper {
            background-color: var(--lp-white);
            color: var(--lp-text);
            font-family: 'Helvetica Neue', Arial, sans-serif;
            line-height: 1.7;
            margin: 0;
            overflow-x: hidden;
        }

        /* Clean Navigation */
        .lp-header {
            position: sticky;
            top: 0;
            z-index: 1000;
            background: rgba(255, 255, 255, 0.95);
            border-bottom: 1px solid #eee;
            padding: 15px 0;
        }

        .lp-nav {
            max-width: 1100px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            gap: 25px;
        }

        .lp-nav a {
            text-decoration: none;
            color: var(--lp-blue);
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Hero Section - Airy & Bright */
        .lp-hero {
            padding: 120px 20px;
            text-align: center;
            background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), 
                        url('https://images.unsplash.com/photo-1519046904884-53103b34b206?auto=format&fit=crop&q=80');
            background-size: cover;
            background-position: center;
        }

        .lp-hero h1 {
            font-size: clamp(2.5rem, 6vw, 4rem);
            color: var(--lp-blue);
            margin-bottom: 20px;
            line-height: 1.1;
        }

        .lp-hero p {
            font-size: 1.25rem;
            color: var(--lp-gray);
            max-width: 700px;
            margin: 0 auto 40px;
        }

        /* Clean Grid */
        .lp-section {
            padding: 100px 20px;
            max-width: 1100px;
            margin: 0 auto;
        }

        .lp-bg-sand { background-color: var(--lp-sand); }

        .lp-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 40px;
            margin-top: 50px;
        }

        .lp-feature {
            background: var(--lp-white);
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        }

        .lp-feature h3 {
            color: var(--lp-gold);
            text-transform: uppercase;
            font-size: 18px;
            margin-bottom: 15px;
        }

        /* Pricing Table - Professional */
        .lp-pricing {
            background: var(--lp-white);
            border: 1px solid #eee;
            border-radius: 12px;
            padding: 60px;
            text-align: center;
            max-width: 600px;
            margin: 40px auto;
        }

        .lp-price {
            font-size: 3.5rem;
            font-weight: 700;
            color: var(--lp-blue);
            margin: 20px 0;
        }

        /* High-Conversion Buttons */
        .lp-btn {
            display: inline-block;
            padding: 20px 45px;
            background-color: var(--lp-gold);
            color: var(--lp-white);
            text-decoration: none;
            font-weight: 700;
            border-radius: 4px;
            text-transform: uppercase;
            transition: 0.3s ease;
        }

        .lp-btn:hover {
            background-color: var(--lp-blue);
            transform: translateY(-2px);
        }

        .lp-btn-outline {
            background: transparent;
            border: 2px solid var(--lp-blue);
            color: var(--lp-blue);
            margin-left: 10px;
        }

        /* Mobile Optimization */
        @media (max-width: 768px) {
            .lp-hero { padding: 80px 20px; }
            .lp-nav { gap: 15px; font-size: 11px; }
            .lp-btn-outline { margin-left: 0; margin-top: 15px; }
        }
    </style>
</head>
<body class="lp-wrapper">

    <header class="lp-header">
        <nav class="lp-nav">
            <a href="#about">The Vision</a>
            <a href="#itinerary">Experience</a>
            <a href="#pricing">Secure Spot</a>
            <a href="https://wa.me/YOUR_LINK">WhatsApp</a>
        </nav>
    </header>

    <section class="lp-hero">
        <h1>Juneteenth in Panama:<br>A Lifestyle Preview</h1>
        <p>A curated 4-day experience for entrepreneurs and couples to explore beachfront living and high-standard networking.</p>
        <div>
            <a href="#pricing" class="lp-btn">Secure Your Deposit</a>
            <a href="https://wa.me/YOUR_LINK" class="lp-btn lp-btn-outline">Ask a Question</a>
        </div>
    </section>

    <section id="about" class="lp-section">
        <div style="text-align:center;">
            <h2 style="color: var(--lp-blue); text-transform: uppercase;">Not a Vacation. A Preview of Possibility.</h2>
            <p style="max-width: 800px; margin: 20px auto;">Get a real feel for how the Panama lifestyle looks through the eyes of those already building here[cite: 82, 83]. No brochures—just authentic access.</p>
        </div>
        <div class="lp-grid">
            <div class="lp-feature">
                <h3>Networking</h3>
                <p>Connect with a curated circle of ambitious founders and professionals[cite: 4, 92].</p>
            </div>
            <div class="lp-feature">
                <h3>Contrast</h3>
                <p>Experience the tranquility of the beach and the electric energy of Casco Viejo[cite: 130, 132].</p>
            </div>
            <div class="lp-feature">
                <h3>Environment</h3>
                <p>Space to think, room to breathe, and high-quality local interactions[cite: 121, 126].</p>
            </div>
        </div>
    </section>

    <section id="itinerary" class="lp-bg-sand lp-section">
        <h2 style="text-align:center; color: var(--lp-blue);">The 4-Day Flow [cite: 114]</h2>
        <div class="lp-grid">
            <div class="lp-feature">
                <strong>Day 1</strong>
                <h3>Arrival</h3>
                <p>Airport coordination and a private welcome dinner[cite: 114].</p>
            </div>
            <div class="lp-feature">
                <strong>Day 2</strong>
                <h3>Beach Life</h3>
                <p>Coastal exploration and unforced conversations by the water[cite: 114, 121].</p>
            </div>
            <div class="lp-feature">
                <strong>Day 3</strong>
                <h3>City Energy</h3>
                <p>Curated day trip to Panama City and Casco Viejo rooftops[cite: 114, 132].</p>
            </div>
        </div>
    </section>

    <section id="pricing" class="lp-section">
        <div class="lp-pricing">
            <h2 style="color: var(--lp-blue);">Secure Your Spot</h2>
            <p>Limited June 2026 group. Spots are secured by deposit[cite: 161].</p>
            <div class="lp-price">$2,500</div>
            <p style="font-weight: 700;">$1,000 Deposit Due Today [cite: 163]</p>
            <p style="color: var(--lp-gray); margin-bottom: 30px;">Remaining balance due 14 days before arrival[cite: 163].</p>
            <a href="#" class="lp-btn">Pay Deposit Now</a>
        </div>
        <p style="text-align:center; color: var(--lp-gray); font-size: 14px;">
            Deposits are non-refundable but transferable[cite: 20]. Serious inquiries only[cite: 166].
        </p>
    </section>

    <footer style="padding: 40px; text-align: center; border-top: 1px solid #eee;">
        <p style="font-size: 12px; color: var(--lp-gray); letter-spacing: 1px;">
            &copy; 2026 LIVEPTY PANAMA. DESIGNED FOR THE CURATED LIFESTYLE[cite: 15, 36].
        </p>
    </footer>

</body>
</html>/* End custom CSS */