background-color: var(--slate-900);
color: var(--white);
font-family: 'Inter', sans-serif;
min-height: 100vh;
padding: 0;
margin: 0;
}
/* Video Hero with Slate Overlay */
.hero-section {
position: relative;
height: 75vh;
min-height: 550px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 40px 20px;
text-align: center;
}
.hero-video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover;
z-index: 1;
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.65) 50%, rgba(15, 23, 42, 0.95) 100%);
z-index: 2;
}
.hero-content {
position: relative;
z-index: 3;
max-width: 800px;
margin: 0 auto;
}
.eyebrow-badge {
display: inline-block;
background: rgba(245, 158, 11, 0.15);
border: 1px solid var(--accent);
color: var(--accent);
padding: 6px 16px;
border-radius: 100px;
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 24px;
}
.hero-title {
font-family: 'Impact', 'Outfit', sans-serif;
font-size: clamp(2.3rem, 5vw, 4rem);
line-height: 1.1;
margin: 0 0 20px 0;
letter-spacing: -0.01em;
text-transform: uppercase;
color: var(--white);
}
.hero-title span {
color: var(--accent);
}
.hero-subtitle {
font-size: clamp(1.1rem, 2vw, 1.3rem);
color: rgba(255, 255, 255, 0.85);
max-width: 650px;
margin: 0 auto 36px;
line-height: 1.6;
}
.cta-btn {
display: inline-block;
background: var(--primary);
color: var(--white);
padding: 18px 40px;
border-radius: 6px;
font-weight: 700;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 20px rgba(200, 16, 46, 0.4);
border: none;
cursor: pointer;
}
.cta-btn:hover {
background: #e6193c;
transform: translateY(-2px);
box-shadow: 0 6px 24px rgba(200, 16, 46, 0.6);
}
/* Two-column layout */
.grid-layout {
display: grid;
grid-template-columns: 1.35fr 1fr;
gap: 48px;
max-width: 1200px;
margin: -60px auto 80px;
padding: 0 20px;
position: relative;
z-index: 10;
}
@media (max-width: 968px) {
.grid-layout {
grid-template-columns: 1fr;
margin-top: 20px;
gap: 36px;
}
}
/* Glassmorphic card styling */
.glass-card {
background: rgba(30, 41, 59, 0.7);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
padding: 40px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.white-card {
background: var(--white);
color: var(--slate-900);
border-radius: 12px;
padding: 40px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}
/* Copy headings */
.section-title {
font-family: 'Impact', 'Outfit', sans-serif;
font-size: 2rem;
text-transform: uppercase;
margin: 0 0 24px 0;
letter-spacing: -0.01em;
border-left: 4px solid var(--primary);
padding-left: 16px;
color: var(--white);
}
.section-p {
font-size: 1.05rem;
color: rgba(255, 255, 255, 0.85);
line-height: 1.7;
margin-bottom: 24px;
}
/* Timeline */
.timeline-container {
margin-top: 40px;
}
.timeline {
position: relative;
margin: 30px 0 30px 20px;
padding-left: 30px;
border-left: 2px solid rgba(255, 255, 255, 0.1);
}
.timeline-item {
position: relative;
margin-bottom: 30px;
}
.timeline-item:last-child {
margin-bottom: 0;
}
.timeline-item::before {
content: '';
position: absolute;
left: -37px;
top: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
border: 2px solid var(--slate-900);
transition: all 0.3s ease;
}
.timeline-item.active::before {
background: var(--accent);
box-shadow: 0 0 12px var(--accent);
transform: scale(1.3);
}
.timeline-time {
font-size: 0.9rem;
font-weight: 700;
color: var(--accent);
text-transform: uppercase;
margin-bottom: 6px;
}
.timeline-title {
font-size: 1.15rem;
font-weight: 700;
margin: 0 0 8px 0;
color: var(--white);
}
.timeline-desc {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.7);
line-height: 1.5;
margin: 0;
}
/* Checklist styling */
.blueprint-checklist {
list-style: none;
padding: 0;
margin: 24px 0;
}
.blueprint-checklist li {
position: relative;
padding-left: 32px;
margin-bottom: 16px;
font-size: 1.05rem;
line-height: 1.5;
color: rgba(255, 255, 255, 0.85);
}
.blueprint-checklist li::before {
content: "✓";
position: absolute;
left: 4px;
top: 1px;
color: var(--accent);
font-weight: 900;
font-size: 1.25rem;
}
/* Nick Frazier's Bio section */
.bio-box {
display: flex;
align-items: center;
gap: 24px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 8px;
padding: 24px;
margin-top: 40px;
}
@media (max-width: 600px) {
.bio-box {
flex-direction: column;
text-align: center;
}
}
.bio-image {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--accent);
flex-shrink: 0;
}
.bio-text {
flex-grow: 1;
}
.bio-name {
font-size: 1.2rem;
font-weight: 700;
color: var(--white);
margin: 0 0 4px 0;
}
.bio-title {
font-size: 0.85rem;
font-weight: 600;
color: var(--accent);
text-transform: uppercase;
margin: 0 0 12px 0;
letter-spacing: 0.05em;
}
.bio-para {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.75);
line-height: 1.5;
margin: 0;
}
/* Lead Capture Form in white-card */
.form-title {
font-family: 'Impact', 'Outfit', sans-serif;
font-size: 1.8rem;
text-transform: uppercase;
margin: 0 0 6px 0;
color: var(--slate-900);
letter-spacing: -0.01em;
}
.form-subtitle {
font-size: 0.95rem;
color: var(--slate-700);
margin-bottom: 28px;
line-height: 1.5;
}
.form-group {
margin-bottom: 20px;
text-align: left;
}
.form-group label {
display: block;
font-size: 0.85rem;
font-weight: 700;
color: var(--slate-900);
margin-bottom: 6px;
text-transform: uppercase;
}
.form-group input,
.form-group select {
width: 100%;
padding: 12px 16px;
border: 2px solid var(--slate-100);
background: var(--slate-100);
border-radius: 6px;
font-family: 'Inter', sans-serif;
font-size: 1rem;
color: var(--slate-900);
transition: all 0.2s ease;
outline: none;
}
.form-group input:focus,
.form-group select:focus {
border-color: var(--primary);
background: var(--white);
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.optin-checkbox {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 24px;
cursor: pointer;
}
.optin-checkbox input {
margin-top: 4px;
accent-color: var(--primary);
flex-shrink: 0;
}
.optin-checkbox span {
font-size: 0.8rem;
color: var(--slate-700);
line-height: 1.4;
}
.submit-btn {
width: 100%;
background: var(--primary);
color: var(--white);
border: none;
border-radius: 6px;
padding: 16px;
font-family: 'Inter', sans-serif;
font-size: 1.05rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.submit-btn:hover {
background: #e6193c;
box-shadow: 0 6px 18px rgba(200, 16, 46, 0.45);
}
/* Thank you state */
.thank-you-state {
text-align: center;
padding: 20px 0;
}
.thank-you-state h3 {
font-family: 'Impact', 'Outfit', sans-serif;
font-size: 2rem;
color: var(--primary);
margin-bottom: 12px;
text-transform: uppercase;
}
.thank-you-state p {
font-size: 1.05rem;
color: var(--slate-900);
margin-bottom: 24px;
line-height: 1.6;
}
.download-badge {
display: inline-flex;
align-items: center;
gap: 12px;
background: var(--slate-900);
color: var(--white);
padding: 16px 28px;
border-radius: 6px;
text-decoration: none;
font-weight: 700;
font-size: 1.05rem;
transition: all 0.2s ease;
}
.download-badge:hover {
background: var(--primary);
}
Turning 65?
const el = document.getElementById(id);
return el ? String(el.value).trim() : '';
};
const name = val('lead-name');
const email = val('lead-email');
const phone = val('lead-phone');
const age = val('lead-age');
const county = val('lead-county');
const smsConsent = document.getElementById('sms-consent').checked;
// Post to the public CRM contact-form endpoint
try {
fetch('https://intelligence.medbridgecrm.com/api/public/contact-form', {
method: 'POST',
mode: 'no-cors',
keepalive: true,
referrerPolicy: 'no-referrer-when-downgrade',
body: new URLSearchParams({
name: name,
email: email,
phone: phone,
service: 'Medicare',
message: `[Lead magnet: Turning 65 Medicare Blueprint] Age: ${age} | County: ${county} | SMS Opt-in: ${smsConsent ? 'Yes' : 'No'}`,
lead_magnet: 'turning-65-medicare-blueprint',
source_page: 'https://next.trekis.net/new-landing-page-medicare-turning-65',
age: age,
county: county,
sms_consent: smsConsent ? 'true' : 'false'
})
}).catch(err => console.error('[t65-blueprint] Fetch error:', err));
} catch (err) {
console.error('[t65-blueprint] submission error:', err);
}
// Update UI to Thank You state
document.getElementById('form-content-area').style.display = 'none';
document.getElementById('user-display-name').textContent = name.split(' ')[0] || name;
document.getElementById('thank-you-area').style.display = 'block';
// Automatically trigger file download of the checklist
const dlLink = document.createElement('a');
dlLink.href = '/turning-65-medicare-checklist.pdf';
dlLink.download = 'Trek-Turning-65-Medicare-Checklist.pdf';
document.body.appendChild(dlLink);
dlLink.click();
document.body.removeChild(dlLink);
});
Medicare Blueprint • Omaha, NE & Michigan
Turning 65?
Avoid Costly Medicare Gaps.
Get the unbiased Medicare Blueprint. A 10-minute guide to making the right choice between Medigap, Part D, and Advantage without lifelong enrollment penalties.
Unlock My Free Blueprint<!-- LEFT: COMPREHENSIVE TEXT & BLUEPRINT DETAILS -->
<div class="glass-card">
<h2 class="section-title">Medicare Starts At 65 — Are You Fully Prepared?</h2>
<p class="section-p">The choice you make when you turn 65 is one of the most critical health decisions of your life. Under CMS guidelines, missing your Initial Enrollment Period can mean a lifetime premium penalty on Part B and Part D. Furthermore, your first 6 months on Medicare Part B represents your only guaranteed-issue window for Medicare Supplement (Medigap) plans.</p>
<p class="section-p">Trek Insurance Solutions is independent. We work for you, not the insurance companies. We compare plans from the nation's top carriers (Mutual of Omaha, Aetna, Cigna, and more) to help you build the perfect, customized coverage plan.</p>
<h3 class="section-title" style="margin-top: 40px;">Your 10-Minute Medicare Checklist</h3>
<ul class="blueprint-checklist">
<li><strong>Medicare Part A (Hospital)</strong>: Understand how to enroll for free if you worked 10+ years (40 quarters).</li>
<li><strong>Medicare Part B (Medical)</strong>: Map your premiums based on income (IRMAA) and secure your guaranteed-issue right.</li>
<li><strong>Medigap vs. Medicare Advantage</strong>: Uncover the critical trade-offs between predictable monthly premiums vs. low-cost network co-pays.</li>
<li><strong>Part D (Prescriptions)</strong>: Stop overpaying for your drug tier. Learn when to review formularies each year.</li>
<li><strong>The 19-Licensed States Safety Net</strong>: Rest easy knowing your independent broker has active licensing in NE, SD, IA, IL, WI, TX, TN, AZ, AR, IN, OH, MI, VA, KS, MO, NM, SC, GA, FL.</li>
</ul>
<!-- TIMELINE SECTION -->
<div class="timeline-container">
<h3 class="section-title" style="margin-top: 40px;">Your 10-Month Medicare Enrollment Timeline</h3>
<div class="timeline">
<div class="timeline-item active">
<div class="timeline-time">6 Months Before 65</div>
<h4 class="timeline-title">Begin Your Personal Education & Audit</h4>
<p class="timeline-desc">Gather your active health records and prescription lists. Audit any current employer plan options if you plan to continue working past age 65.</p>
</div>
<div class="timeline-item active">
<div class="timeline-time">3 Months Before 65</div>
<h4 class="timeline-title">Your Initial Enrollment Period (IEP) Opens</h4>
<p class="timeline-desc">You are now legally eligible to enroll in Medicare Part A and Part B. If you are drawing Social Security early, enrollment is automatic; otherwise, you must apply manually.</p>
</div>
<div class="timeline-item">
<div class="timeline-time">Your Birth Month</div>
<h4 class="timeline-title">Your Coverage Becomes Active</h4>
<p class="timeline-desc">If you enrolled during the first 3 months of your IEP, your Medicare coverage officially begins on the first day of your birth month. Your 6-month Medigap guaranteed window opens today.</p>
</div>
<div class="timeline-item">
<div class="timeline-time">3 Months After 65</div>
<h4 class="timeline-title">Your Initial Enrollment Period Closes</h4>
<p class="timeline-desc">This is your final opportunity to enroll in Part A, B, and D without delayed coverage start dates or permanent late-enrollment penalties.</p>
</div>
</div>
</div>
<!-- LOCAL SPECIALIST BIO BOX -->
<div class="bio-box">
<img class="bio-image" src="/images/nick-frazier.jpg" alt="Nick Frazier, Retirement & Social Security Specialist">
<div class="bio-text">
<h4 class="bio-name">Nick Frazier</h4>
<p class="bio-title">Retirement & Social Security Specialist</p>
<p class="bio-para">Based in Omaha, Nebraska, Nick serves clients locally in Omaha and across Lansing, Michigan. With over a decade of corporate strategy experience at major institutions, Nick brings analytical discipline to help families transition into retirement with confidence. He cuts through the fine print to eliminate Medicare coverage gaps.</p>
</div>
</div>
</div>
<!-- RIGHT: LEAD CAPTURE FORM CONTAINER -->
<div id="t65-blueprint-form" class="white-card">
<div id="form-content-area">
<h3 class="form-title">Unlock Your Free Medicare Blueprint</h3>
<p class="form-subtitle">Fill in the details below to download your checklist instantly and speak to an independent local specialist.</p>
<form id="t65-blueprint-lead-form">
<div class="form-group">
<label for="lead-name">Your Full Name *</label>
<input type="text" id="lead-name" name="fullname" placeholder="Jane Smith" required autocomplete="name">
</div>
<div class="form-group">
<label for="lead-email">Email Address *</label>
<input type="email" id="lead-email" name="email" placeholder="jane@email.com" required autocomplete="email">
</div>
<div class="form-group">
<label for="lead-phone">Phone Number *</label>
<input type="tel" id="lead-phone" name="phone" placeholder="(402) 555-0100" required autocomplete="tel">
</div>
<div class="form-row">
<div class="form-group">
<label for="lead-age">Your Current Age *</label>
<select id="lead-age" name="age" required>
<option value="" disabled selected>Select</option>
<option value="62">62</option>
<option value="63">63</option>
<option value="64">64</option>
<option value="65">65</option>
<option value="66">66</option>
<option value="67">67</option>
<option value="68+">68+</option>
</select>
</div>
<div class="form-group">
<label for="lead-county">County & State *</label>
<select id="lead-county" name="county" required>
<option value="" disabled selected>Select Location</option>
<option value="Douglas, NE">Douglas, NE</option>
<option value="Sarpy, NE">Sarpy, NE</option>
<option value="Ingham, MI">Ingham, MI</option>
<option value="Eaton, MI">Eaton, MI</option>
<option value="Other / Out of State">Other Location</option>
</select>
</div>
</div>
<!-- SMS COMPLIANCE CHECKBOX -->
<label class="optin-checkbox" for="sms-consent">
<input type="checkbox" id="sms-consent" name="sms_consent" required>
<span>By checking this box, I consent to receive recurring marketing text messages, alerts, and notifications from Trek Insurance Solutions. Consent is not a condition of purchase. Msg & data rates may apply. Msg frequency varies. Reply HELP for help or STOP to cancel. <a href="/privacy-policy" target="_blank" style="color: var(--primary); text-decoration: underline;">Privacy Policy</a> & <a href="/privacy-policy" target="_blank" style="color: var(--primary); text-decoration: underline;">Terms of Service</a>.</span>
</label>
<button type="submit" class="submit-btn">Download Free Blueprint</button>
</form>
</div>
<!-- THANK YOU STATE (Initially Hidden) -->
<div id="thank-you-area" class="thank-you-state" style="display: none;">
<h3>Thank You, <span id="user-display-name">Friend</span>!</h3>
<p>Your download is ready. We have also sent a copy of the "Medicare Blueprint Checklist & Timeline" directly to your email inbox. Our local independent specialist, Nick Frazier, will reach out to answer your questions within 1 business hour.</p>
<a id="auto-download-btn" href="/turning-65-medicare-checklist.pdf" class="download-badge" download="Trek-Turning-65-Medicare-Checklist.pdf">
<svg width="20" height="20" fill="currentColor" viewBox="0 0 256 256" style="display: inline-block; vertical-align: middle; margin-right: 8px;"><path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L103.66,98.34a8,8,0,0,0-11.32,11.32Z"/></svg>
Download the Blueprint Checklist (PDF)
</a>
</div>
</div>
}