<div style="width: 810px; height: 562px; padding-top: 32px; background: #F6F6F4; flex-direction: column; justify-content: flex-start; align-items: center; display: inline-flex">
    <div style="width: 768px; padding-bottom: 40px; padding-left: 32px; padding-right: 32px; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
        <div style="flex: 1 1 0; flex-direction: column; justify-content: flex-start; align-items: center; gap: 32px; display: inline-flex">
            <div style="align-self: stretch; height: 121px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 8px; display: flex">
                <div style="align-self: stretch; text-align: center; color: #241C15; font-size: 36px; font-family: 'Means Web'; font-weight: 400; line-height: 40.50px; word-wrap: break-word">Get started today for just <div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex">
                        <div style="color: #241C15; font-size: 36px; font-family: 'Means Web'; font-weight: 400; line-height: 40px; word-wrap: break-word"><span id="mc_promo_first_month_price">$1*</span></div>
                        <div style="align-self: stretch;height: 0px;border: 4px #FFE01B solid;"></div>
                    </div>
                </div>
                <div style="width: 562px; text-align: center">
                    <span style="color: #241C15; font-size: 16px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 24px; word-wrap: break-word">Find out why customers see up to 24x ROI* using our Standard plan with a risk-free, 1-month trial for just $1. Or, try the </span>
                    <a target="_blank" href="https://mailchimp.com/pricing/essentials-details/" style="color: #241C15; font-size: 16px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; text-decoration: underline; line-height: 24px; word-wrap: break-word;">Essentials</a>
                    <span style="color: #241C15; font-size: 16px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 24px; word-wrap: break-word"> plan for the same low price. Cancel or downgrade to a </span>
                    <a target="_blank" href="https://mailchimp.com/pricing/free-details/" style="color: #241C15; font-size: 16px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; text-decoration: underline; line-height: 24px; word-wrap: break-word">Free</a>
                    <span style="color: #241C15; font-size: 16px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 24px; word-wrap: break-word"> plan at any time.</span>
                </div>
            </div>
            <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 48px; display: inline-flex">
                <div class="mc-promo-checks">
                    <div class="mc-promo-check-wrapper">
                        <div class="mc-promo-check">
                            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3536 3.85356L5.00004 9.20711L2.39648 6.60356L3.10359 5.89645L5.00004 7.7929L9.64648 3.14645L10.3536 3.85356Z" fill="#241C15"/>
                            </svg>
                        </div>
                        <div class="mc-promo-check-text">Custom-coded email templates</div>
                    </div>
                    <div class="mc-promo-check-wrapper">
                        <div class="mc-promo-check">
                            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3536 3.85356L5.00004 9.20711L2.39648 6.60356L3.10359 5.89645L5.00004 7.7929L9.64648 3.14645L10.3536 3.85356Z" fill="#241C15"/>
                            </svg>
                        </div>
                        <div class="mc-promo-check-text">Generative AI features</div>
                    </div>
                    <div class="mc-promo-check-wrapper">
                        <div class="mc-promo-check">
                            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3536 3.85356L5.00004 9.20711L2.39648 6.60356L3.10359 5.89645L5.00004 7.7929L9.64648 3.14645L10.3536 3.85356Z" fill="#241C15"/>
                            </svg>
                        </div>
                        <div class="mc-promo-check-text">Advanced segmentation & reporting</div>
                    </div>
                    <div class="mc-promo-check-wrapper">
                        <div class="mc-promo-check">
                            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3536 3.85356L5.00004 9.20711L2.39648 6.60356L3.10359 5.89645L5.00004 7.7929L9.64648 3.14645L10.3536 3.85356Z" fill="#241C15"/>
                            </svg>
                        </div>
                        <div class="mc-promo-check-text">Data-driven optimization tools</div>
                    </div>
                    <div class="mc-promo-check-wrapper">
                        <div class="mc-promo-check">
                            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3536 3.85356L5.00004 9.20711L2.39648 6.60356L3.10359 5.89645L5.00004 7.7929L9.64648 3.14645L10.3536 3.85356Z" fill="#241C15"/>
                            </svg>
                        </div>
                        <div class="mc-promo-check-text">Enhanced automations</div>
                    </div>
                    <div class="mc-promo-check-wrapper">
                        <div class="mc-promo-check">
                            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3536 3.85356L5.00004 9.20711L2.39648 6.60356L3.10359 5.89645L5.00004 7.7929L9.64648 3.14645L10.3536 3.85356Z" fill="#241C15"/>
                            </svg>
                        </div>
                        <div class="mc-promo-check-text">Personalized onboarding</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="align-self: stretch; height: 190px; padding-bottom: 56px; padding-left: 48px; padding-right: 48px; flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 8px; display: flex">
        <div style="align-self: stretch; height: 190px; padding-top: 32px; padding-bottom: 24px; padding-left: 32px; padding-right: 32px; background: white; box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.10); border: none; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex">
            <div style="align-self: stretch; justify-content: space-between; align-items: flex-start; display: inline-flex">
                <div style="width: 279px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 22px; display: inline-flex">
                    <div style="align-self: stretch; height: 68px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: flex">
                        <div style="justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex">
                            <div style="color: #241C15; font-size: 32px; font-family: 'Means Web'; font-weight: 400; line-height: 40px; word-wrap: break-word">Standard</div>
                        </div>
                        <div style="color: #403B3B; font-size: 13px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 20px; word-wrap: break-word">Send up to <span class="mc_send_up_to">6,000</span> emails each month.</div>
                    </div>

                    <form style="align-self: stretch; height: 44px; padding-top: 8px; padding-bottom: 8px; padding-left: 16px; padding-right: 8px; background: white; border: 1px rgba(36, 28, 21, 0.30) solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex">
                        <label for="number_of_contacts" style="display:none; flex: 1 1 0; color: #241C15; font-size: 13px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 20px; word-wrap: break-word">Contacts</label>
                        <div class="mc-wc-select-wrapper" style="width:100%">
                            <div style="width: 100%; align-self: stretch; padding-top: 8px; padding-bottom: 8px; padding-left: 16px; padding-right: 8px; background: white; border: 1px rgba(36, 28, 21, 0.30) solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex">
                                <div style="flex: 1 1 0; color: #241C15; font-size: 13px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 20px; word-wrap: break-word">Contacts</div>
                                <div class="mc_contacts" style="color: #241C15; font-size: 22px; font-family: 'Means Web'; font-weight: 400; line-height: 28px; word-wrap: break-word">500</div>
                                <div style="width: 24px; height: 24px; position: relative">
                                    <select id="mailchimp_plan_selector" class="mc-wc-select mc-wc-select-not-bold" name="number_of_contacts" autocomplete="off" style="min-width:0;border:none;box-shadow:none;width:0; padding-right:10px;    background: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23241C15B%22%2F%3E%3C%2Fsvg%3E) no-repeat right 0px top 25%;">
                                        <?php foreach ($contact_limits as $contact_limit): ?>
                                            <option
                                                    value="<?php echo $contact_limit; ?>"
                                                    class="whitespace-nowrap"
                                                    style="font-variant: none; text-align-last: right;"
                                            >
                                                <?php echo number_format($contact_limit); ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div style="width: 265px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                    <div style="align-self: stretch; height: 66px; padding-left: 40px; padding-right: 40px; flex-direction: column; justify-content: center; align-items: center; gap: 6px; display: flex">
                        <div style="justify-content: flex-start; align-items: flex-end; gap: 8px; display: inline-flex">
                            <div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex">
                                <div style="justify-content: flex-start; align-items: center; gap: 4px; display: inline-flex">
                                    <div style="color: rgba(36, 28, 21, 0.65); font-size: 24px; font-family: 'Means Web'; font-weight: 400; text-decoration: line-through; line-height: 32px; word-wrap: break-word"><span class="mc_regular_price">$20</span></div>
                                    <div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex">
                                        <div style="color: #241C15; font-size: 32px; font-family: 'Means Web'; font-weight: 400; line-height: 40px; word-wrap: break-word"><span id="mc_promo_first_month_price">$1</span></div>
                                        <div style="align-self: stretch; height: 0px; border: 4px #FFE01B solid"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="padding-bottom: 3px; justify-content: flex-start; align-items: flex-end; gap: 10px; display: flex">
                                <div style="width: 103px; color: #241C15; font-size: 13px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 20px; word-wrap: break-word">for the 1st month</div>
                            </div>
                        </div>
                        <div><span style="color: rgba(36, 28, 21, 0.65); font-size: 13px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 20px; word-wrap: break-word">Then, starts at </span><span style="color: rgba(36, 28, 21, 0.65); font-size: 13px; font-family: 'Graphik Mailchimp Web'; font-weight: 500; line-height: 20px; word-wrap: break-word"><span class="mc_regular_price">$20</span>/month*</span></div>
                    </div>
                    <div style="align-self: stretch; height: 44px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
                        <div style="align-self: stretch; height: 44px; border-radius: 38px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: flex">
                            <a href="<?php echo $create_account_url; ?>" class="promo-create-account js-mailchimp-woocommerce-send-event" data-mc-event="click_create_account" style="text-decoration:none; align-self: stretch; padding-left: 23px; padding-right: 23px; padding-top: 11px; padding-bottom: 11px; background: #FFE01B; border-radius: 74px; border: 1px #241C15 solid; justify-content: center; align-items: center; gap: 8px; display: inline-flex">
                                <div style="text-align: center; color: #241C15; font-size: 13px; font-family: 'Graphik Mailchimp Web'; font-weight: 500; line-height: 20px; word-wrap: break-word">Create Account</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div style="align-self: stretch; height: 15px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
                <div style="width: 100%; height: 31px; position: relative; display:flex; justify-content: center;">
                    <div style="width: 100%; height: 31px; left: 0px; top: 0px; position: absolute; text-align: center; display:flex; gap:4px; justify-content: center;">
                        <div style="display:flex; flex-flow: column; align-items: center;">
                            <div style="color: rgba(36, 28, 21, 0.80); font-size: 11px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 16px; word-wrap: break-word">
                                <span class="promo mc-wc-tooltipper">*See Offer Terms. </span>
                                <div class="promo mc-wc-tooltipper-text">
                                    <div class="tooltipper-container">
                                        <button aria-label="Close Tooltip" class="tooltip__close" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false" aria-hidden="true" class="wink-icon"><path d="M12 13.414l6.293 6.293 1.414-1.414L13.414 12l6.293-6.293-1.414-1.414L12 10.586 5.707 4.293 4.293 5.707 10.586 12l-6.293 6.293 1.414 1.414L12 13.414z"></path></svg></button>
                                        <p>
                                            <strong>$1 for 1 month promotional period:</strong>
                                            Offer for promotional, discounted period of one month for $1.00 for a Standard or Essentials Paid Marketing Plan (“Discounted Period”).
                                            To activate the Discounted Period, you will be required to (1) accept the offer for the Discounted Period, and (2) provide valid payment information to us at the time of enrollment.
                                            Discount applies to the monthly plan and the purchase of any add-on blocks for additional contacts for the duration of the Discounted Period.
                                            Discounted Period offer does not apply to associated transaction fees or add-on/one-time fees, such as transactional email (fka Mandrill) charges, SMS Marketing, annual domains, Websites Plans, pay as you go credits, Facebook ads, Google ads, or postcards.
                                            This offer cannot be combined with any other Mailchimp offer(s) and is available for a limited time.
                                            Upon the expiration of the Discounted Period, you will be charged on a monthly basis at the then-current rate for the Paid Marketing Plan you have selected and your current contact tier until you cancel, change to a different paid monthly marketing plan, or change to a Free Marketing Plan.
                                            If the payment method we have on file for you is declined, you must provide to us a new, valid payment method for the Paid Marketing Plan or we reserve the right, without further notice, to immediately suspend or cancel your continued use of the Paid Marketing Plan.
                                            <br/><br/>
                                            To be eligible for the 1-month Discounted Period, you must be either a new US Mailchimp customer or an existing Free Marketing Plan US customer with an account created within the last ninety (90) days and agree to the discount period.
                                            Offer is provided through application of the 100% discount to your recurring monthly Mailchimp plan charges for each billing cycle during the Discounted Period, plus an add-on of $1.00 (USD) (or the equivalent in your local currency) for each such billing cycle.
                                            You can pause your subscription or delete your Mailchimp account at any time via the Settings section in the Account & Billing area. Pausing your Paid Marketing Plan or deleting your Mailchimp account will become effective immediately.
                                            Pausing your account does not pause or extend the Discounted Period.
                                            Changing your Marketing Plan to a Premium Plan or Free Marketing Plan will result in the immediate expiration of the Discounted Period.
                                            You can downgrade your Paid Marketing Plan in the Monthly Plans or Credits page in the Billing Section.
                                            Downgrading your Paid Marketing Plan will become effective at the end of the monthly billing period.
                                            You will not receive a refund for previously billed charges.
                                            See <a href="https://mailchimp.com/legal/dollar-1month-promotion-july2024" target="_blank">full offer terms</a>.
                                            Terms, conditions, pricing, special features, and service and support options subject to change without notice.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <svg width="95" height="1" viewBox="0 0 85 1" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M1.17771 0.5H84.2683" stroke="#241C15" stroke-linecap="square" stroke-dasharray="2 4"/>
                            </svg>
                        </div>
                        <div style="color: rgba(36, 28, 21, 0.80); font-size: 11px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 16px; word-wrap: break-word; display:flex;">
                            <a href="https://mailchimp.com/help/about-additional-charges" target="_blank">Overages</a>&nbsp;apply if contact or email send limit is exceeded.
                        </div>
                        <div style="display:flex; flex-flow: column; align-items: center;">
                            <div style="text-decoration: none; color: rgba(36, 28, 21, 0.80); font-size: 11px; font-family: 'Graphik Mailchimp Web'; font-weight: 400; line-height: 16px; word-wrap: break-word">
                                <span class="promo mc-wc-tooltipper">Learn more</span>
                                <div class="promo mc-wc-tooltipper-text">
                                    <div class="tooltipper-container">
                                        <button aria-label="Close Tooltip" class="tooltip__close" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false" aria-hidden="true" class="wink-icon"><path d="M12 13.414l6.293 6.293 1.414-1.414L13.414 12l6.293-6.293-1.414-1.414L12 10.586 5.707 4.293 4.293 5.707 10.586 12l-6.293 6.293 1.414 1.414L12 13.414z"></path></svg></button>
                                        <p>
                                            Select your audience size to calculate your price.
                                            The monthly email send limit for Standard plans is 12 times your maximum contact count.
                                            <br>
                                            <br>
                                            <strong>Non-USD Pricing:</strong>
                                            Actual price may vary. Prices displayed are estimates based on current exchange rates.
                                            Exact amount charged will vary and depends on the exchange rate at the time of payment processing.
                                            Prices displayed exclude any applicable taxes and fees, which will be added to the cost of all services purchased.
                                            For exact base pricing please refer to prices listed in USD.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <svg width="60" height="1" viewBox="0 0 85 1" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M1.17771 0.5H84.2683" stroke="#241C15" stroke-linecap="square" stroke-dasharray="2 4"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
