.elementor-4923 .elementor-element.elementor-element-c1d231b{--display:flex;}.elementor-4923 .elementor-element.elementor-element-4f7f0f2{--spacer-size:50px;}.elementor-4923 .elementor-element.elementor-element-2343d0c{--spacer-size:50px;}.elementor-4923 .elementor-element.elementor-element-3e251d3{--spacer-size:70px;}.elementor-4923 .elementor-element.elementor-element-2a57541{--spacer-size:100px;}.elementor-4923 .elementor-element.elementor-element-28793b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-4923:not(.elementor-motion-effects-element-type-background), body.elementor-page-4923 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EEE4;}@media(max-width:1024px){.elementor-4923 .elementor-element.elementor-element-7f29fb7{width:var( --container-widget-width, 375px );max-width:375px;--container-widget-width:375px;--container-widget-flex-grow:0;}.elementor-4923 .elementor-element.elementor-element-7f29fb7.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-4923 .elementor-element.elementor-element-7f29fb7{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-4923 .elementor-element.elementor-element-7f29fb7.elementor-element{--align-self:center;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The 3 Pillars of a Confident Retirement | MY Wealth Management</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Source+Sans+3:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
  :root {
    --navy: #004B87;
    --navy-deep: #003562;
    --gold: #A89968;
    --gold-light: #C4B68A;
    --gold-pale: #F5F0E3;
    --white: #FFFFFF;
    --off-white: #FAFAF8;
    --light-gray: #F2F4F7;
    --text-dark: #1A2A3A;
    --text-body: #3D4F5F;
    --text-muted: #6B7C8D;
    --border: #DDE3EA;
  }
 
  * { margin: 0; padding: 0; box-sizing: border-box; }
 
  html { scroll-behavior: smooth; }
 
  body {
    font-family: 'Source Sans 3', sans-serif;
    color: var(--text-body);
    background: var(--white);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
  }
 
  /* ── HEADER ── */
  .site-header {
    background: var(--white);
    border-bottom: 1px solid var(--border);
    padding: 14px 0;
    position: sticky;
    top: 0;
    z-index: 100;
  }
  .header-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .logo-area {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
  }
  .logo-mark {
    width: 44px; height: 44px;
    background: var(--navy);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold);
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.5px;
  }
  .logo-text {
    font-family: 'Playfair Display', serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--navy);
    line-height: 1.2;
  }
  .logo-text span {
    display: block;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: var(--text-muted);
    letter-spacing: 1.2px;
    text-transform: uppercase;
  }
  .header-cta {
    background: var(--gold);
    color: var(--white);
    padding: 10px 22px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    transition: background 0.2s;
  }
  .header-cta:hover { background: var(--gold-light); }
 
  /* ── HERO ── */
  .hero {
    background: linear-gradient(168deg, var(--navy-deep) 0%, var(--navy) 60%, #0A5A9E 100%);
    padding: 72px 24px 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .hero::before {
    content: '';
    position: absolute;
    top: -120px; right: -120px;
    width: 420px; height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(168,153,104,0.08) 0%, transparent 70%);
    pointer-events: none;
  }
  .hero::after {
    content: '';
    position: absolute;
    bottom: -80px; left: -80px;
    width: 300px; height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(168,153,104,0.06) 0%, transparent 70%);
    pointer-events: none;
  }
  .hero-inner {
    max-width: 780px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .hero-badge {
    display: inline-block;
    background: rgba(168,153,104,0.15);
    border: 1px solid rgba(168,153,104,0.3);
    color: var(--gold-light);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 30px;
    margin-bottom: 28px;
  }
  .hero h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(28px, 4.5vw, 44px);
    font-weight: 600;
    color: var(--white);
    line-height: 1.25;
    margin-bottom: 20px;
    letter-spacing: -0.3px;
  }
  .hero h1 em {
    font-style: normal;
    color: var(--gold-light);
  }
  .hero-sub {
    font-size: 18px;
    color: rgba(255,255,255,0.75);
    max-width: 600px;
    margin: 0 auto 36px;
    line-height: 1.7;
    font-weight: 300;
  }
  .hero-arrow {
    display: inline-block;
    width: 40px; height: 40px;
    border: 2px solid rgba(168,153,104,0.4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    animation: float 2.5s ease-in-out infinite;
    cursor: pointer;
  }
  .hero-arrow svg { width: 18px; height: 18px; stroke: var(--gold-light); }
  @keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(6px); }
  }
 
  /* ── VIDEO SECTION ── */
  .video-section {
    padding: 72px 24px;
    background: var(--off-white);
  }
  .video-container {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
  }
  .video-label {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
  }
  .video-section h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 3.5vw, 34px);
    color: var(--navy);
    margin-bottom: 10px;
    font-weight: 600;
  }
  .video-section .section-sub {
    font-size: 16px;
    color: var(--text-muted);
    margin-bottom: 36px;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }
  .video-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: 12px;
    overflow: hidden;
    background: var(--navy-deep);
    box-shadow: 0 20px 60px rgba(0,53,98,0.15);
    border: 1px solid var(--border);
  }
  .video-embed iframe,
  .video-embed .video-placeholder {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border: none;
  }
  .video-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.6);
    font-size: 15px;
    gap: 16px;
  }
  .play-btn {
    width: 72px; height: 72px;
    border-radius: 50%;
    background: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 24px rgba(168,153,104,0.4);
    transition: transform 0.2s;
    cursor: pointer;
  }
  .play-btn:hover { transform: scale(1.08); }
  .play-btn svg { width: 28px; height: 28px; fill: var(--white); margin-left: 3px; }
  .video-note {
    margin-top: 16px;
    font-size: 13px;
    color: var(--text-muted);
    font-style: italic;
  }
 
  /* ── THREE PILLARS ── */
  .pillars-section {
    padding: 80px 24px;
    background: var(--white);
  }
  .pillars-inner {
    max-width: 1060px;
    margin: 0 auto;
    text-align: center;
  }
  .pillars-inner .video-label { margin-bottom: 12px; }
  .pillars-inner h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 3.5vw, 34px);
    color: var(--navy);
    margin-bottom: 14px;
    font-weight: 600;
  }
  .pillars-inner > p {
    font-size: 16px;
    color: var(--text-muted);
    max-width: 560px;
    margin: 0 auto 48px;
  }
  .pillars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    text-align: left;
  }
  .pillar-card {
    background: var(--off-white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 36px 30px;
    transition: box-shadow 0.3s, transform 0.3s;
    position: relative;
  }
  .pillar-card:hover {
    box-shadow: 0 12px 40px rgba(0,53,98,0.08);
    transform: translateY(-3px);
  }
  .pillar-icon {
    width: 52px; height: 52px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: var(--navy);
  }
  .pillar-icon svg { width: 26px; height: 26px; stroke: var(--gold-light); fill: none; stroke-width: 1.8; }
  .pillar-card h3 {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: var(--navy);
    margin-bottom: 10px;
    font-weight: 600;
  }
  .pillar-card p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--text-body);
  }
  .pillar-number {
    position: absolute;
    top: 20px; right: 24px;
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 700;
    color: rgba(0,75,135,0.06);
    line-height: 1;
  }
 
  /* ── GUARDRAILS HIGHLIGHT ── */
  .guardrails-section {
    padding: 80px 24px;
    background: linear-gradient(168deg, var(--navy-deep) 0%, var(--navy) 100%);
    position: relative;
    overflow: hidden;
  }
  .guardrails-section::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 360px; height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(168,153,104,0.06) 0%, transparent 70%);
  }
  .guardrails-inner {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
    position: relative;
    z-index: 1;
  }
  .guardrails-text .video-label { color: var(--gold-light); margin-bottom: 12px; }
  .guardrails-text h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 3vw, 32px);
    color: var(--white);
    margin-bottom: 18px;
    font-weight: 600;
    line-height: 1.3;
  }
  .guardrails-text p {
    color: rgba(255,255,255,0.72);
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 16px;
  }
  .guardrails-visual {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 14px;
    padding: 32px;
    text-align: center;
  }
  .guardrail-diagram {
    position: relative;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 0;
  }
  .guardrail-line {
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .guardrail-line .line-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100px;
    text-align: right;
    flex-shrink: 0;
  }
  .guardrail-line .line {
    flex: 1;
    height: 2px;
    border-radius: 1px;
  }
  .guardrail-line .line-value {
    font-size: 14px;
    font-weight: 600;
    width: 90px;
    text-align: left;
    flex-shrink: 0;
  }
  .guardrail-line.upper .line-label { color: rgba(120,200,140,0.9); }
  .guardrail-line.upper .line { background: rgba(120,200,140,0.4); border-top: 2px dashed rgba(120,200,140,0.7); height: 0; }
  .guardrail-line.upper .line-value { color: rgba(120,200,140,0.9); }
  .guardrail-line.current .line-label { color: var(--gold-light); }
  .guardrail-line.current .line { background: var(--gold); height: 3px; }
  .guardrail-line.current .line-value { color: var(--gold-light); font-size: 16px; }
  .guardrail-line.lower .line-label { color: rgba(240,150,130,0.9); }
  .guardrail-line.lower .line { background: rgba(240,150,130,0.4); border-top: 2px dashed rgba(240,150,130,0.7); height: 0; }
  .guardrail-line.lower .line-value { color: rgba(240,150,130,0.9); }
  .guardrail-zone {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: rgba(255,255,255,0.35);
    font-weight: 500;
    letter-spacing: 0.5px;
  }
  .guardrails-visual .disclaimer {
    font-size: 11px;
    color: rgba(255,255,255,0.3);
    margin-top: 18px;
    line-height: 1.5;
    font-style: italic;
  }
 
  /* ── WHO THIS IS FOR ── */
  .who-section {
    padding: 72px 24px;
    background: var(--off-white);
  }
  .who-inner {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
  }
  .who-inner h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 3.5vw, 32px);
    color: var(--navy);
    margin-bottom: 40px;
    font-weight: 600;
  }
  .who-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    text-align: left;
  }
  .who-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    background: var(--white);
    border-radius: 10px;
    border: 1px solid var(--border);
  }
  .who-check {
    width: 28px; height: 28px;
    border-radius: 50%;
    background: rgba(0,75,135,0.07);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
  }
  .who-check svg { width: 14px; height: 14px; stroke: var(--navy); stroke-width: 2.5; fill: none; }
  .who-item p {
    font-size: 15px;
    color: var(--text-dark);
    line-height: 1.6;
  }
 
  /* ── CTA / FORM SECTION ── */
  .cta-section {
    padding: 80px 24px;
    background: var(--white);
  }
  .cta-inner {
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
  }
  .cta-inner .video-label { margin-bottom: 12px; }
  .cta-inner h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 3.5vw, 34px);
    color: var(--navy);
    margin-bottom: 16px;
    font-weight: 600;
  }
  .cta-inner > p {
    font-size: 16px;
    color: var(--text-muted);
    margin-bottom: 10px;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  .eval-points {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin: 32px 0 40px;
    flex-wrap: wrap;
  }
  .eval-point {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: var(--text-dark);
    font-weight: 500;
  }
  .eval-point .ep-icon {
    width: 36px; height: 36px;
    border-radius: 8px;
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .eval-point .ep-icon svg { width: 18px; height: 18px; stroke: var(--gold); fill: none; stroke-width: 2; }
 
  .cta-box {
    background: var(--off-white);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 40px 36px;
    text-align: center;
  }
  .cta-box h3 {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    color: var(--navy);
    margin-bottom: 8px;
    font-weight: 600;
  }
  .cta-box > p {
    font-size: 14px;
    color: var(--text-muted);
    margin-bottom: 28px;
  }
  .cta-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    max-width: 480px;
    margin: 0 auto 20px;
  }
  .cta-form input,
  .cta-form select {
    padding: 13px 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 15px;
    font-family: 'Source Sans 3', sans-serif;
    color: var(--text-dark);
    background: var(--white);
    outline: none;
    transition: border-color 0.2s;
  }
  .cta-form input:focus,
  .cta-form select:focus { border-color: var(--navy); }
  .cta-form input::placeholder { color: var(--text-muted); }
  .cta-form .full-width { grid-column: 1 / -1; }
  .cta-submit {
    grid-column: 1 / -1;
    background: var(--navy);
    color: var(--white);
    padding: 15px 32px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Source Sans 3', sans-serif;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    letter-spacing: 0.3px;
  }
  .cta-submit:hover { background: var(--navy-deep); transform: translateY(-1px); }
  .cta-note {
    font-size: 12px;
    color: var(--text-muted);
    line-height: 1.5;
  }
  
  /*radio option*/
.cta-box .gfield_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.cta-box .gfield_radio label {
    display: inline-block;
    background-color: #dbe5ee;
    color: var(--e-global-color-primary);
    border: 1px solid #004987;
    padding: 5px 20px;
    margin-bottom: 5px !important;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.cta-box .gfield_radio input[type="radio"]:checked + label {
  background-color: var(--e-global-color-secondary);
  color: var(--e-global-color-dd4c003);
  border-color: var(--e-global-color-secondary)
}
/*radio option - end*/
 
  /* ── TRUST BAR ── */
  .trust-bar {
    padding: 48px 24px;
    background: var(--light-gray);
    text-align: center;
  }
  .trust-inner {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 48px;
    flex-wrap: wrap;
  }
  .trust-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }
  .trust-item .trust-num {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--navy);
  }
  .trust-item .trust-label {
    font-size: 13px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 500;
  }
 
  /* ── FAQ ── */
  .faq-section {
    padding: 72px 24px;
    background: var(--white);
  }
  .faq-inner {
    max-width: 700px;
    margin: 0 auto;
  }
  .faq-inner h2 {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: var(--navy);
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
  }
  .faq-item {
    border-bottom: 1px solid var(--border);
  }
  .faq-q {
    width: 100%;
    background: none;
    border: none;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-dark);
    cursor: pointer;
    font-family: 'Source Sans 3', sans-serif;
    text-align: left;
    gap: 16px;
  }
  .faq-q:hover { color: var(--navy); }
  .faq-q .faq-icon {
    width: 24px; height: 24px;
    flex-shrink: 0;
    transition: transform 0.3s;
  }
  .faq-q .faq-icon line { stroke: var(--text-muted); stroke-width: 2; }
  .faq-item.open .faq-q .faq-icon { transform: rotate(45deg); }
  .faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
  }
  .faq-item.open .faq-a {
    max-height: 300px;
    padding-bottom: 20px;
  }
  .faq-a p {
    font-size: 15px;
    color: var(--text-body);
    line-height: 1.7;
  }
 
  /* ── FOOTER ── */
  .site-footer {
    background: var(--navy-deep);
    padding: 48px 24px 28px;
    color: rgba(255,255,255,0.5);
  }
  .footer-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
  }
  .footer-logo {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 8px;
  }
  .footer-addr {
    font-size: 14px;
    margin-bottom: 24px;
    line-height: 1.7;
  }
  .footer-addr a {
    color: var(--gold-light);
    text-decoration: none;
  }
  .footer-addr a:hover { text-decoration: underline; }
  .footer-disclaimer {
    font-size: 11px;
    line-height: 1.7;
    color: rgba(255,255,255,0.32);
    max-width: 700px;
    margin: 0 auto 20px;
  }
  .footer-links {
    display: flex;
    justify-content: center;
    gap: 24px;
    font-size: 12px;
  }
  .footer-links a {
    color: rgba(255,255,255,0.45);
    text-decoration: none;
  }
  .footer-links a:hover { color: var(--gold-light); }
 
  /* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    .pillars-grid { grid-template-columns: 1fr; }
    .guardrails-inner { grid-template-columns: 1fr; gap: 36px; }
    .who-grid { grid-template-columns: 1fr; }
    .cta-form { grid-template-columns: 1fr; }
    .eval-points { gap: 18px; flex-direction: column; align-items: center; }
    .trust-inner { gap: 28px; }
    .hero { padding: 56px 24px 64px; }
    .header-cta { padding: 8px 16px; font-size: 13px; }
    .guardrail-line .line-label { width: 70px; font-size: 11px; }
    .guardrail-line .line-value { width: 70px; font-size: 12px; }
  }
</style>
</head>
<body>
 
<!-- HEADER -->
<header class="site-header">
  <div class="header-inner">
    <a href="https://my-wealthmanagement.com" class="logo-area">
      <div class="logo-mark">MY</div>
      <div class="logo-text">MY Wealth Management<span>Wealth Management</span></div>
    </a>
    <a href="#schedule" class="header-cta">Schedule Your Free Evaluation</a>
  </div>
</header>
 
<!-- HERO -->
<section class="hero">
  <div class="hero-inner">
    <div class="hero-badge">For Pre-Retirees &amp; Retirees Age 50+</div>
    <h1>Are Your Income, Taxes, and Investments <em>Working Together</em> or Against You?</h1>
    <p class="hero-sub">Watch the short video below to learn how a coordinated, three-pillar framework can bring clarity to the decisions that shape your retirement.</p>
    <a href="#watch" class="hero-arrow" aria-label="Scroll to video">
      <svg viewBox="0 0 24 24" fill="none" stroke-width="2.5" stroke-linecap="round"><path d="M6 9l6 6 6-6"/></svg>
    </a>
  </div>
</section>
 
<!-- VIDEO -->
<section class="video-section" id="watch">
  <div class="video-container">
    <div class="video-label">Step 1: Watch the Video</div>
    <h2>The 3 Pillars of a Confident Retirement</h2>
    <p class="section-sub">Jeff Yeakle, CFP&reg;, explains how coordinating income, investments, and taxes can change the way you experience retirement.</p>
    <div class="video-embed">
      <!-- Replace the placeholder below with your embed code, e.g.: -->
      <!-- <iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID" allowfullscreen></iframe> -->
      <div class="video-placeholder">
        <div class="play-btn">
          <svg viewBox="0 0 24 24"><polygon points="8,5 20,12 8,19"/></svg>
        </div>
        <span>Video will appear here once embedded</span>
      </div>
    </div>
    <p class="video-note">A tax-aware approach for pre- and post-retirees with $750K+ in investable assets.</p>
  </div>
</section>
 
<!-- THREE PILLARS -->
<section class="pillars-section">
  <div class="pillars-inner">
    <div class="video-label">Our Framework</div>
    <h2>Three Pillars. One Coordinated Plan.</h2>
    <p>Most retirement strategies treat income, investments, and taxes as separate problems. We build them to work together.</p>
    <div class="pillars-grid">
 
      <div class="pillar-card">
        <div class="pillar-number">1</div>
        <div class="pillar-icon">
          <svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
        </div>
        <h3>Retirement Income</h3>
        <p>We use retirement income guardrails to give you a clear, written framework for how much you can spend, and exactly when to adjust. No guessing, no emotional decisions when markets shift.</p>
      </div>
 
      <div class="pillar-card">
        <div class="pillar-number">2</div>
        <div class="pillar-icon">
          <svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
        </div>
        <h3>Investment Alignment</h3>
        <p>Retirement changes the job your portfolio needs to do. We structure your investments to support withdrawals, handle volatility, and stay aligned with your income plan.</p>
      </div>
 
      <div class="pillar-card">
        <div class="pillar-number">3</div>
        <div class="pillar-icon">
          <svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
        </div>
        <h3>Tax Coordination</h3>
        <p>Two retirees with the same withdrawal can end up with very different after-tax results. We structure income decisions with tax considerations in mind, not as an afterthought.</p>
      </div>
 
    </div>
  </div>
</section>
 
<!-- GUARDRAILS HIGHLIGHT -->
<section class="guardrails-section">
  <div class="guardrails-inner">
    <div class="guardrails-text">
      <div class="video-label">Featured Strategy</div>
      <h2>Retirement Income Guardrails</h2>
      <p>Think of guardrails on a mountain road. They don't stop you from driving. They protect you so you can drive with confidence.</p>
      <p>Your plan starts with a personalized income amount, then sets two clear thresholds. You know in advance when a change would happen, and what that change would be. No emotional decisions in the moment.</p>
    </div>
    <div class="guardrails-visual">
      <div class="guardrail-diagram">
        <div class="guardrail-line upper">
          <span class="line-label">Upper Rail</span>
          <div class="line"></div>
          <span class="line-value">$15,800/mo</span>
        </div>
        <div class="guardrail-zone">Increase Zone</div>
        <div class="guardrail-line current">
          <span class="line-label">Your Income</span>
          <div class="line"></div>
          <span class="line-value">$14,900/mo</span>
        </div>
        <div class="guardrail-zone">Comfort Zone</div>
        <div class="guardrail-line lower">
          <span class="line-label">Lower Rail</span>
          <div class="line"></div>
          <span class="line-value">$14,100/mo</span>
        </div>
      </div>
      <p class="disclaimer">Illustrative purposes only. Does not represent any specific individual's situation or guarantee future results.</p>
    </div>
  </div>
</section>
 
<!-- WHO THIS IS FOR -->
<section class="who-section">
  <div class="who-inner">
    <h2>This Evaluation May Be Right for You If...</h2>
    <div class="who-grid">
      <div class="who-item">
        <div class="who-check"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></div>
        <p>You're 50 or older and have saved $750,000 or more for retirement</p>
      </div>
      <div class="who-item">
        <div class="who-check"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></div>
        <p>You want a clear plan for turning savings into a reliable retirement paycheck</p>
      </div>
      <div class="who-item">
        <div class="who-check"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></div>
        <p>You want to know how to reduce your retirement tax bill</p>
      </div>
      <div class="who-item">
        <div class="who-check"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></div>
        <p>You have an advisor but want a second opinion on your income strategy</p>
      </div>
    </div>
  </div>
</section>
 
<!-- CTA / FORM -->
<section class="cta-section" id="schedule">
  <div class="cta-inner">
    <div class="video-label">Step 2: Get Started</div>
    <h2>Schedule Your Free Retirement Evaluation</h2>
    <p>Walk away with a clear picture of what your retirement paycheck could look like, the guardrails that would guide it, and the tax pressure points that could affect your lifetime tax bill.</p>
 
    <div class="eval-points">
      <div class="eval-point">
        <div class="ep-icon"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg></div>
        Your Income Plan
      </div>
      <div class="eval-point">
        <div class="ep-icon"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg></div>
        Investment Readiness
      </div>
      <div class="eval-point">
        <div class="ep-icon"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg></div>
        Tax Pressure Points
      </div>
    </div>
 
    <div class="cta-box">
      <h3>Start Your Evaluation</h3>
      <p>Fill in the short form below and we'll be in touch to schedule your meeting.</p>
      <form class="cta-form" onsubmit="return false;">
        <input type="text" placeholder="First Name" required>
        <input type="text" placeholder="Last Name" required>
        <input type="email" class="full-width" placeholder="Email Address" required>
        <input type="tel" class="full-width" placeholder="Phone Number">
        <select class="full-width">
          <option value="" disabled selected>How much have you saved for retirement?</option>
          <option>$750k - $1.5M</option>
          <option>$1.5M - $3M</option>
          <option>$3M - $5M</option>
          <option>$5M+</option>
        </select>
        <button type="submit" class="cta-submit">Schedule My Free Evaluation</button>
      </form>
      <p class="cta-note">No obligation. No spam. We intentionally limit the number of new clients we take on each month.</p>
    </div>
  </div>
</section>
 
<!-- TRUST BAR -->
<section class="trust-bar">
  <div class="trust-inner">
    <div class="trust-item">
      <span class="trust-num">30</span>
      <span class="trust-label">Years of Experience</span>
    </div>
    <div class="trust-item">
      <span class="trust-num">Fee-Only</span>
      <span class="trust-label">Fiduciary RIA</span>
    </div>
    <div class="trust-item">
      <span class="trust-num">CFP&reg;</span>
      <span class="trust-label">Certified Professionals</span>
    </div>
    <div class="trust-item">
      <span class="trust-num">SEC</span>
      <span class="trust-label">Registered</span>
    </div>
  </div>
</section>
 
<!-- FAQ -->
<section class="faq-section">
  <div class="faq-inner">
    <h2>Frequently Asked Questions</h2>
 
    <div class="faq-item">
      <button class="faq-q">
        Who is MY Wealth Management?
        <svg class="faq-icon" viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
      </button>
      <div class="faq-a"><p>MY Wealth Management is an independent, fee-only fiduciary wealth management firm based in Germantown, Maryland. We specialize in helping pre-retirees and retirees coordinate their income, tax, and investment strategies. Your conversations are guided by Jeffrey Yeakle, CFP&reg;, ChFC&reg;, and supported by Bradford Yeakle, ChFC&reg;, and our team.</p></div>
    </div>
 
    <div class="faq-item">
      <button class="faq-q">
        What do I get from the free evaluation?
        <svg class="faq-icon" viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
      </button>
      <div class="faq-a"><p>You'll receive a clear picture of what your retirement paycheck could look like, the guardrails that would guide it, and the key tax pressure points that could affect your lifetime tax bill. It's educational, and there's no obligation to become a client.</p></div>
    </div>
 
    <div class="faq-item">
      <button class="faq-q">
        Is there any obligation to work with you?
        <svg class="faq-icon" viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
      </button>
      <div class="faq-a"><p>None at all. This is a chance for you to learn how we work, ask questions, and see whether our process is a good fit for what you're looking for.</p></div>
    </div>
 
    <div class="faq-item">
      <button class="faq-q">
        I already have a financial advisor. Should I still do this?
        <svg class="faq-icon" viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
      </button>
      <div class="faq-a"><p>Absolutely. Even with an existing advisor, a second opinion on your income strategy can be valuable. Most people have never had this conversation framed around a written plan with clear rules for when markets change.</p></div>
    </div>
 
    <div class="faq-item">
      <button class="faq-q">
        How is MY Wealth Management compensated?
        <svg class="faq-icon" viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
      </button>
      <div class="faq-a"><p>The evaluation is completely free. If you choose to work with us, we charge a transparent percentage-based advisory fee: 0.89% on the first $1.5M managed and 0.40% on amounts above that, with a $4,000 annual minimum. All fees are disclosed before any engagement begins.</p></div>
    </div>
 
  </div>
</section>
 
<!-- FOOTER -->
<footer class="site-footer">
  <div class="footer-inner">
    <div class="footer-logo">MY Wealth Management, Inc.</div>
    <div class="footer-addr">
      12410 Milestone Center Drive, Suite 175, Germantown, MD 20876<br>
      <a href="tel:3013307900">(301) 330-7900</a> &nbsp;&middot;&nbsp; <a href="mailto:info@my-wealthmgmt.com">info@my-wealthmgmt.com</a>
    </div>
    <p class="footer-disclaimer">MY Wealth Management, Inc. is a Registered Investment Adviser. Advisory services are only offered to clients or prospective clients where MY Wealth Management, Inc. and its representatives are properly licensed or exempt from licensure. This website is solely for informational purposes. Past performance is no guarantee of future returns. Investing involves risk and possible loss of principal capital. No advice may be rendered by MY Wealth Management, Inc. unless a client service agreement is in place. Tax strategies depend on individual circumstances and may not result in reduced taxes for all clients. MY Wealth Management, Inc. does not provide legal or tax advice.</p>
    <div class="footer-links">
      <a href="https://my-wealthmanagement.com/privacy-policy-10-31-2024/">Privacy Policy</a>
      <a href="https://my-wealthmanagement.com/disclosure/">Disclosure</a>
      <a href="https://reports.adviserinfo.sec.gov/crs/crs_168566.pdf">Form CRS</a>
    </div>
  </div>
</footer>
 
<script>
  // FAQ Accordion
  document.querySelectorAll('.faq-q').forEach(btn => {
    btn.addEventListener('click', () => {
      const item = btn.parentElement;
      const wasOpen = item.classList.contains('open');
      document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));
      if (!wasOpen) item.classList.add('open');
    });
  });
</script>
 
</body>
</html>/* End custom CSS */