<!DOCTYPE html>

<head>

<title>MediCare Plus Advantage | Your Trusted Medicare Partner</title>

<!-- ════════════════════════════════════════

CONFIGURATION — CHANGE THESE 3 LINES

════════════════════════════════════════ -->

// 1. Go to https://formspree.io → sign up free → create a form → paste your form ID here

const FORMSPREE_ID = "mbdwyyzr”; // e.g. "xyzabcde"

// 2. Your agency phone number

const PHONE_DISPLAY = "1-800-555-1234";

const PHONE_TEL = "18005551234";

// 3. Your agency name

const AGENCY_NAME = "MediCare Plus Advantage";

</script>

<style>

:root {

--navy:#1a3a5c; --navy-light:#2a5080; --gold:#c8962a; --gold-light:#e8b84b;

--sky:#e8f4fd; --green:#2d7a4f; --green-light:#3a9c64;

--white:#ffffff; --gray-light:#f5f7fa; --gray-mid:#e2e8f0;

--gray-text:#4a5568; --font-serif:'Merriweather',Georgia,serif;

--font-sans:'Source Sans 3',Arial,sans-serif;

}

*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body{font-family:var(--font-sans);font-size:18px;color:#2d3748;background:var(--white);line-height:1.7}

/* TOP BAR */

.top-bar{background:var(--navy);color:var(--white);text-align:center;padding:10px 20px;font-size:17px;font-weight:600}

.top-bar a{color:var(--gold-light);text-decoration:none;font-size:20px;font-weight:700}

/* HEADER */

header{background:linear-gradient(135deg,var(--navy),var(--navy-light));color:var(--white);padding:18px 40px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:999;box-shadow:0 2px 20px rgba(0,0,0,.25)}

.logo{display:flex;align-items:center;gap:14px}

.logo-icon{width:52px;height:52px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px}

.logo-text strong{display:block;font-size:22px;font-family:var(--font-serif)}

.logo-text span{font-size:13px;opacity:.85;letter-spacing:1px;text-transform:uppercase}

nav{display:flex;gap:6px}

nav a{color:var(--white);text-decoration:none;padding:9px 16px;border-radius:6px;font-size:16px;font-weight:500;transition:background .2s}

nav a:hover{background:rgba(255,255,255,.15)}

.btn-call-header{background:var(--gold);color:var(--navy);padding:11px 22px;border-radius:8px;font-weight:700;font-size:17px;text-decoration:none;transition:background .2s,transform .1s}

.btn-call-header:hover{background:var(--gold-light);transform:scale(1.03)}

/* HERO */

.hero-wrap{background:linear-gradient(160deg,var(--sky),#d4eaf7)}

.hero{padding:70px 40px 60px;display:grid;grid-template-columns:1fr 430px;gap:50px;align-items:center;max-width:1200px;margin:0 auto}

.hero-badge{display:inline-block;background:var(--green);color:var(--white);padding:6px 18px;border-radius:30px;font-size:15px;font-weight:600;margin-bottom:18px}

.hero h1{font-family:var(--font-serif);font-size:42px;color:var(--navy);line-height:1.25;margin-bottom:20px}

.hero>div>p{font-size:20px;color:var(--gray-text);margin-bottom:28px;max-width:560px}

.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}

.btn-primary{background:var(--green);color:var(--white);padding:16px 30px;border-radius:8px;font-size:18px;font-weight:700;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 14px rgba(45,122,79,.35);transition:background .2s,transform .1s;display:inline-block}

.btn-primary:hover{background:var(--green-light);transform:scale(1.02)}

.btn-secondary{background:var(--white);color:var(--navy);padding:16px 30px;border-radius:8px;font-size:18px;font-weight:700;text-decoration:none;border:2px solid var(--navy);transition:background .2s;display:inline-block}

.btn-secondary:hover{background:var(--sky)}

.trust-bar{display:flex;gap:24px;margin-top:30px;flex-wrap:wrap}

.trust-item{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--gray-text)}

/* HERO CARD */

.hero-card{background:var(--white);border-radius:16px;padding:32px 28px;box-shadow:0 8px 40px rgba(26,58,92,.15);border:2px solid var(--gold)}

.hero-card h3{font-family:var(--font-serif);font-size:22px;color:var(--navy);margin-bottom:6px}

.hero-card .sub{font-size:15px;color:var(--gray-text);margin-bottom:20px}

.hero-card .privacy-note{font-size:13px;color:#888;text-align:center;margin-top:10px}

/* FORM COMMON */

.form-group{margin-bottom:16px}

.form-group label{display:block;font-size:15px;font-weight:700;color:var(--navy);margin-bottom:5px}

.form-group label .req{color:#c0392b}

.form-group input,.form-group select,.form-group textarea{width:100%;padding:13px 16px;border:2px solid var(--gray-mid);border-radius:8px;font-size:17px;font-family:var(--font-sans);color:#2d3748;transition:border .2s;background:var(--white)}

.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--navy)}

.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#c0392b}

.field-err{color:#c0392b;font-size:13px;margin-top:4px;display:none}

.form-group.error .field-err{display:block}

.form-group textarea{resize:vertical;min-height:110px}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}

.btn-submit-full{width:100%;background:var(--gold);color:var(--navy);padding:15px;border-radius:8px;font-size:18px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 14px rgba(200,150,42,.35);transition:background .2s;font-family:var(--font-sans);margin-top:6px}

.btn-submit-full:hover{background:var(--gold-light)}

.btn-submit-full:disabled{opacity:.6;cursor:not-allowed}

.success-msg{display:none;background:#e8f8ef;border:2px solid var(--green);color:var(--green);padding:18px 22px;border-radius:8px;font-size:17px;font-weight:600;text-align:center;margin-top:16px}

.error-msg{display:none;background:#fdf0f0;border:2px solid #c0392b;color:#c0392b;padding:16px;border-radius:8px;font-size:16px;margin-top:12px}

.spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}

@keyframes spin{to{transform:rotate(360deg)}}

.checkbox-group{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}

.checkbox-group input[type=checkbox]{width:22px;height:22px;margin-top:2px;accent-color:var(--navy);flex-shrink:0}

.checkbox-group label{font-size:15px;color:var(--gray-text);cursor:pointer}

/* SECTION */

section{padding:70px 40px}

.section-inner{max-width:1200px;margin:0 auto}

.section-header{text-align:center;margin-bottom:50px}

.section-header h2{font-family:var(--font-serif);font-size:36px;color:var(--navy);margin-bottom:12px}

.section-header p{font-size:19px;color:var(--gray-text);max-width:700px;margin:0 auto}

.section-label{display:inline-block;background:var(--sky);color:var(--navy);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:10px}

/* WHY */

.why-band{background:var(--navy);color:var(--white)}

.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}

.why-item{text-align:center;padding:10px}

.why-icon{font-size:46px;margin-bottom:12px}

.why-item h3{font-family:var(--font-serif);font-size:20px;margin-bottom:8px;color:var(--gold-light)}

.why-item p{font-size:16px;opacity:.88}

/* PLANS */

.plans-section{background:var(--gray-light)}

.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}

.plan-card{background:var(--white);border-radius:14px;padding:30px 26px;border:2px solid var(--gray-mid);transition:box-shadow .2s,transform .2s;position:relative;cursor:pointer}

.plan-card:hover{box-shadow:0 10px 40px rgba(26,58,92,.12);transform:translateY(-4px)}

.plan-card.featured{border-color:var(--gold)}

.plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);font-size:13px;font-weight:700;padding:4px 20px;border-radius:20px}

.plan-icon{font-size:42px;margin-bottom:14px}

.plan-card h3{font-family:var(--font-serif);font-size:22px;color:var(--navy);margin-bottom:8px}

.plan-desc{font-size:16px;color:var(--gray-text);margin-bottom:18px}

.plan-features{list-style:none;margin-bottom:22px}

.plan-features li{padding:7px 0;font-size:16px;border-bottom:1px solid var(--gray-mid);display:flex;align-items:center;gap:10px}

.plan-features li::before{content:"✓";color:var(--green);font-weight:700;font-size:18px}

.plan-price{font-size:28px;font-weight:700;color:var(--navy);margin-bottom:4px}

.plan-price span{font-size:16px;font-weight:400;color:var(--gray-text)}

.btn-plan{display:block;width:100%;text-align:center;background:var(--navy);color:var(--white);padding:13px;border-radius:8px;font-size:17px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:background .2s;margin-top:14px;font-family:var(--font-sans)}

.plan-card.featured .btn-plan{background:var(--gold);color:var(--navy)}

.btn-plan:hover{opacity:.9}

/* COMPARISON */

.comp-table-wrap{overflow-x:auto}

.comp-table{width:100%;border-collapse:collapse;font-size:17px}

.comp-table th{background:var(--navy);color:var(--white);padding:16px 18px;text-align:left;font-family:var(--font-serif);font-size:17px}

.comp-table tr:nth-child(even) td{background:var(--gray-light)}

.comp-table td{padding:14px 18px;border-bottom:1px solid var(--gray-mid);vertical-align:middle}

.comp-table td:first-child{font-weight:600;color:var(--navy)}

.check{color:var(--green);font-size:22px;font-weight:700}

.cross{color:#aaa;font-size:18px}

.partial{color:var(--gold);font-size:15px;font-weight:600}

/* COSTS */

.costs-section{background:var(--sky)}

.costs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}

.cost-card{background:var(--white);border-radius:12px;padding:26px 22px;text-align:center;border-top:5px solid var(--navy);box-shadow:0 3px 16px rgba(0,0,0,.07)}

.cost-card.gold-top{border-top-color:var(--gold)}

.cost-card.green-top{border-top-color:var(--green)}

.cost-card h3{font-family:var(--font-serif);font-size:19px;color:var(--navy);margin-bottom:10px}

.cost-amount{font-size:38px;font-weight:700;color:var(--navy);margin-bottom:6px;font-family:var(--font-serif)}

.cost-card p{font-size:15px;color:var(--gray-text)}

/* FAQ */

.faq-list{max-width:820px;margin:0 auto}

.faq-item{border:2px solid var(--gray-mid);border-radius:10px;margin-bottom:14px;overflow:hidden}

.faq-q{width:100%;text-align:left;background:var(--white);padding:20px 24px;font-size:18px;font-weight:700;color:var(--navy);cursor:pointer;border:none;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-sans);transition:background .2s}

.faq-q:hover{background:var(--sky)}

.faq-q .arrow{font-size:24px;transition:transform .3s}

.faq-q.open .arrow{transform:rotate(180deg)}

.faq-a{display:none;padding:16px 24px 20px;font-size:17px;color:var(--gray-text);background:var(--gray-light);border-top:1px solid var(--gray-mid)}

.faq-a.open{display:block}

/* RESOURCES */

.resources-section{background:var(--gray-light)}

.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}

.resource-card{background:var(--white);border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 12px rgba(0,0,0,.07);transition:box-shadow .2s}

.resource-card:hover{box-shadow:0 6px 24px rgba(26,58,92,.12)}

.resource-icon{font-size:36px}

.resource-card h4{font-family:var(--font-serif);font-size:18px;color:var(--navy)}

.resource-card p{font-size:15px;color:var(--gray-text);flex:1}

.resource-card a{color:var(--navy);font-weight:700;font-size:15px;text-decoration:none}

.resource-card a:hover{color:var(--gold)}

/* SURVEY */

.survey-section{background:linear-gradient(135deg,#1a3a5c,#2a5080);color:var(--white)}

.survey-wrap{max-width:760px;margin:0 auto;background:rgba(255,255,255,.07);border-radius:16px;padding:46px 50px;border:1px solid rgba(255,255,255,.15)}

.survey-wrap h2{font-family:var(--font-serif);font-size:30px;margin-bottom:8px;color:var(--gold-light)}

.survey-wrap p.sub{font-size:17px;opacity:.85;margin-bottom:28px}

.survey-step{display:none}

.survey-step.active{display:block}

.survey-q{margin-bottom:24px}

.survey-q label{display:block;font-size:18px;font-weight:600;margin-bottom:10px}

.survey-q input,.survey-q select{width:100%;padding:14px 16px;border-radius:8px;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:var(--white);font-size:17px;font-family:var(--font-sans);transition:border .2s}

.survey-q select option{color:#2d3748;background:white}

.survey-q input::placeholder{color:rgba(255,255,255,.5)}

.survey-q input:focus,.survey-q select:focus{outline:none;border-color:var(--gold-light)}

.survey-q.error input,.survey-q.error select{border-color:#ff6b6b}

.survey-err{color:#ff9999;font-size:13px;margin-top:4px;display:none}

.survey-q.error .survey-err{display:block}

.radio-group{display:flex;flex-direction:column;gap:12px}

.radio-option{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.1);padding:14px 18px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border .2s,background .2s;font-size:17px}

.radio-option:hover{background:rgba(255,255,255,.18);border-color:var(--gold-light)}

.radio-option input[type=radio],.radio-option input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold);flex-shrink:0}

.survey-nav{display:flex;gap:14px;margin-top:28px}

.btn-survey{padding:14px 30px;border-radius:8px;font-size:17px;font-weight:700;cursor:pointer;border:none;font-family:var(--font-sans);transition:background .2s}

.btn-survey.next{background:var(--gold);color:var(--navy);flex:1;font-size:18px}

.btn-survey.back{background:rgba(255,255,255,.15);color:var(--white)}

.btn-survey:hover{opacity:.9}

.btn-survey:disabled{opacity:.6;cursor:not-allowed}

.progress-bar-wrap{margin-bottom:30px}

.progress-label{font-size:14px;opacity:.7;margin-bottom:6px}

.progress-bar{height:8px;background:rgba(255,255,255,.2);border-radius:10px}

.progress-fill{height:100%;border-radius:10px;background:var(--gold);transition:width .4s}

.survey-complete{display:none;text-align:center;padding:20px 0}

.survey-complete h2{color:var(--gold-light);font-size:32px;margin-bottom:12px}

.survey-complete p{font-size:18px;opacity:.9;margin-bottom:14px}

.big-check{font-size:70px;margin-bottom:16px}

/* HELP */

.help-section{background:var(--white)}

.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}

.help-card{border-radius:14px;padding:36px;text-align:center}

.help-card.call-card{background:var(--navy);color:var(--white)}

.help-card.chat-card{background:var(--sky);color:var(--navy);border:2px solid var(--navy)}

.icon-big{font-size:56px;margin-bottom:16px}

.help-card h3{font-family:var(--font-serif);font-size:26px;margin-bottom:10px}

.help-card p{font-size:17px;margin-bottom:20px}

.phone-number{font-size:36px;font-weight:700;color:var(--gold-light);display:block;margin-bottom:8px;font-family:var(--font-serif);text-decoration:none}

.phone-number:hover{color:var(--gold)}

.hours{font-size:15px;opacity:.7;margin-bottom:22px}

/* INQUIRY */

.inquiry-section{background:var(--gray-light)}

.inquiry-wrap{max-width:760px;margin:0 auto;background:var(--white);border-radius:16px;padding:46px 50px;box-shadow:0 6px 30px rgba(26,58,92,.1);border:2px solid var(--gold)}

.inquiry-wrap h2{font-family:var(--font-serif);font-size:30px;color:var(--navy);margin-bottom:8px}

.inquiry-wrap p.sub{font-size:17px;color:var(--gray-text);margin-bottom:28px}

.form-submit{width:100%;background:var(--green);color:var(--white);padding:18px;border-radius:8px;font-size:20px;font-weight:700;border:none;cursor:pointer;font-family:var(--font-sans);box-shadow:0 4px 16px rgba(45,122,79,.3);transition:background .2s,transform .1s}

.form-submit:hover{background:var(--green-light);transform:scale(1.01)}

.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}

.form-note{font-size:13px;color:#888;text-align:center;margin-top:14px}

/* TESTIMONIALS */

.testimonials-section{background:var(--navy);color:var(--white)}

.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}

.test-card{background:rgba(255,255,255,.08);border-radius:12px;padding:28px;border:1px solid rgba(255,255,255,.12)}

.stars{color:var(--gold-light);font-size:22px;margin-bottom:14px}

.test-card p{font-size:17px;line-height:1.65;opacity:.9;margin-bottom:18px;font-style:italic}

.test-author{font-size:15px;font-weight:700;color:var(--gold-light)}

.test-loc{font-size:14px;opacity:.6}

/* FOOTER */

footer{background:#111d2c;color:rgba(255,255,255,.75);padding:50px 40px 30px}

.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 40px}

footer h4{font-family:var(--font-serif);font-size:17px;color:var(--white);margin-bottom:14px}

footer ul{list-style:none}

footer ul li{margin-bottom:9px}

footer ul li a{color:rgba(255,255,255,.65);text-decoration:none;font-size:15px}

footer ul li a:hover{color:var(--gold-light)}

.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;font-size:13px;opacity:.5;line-height:1.8}

/* FLOAT CALL */

.float-call{position:fixed;bottom:30px;right:30px;background:var(--green);color:var(--white);padding:16px 24px;border-radius:50px;font-size:18px;font-weight:700;text-decoration:none;box-shadow:0 6px 24px rgba(45,122,79,.45);z-index:1000;display:flex;align-items:center;gap:10px;animation:pulse 2.5s infinite;transition:background .2s}

.float-call:hover{background:var(--green-light);animation:none}

@keyframes pulse{0%,100%{box-shadow:0 6px 24px rgba(45,122,79,.45)}50%{box-shadow:0 6px 36px rgba(45,122,79,.7);transform:scale(1.03)}}

/* MOBILE */

@media(max-width:900px){

.hero{grid-template-columns:1fr}

.help-grid{grid-template-columns:1fr}

.footer-grid{grid-template-columns:1fr 1fr}

.form-row{grid-template-columns:1fr}

nav{display:none}

header{padding:14px 20px}

.hero{padding:40px 20px}

section{padding:50px 20px}

.survey-wrap,.inquiry-wrap{padding:30px 22px}

}

@media(max-width:600px){

.footer-grid{grid-template-columns:1fr}

.hero h1{font-size:30px}

.section-header h2{font-size:26px}

.logo-text strong{font-size:17px}

}

</style>

</head>

<body>

📞 Speak with a Licensed Medicare Advisor Today — <a id="topPhone" href="#">Loading…</a> — Free, No Obligation

</div>

<strong id="headerName">MediCare Plus Advantage</strong>

<span>Licensed Insurance Specialists</span>

</div>

<nav>

<a href="#plans">Plans</a>

<a href="#compare">Compare</a>

<a href="#costs">Costs</a>

<a href="#resources">Resources</a>

<a href="#contact">Contact</a>

</nav>

<a class="btn-call-header" id="headerCallBtn" href="#">📞 Free Consultation</a>

</header>

<div>

<span class="hero-badge">✅ 2026 Medicare Advantage Plans Now Available</span>

<h1>Get the Medicare Coverage You Deserve — At a Price You Can Afford</h1>

<p>Compare local Medicare Advantage plans in minutes. Many plans include $0 premiums, dental, vision, hearing, and extra benefits Original Medicare doesn't cover.</p>

<a class="btn-secondary" href="#compare">Compare Plans</a>

</div>

<div class="trust-item">🏆 A+ Rated Agency</div>

<div class="trust-item">🔒 Your Info is Private</div>

<div class="trust-item">👨‍💼 Licensed Advisors</div>

<div class="trust-item">💲 100% Free to Compare</div>

</div>

<h3>🔍 Check Your Eligibility</h3>

<p class="sub">Takes less than 60 seconds. No obligation.</p>

<div class="field-err">Please enter a 5-digit ZIP code</div>

</div>

<label for="hage">Your Age Range <span class="req">*</span></label>

<option value="">Select your age range</option>

</select>

<div class="field-err">Please select your age range</div>

</div>

<label for="hpart">Medicare Part A & B? <span class="req">*</span></label>

<option value="">Select one</option>

<option>I'm enrolling soon</option>

</select>

<div class="field-err">Please make a selection</div>

</div>

<button type="submit" class="btn-submit-full" id="heroBtn">See My Plan Options →</button>

<div id="heroSuccess" class="success-msg">✅ Got it! Taking you to the full survey now…</div>

<div id="heroError" class="error-msg">⚠️ Something went wrong. Please try again.</div>

</form>

<p class="privacy-note">🔒 We never sell your information. No spam calls.</p>

</div>

<span class="section-label" style="background:rgba(255,255,255,.15);color:var(--gold-light)">WHY CHOOSE US</span>

<h2 style="color:var(--gold-light)">Helping Seniors Navigate Medicare Since 2005</h2>

<p style="opacity:.85">Our licensed advisors make understanding your options simple, clear, and stress-free.</p>

</div>

<div class="why-item"><div class="why-icon">🆓</div><h3>Free Service</h3><p>Our help is 100% free to you. We are paid by insurance carriers, not by you.</p></div>

<div class="why-item"><div class="why-icon">📋</div><h3>Unbiased Advice</h3><p>We represent multiple carriers and show you the best options available in your area.</p></div>

<div class="why-item"><div class="why-icon">👩‍⚕️</div><h3>Licensed Specialists</h3><p>Every advisor is licensed, trained, and experienced in Medicare specifically.</p></div>

<div class="why-item"><div class="why-icon">🏠</div><h3>Local Knowledge</h3><p>We know the plans available in your ZIP code and which doctors accept them.</p></div>

<div class="why-item"><div class="why-icon">📞</div><h3>Year-Round Support</h3><p>Need help after enrollment? We're here every step of the way, all year long.</p></div>

</div>

</section>

<span class="section-label">MEDICARE ADVANTAGE PLANS</span>

<h2>Explore Plan Types Available to You</h2>

<p>Medicare Advantage (Part C) is an alternative to Original Medicare with often more coverage and benefits.</p>

</div>

<h3>HMO Plans</h3>

<p class="plan-desc">Health Maintenance Organization — see in-network doctors for lower costs.</p>

<li>Requires a primary care physician (PCP)</li>

<li>Referrals needed for specialists</li>

<li>Lower monthly premiums</li>

<li>Prescription drug coverage included</li>

<li>Dental, vision & hearing benefits</li>

</ul>

<div class="plan-price">$0 – $50 <span>/ month</span></div>

<button class="btn-plan">Check Availability →</button>

</div>

<div class="plan-badge">⭐ Most Popular</div>

<h3>PPO Plans</h3>

<p class="plan-desc">Preferred Provider Organization — more flexibility to see any doctor.</p>

<li>See any in- or out-of-network doctor</li>

<li>No referral needed for specialists</li>

<li>Moderate monthly premiums</li>

<li>Rx drug coverage often included</li>

<li>Extra benefits like gym membership</li>

</ul>

<div class="plan-price">$0 – $100 <span>/ month</span></div>

<button class="btn-plan">Check Availability →</button>

</div>

<h3>PFFS Plans</h3>

<p class="plan-desc">Private Fee-for-Service — broad network with flexible provider choice.</p>

<li>Any provider who accepts the plan</li>

<li>No required referrals</li>

<li>May or may not include Rx coverage</li>

<li>Predictable cost-sharing</li>

<li>Good for frequent travelers</li>

</ul>

<div class="plan-price">$25 – $150 <span>/ month</span></div>

<button class="btn-plan">Check Availability →</button>

</div>

<h3>SNP Plans</h3>

<p class="plan-desc">Special Needs Plans — tailored for people with specific health conditions.</p>

<li>For chronic conditions (diabetes, heart, etc.)</li>

<li>For dual Medicare/Medicaid eligible</li>

<li>Care coordination included</li>

<li>Specialized provider networks</li>

<li>Often $0 premium available</li>

</ul>

<div class="plan-price">$0 – $75 <span>/ month</span></div>

<button class="btn-plan">Check Availability →</button>

</div>

</section>

<span class="section-label">PLAN COMPARISON</span>

<h2>Original Medicare vs. Medicare Advantage</h2>

<p>See how Medicare Advantage stacks up against Original Medicare Part A & B.</p>

</div>

<thead><tr><th>Coverage Feature</th><th>Original Medicare (A & B)</th><th>Medicare Advantage (Part C)</th></tr></thead>

<tbody>

<tr><td>Hospital Coverage (Part A)</td><td><span class="check">✓</span></td><td><span class="check">✓</span></td></tr>

<tr><td>Medical Coverage (Part B)</td><td><span class="check">✓</span></td><td><span class="check">✓</span></td></tr>

<tr><td>Prescription Drug Coverage</td><td><span class="cross">✗ Separate Part D needed</span></td><td><span class="check">✓ Often Included</span></td></tr>

<tr><td>Dental Coverage</td><td><span class="cross">✗ Not covered</span></td><td><span class="check">✓ Often Included</span></td></tr>

<tr><td>Vision (glasses/contacts)</td><td><span class="cross">✗ Not covered</span></td><td><span class="check">✓ Often Included</span></td></tr>

<tr><td>Hearing Aids</td><td><span class="cross">✗ Not covered</span></td><td><span class="check">✓ Often Included</span></td></tr>

<tr><td>Fitness/Gym Benefits</td><td><span class="cross">✗</span></td><td><span class="check">✓ Many plans include</span></td></tr>

<tr><td>Transportation to Appointments</td><td><span class="cross">✗</span></td><td><span class="check">✓ Some plans include</span></td></tr>

<tr><td>Meals After Hospital Stay</td><td><span class="cross">✗</span></td><td><span class="check">✓ Some plans include</span></td></tr>

<tr><td>Out-of-Pocket Maximum</td><td><span class="cross">✗ No limit</span></td><td><span class="check">✓ Annual cap (~$8,850)</span></td></tr>

<tr><td>Monthly Premium</td><td><span class="partial">Part B ~$185.00/mo</span></td><td><span class="check">✓ As low as $0/mo</span></td></tr>

<tr><td>Network Flexibility</td><td><span class="check">✓ Any provider (nationwide)</span></td><td><span class="partial">Varies by plan type</span></td></tr>

</tbody>

</table>

</div>

<p style="text-align:center;color:var(--gray-text);font-size:15px;margin-top:18px">*Benefits and availability vary by plan and location. Contact us for plans in your area.</p>

</div>

</section>

<span class="section-label">UNDERSTANDING COSTS</span>

<h2>What Will Medicare Advantage Cost You?</h2>

<p>Medicare can seem confusing, but your actual costs depend on a few key factors. Here's what to know.</p>

</div>

<div class="cost-card"><h3>Monthly Premium</h3><div class="cost-amount">$0</div><p>Many Medicare Advantage plans have a $0 monthly premium. You still pay your Part B premium (~$185/mo).</p></div>

<div class="cost-card gold-top"><h3>Copays / Coinsurance</h3><div class="cost-amount">$0–$50</div><p>Typical copays for primary care visits. Specialist visits and procedures may vary by plan.</p></div>

<div class="cost-card green-top"><h3>Annual Deductible</h3><div class="cost-amount">$0–$500</div><p>Many plans have low or zero deductibles. Some plans have separate drug deductibles.</p></div>

<div class="cost-card"><h3>Out-of-Pocket Maximum</h3><div class="cost-amount">$8,850</div><p>Federal law caps your maximum out-of-pocket in-network costs, protecting you from unlimited expenses.</p></div>

<div class="cost-card gold-top"><h3>Drug Coverage</h3><div class="cost-amount">Tier 1: $0</div><p>Generic drugs on Tier 1 are often $0. Costs rise for brand-name and specialty drugs.</p></div>

<div class="cost-card green-top"><h3>Extra Benefits</h3><div class="cost-amount">Up to $3,000</div><p>Some plans include flex cards or allowances for dental, vision, OTC items, and food benefits.</p></div>

</div>

<div style="text-align:center;margin-top:36px"><a class="btn-primary" href="#inquiry">Get a Free Cost Estimate →</a></div>

</div>

</section>

<h2 style="color:var(--gold-light)">Find the Right Plan for You</h2>

<p>Answer a few quick questions and we'll match you with the best available plans in your area.</p>

</div>

</div>

<h2>About You</h2>

<p class="sub">Let's start with some basic information.</p>

<div class="survey-err">Please enter a valid 5-digit ZIP code</div>

</div>

<label class="radio-option"><input type="radio" name="s_age" value="60-64"> 60 – 64 years old</label>

<label class="radio-option"><input type="radio" name="s_age" value="65-69"> 65 – 69 years old</label>

<label class="radio-option"><input type="radio" name="s_age" value="70-74"> 70 – 74 years old</label>

<label class="radio-option"><input type="radio" name="s_age" value="75+"> 75 or older</label>

</div>

<div class="survey-err">Please select your age range</div>

</div>

</div>

<h2>Your Current Coverage</h2>

<p class="sub">This helps us find plans you're eligible for.</p>

<label>Do you currently have Medicare Part A and Part B?</label>

<label class="radio-option"><input type="radio" name="s_partb" value="Enrolling soon"> I'm enrolling in Medicare soon</label>

</div>

<div class="survey-err">Please select one option</div>

</div>

<label>Do you also qualify for Medicaid?</label>

</div>

<div class="survey-err">Please select one option</div>

</div>

</div>

<h2>What Matters Most to You?</h2>

<p class="sub">Check everything that's important in your Medicare plan.</p>

<label>Which benefits are most important to you? (Select all that apply)</label>

<label class="radio-option"><input type="checkbox" name="s_benefits" value="$0 premium"> Low or $0 monthly premium</label>

<label class="radio-option"><input type="checkbox" name="s_benefits" value="Dental"> Dental coverage</label>

<label class="radio-option"><input type="checkbox" name="s_benefits" value="Vision"> Vision & eyeglasses</label>

<label class="radio-option"><input type="checkbox" name="s_benefits" value="Prescriptions"> Prescription drug coverage</label>

<label class="radio-option"><input type="checkbox" name="s_benefits" value="Hearing"> Hearing aids</label>

<label class="radio-option"><input type="checkbox" name="s_benefits" value="Transportation"> Transportation to appointments</label>

<label class="radio-option"><input type="checkbox" name="s_benefits" value="Gym"> Fitness/gym membership</label>

<label class="radio-option"><input type="checkbox" name="s_benefits" value="Keep doctors"> Keeping my current doctors</label>

</div>

</div>

<h2>Contact Information</h2>

<p class="sub">A licensed advisor will review your answers and contact you with matched plans. Free, no obligation.</p>

<div class="survey-err">Please enter your full name</div>

</div>

<label>Phone Number <span style="color:#ff9999">*</span></label>

<div class="survey-err">Please enter a valid phone number</div>

</div>

<label>Email Address (optional)</label>

</div>

<option>Morning (8am – 12pm)</option>

<option>Afternoon (12pm – 4pm)</option>

<option>Evening (4pm – 7pm)</option>

<option>Anytime</option>

</select>

</div>

<button class="btn-survey next" id="surveySubmitBtn" onclick="submitSurvey()">Submit & See My Plans 🎉</button>

</div>

<div id="surveyFormError" class="error-msg" style="margin-top:14px">⚠️ Could not submit. Please try again or call us directly.</div>

</div>

<p>Thank you! A licensed Medicare advisor will call you shortly to review the best plans available in your area. There is no cost or obligation.</p>

<p>While you wait, feel free to call us directly:</p>

<a id="surveyCompletePhone" href="#" class="phone-number" style="display:block;margin-top:10px">📞 Loading…</a>

</div>

</section>

<span class="section-label" style="background:rgba(255,255,255,.12);color:var(--gold-light)">REAL CUSTOMER STORIES</span>

<h2 style="color:var(--gold-light)">What Our Members Say</h2>

<p style="opacity:.8">Thousands of seniors trust us to help them find the right plan.</p>

</div>

<div class="test-card"><div class="stars">★★★★★</div><p>"I was so confused about Medicare until I called. The advisor was patient, explained everything clearly, and I ended up with a $0 premium plan that includes dental and vision. I couldn't believe it!"</p><div class="test-author">— Dorothy M., 68</div><div class="test-loc">Fort Lauderdale, FL</div></div>

<div class="test-card"><div class="stars">★★★★★</div><p>"My husband and I both switched to Medicare Advantage plans and we're saving over $200 a month compared to our old coverage. The sign-up process was simple and the advisor walked us through every step."</p><div class="test-author">— Barbara & Richard T., 72</div><div class="test-loc">Tampa, FL</div></div>

<div class="test-card"><div class="stars">★★★★★</div><p>"I was nervous about changing plans after 10 years, but my advisor made sure all my doctors were in-network before I switched. I now have prescription coverage and a gym membership included!"</p><div class="test-author">— James W., 75</div><div class="test-loc">Boca Raton, FL</div></div>

</div>

</section>

<span class="section-label">FREQUENTLY ASKED QUESTIONS</span>

<h2>Common Questions About Medicare Advantage</h2>

<p>Get answers to the most common questions we hear from people like you.</p>

</div>

<div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">When can I enroll in a Medicare Advantage plan? <span class="arrow">▾</span></button><div class="faq-a">You can enroll during the Annual Enrollment Period (AEP) from October 15 – December 7 each year, with coverage starting January 1. You can also enroll during your Initial Enrollment Period (IEP) when you first become eligible for Medicare at age 65. Special Enrollment Periods (SEPs) are available if you experience qualifying life events.</div></div>

<div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">Will I lose my Original Medicare if I enroll in Medicare Advantage? <span class="arrow">▾</span></button><div class="faq-a">No. Medicare Advantage plans are offered by private insurers approved by Medicare, but they provide all your Part A and Part B benefits. You keep your Medicare — you simply receive your benefits through the Advantage plan instead of directly through Medicare.</div></div>

<div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">Can I keep my current doctors with Medicare Advantage? <span class="arrow">▾</span></button><div class="faq-a">It depends on the plan. PPO plans give you more flexibility to see out-of-network doctors, while HMO plans typically require you to use in-network providers. Our advisors can check whether your current doctors are in-network for available plans in your area before you make any changes.</div></div>

<div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">Are prescription drugs covered under Medicare Advantage? <span class="arrow">▾</span></button><div class="faq-a">Most Medicare Advantage plans include prescription drug coverage (Part D) bundled in. These are called MA-PD plans. The specific drugs covered and your costs depend on the plan's formulary (drug list) and your dosage tier. Our advisors can check whether your specific medications are covered and at what cost.</div></div>

<div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">Is there really a $0 premium Medicare Advantage plan? <span class="arrow">▾</span></button><div class="faq-a">Yes — many Medicare Advantage plans have $0 monthly premiums in addition to your standard Medicare Part B premium. These plans are available because Medicare pays the insurance company a set amount per member. Availability depends on your location — contact us to see what's available in your area.</div></div>

<div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">What is the difference between Medicare Supplement (Medigap) and Medicare Advantage? <span class="arrow">▾</span></button><div class="faq-a">Medicare Supplement (Medigap) policies work alongside Original Medicare to help cover out-of-pocket costs. Medicare Advantage (Part C) replaces Original Medicare with an all-in-one plan. Medigap typically has higher monthly premiums but fewer provider restrictions, while Medicare Advantage often has $0 premiums with extra benefits but uses provider networks.</div></div>

<div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">What extra benefits can Medicare Advantage include? <span class="arrow">▾</span></button><div class="faq-a">Medicare Advantage plans often include: dental care (cleanings, fillings, dentures), vision care (exams, glasses, contacts), hearing care (exams and hearing aids), fitness programs like SilverSneakers, transportation to medical appointments, meal delivery after a hospital stay, over-the-counter allowances, and food/utility assistance cards on some plans.</div></div>

</div>

</section>

<span class="section-label">HELPFUL RESOURCES</span>

<h2>Tools & Guides to Help You Decide</h2>

<p>Free resources to help you understand Medicare and make the best choice for your health.</p>

</div>

<div class="resource-card"><div class="resource-icon">📖</div><h4>Medicare 101 Guide</h4><p>A plain-English overview of Parts A, B, C, and D — what each covers and what you pay.</p><a href="#inquiry">Download Free Guide →</a></div>

<div class="resource-card"><div class="resource-icon">📅</div><h4>Enrollment Dates Calendar</h4><p>Never miss an enrollment window. Key dates for IEP, AEP, OEP, and Special Enrollment Periods.</p><a href="#inquiry">Get the Calendar →</a></div>

<div class="resource-card"><div class="resource-icon">💊</div><h4>Drug Coverage Checker</h4><p>Find out if your prescriptions are covered and what you'll pay under different plan formularies.</p><a href="#contact">Talk to an Advisor →</a></div>

<div class="resource-card"><div class="resource-icon">🩺</div><h4>Doctor Network Lookup</h4><p>Check whether your current physicians accept a specific Medicare Advantage plan before you enroll.</p><a href="#contact">Check My Doctors →</a></div>

<div class="resource-card"><div class="resource-icon">💰</div><h4>Cost Comparison Tool</h4><p>Side-by-side cost estimates for plans available in your ZIP code. See premiums, copays, and max OOP.</p><a href="#survey">Start Comparison →</a></div>

<div class="resource-card"><div class="resource-icon">🏛️</div><h4>Medicare.gov</h4><p>The official U.S. government Medicare website with official plan data, star ratings, and enrollment tools.</p><a href="https://www.medicare.gov" target="_blank" rel="noopener">Visit Medicare.gov ↗</a></div>

</div>

</section>

<h2>Speak With a Real Person Today</h2>

<p>Our licensed Medicare advisors are ready to answer your questions — no pressure, no obligation.</p>

</div>

<h3>Call Us Right Now</h3>

<p>Talk to a live, licensed Medicare advisor. We speak clearly and take our time to make sure you understand your options.</p>

<a id="callCardPhone" href="#" class="phone-number">Loading…</a>

<div class="hours">Monday – Friday: 8am – 8pm EST<br>Saturday: 9am – 5pm EST<br>TTY users: 711</div>

</div>

<h3>Request a Callback</h3>

<p>Not ready to call? Fill out the form below and a licensed advisor will call you at a time that's convenient for you.</p>

<div class="field-err">Please enter your name</div>

</div>

<label for="cb-phone">Phone Number <span class="req">*</span></label>

<div class="field-err">Please enter a valid phone number</div>

</div>

<option>Morning (8am – 12pm)</option>

<option>Afternoon (12pm – 4pm)</option>

<option>Evening (4pm – 7pm)</option>

</select>

</div>

<button type="submit" class="btn-primary" id="cbBtn" style="width:100%;font-size:17px">Request My Callback →</button>

<div id="cbSuccess" class="success-msg">✅ Request received! We'll call you soon.</div>

<div id="cbError" class="error-msg">⚠️ Could not submit. Please call us directly.</div>

</form>

</div>

</section>

<span class="section-label">FREE PLAN INQUIRY</span>

<h2>Request Your Free Medicare Advantage Review</h2>

<p>Fill out this form and receive a personalized plan comparison — no cost, no obligation, no pressure.</p>

</div>

<h2>Tell Us About Yourself</h2>

<p class="sub">All information is kept strictly private and never sold to third parties.</p>

<label for="i-fname">First Name <span class="req">*</span></label>

<div class="field-err">Required</div>

</div>

<div class="field-err">Required</div>

</div>

<label for="i-phone">Phone Number <span class="req">*</span></label>

<div class="field-err">Please enter a valid phone number</div>

</div>

<label for="i-email">Email Address</label>

</div>

<label for="i-dob">Date of Birth <span class="req">*</span></label>

<div class="field-err">Please enter your date of birth</div>

</div>

<div class="field-err">Please enter a valid 5-digit ZIP</div>

</div>

<label for="i-coverage">Current Coverage</label>

<option value="">Select your current coverage</option>

<option>Original Medicare (Parts A & B only)</option>

<option>Medicare Advantage plan (Part C)</option>

<option>Medicare Supplement/Medigap</option>

<option>Employer coverage / Retiree coverage</option>

<option>No coverage currently</option>

<option>Enrolling in Medicare soon</option>

</select>

</div>

<label for="i-interest">What are you most interested in?</label>

<option value="">Select one</option>

<option>Lowering my monthly costs</option>

<option>Getting dental / vision / hearing coverage</option>

<option>Finding prescription drug coverage</option>

<option>Understanding all my options</option>

<option>Switching from my current plan</option>

<option>First-time Medicare enrollment</option>

</select>

</div>

<label for="i-message">Questions or Comments (optional)</label>

</div>

<label for="i-consent">I agree to be contacted by a licensed Medicare advisor by phone or email. I understand this is a free service with no obligation. I may opt out at any time. By submitting, I confirm I am age 65 or older (or turning 65 within 6 months) and eligible for Medicare.</label>

</div>

<button type="submit" class="form-submit" id="inquiryBtn">🎯 Submit My Free Plan Request</button>

<div id="inquirySuccess" class="success-msg">✅ Thank you! A licensed advisor will contact you within 1 business day. If you need immediate help, call us at the number at the top of this page.</div>

<div id="inquiryError" class="error-msg">⚠️ Could not submit. Please call us directly or try again.</div>

<p class="form-note">🔒 Your information is 100% secure and will never be sold. We comply with all applicable privacy laws.</p>

</form>

</div>

</section>

<div>

<strong style="color:var(--white);font-family:var(--font-serif);font-size:20px">🛡️ <span id="footerName">MediCare Plus Advantage</span></strong>

<p style="font-size:14px;margin-top:8px;line-height:1.6">We are a licensed insurance agency helping Medicare-eligible individuals find the right Medicare Advantage coverage. Our advisors are licensed in all 50 states and represent leading carriers.</p>

<p style="font-size:14px;margin-top:16px;opacity:.6">Licensed Insurance Agency<br>License #: 0G12345 | NPN: 987654321</p>

</div>

<div>

<h4>Plan Types</h4>

<ul>

<li><a href="#plans">HMO Plans</a></li>

<li><a href="#plans">PPO Plans</a></li>

<li><a href="#plans">PFFS Plans</a></li>

<li><a href="#plans">SNP Plans</a></li>

<li><a href="#compare">Plan Comparison</a></li>

</ul>

</div>

<div>

<h4>Resources</h4>

<ul>

<li><a href="#faq">Medicare FAQ</a></li>

<li><a href="#costs">Cost Guide</a></li>

<li><a href="#resources">Enrollment Dates</a></li>

<li><a href="https://www.medicare.gov" target="_blank">Medicare.gov ↗</a></li>

</ul>

</div>

<div>

<h4>Contact Us</h4>

<ul>

<li><a id="footerPhoneLink" href="#">📞 Loading…</a></li>

<li><a href="#inquiry">Free Plan Inquiry</a></li>

<li><a href="#contact">Request Callback</a></li>

</ul>

</div>

<p>© 2026 <span class="footer-agency"></span>. All rights reserved. | <a href="#" style="color:rgba(255,255,255,.5)">Privacy Policy</a> | <a href="#" style="color:rgba(255,255,255,.5)">Terms of Use</a> | <a href="#" style="color:rgba(255,255,255,.5)">Do Not Sell My Info</a></p>

<p style="margin-top:8px">This website is operated by a licensed insurance agency. We are not connected with or endorsed by the U.S. government or the federal Medicare program. Not all plans available in all areas. Contact Medicare.gov, 1-800-MEDICARE, or your local State Health Insurance Program (SHIP) to get information on all of your options.</p>

</div>

</footer>

<!-- ════════════════════════════════════

JAVASCRIPT

════════════════════════════════════ -->

/* ── CONFIG ─────────────────────── */

// These are set at the top of the file

const FORMSPREE_URL = `https://formspree.io/f/${FORMSPREE_ID}`;

/* ── FILL DYNAMIC CONTENT ──────── */

document.addEventListener('DOMContentLoaded', () => {

const phoneHref = `tel:${PHONE_TEL}`;

document.getElementById('topPhone').textContent = PHONE_DISPLAY;

document.getElementById('topPhone').href = phoneHref;

document.getElementById('headerCallBtn').href = phoneHref;

document.getElementById('callCardPhone').textContent = `📞 ${PHONE_DISPLAY}`;

document.getElementById('callCardPhone').href = phoneHref;

document.getElementById('callCardBtn').href = phoneHref;

document.getElementById('surveyCompletePhone').textContent = `📞 ${PHONE_DISPLAY}`;

document.getElementById('surveyCompletePhone').href = phoneHref;

document.getElementById('floatCall').href = phoneHref;

document.getElementById('footerPhoneLink').textContent = `📞 ${PHONE_DISPLAY}`;

document.getElementById('footerPhoneLink').href = phoneHref;

document.getElementById('headerName').textContent = AGENCY_NAME;

document.getElementById('footerName').textContent = AGENCY_NAME;

document.querySelectorAll('.footer-agency').forEach(el => el.textContent = AGENCY_NAME);

});

/* ── VALIDATION HELPERS ────────── */

function setError(groupId, show) {

const g = document.getElementById(groupId);

if (!g) return;

g.classList.toggle('error', show);

}

function isValidZip(v) { return /^\d{5}$/.test(v.trim()); }

function isValidPhone(v) { return v.replace(/\D/g,'').length >= 10; }

function isValidDate(v) { return /^\d{1,2}\/\d{1,2}\/\d{4}$/.test(v.trim()); }

/* ── FORMSPREE SUBMIT HELPER ──── */

async function submitToFormspree(formData) {

if (FORMSPREE_ID === "YOUR_FORMSPREE_FORM_ID") {

// Demo mode: simulate success

return { ok: true };

}

const resp = await fetch(FORMSPREE_URL, {

method: 'POST',

headers: { 'Accept': 'application/json' },

body: formData

});

return resp;

}

function setLoading(btnId, loading, defaultText) {

const btn = document.getElementById(btnId);

if (!btn) return;

btn.disabled = loading;

btn.innerHTML = loading ? `<span class="spinner"></span> Submitting…` : defaultText;

}

/* ── HERO FORM ───────────────────── */

document.getElementById('heroForm').addEventListener('submit', async (e) => {

e.preventDefault();

let valid = true;

if (!isValidZip(document.getElementById('hzip').value)) { setError('hg-zip', true); valid = false; } else setError('hg-zip', false);

if (!document.getElementById('hage').value) { setError('hg-age', true); valid = false; } else setError('hg-age', false);

if (!document.getElementById('hpart').value) { setError('hg-part', true); valid = false; } else setError('hg-part', false);

if (!valid) return;

setLoading('heroBtn', true, 'See My Plan Options →');

const fd = new FormData(e.target);

await submitToFormspree(fd);

setLoading('heroBtn', false, 'See My Plan Options →');

document.getElementById('heroSuccess').style.display = 'block';

setTimeout(() => {

// Pre-fill survey ZIP from hero form

document.getElementById('s-zip').value = document.getElementById('hzip').value;

scrollToSurvey();

}, 1200);

});

/* ── SURVEY ─────────────────────── */

let surveyStep = 1;

const surveyData = {};

function surveyNext(fromStep) {

// Validate current step

if (fromStep === 1) {

let ok = true;

if (!isValidZip(document.getElementById('s-zip').value)) { setQError('sq-zip', true); ok = false; } else setQError('sq-zip', false);

if (!document.querySelector('input[name="s_age"]:checked')) { setQError('sq-age', true); ok = false; } else setQError('sq-age', false);

if (!ok) return;

surveyData.zip = document.getElementById('s-zip').value;

surveyData.age = document.querySelector('input[name="s_age"]:checked')?.value;

}

if (fromStep === 2) {

let ok = true;

if (!document.querySelector('input[name="s_partb"]:checked')) { setQError('sq-partb', true); ok = false; } else setQError('sq-partb', false);

if (!document.querySelector('input[name="s_medicaid"]:checked')) { setQError('sq-medicaid', true); ok = false; } else setQError('sq-medicaid', false);

if (!ok) return;

surveyData.partb = document.querySelector('input[name="s_partb"]:checked')?.value;

surveyData.medicaid = document.querySelector('input[name="s_medicaid"]:checked')?.value;

}

if (fromStep === 3) {

surveyData.benefits = [...document.querySelectorAll('input[name="s_benefits"]:checked')].map(c => c.value).join(', ') || 'None selected';

}

goToStep(fromStep + 1);

}

function surveyBack(toStep) { goToStep(toStep); }

function goToStep(step) {

document.getElementById(`step-${surveyStep}`).classList.remove('active');

surveyStep = step;

document.getElementById(`step-${step}`).classList.add('active');

document.getElementById('progress-label').textContent = `Step ${step} of 4`;

document.getElementById('progress-fill').style.width = `${(step / 4) * 100}%`;

document.getElementById('survey').scrollIntoView({ behavior: 'smooth' });

}

function setQError(id, show) {

const el = document.getElementById(id);

if (el) el.classList.toggle('error', show);

}

async function submitSurvey() {

// Validate step 4

let ok = true;

const name = document.getElementById('s-name').value.trim();

const phone = document.getElementById('s-phone').value.trim();

if (!name) { setQError('sq-sname', true); ok = false; } else setQError('sq-sname', false);

if (!isValidPhone(phone)) { setQError('sq-sphone', true); ok = false; } else setQError('sq-sphone', false);

if (!ok) return;

const btn = document.getElementById('surveySubmitBtn');

btn.disabled = true;

btn.innerHTML = '<span class="spinner"></span> Submitting…';

surveyData.name = name;

surveyData.phone = phone;

surveyData.email = document.getElementById('s-email').value;

surveyData.callTime = document.getElementById('s-time').value;

const fd = new FormData();

fd.append('form_source', 'Plan Finder Survey');

fd.append('name', surveyData.name);

fd.append('phone', surveyData.phone);

fd.append('email', surveyData.email || '(not provided)');

fd.append('zip', surveyData.zip || '');

fd.append('age_range', surveyData.age || '');

fd.append('medicare_parts', surveyData.partb || '');

fd.append('medicaid', surveyData.medicaid || '');

fd.append('desired_benefits', surveyData.benefits || '');

fd.append('best_call_time', surveyData.callTime || '');

try {

await submitToFormspree(fd);

document.getElementById('step-4').classList.remove('active');

document.getElementById('progress-fill').style.width = '100%';

document.getElementById('progress-label').textContent = 'Complete!';

document.getElementById('survey-complete').style.display = 'block';

document.getElementById('survey').scrollIntoView({ behavior: 'smooth' });

} catch {

document.getElementById('surveyFormError').style.display = 'block';

btn.disabled = false;

btn.innerHTML = 'Submit & See My Plans 🎉';

}

/* ── CALLBACK FORM ──────────────── */

document.getElementById('callbackForm').addEventListener('submit', async (e) => {

e.preventDefault();

let ok = true;

const name = document.getElementById('cb-name').value.trim();

const phone = document.getElementById('cb-phone').value.trim();

if (!name) { setError('cbg-name', true); ok = false; } else setError('cbg-name', false);

if (!isValidPhone(phone)) { setError('cbg-phone', true); ok = false; } else setError('cbg-phone', false);

if (!ok) return;

setLoading('cbBtn', true, 'Request My Callback →');

const fd = new FormData(e.target);

try {

await submitToFormspree(fd);

document.getElementById('cbSuccess').style.display = 'block';

document.getElementById('cbError').style.display = 'none';

e.target.reset();

} catch {

document.getElementById('cbError').style.display = 'block';

}

setLoading('cbBtn', false, 'Request My Callback →');

});

/* ── INQUIRY FORM ───────────────── */

document.getElementById('inquiryForm').addEventListener('submit', async (e) => {

e.preventDefault();

let ok = true;

if (!document.getElementById('i-fname').value.trim()) { setError('ig-fname', true); ok = false; } else setError('ig-fname', false);

if (!document.getElementById('i-lname').value.trim()) { setError('ig-lname', true); ok = false; } else setError('ig-lname', false);

if (!isValidPhone(document.getElementById('i-phone').value)) { setError('ig-phone', true); ok = false; } else setError('ig-phone', false);

if (!document.getElementById('i-dob').value.trim()) { setError('ig-dob', true); ok = false; } else setError('ig-dob', false);

if (!isValidZip(document.getElementById('i-zip').value)) { setError('ig-zip', true); ok = false; } else setError('ig-zip', false);

if (!ok) { return; }

setLoading('inquiryBtn', true, '🎯 Submit My Free Plan Request');

const fd = new FormData(e.target);

try {

const resp = await submitToFormspree(fd);

if (resp.ok) {

document.getElementById('inquirySuccess').style.display = 'block';

document.getElementById('inquiryError').style.display = 'none';

document.getElementById('inquirySuccess').scrollIntoView({ behavior: 'smooth' });

e.target.reset();

} else {

throw new Error('non-ok');

}

} catch {

document.getElementById('inquiryError').style.display = 'block';

}

setLoading('inquiryBtn', false, '🎯 Submit My Free Plan Request');

});

/* ── FAQ ────────────────────────── */

function toggleFaq(btn) {

const ans = btn.nextElementSibling;

const open = btn.classList.contains('open');

document.querySelectorAll('.faq-q').forEach(b => b.classList.remove('open'));

document.querySelectorAll('.faq-a').forEach(a => a.classList.remove('open'));

if (!open) { btn.classList.add('open'); ans.classList.add('open'); }

}

/* ── SCROLL HELPER ──────────────── */

function scrollToSurvey() {

document.getElementById('survey').scrollIntoView({ behavior: 'smooth' });

}

</script>

</body>

</html>