<div class="wrap" id="dk-speakout-upgrade">
    <div class="upgrade-header">
        <h1>Supercharge Your Campaigns with SpeakOut! Pro</h1>
        <p class="intro">Ready to turn your passion into a powerful movement? SpeakOut! Pro provides the advanced tools you need to dramatically grow your supporter base, drive meaningful action, and manage your campaigns with professional efficiency. Stop just collecting signatures and start building a real community.</p>
    </div>

    <div class="upgrade-main">
        <div class="upgrade-features">
            
            <div class="feature-comparison">
                <h2>Pro Features Unlock Your Campaign's Potential</h2>
                <table>
                    <thead>
                        <tr>
                            <th>Feature</th>
                            <th>Benefit</th>
                            <th>Free</th>
                            <th>Pro</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><strong>Unlimited Petitions</strong></td>
                            <td>Run as many campaigns as you need to achieve your goals.</td>
                            <td>1</td>
                            <td><span class="dashicons dashicons-yes"></span></td>
                        </tr>
                        <tr>
                            <td><strong>Email Service Integration</strong></td>
                            <td>Automatically grow your mailing list and nurture supporters.</td>
                            <td><span class="dashicons dashicons-no-alt"></span></td>
                            <td><span class="dashicons dashicons-yes"></span></td>
                        </tr>
                        <tr>
                            <td><strong>13 Custom Fields</strong></td>
                            <td>Collect the precise data you need from your signatories.</td>
                            <td><span class="dashicons dashicons-no-alt"></span></td>
                            <td><span class="dashicons dashicons-yes"></span></td>
                        </tr>
                        <tr>
                            <td><strong>reCAPTCHA / hCaptcha</strong></td>
                            <td>Protect your petitions from spam and ensure data integrity.</td>
                            <td><span class="dashicons dashicons-no-alt"></span></td>
                            <td><span class="dashicons dashicons-yes"></span></td>
                        </tr>
                        <tr>
                            <td><strong>Advanced Export Filters</strong></td>
                            <td>Save time by exporting only the signatures you need.</td>
                            <td><span class="dashicons dashicons-no-alt"></span></td>
                            <td><span class="dashicons dashicons-yes"></span></td>
                        </tr>
                        <tr>
                            <td><strong>Custom Petition Themes</strong></td>
                            <td>Match your brand and create a seamless user experience.</td>
                            <td><span class="dashicons dashicons-no-alt"></span></td>
                            <td><span class="dashicons dashicons-yes"></span></td>
                        </tr>
                        <tr>
                            <td><strong>Priority Support</strong></td>
                            <td>Get faster, dedicated help when you need it most.</td>
                            <td><span class="dashicons dashicons-no-alt"></span></td>
                            <td><span class="dashicons dashicons-yes"></span></td>
                        </tr>
                    </tbody>
                </table>
            </div>

        </div>

        <div class="upgrade-sidebar">
            <div class="upgrade-cta-box">
                <h3>Get SpeakOut! Pro Today</h3>
                <div class="cta-benefits">
                    <p><strong>✓ Unlimited Campaigns</strong></p>
                    <p><strong>✓ Automated List Building</strong></p>
                    <p><strong>✓ Priority Support</strong></p>
                </div>
                <a href="https://speakoutpetitions.com/product/speakout-wordpress-petition-plugin-upgrade/" target="_blank" class="button button-primary button-hero">Unlock Pro Features Now</a>
                <p class="deal-urgency">Special introductory price available for a limited time!</p>
            </div>

            <div class="testimonial-box">
                <h3>What Our Users Say</h3>
                <p>"Your plugin is great! We used it to protest the Swedish government to better protect our rivers. 8000 signatures was an amazing result for us and we’re planning to run a new petition soon. Thanks again!"</p>
                <p><em>Anders</em></p>
            </div>
            
            
            <div class="license-key-box">
                 <h4>Already have a license key?</h4>
                 <p><a href="https://speakoutpetitions.com/faqconc/how-do-i-upgrade-my-site-to-pro/" target="_blank">Read this guide</a> on how to activate it.</p>
            </div>
        </div>
    </div>
</div>

<style>
    #dk-speakout-upgrade .upgrade-header {
        text-align: center;
        margin-bottom: 40px;
    }
    #dk-speakout-upgrade .upgrade-header h1 {
        font-size: 2.5em;
        color: #2c3e50;
    }
    #dk-speakout-upgrade .upgrade-header .intro {
        font-size: 1.2em;
        max-width: 800px;
        margin: 10px auto 0;
        color: #555;
    }
    #dk-speakout-upgrade .upgrade-main {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-gap: 30px;
    }
    #dk-speakout-upgrade .upgrade-features h2 {
        font-size: 2em;
        margin-bottom: 20px;
        text-align: center;
    }
    #dk-speakout-upgrade .upgrade-sidebar .upgrade-cta-box {
        background: #46a35e;
        color: #fff;
        padding: 25px;
        text-align: center;
        border-radius: 4px;
        border: 2px solid #3c8a50;
    }
    #dk-speakout-upgrade .upgrade-sidebar .upgrade-cta-box h3 {
        color: #fff;
        margin-top: 0;
        font-size: 1.7em;
    }
    #dk-speakout-upgrade .upgrade-sidebar .cta-benefits {
        margin: 20px 0;
        text-align: left;
        display: inline-block;
    }
    #dk-speakout-upgrade .upgrade-sidebar .cta-benefits p {
        font-size: 1.1em;
        margin: 5px 0;
    }
    #dk-speakout-upgrade .upgrade-sidebar .upgrade-cta-box .button-hero {
        font-size: 1.3em;
        height: auto;
        line-height: 1.5;
        background-color: #ffb900;
        border-color: #e0a800;
        box-shadow: 0 2px 0 #e0a800;
        text-shadow: none;
    }
    #dk-speakout-upgrade .upgrade-sidebar .deal-urgency {
        font-style: italic;
        margin-top: 15px;
        font-size: 0.9em;
    }
    #dk-speakout-upgrade .testimonial-box, 
    #dk-speakout-upgrade .guarantee-box,
    #dk-speakout-upgrade .license-key-box {
        background: #fff;
        padding: 25px;
        border: 1px solid #ddd;
        margin-top: 20px;
        text-align: center;
    }
    #dk-speakout-upgrade .testimonial-box p:first-of-type {
        font-style: italic;
        font-size: 1.1em;
    }
    #dk-speakout-upgrade .testimonial-box p:last-of-type {
        font-weight: bold;
        margin-top: 15px;
    }
    #dk-speakout-upgrade .guarantee-box .dashicons {
        font-size: 48px;
        width: 48px;
        height: 48px;
        color: #46a35e;
    }
    #dk-speakout-upgrade .feature-comparison table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
        background: #fff;
        border: 1px solid #ddd;
    }
    #dk-speakout-upgrade .feature-comparison th, 
    #dk-speakout-upgrade .feature-comparison td {
        border: 1px solid #ddd;
        padding: 12px 15px;
        text-align: left;
    }
    #dk-speakout-upgrade .feature-comparison td:nth-child(3),
    #dk-speakout-upgrade .feature-comparison td:nth-child(4) {
        text-align: center;
    }
    #dk-speakout-upgrade .feature-comparison th {
        background-color: #f5f5f5;
    }
    #dk-speakout-upgrade .feature-comparison .dashicons-yes {
        color: #46a35e;
        font-size: 20px;
    }
    #dk-speakout-upgrade .feature-comparison .dashicons-no-alt {
        color: #ca4a1f;
        font-size: 20px;
    }
</style>