/*
  Lehigh Partners Senior Benefits - Shared Site Styles
  Generated from the current homepage design system.
  Place at: /assets/css/styles.css
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#0f2d52;
  --navy-mid:#1a3f6e;
  --blue:#1e6fd9;
  --blue-hover:#1558b8;
  --blue-light:#e8f2ff;
  --blue-pale:#f0f6ff;
  --teal:#0e8a6e;
  --teal-hover:#0a7560;
  --teal-light:#e0f5ef;
  --gold:#a06c1a;
  --gold-light:#fdf3e0;
  --text:#1c2b3a;
  --text-mid:#3d5166;
  --text-muted:#64788e;
  --border:#d4dde8;
  --border-light:#e8eef5;
  --bg:#ffffff;
  --bg-soft:#f7f9fc;
  --bg-section:#f2f6fb;
  --radius:10px;
  --radius-lg:16px;
  --shadow-sm:0 1px 4px rgba(15,45,82,.07);
  --shadow-md:0 4px 20px rgba(15,45,82,.11);
  --shadow-lg:0 12px 40px rgba(15,45,82,.15);
  --font-display:'Fraunces',Georgia,serif;
  --font-body:'DM Sans',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* UTILITY */
.container{max-width:1100px;margin:0 auto;padding:0 24px}
.section-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
h2.section-title{font-family:var(--font-display);font-size:clamp(26px,3.2vw,38px);font-weight:600;color:var(--navy);line-height:1.15;letter-spacing:-.01em}
.section-sub{font-size:16px;color:var(--text-mid);line-height:1.7;max-width:580px}
.arrow-icon{width:14px;height:14px;stroke:currentColor;stroke-width:2.5;fill:none;transition:transform .15s}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:15px;font-weight:600;padding:13px 26px;border-radius:var(--radius);border:2px solid transparent;cursor:pointer;transition:background .18s,transform .12s,box-shadow .18s;white-space:nowrap;text-decoration:none}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.btn-primary:hover{background:var(--blue-hover);box-shadow:var(--shadow-md)}
.btn-outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-outline-white:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-outline-navy{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-outline-navy:hover{background:var(--navy);color:#fff}
.btn-teal{background:var(--teal);color:#fff;border-color:var(--teal)}
.btn-teal:hover{background:var(--teal-hover);box-shadow:var(--shadow-md)}
.btn-sm{font-size:13px;padding:9px 18px}
.btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0}

/* ── HEADER ── */
#site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.logo{display:flex;align-items:center;flex-shrink:0}
.logo img{height:40px;width:auto;display:block}
.main-nav{display:flex;align-items:center;gap:2px;list-style:none}
.main-nav a{font-size:14px;font-weight:500;color:var(--text-mid);padding:6px 11px;border-radius:6px;transition:background .15s,color .15s;white-space:nowrap}
.main-nav a:hover{background:var(--bg-soft);color:var(--navy)}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.phone-link{font-size:13px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:5px;white-space:nowrap}
.phone-link svg{width:14px;height:14px;stroke:var(--blue);stroke-width:2;fill:none}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--navy)}
.menu-toggle svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}
.mobile-nav{display:none;flex-direction:column;background:#fff;border-top:1px solid var(--border);padding:16px 24px;gap:4px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text);padding:10px 0;border-bottom:1px solid var(--border-light)}
.mobile-nav a:last-child{border-bottom:none}

/* ── HERO ── */
#hero{background:linear-gradient(150deg,var(--navy) 0%,#1a3f6e 55%,#1e5fc0 100%);padding:72px 0 64px;position:relative;overflow:hidden}
#hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr 360px;gap:52px;align-items:center;position:relative}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:5px 14px 5px 8px;font-size:12px;font-weight:600;color:rgba(255,255,255,.9);margin-bottom:20px;letter-spacing:.02em}
.eyebrow-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;flex-shrink:0}
#hero h1{font-family:var(--font-display);font-size:clamp(32px,4.2vw,52px);font-weight:600;color:#fff;line-height:1.1;margin-bottom:16px;letter-spacing:-.02em}
#hero h1 em{font-style:italic;font-weight:300;color:rgba(255,255,255,.82)}
.hero-sub{font-size:17px;color:rgba(255,255,255,.75);line-height:1.65;margin-bottom:30px;max-width:510px}
.hero-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.hero-phone{font-size:13px;color:rgba(255,255,255,.55)}
.hero-phone a{color:rgba(255,255,255,.85);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Hero card */
.hero-card{background:rgba(255,255,255,.97);border-radius:var(--radius-lg);padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.22)}
.hero-card-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}
.checklist{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.checklist li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text)}
.check-circle{width:22px;height:22px;background:var(--teal-light);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.check-circle svg{width:11px;height:11px;stroke:var(--teal);stroke-width:3;fill:none}
.hero-badge{display:flex;align-items:center;gap:8px;background:var(--blue-pale);border:1px solid #c5d8f5;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600;color:var(--navy)}
.hero-badge svg{width:14px;height:14px;stroke:var(--blue);stroke-width:2;fill:none;flex-shrink:0}

/* ── TRUST STRIP ── */
#trust{background:var(--navy);padding:0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding:22px 22px;display:flex;align-items:flex-start;gap:13px;border-right:1px solid rgba(255,255,255,.08)}
.trust-item:last-child{border-right:none}
.trust-icon{width:34px;height:34px;background:rgba(255,255,255,.08);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.trust-icon svg{width:17px;height:17px;stroke:#93c5fd;stroke-width:1.8;fill:none}
.trust-label{font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;line-height:1.3}
.trust-desc{font-size:11px;color:rgba(255,255,255,.5);line-height:1.5}

/* ── JOURNEY ── */
#journey{padding:80px 0;background:var(--bg)}
.journey-header{text-align:center;margin-bottom:44px}
.journey-header .section-sub{margin:10px auto 0}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.journey-card{border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.journey-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-accent,var(--blue));border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.journey-card:hover{border-color:#b3d0f5;box-shadow:var(--shadow-md);transform:translateY(-3px)}
.jc-blue{--card-accent:var(--blue)}
.jc-teal{--card-accent:var(--teal)}
.jc-gold{--card-accent:var(--gold)}
.journey-num{font-family:var(--font-display);font-size:42px;font-weight:600;line-height:1;margin-bottom:14px;color:#e8f2ff}
.jc-teal .journey-num{color:#e0f5ef}
.jc-gold .journey-num{color:#fdf3e0}
.journey-title{font-size:19px;font-weight:700;color:var(--navy);margin-bottom:10px;line-height:1.25}
.journey-desc{font-size:14px;color:var(--text-mid);line-height:1.6;margin-bottom:22px}
.journey-link{font-size:14px;font-weight:700;color:var(--card-accent,var(--blue));display:inline-flex;align-items:center;gap:5px;transition:gap .15s}
.journey-link:hover{gap:9px}

/* ── COMPARE ── */
#compare{padding:80px 0;background:var(--bg-section)}
.compare-header{text-align:center;margin-bottom:44px}
.compare-header .section-sub{margin:10px auto 0}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}
.compare-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:box-shadow .2s}
.compare-card:hover{box-shadow:var(--shadow-md)}
.compare-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 11px;border-radius:100px;margin-bottom:14px}
.tag-adv{background:var(--blue-light);color:#1a4d9e}
.tag-sup{background:var(--teal-light);color:#0a6350}
.compare-card h3{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--navy);margin-bottom:8px}
.compare-intro{font-size:14px;color:var(--text-mid);margin-bottom:18px;line-height:1.6}
.feature-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:26px}
.feature-list li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--text);line-height:1.5}
.feature-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:6px}
.dot-blue{background:var(--blue)}
.dot-teal{background:var(--teal)}
.compare-bottom{text-align:center;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px}
.compare-bottom p{font-size:15px;color:var(--text-mid);margin-bottom:16px;line-height:1.6}

/* ── QUIZ CTA ── */
#quiz-cta{padding:56px 0;background:var(--navy)}
.quiz-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.quiz-text h2{font-family:var(--font-display);font-size:clamp(22px,2.8vw,32px);font-weight:600;color:#fff;margin-bottom:10px}
.quiz-text p{font-size:15px;color:rgba(255,255,255,.68);max-width:480px;line-height:1.65}
.quiz-disclaimer{font-size:11px;color:rgba(255,255,255,.35);margin-top:10px}
.quiz-action{flex-shrink:0;text-align:center}

/* ── SERVICES ── */
#services{padding:80px 0;background:var(--bg)}
.services-header{text-align:center;margin-bottom:44px}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;transition:border-color .2s,box-shadow .2s,transform .2s}
.service-card:hover{border-color:#b3d0f5;box-shadow:var(--shadow-md);transform:translateY(-2px)}
.service-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.service-icon svg{width:20px;height:20px;stroke-width:1.8;fill:none}
.si-blue{background:var(--blue-light)}.si-blue svg{stroke:var(--blue)}
.si-teal{background:var(--teal-light)}.si-teal svg{stroke:var(--teal)}
.si-gold{background:var(--gold-light)}.si-gold svg{stroke:var(--gold)}
.si-navy{background:#e8eef5}.si-navy svg{stroke:var(--navy)}
.service-card h3{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:7px;line-height:1.3}
.service-card p{font-size:13px;color:var(--text-mid);line-height:1.6;margin-bottom:14px}
.service-link{font-size:13px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:4px;transition:gap .15s}
.service-link:hover{gap:8px}
.service-link svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.5;fill:none}

/* ── WHY ── */
#why{padding:80px 0;background:var(--bg-section)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.why-text .section-title{margin-bottom:14px}
.why-intro{font-size:15px;color:var(--text-mid);line-height:1.7;margin-bottom:26px}
.why-points{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:30px}
.why-points li{display:flex;align-items:flex-start;gap:11px;font-size:15px;color:var(--text);line-height:1.55}
.why-check{width:22px;height:22px;background:var(--teal-light);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.why-check svg{width:11px;height:11px;stroke:var(--teal);stroke-width:3;fill:none}
.why-visual{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md)}
.why-visual-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:18px}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.stat-box{background:var(--bg-soft);border-radius:var(--radius);padding:18px;text-align:center}
.stat-num{font-family:var(--font-display);font-size:30px;font-weight:600;color:var(--navy);line-height:1;margin-bottom:4px}
.stat-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.agent-rows{display:flex;flex-direction:column;gap:8px}
.agent-row{display:flex;align-items:center;gap:11px;padding:12px;background:var(--bg-soft);border-radius:var(--radius)}
.agent-avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:600;color:#fff;flex-shrink:0;letter-spacing:-.02em}
.agent-info strong{display:block;font-size:13px;font-weight:700;color:var(--navy)}
.agent-info span{font-size:11px;color:var(--text-muted)}

/* ── LOCAL ── */
#local{padding:64px 0;background:var(--bg);border-top:1px solid var(--border-light)}
.local-inner{display:grid;grid-template-columns:1fr auto;gap:56px;align-items:center}
.local-text .section-title{margin-bottom:12px;margin-top:6px}
.local-text p{font-size:15px;color:var(--text-mid);line-height:1.65;margin-bottom:20px;max-width:460px}
.local-links{display:flex;flex-direction:column;gap:9px;margin-bottom:24px}
.local-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--blue);transition:gap .15s}
.local-link:hover{gap:11px}
.local-link svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.5;fill:none}
.local-map-block{background:var(--bg-soft);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:26px;min-width:250px}
.local-map-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:14px}
.state-pills{display:flex;flex-wrap:wrap;gap:7px}
.state-pill{font-size:12px;font-weight:600;background:var(--blue-light);color:#1a4d9e;border-radius:100px;padding:4px 12px}

/* ── RESOURCES ── */
#resources{padding:80px 0;background:var(--bg-section)}
.resources-header{text-align:center;margin-bottom:44px}
.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.resource-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s,transform .2s}
.resource-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.resource-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
.resource-card h3{font-size:15px;font-weight:700;color:var(--navy);line-height:1.3}
.resource-card p{font-size:13px;color:var(--text-mid);line-height:1.6;flex:1}
.resource-link{font-size:13px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:4px;transition:gap .15s;margin-top:4px}
.resource-link:hover{gap:8px}
.resource-link svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.5;fill:none}

/* ── FAQ ── */
#faq{padding:80px 0;background:var(--bg)}
.faq-header{text-align:center;margin-bottom:44px}
.faq-list{max-width:740px;margin:0 auto;display:flex;flex-direction:column;gap:3px}
.faq-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}
.faq-item.open{border-color:#b3d0f5}
.faq-q{width:100%;background:none;border:none;text-align:left;font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--navy);padding:18px 22px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:background .15s}
.faq-q:hover,.faq-item.open .faq-q{background:var(--bg-soft)}
.faq-chevron{width:18px;height:18px;stroke:var(--text-muted);stroke-width:2;fill:none;flex-shrink:0;transition:transform .22s}
.faq-item.open .faq-chevron{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}
.faq-item.open .faq-a{max-height:300px}
.faq-a-inner{padding:16px 22px 20px;font-size:15px;color:var(--text-mid);line-height:1.7;border-top:1px solid var(--border-light)}
.faq-cta{text-align:center;margin-top:36px}

/* ── FINAL CTA ── */
#final-cta{padding:80px 0;background:linear-gradient(140deg,var(--navy) 0%,#1a3f6e 50%,#1558b0 100%);text-align:center}
#final-cta h2{font-family:var(--font-display);font-size:clamp(26px,3.8vw,42px);font-weight:600;color:#fff;margin-bottom:14px;line-height:1.15}
#final-cta p{font-size:16px;color:rgba(255,255,255,.7);max-width:560px;margin:0 auto 34px;line-height:1.65}
.final-ctas{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.final-note{font-size:13px;color:rgba(255,255,255,.4)}

/* ── FOOTER ── */
#footer{background:#0b1f35;padding:52px 0 28px}
.footer-grid{display:grid;grid-template-columns:240px 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.footer-logo{display:flex;align-items:center;margin-bottom:12px}
.footer-logo img{height:32px;width:auto;display:block}
.footer-brand p{font-size:12px;line-height:1.65;color:rgba(255,255,255,.4);margin-bottom:14px}
.footer-phone{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(255,255,255,.75)}
.footer-phone svg{width:13px;height:13px;stroke:rgba(255,255,255,.5);stroke-width:2;fill:none}
.footer-col h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);margin-bottom:13px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.footer-col ul a{font-size:13px;color:rgba(255,255,255,.6);transition:color .15s}
.footer-col ul a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:12px;color:rgba(255,255,255,.3)}
.footer-disclaimer{font-size:11px;color:rgba(255,255,255,.25);line-height:1.6;max-width:620px}

/* ── MOBILE STICKY BAR ── */
.mobile-sticky{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--navy);border-top:1px solid rgba(255,255,255,.12);z-index:200;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.mobile-sticky-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mobile-sticky .btn{justify-content:center;padding:11px 16px;font-size:14px}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .main-nav,.phone-link{display:none}
  .menu-toggle{display:flex}
  .hero-grid{grid-template-columns:1fr}
  .hero-card{display:none}
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .trust-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}
  .journey-grid,.compare-grid,.why-grid,.local-inner{grid-template-columns:1fr;gap:24px}
  .services-grid{grid-template-columns:1fr 1fr}
  .resources-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .mobile-sticky{display:block}
  body{padding-bottom:68px}
}
@media(max-width:560px){
  .container{padding:0 16px}
  .hero-ctas{flex-direction:column;align-items:flex-start}
  .trust-grid{grid-template-columns:1fr}
  .trust-item:nth-child(odd){border-right:none}
  .services-grid,.resources-grid{grid-template-columns:1fr}
  .quiz-inner{flex-direction:column;align-items:flex-start}
  .final-ctas{flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:1fr 1fr}
}
/* ─────────────────────────────────────────────
   MEDICARE QUIZ PAGE STYLES
   Used by: /medicare-quiz/
───────────────────────────────────────────── */

/* BREADCRUMB */
.breadcrumb-bar{
  background:var(--bg-soft);
  border-bottom:1px solid var(--border-light);
  padding:10px 0;
}
.breadcrumb{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:var(--text-muted);
}
.breadcrumb a{
  color:var(--blue);
  transition:color .15s;
}
.breadcrumb a:hover{
  color:var(--navy);
}
.breadcrumb svg{
  width:10px;
  height:10px;
  stroke:var(--text-muted);
  stroke-width:2;
  fill:none;
}

/* QUIZ HERO ADDITIONS */
.hero-honest{
  font-size:14px;
  color:rgba(255,255,255,.55);
  line-height:1.65;
  margin-bottom:26px;
  max-width:510px;
  border-left:2px solid rgba(255,255,255,.2);
  padding-left:14px;
}
.hero-trust-line{
  font-size:12px;
  color:rgba(255,255,255,.5);
  margin-bottom:22px;
  display:flex;
  align-items:center;
  gap:6px;
}
.hero-trust-line svg{
  width:13px;
  height:13px;
  stroke:rgba(255,255,255,.5);
  stroke-width:2;
  fill:none;
  flex-shrink:0;
}
.hero-quiz-card{
  background:rgba(255,255,255,.96);
  border-radius:var(--radius-lg);
  padding:26px;
  box-shadow:0 20px 60px rgba(0,0,0,.22);
}
.plan-options-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-bottom:20px;
}
.plan-options-list li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  font-weight:500;
  color:var(--text);
}
.plan-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  flex-shrink:0;
}
.pd-blue{background:var(--blue)}
.pd-teal{background:var(--teal)}
.pd-gold{background:var(--gold)}
.pd-navy{background:var(--navy)}
.hero-card-note{
  font-size:12px;
  color:var(--text-muted);
  line-height:1.55;
  padding:12px;
  background:var(--bg-soft);
  border-radius:8px;
}

/* QUIZ SECTION */
#quiz-section{
  padding:72px 0;
  background:var(--bg);
}
.quiz-section-header{
  text-align:center;
  margin-bottom:10px;
}
.quiz-section-header .section-title{
  margin-bottom:12px;
}
.quiz-intro-note{
  font-size:13px;
  color:var(--text-muted);
  line-height:1.65;
  max-width:600px;
  margin:0 auto 36px;
  text-align:center;
  padding:14px 18px;
  background:var(--bg-soft);
  border:1px solid var(--border);
  border-radius:var(--radius);
}
.quiz-wrapper{
  max-width:700px;
  margin:0 auto;
}

/* QUIZ EMBED */
#quiz-root{
  font-family:var(--font-body);
  color:var(--text);
  min-height:400px;
}
.qz-header{
  background:var(--navy);
  padding:18px 28px 16px;
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.qz-brand{
  font-family:var(--font-display);
  font-size:15px;
  color:rgba(255,255,255,.9);
  letter-spacing:.3px;
}
.qz-brand em{
  color:var(--gold);
  font-style:italic;
}
.qz-step-label{
  font-size:12px;
  color:rgba(255,255,255,.55);
  letter-spacing:.5px;
}
.qz-progress-outer{
  height:3px;
  background:rgba(255,255,255,.14);
  width:100%;
}
.qz-progress-inner{
  height:3px;
  background:var(--gold);
  transition:width .5s ease;
}
.qz-body{
  background:var(--bg);
  padding:32px 30px 28px;
  border-radius:0 0 var(--radius-lg) var(--radius-lg);
  border:1.5px solid var(--border);
  border-top:none;
}
.qz-context{
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--teal);
  margin-bottom:10px;
}
.qz-question{
  font-family:var(--font-display);
  font-size:21px;
  font-weight:500;
  color:var(--navy);
  line-height:1.45;
  margin-bottom:8px;
}
.qz-sub{
  font-size:13px;
  color:var(--text-muted);
  margin-bottom:22px;
  line-height:1.6;
}
.qz-options{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.qz-opt{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border:1.5px solid var(--border);
  border-radius:var(--radius);
  background:var(--bg);
  cursor:pointer;
  text-align:left;
  transition:border-color .18s,background .18s,box-shadow .18s;
  width:100%;
  font-family:var(--font-body);
}
.qz-opt:hover{
  border-color:var(--teal);
  background:var(--teal-light);
}
.qz-opt.sel{
  border-color:var(--teal);
  background:var(--teal-light);
  box-shadow:0 0 0 2px var(--teal);
}
.qz-radio{
  width:19px;
  height:19px;
  border-radius:50%;
  border:1.5px solid var(--border);
  flex-shrink:0;
  margin-top:1px;
  background:var(--bg);
  transition:all .18s;
  display:flex;
  align-items:center;
  justify-content:center;
}
.qz-opt.sel .qz-radio{
  border-color:var(--teal);
  background:var(--teal);
}
.qz-radio-inner{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff;
  display:none;
}
.qz-opt.sel .qz-radio-inner{
  display:block;
}
.qz-opt-text{
  font-size:14px;
  line-height:1.55;
  color:var(--text);
}
.qz-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:26px;
  padding-top:20px;
  border-top:1px solid var(--border-light);
}
.qz-back{
  background:none;
  border:none;
  font-size:13px;
  color:var(--text-muted);
  cursor:pointer;
  padding:6px 0;
  font-family:var(--font-body);
}
.qz-back:hover{
  color:var(--navy);
}
.qz-next{
  background:var(--navy);
  color:#fff;
  border:none;
  border-radius:var(--radius);
  padding:11px 28px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  transition:background .18s;
  font-family:var(--font-body);
}
.qz-next:hover{
  background:var(--teal);
}
.qz-next:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.qz-next:disabled:hover{
  background:var(--navy);
}

/* QUIZ INTRO */
.qz-intro{
  background:var(--bg);
  border-radius:var(--radius-lg);
  border:1.5px solid var(--border);
  padding:40px 32px;
  text-align:center;
}
.qz-intro-icon{
  width:56px;
  height:56px;
  background:var(--teal-light);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 20px;
}
.qz-intro-icon svg{
  width:26px;
  height:26px;
  stroke:var(--teal);
  stroke-width:1.8;
  fill:none;
}
.qz-intro-title{
  font-family:var(--font-display);
  font-size:24px;
  color:var(--navy);
  margin-bottom:12px;
  line-height:1.35;
  font-weight:600;
}
.qz-intro-desc{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.75;
  max-width:440px;
  margin:0 auto 22px;
}
.qz-tags{
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
  margin-bottom:26px;
}
.qz-tag{
  background:var(--gold-light);
  color:var(--gold);
  font-size:11px;
  font-weight:600;
  padding:5px 13px;
  border-radius:100px;
  letter-spacing:.3px;
}
.qz-start{
  background:var(--teal);
  color:#fff;
  border:none;
  border-radius:var(--radius);
  padding:13px 38px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  transition:background .18s;
  font-family:var(--font-body);
}
.qz-start:hover{
  background:var(--navy);
}
.qz-intro-meta{
  margin-top:14px;
  font-size:12px;
  color:var(--text-muted);
}

/* QUIZ RESULT */
.qz-result{
  background:var(--bg);
  border-radius:var(--radius-lg);
  border:1.5px solid var(--border);
  padding:36px 32px;
  text-align:center;
}
.qz-result-badge{
  display:inline-block;
  background:var(--teal);
  color:#fff;
  font-size:11px;
  font-weight:700;
  padding:4px 16px;
  border-radius:100px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.qz-result-title{
  font-family:var(--font-display);
  font-size:26px;
  color:var(--navy);
  margin-bottom:12px;
  line-height:1.25;
  font-weight:600;
}
.qz-result-plan-badge{
  display:inline-block;
  background:var(--gold-light);
  color:var(--gold);
  font-size:13px;
  font-weight:600;
  padding:6px 18px;
  border-radius:100px;
  margin-bottom:18px;
}
.qz-result-summary{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.8;
  max-width:480px;
  margin:0 auto 22px;
  text-align:left;
}
.qz-highlights{
  background:var(--teal-light);
  border-radius:var(--radius);
  padding:18px 20px;
  margin-bottom:10px;
  text-align:left;
}
.qz-highlights-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--teal);
  margin-bottom:12px;
}
.qz-hl-row{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-bottom:8px;
  font-size:13px;
  color:var(--text);
  line-height:1.55;
}
.qz-hl-row:last-child{
  margin-bottom:0;
}
.qz-check{
  color:var(--teal);
  font-size:14px;
  flex-shrink:0;
  margin-top:1px;
  font-weight:700;
}
.qz-year-note{
  font-size:12px;
  color:var(--text-muted);
  line-height:1.6;
  margin-bottom:20px;
  padding:10px 14px;
  background:var(--bg-soft);
  border-radius:8px;
  border:1px solid var(--border);
  text-align:left;
}
.qz-cta-block{
  background:var(--navy);
  border-radius:var(--radius-lg);
  padding:26px 24px;
  margin-bottom:20px;
}
.qz-cta-headline{
  font-family:var(--font-display);
  font-size:20px;
  color:#fff;
  margin-bottom:6px;
  font-weight:600;
}
.qz-cta-sub{
  font-size:13px;
  color:rgba(255,255,255,.65);
  line-height:1.65;
  margin-bottom:18px;
  max-width:400px;
  margin-left:auto;
  margin-right:auto;
}
.qz-cta-row{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
.qz-btn-schedule{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:var(--teal);
  color:#fff;
  border:none;
  border-radius:var(--radius);
  padding:12px 22px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
  font-family:var(--font-body);
  transition:background .18s;
}
.qz-btn-schedule:hover{
  background:var(--teal-hover);
  color:#fff;
}
.qz-btn-phone{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:rgba(255,255,255,.1);
  color:#fff;
  border:1.5px solid rgba(255,255,255,.25);
  border-radius:var(--radius);
  padding:12px 22px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
  font-family:var(--font-body);
  transition:background .18s;
}
.qz-btn-phone:hover{
  background:rgba(255,255,255,.2);
  color:#fff;
}
.qz-cta-hours{
  font-size:11px;
  color:rgba(255,255,255,.4);
  margin-top:12px;
}
.qz-disclaimer{
  font-size:11px;
  color:var(--text-muted);
  line-height:1.65;
  max-width:440px;
  margin:0 auto 10px;
}
.qz-restart{
  background:none;
  border:none;
  font-size:12px;
  color:var(--text-muted);
  cursor:pointer;
  text-decoration:underline;
  font-family:var(--font-body);
}

/* PLAN CARDS */
#plan-cards{
  padding:72px 0;
  background:var(--bg-section);
}
.plan-cards-header{
  text-align:center;
  margin-bottom:44px;
}
.plan-cards-header .section-sub{
  margin:10px auto 0;
}
.plan-cards-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
  margin-bottom:32px;
}
.plan-card{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:28px;
  position:relative;
  overflow:hidden;
  transition:box-shadow .2s,transform .2s;
}
.plan-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:var(--pc-accent,var(--blue));
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
}
.plan-card:hover{
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.pc-blue{--pc-accent:var(--blue)}
.pc-teal{--pc-accent:var(--teal)}
.pc-gold{--pc-accent:var(--gold)}
.pc-navy{--pc-accent:var(--navy)}
.plan-card-tag{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:4px 12px;
  border-radius:100px;
  margin-bottom:12px;
}
.pct-blue{background:var(--blue-light);color:#1a4d9e}
.pct-teal{background:var(--teal-light);color:#0a6350}
.pct-gold{background:var(--gold-light);color:var(--gold)}
.pct-navy{background:#e8eef5;color:var(--navy)}
.plan-card h3{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:600;
  color:var(--navy);
  margin-bottom:8px;
}
.plan-card p{
  font-size:13px;
  color:var(--text-mid);
  line-height:1.65;
}
.plan-cards-cta{
  text-align:center;
}

/* REVIEW SECTION */
#review-section{
  padding:72px 0;
  background:var(--bg);
}
.review-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}
.review-text .section-title{
  margin-bottom:14px;
}
.review-intro{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.7;
  margin-bottom:24px;
}
.review-checklist{
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 20px;
  margin-bottom:28px;
}
.review-checklist li{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:var(--text);
  line-height:1.4;
}
.rc-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--teal);
  flex-shrink:0;
}
.review-ctas{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.review-visual{
  background:var(--bg-section);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:28px;
}
.review-visual-label{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--text-muted);
  margin-bottom:16px;
}
.review-step-list{
  display:flex;
  flex-direction:column;
  gap:0;
}
.review-step{
  display:flex;
  gap:14px;
  padding:16px 0;
  border-bottom:1px solid var(--border-light);
}
.review-step:last-child{
  border-bottom:none;
}
.review-step-num{
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--navy);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:700;
  color:#fff;
  flex-shrink:0;
  margin-top:1px;
}
.review-step-text strong{
  display:block;
  font-size:14px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:3px;
}
.review-step-text span{
  font-size:12px;
  color:var(--text-muted);
  line-height:1.5;
}

/* QUIZ PAGE RESPONSIVE ADDITIONS */
@media(max-width:900px){
  .hero-quiz-card{
    display:none;
  }

  .plan-cards-grid{
    grid-template-columns:1fr;
  }

  .review-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}

@media(max-width:560px){
  .review-checklist{
    grid-template-columns:1fr;
  }

  .qz-cta-row{
    flex-direction:column;
  }

  .qz-btn-schedule,
  .qz-btn-phone{
    justify-content:center;
  }

  .qz-body{
    padding:22px 16px 20px;
  }

  .qz-result{
    padding:28px 18px;
  }
}
/* ─────────────────────────────────────────────
   MEDICARE PLAN REVIEW / SCHEDULING PAGE STYLES
   Used by: /medicare-plan-review/
───────────────────────────────────────────── */

/* SCHEDULING PAGE HERO */
.hero-inner{
  max-width:760px;
  position:relative;
}

.hero-trust{
  font-size:14px;
  color:rgba(255,255,255,.55);
  margin-bottom:28px;
  display:flex;
  align-items:center;
  gap:7px;
}

.hero-trust svg{
  width:14px;
  height:14px;
  stroke:rgba(255,255,255,.5);
  stroke-width:2;
  fill:none;
  flex-shrink:0;
}

/* WHAT WE REVIEW */
#what-we-review{
  padding:64px 0;
  background:var(--bg-section);
}

.wwr-header{
  text-align:center;
  margin-bottom:36px;
}

.wwr-header .section-title{
  margin-bottom:10px;
}

.wwr-sub{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.65;
  max-width:520px;
  margin:0 auto;
}

.wwr-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.wwr-card{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:26px 22px;
  position:relative;
  overflow:hidden;
  transition:box-shadow .2s,transform .2s;
}

.wwr-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
}

.wwr-card:nth-child(1)::before{
  background:var(--blue);
}

.wwr-card:nth-child(2)::before{
  background:var(--teal);
}

.wwr-card:nth-child(3)::before{
  background:var(--gold);
}

.wwr-card:hover{
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}

.wwr-icon{
  width:42px;
  height:42px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}

.wwr-icon svg{
  width:20px;
  height:20px;
  stroke-width:1.8;
  fill:none;
}

.wi-blue{
  background:var(--blue-light);
}

.wi-blue svg{
  stroke:var(--blue);
}

.wi-teal{
  background:var(--teal-light);
}

.wi-teal svg{
  stroke:var(--teal);
}

.wi-gold{
  background:var(--gold-light);
}

.wi-gold svg{
  stroke:var(--gold);
}

.wwr-card h3{
  font-size:16px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:8px;
  line-height:1.25;
}

.wwr-card p{
  font-size:13px;
  color:var(--text-mid);
  line-height:1.65;
}

/* CALENDLY SECTION */
#scheduling{
  padding:64px 0;
  background:var(--bg);
}

.scheduling-header{
  text-align:center;
  margin-bottom:36px;
}

.scheduling-header .section-title{
  margin-bottom:10px;
}

.scheduling-sub{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.65;
  max-width:500px;
  margin:0 auto;
}

.calendly-wrapper{
  max-width:900px;
  margin:0 auto;
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-md);
}

.calendly-inline-widget{
  min-width:320px;
  height:850px;
  width:100%;
}

.calendly-fallback{
  display:none;
  text-align:center;
  padding:48px 24px;
  background:var(--bg-soft);
}

.calendly-fallback p{
  font-size:15px;
  color:var(--text-mid);
  margin-bottom:20px;
  line-height:1.65;
}

.faq-cta-sub{
  font-size:14px;
  color:var(--text-muted);
  margin-top:12px;
}

.faq-cta-sub a{
  color:var(--blue);
  font-weight:600;
}

/* SCHEDULING PAGE RESPONSIVE */
@media(max-width:900px){
  .wwr-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .calendly-inline-widget{
    height:950px;
  }
}
/* ─────────────────────────────────────────────
   MEDICARE ADVANTAGE PAGE STYLES
   Used by: /medicare-advantage/
───────────────────────────────────────────── */

.ma-section{
  padding:76px 0;
  background:var(--bg);
}

.ma-soft{
  background:var(--bg-section);
}

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

.ma-section-header .section-title{
  margin-bottom:12px;
}

.ma-section-header .section-sub{
  margin:0 auto;
}

.ma-qa-card{
  display:grid;
  grid-template-columns:300px 1fr;
  gap:34px;
  align-items:start;
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:34px;
  box-shadow:var(--shadow-md);
  position:relative;
  overflow:hidden;
}

.ma-qa-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,var(--blue),var(--teal));
}

.ma-qa-copy p{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.75;
  margin-bottom:14px;
}

.ma-qa-copy p:last-child{
  margin-bottom:0;
}

.ma-qa-copy strong{
  color:var(--navy);
}

.ma-card-grid{
  display:grid;
  gap:18px;
}

.ma-card-grid.three{
  grid-template-columns:repeat(3,1fr);
}

.ma-info-card{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:26px 22px;
  transition:box-shadow .2s,transform .2s,border-color .2s;
}

.ma-info-card:hover{
  border-color:#b3d0f5;
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}

.ma-card-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  margin-bottom:14px;
}

.ma-card-icon.blue{
  background:var(--blue-light);
  color:var(--blue);
}

.ma-card-icon.teal{
  background:var(--teal-light);
  color:var(--teal);
}

.ma-card-icon.gold{
  background:var(--gold-light);
  color:var(--gold);
}

.ma-card-icon.navy{
  background:#e8eef5;
  color:var(--navy);
}

.ma-info-card h3{
  font-size:16px;
  font-weight:700;
  color:var(--navy);
  line-height:1.3;
  margin-bottom:8px;
}

.ma-info-card p{
  font-size:13px;
  color:var(--text-mid);
  line-height:1.65;
}

.ma-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:center;
}

.ma-split.reverse{
  grid-template-columns:1fr 1fr;
}

.ma-inline-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}

.ma-step-list{
  background:var(--bg-section);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:12px 26px;
}

.ma-step{
  display:flex;
  gap:15px;
  padding:20px 0;
  border-bottom:1px solid var(--border-light);
}

.ma-step:last-child{
  border-bottom:none;
}

.ma-step-num{
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  margin-top:2px;
}

.ma-step h3{
  font-size:15px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:4px;
  line-height:1.3;
}

.ma-step p{
  font-size:13px;
  color:var(--text-mid);
  line-height:1.6;
}

.ma-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.ma-panel{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:30px;
  position:relative;
  overflow:hidden;
}

.ma-panel::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
}

.ma-panel.good::before{
  background:var(--teal);
}

.ma-panel.caution::before{
  background:var(--gold);
}

.ma-panel h3{
  font-family:var(--font-display);
  font-size:23px;
  font-weight:600;
  color:var(--navy);
  margin-bottom:16px;
}

.ma-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:11px;
}

.ma-list li{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.55;
  padding-left:22px;
  position:relative;
}

.ma-list li::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--teal);
  position:absolute;
  left:0;
  top:.55em;
}

.ma-panel.caution .ma-list li::before{
  background:var(--gold);
}

.ma-fit-box{
  display:grid;
  grid-template-columns:1fr 280px;
  gap:34px;
  align-items:center;
  background:var(--blue-pale);
  border:1.5px solid #c5d8f5;
  border-radius:var(--radius-lg);
  padding:34px;
}

.ma-fit-box p{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.75;
  margin-bottom:12px;
}

.ma-fit-box p:last-child{
  margin-bottom:0;
}

.ma-fit-cta{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ma-fit-cta .btn{
  justify-content:center;
}

.ma-table-wrap{
  overflow-x:auto;
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
}

.ma-table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
}

.ma-table th{
  background:var(--navy);
  color:#fff;
  font-size:13px;
  text-align:left;
  padding:16px 18px;
}

.ma-table th:first-child{
  border-top-left-radius:var(--radius-lg);
}

.ma-table th:last-child{
  border-top-right-radius:var(--radius-lg);
}

.ma-table td{
  border-bottom:1px solid var(--border-light);
  padding:16px 18px;
  font-size:14px;
  color:var(--text-mid);
  line-height:1.55;
  vertical-align:top;
}

.ma-table tr:last-child td{
  border-bottom:none;
}

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

.ma-callout-card{
  background:var(--bg-section);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:30px;
  box-shadow:var(--shadow-md);
}

.ma-card-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--blue);
  margin-bottom:10px;
}

.ma-callout-card h3{
  font-family:var(--font-display);
  font-size:25px;
  color:var(--navy);
  line-height:1.2;
  margin-bottom:12px;
}

.ma-callout-card p{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.7;
}

.ma-local-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:24px;
}

.ma-local-card,
.ma-local-cta{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:30px;
}

.ma-local-card h3,
.ma-local-cta h3{
  font-family:var(--font-display);
  font-size:24px;
  color:var(--navy);
  line-height:1.25;
  margin-bottom:14px;
}

.ma-local-cta p{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.7;
  margin-bottom:20px;
}

.ma-check-columns{
  list-style:none;
  columns:2;
  column-gap:30px;
}

.ma-check-columns li{
  break-inside:avoid;
  font-size:14px;
  color:var(--text-mid);
  line-height:1.45;
  margin-bottom:10px;
  padding-left:20px;
  position:relative;
}

.ma-check-columns li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  color:var(--teal);
  font-weight:800;
}

@media(max-width:900px){
  .ma-qa-card,
  .ma-split,
  .ma-split.reverse,
  .ma-two-col,
  .ma-fit-box,
  .ma-local-grid{
    grid-template-columns:1fr;
  }

  .ma-card-grid.three{
    grid-template-columns:1fr 1fr;
  }

  .ma-fit-cta{
    flex-direction:row;
    flex-wrap:wrap;
  }
}

@media(max-width:560px){
  .ma-section{
    padding:58px 0;
  }

  .ma-qa-card,
  .ma-fit-box,
  .ma-local-card,
  .ma-local-cta,
  .ma-panel,
  .ma-callout-card{
    padding:24px 18px;
  }

  .ma-card-grid.three{
    grid-template-columns:1fr;
  }

  .ma-check-columns{
    columns:1;
  }

  .ma-inline-cta,
  .ma-fit-cta{
    flex-direction:column;
  }

  .ma-inline-cta .btn,
  .ma-fit-cta .btn{
    justify-content:center;
  }
}
/* ─────────────────────────────────────────────
   MEDICARE SUPPLEMENT PAGE STYLES
   Used by: /medicare-supplement/
───────────────────────────────────────────── */
.supp-section{
  padding:76px 0;
  background:var(--bg);
}

.supp-soft{
  background:var(--bg-section);
}

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

.supp-section-header .section-title{
  margin-bottom:12px;
}

.supp-section-header .section-sub{
  margin:0 auto;
}

.supp-qa-card{
  display:grid;
  grid-template-columns:300px 1fr;
  gap:34px;
  align-items:start;
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:34px;
  box-shadow:var(--shadow-md);
  position:relative;
  overflow:hidden;
}

.supp-qa-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,var(--teal),var(--blue));
}

.supp-qa-copy p{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.75;
  margin-bottom:14px;
}

.supp-qa-copy p:last-child{
  margin-bottom:0;
}

.supp-qa-copy strong{
  color:var(--navy);
}

.supp-card-grid{
  display:grid;
  gap:18px;
}

.supp-card-grid.three{
  grid-template-columns:repeat(3,1fr);
}

.supp-info-card{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:26px 22px;
  transition:box-shadow .2s,transform .2s,border-color .2s;
}

.supp-info-card:hover{
  border-color:#b3d0f5;
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}

.supp-card-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  margin-bottom:14px;
}

.supp-card-icon.blue{
  background:var(--blue-light);
  color:var(--blue);
}

.supp-card-icon.teal{
  background:var(--teal-light);
  color:var(--teal);
}

.supp-card-icon.gold{
  background:var(--gold-light);
  color:var(--gold);
}

.supp-card-icon.navy{
  background:#e8eef5;
  color:var(--navy);
}

.supp-info-card h3{
  font-size:16px;
  font-weight:700;
  color:var(--navy);
  line-height:1.3;
  margin-bottom:8px;
}

.supp-info-card p{
  font-size:13px;
  color:var(--text-mid);
  line-height:1.65;
}

.supp-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:center;
}

.supp-inline-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}

.supp-step-list{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:12px 26px;
  box-shadow:var(--shadow-md);
}

.supp-step{
  display:flex;
  gap:15px;
  padding:20px 0;
  border-bottom:1px solid var(--border-light);
}

.supp-step:last-child{
  border-bottom:none;
}

.supp-step-num{
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  margin-top:2px;
}

.supp-step h3{
  font-size:15px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:4px;
  line-height:1.3;
}

.supp-step p{
  font-size:13px;
  color:var(--text-mid);
  line-height:1.6;
}

.supp-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.supp-panel{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:30px;
  position:relative;
  overflow:hidden;
}

.supp-panel::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
}

.supp-panel.good::before{
  background:var(--teal);
}

.supp-panel.caution::before{
  background:var(--gold);
}

.supp-panel h3{
  font-family:var(--font-display);
  font-size:23px;
  font-weight:600;
  color:var(--navy);
  margin-bottom:16px;
}

.supp-panel p{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.7;
}

.supp-fit-box{
  display:grid;
  grid-template-columns:1fr 280px;
  gap:34px;
  align-items:center;
  background:var(--blue-pale);
  border:1.5px solid #c5d8f5;
  border-radius:var(--radius-lg);
  padding:34px;
}

.supp-fit-box p{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.75;
  margin-bottom:12px;
}

.supp-fit-box p:last-child{
  margin-bottom:0;
}

.supp-fit-cta{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.supp-fit-cta .btn{
  justify-content:center;
}

.supp-table-wrap{
  overflow-x:auto;
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
}

.supp-table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
}

.supp-table th{
  background:var(--navy);
  color:#fff;
  font-size:13px;
  text-align:left;
  padding:16px 18px;
}

.supp-table td{
  border-bottom:1px solid var(--border-light);
  padding:16px 18px;
  font-size:14px;
  color:var(--text-mid);
  line-height:1.55;
  vertical-align:top;
}

.supp-table tr:last-child td{
  border-bottom:none;
}

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

.supp-local-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:24px;
}

.supp-local-card,
.supp-local-cta{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:30px;
}

.supp-local-card h3,
.supp-local-cta h3{
  font-family:var(--font-display);
  font-size:24px;
  color:var(--navy);
  line-height:1.25;
  margin-bottom:14px;
}

.supp-local-cta p{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.7;
  margin-bottom:20px;
}

.supp-check-columns{
  list-style:none;
  columns:2;
  column-gap:30px;
}

.supp-check-columns li{
  break-inside:avoid;
  font-size:14px;
  color:var(--text-mid);
  line-height:1.45;
  margin-bottom:10px;
  padding-left:20px;
  position:relative;
}

.supp-check-columns li::before{
  content:'';
  position:absolute;
  left:0;
  top:.35em;
  width:12px;
  height:7px;
  border-left:2px solid var(--teal);
  border-bottom:2px solid var(--teal);
  transform:rotate(-45deg);
}

.supp-center-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}

/* Medicare Supplement Chart / Print Styles */
.chart-action-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:var(--blue-pale);
  border:1.5px solid #c5d8f5;
  border-radius:var(--radius-lg);
  padding:22px 24px;
  margin:28px 0 24px;
}

.chart-action-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--blue);
  margin-bottom:5px;
}

.chart-action-text{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.55;
}

.chart-action-buttons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  flex-shrink:0;
}

.chart-brand-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:var(--navy);
  color:#fff;
  border-radius:0 0 var(--radius-lg) var(--radius-lg);
  padding:16px 20px;
  margin-top:-1px;
}

.chart-brand-footer strong{
  display:block;
  font-size:15px;
  font-weight:700;
  margin-bottom:2px;
}

.chart-brand-footer span{
  display:block;
  font-size:12px;
  color:rgba(255,255,255,.62);
}

.chart-brand-footer a{
  display:block;
  font-size:16px;
  font-weight:800;
  color:#fff;
  text-align:right;
}

.supp-chart-wrap{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-md);
}

.supp-chart-scroll{
  overflow-x:auto;
}

.supp-chart{
  width:100%;
  border-collapse:collapse;
  min-width:980px;
}

.supp-chart th{
  background:var(--navy);
  color:#fff;
  font-size:12px;
  text-align:center;
  padding:13px 10px;
  border-right:1px solid rgba(255,255,255,.12);
  vertical-align:middle;
}

.supp-chart th:first-child{
  text-align:left;
  min-width:260px;
}

.supp-chart td{
  border-bottom:1px solid var(--border-light);
  border-right:1px solid var(--border-light);
  padding:12px 10px;
  font-size:13px;
  color:var(--text-mid);
  text-align:center;
  vertical-align:middle;
}

.supp-chart td:first-child{
  text-align:left;
  font-weight:600;
  color:var(--navy);
  background:var(--bg-soft);
}

.supp-chart tr:last-child td{
  border-bottom:none;
}

.supp-chart-note{
  font-size:12px;
  color:var(--text-muted);
  line-height:1.65;
  background:var(--bg-soft);
  border-top:1px solid var(--border-light);
  padding:16px 20px;
}

.supp-chart-note p{
  margin-bottom:6px;
}

.supp-chart-note p:last-child{
  margin-bottom:0;
}

.supp-chart-cta{
  background:var(--bg-soft);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:26px;
  margin-top:26px;
  text-align:center;
}

.supp-chart-cta h3{
  font-family:var(--font-display);
  font-size:24px;
  color:var(--navy);
  margin-bottom:8px;
}

.supp-chart-cta p{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.7;
  max-width:640px;
  margin:0 auto;
}

@media(max-width:900px){
  .supp-qa-card,
  .supp-split,
  .supp-two-col,
  .supp-fit-box,
  .supp-local-grid{
    grid-template-columns:1fr;
  }

  .supp-card-grid.three{
    grid-template-columns:1fr 1fr;
  }

  .supp-fit-cta{
    flex-direction:row;
    flex-wrap:wrap;
  }
}

@media(max-width:760px){
  .chart-action-bar{
    flex-direction:column;
    align-items:flex-start;
  }

  .chart-action-buttons{
    width:100%;
    flex-direction:column;
  }

  .chart-action-buttons .btn{
    justify-content:center;
    width:100%;
  }

  .chart-brand-footer{
    flex-direction:column;
    align-items:flex-start;
  }

  .chart-brand-footer a{
    text-align:left;
  }
}

@media(max-width:560px){
  .supp-section{
    padding:58px 0;
  }

  .supp-qa-card,
  .supp-fit-box,
  .supp-local-card,
  .supp-local-cta,
  .supp-panel,
  .supp-chart-cta{
    padding:24px 18px;
  }

  .supp-card-grid.three{
    grid-template-columns:1fr;
  }

  .supp-check-columns{
    columns:1;
  }

  .supp-inline-cta,
  .supp-fit-cta,
  .supp-center-cta{
    flex-direction:column;
  }

  .supp-inline-cta .btn,
  .supp-fit-cta .btn,
  .supp-center-cta .btn{
    justify-content:center;
    width:100%;
  }
}

@media print{

  body{
    background:#fff !important;
    padding-bottom:0 !important;
  }

  #site-header,
  .breadcrumb-bar,
  #hero,
  #trust,
  body > section:not(#medigap-chart-section),
  #footer,
  .mobile-sticky,
  .chart-action-bar,
  #final-cta,
  #quiz-cta,
  .supp-chart-cta{
    display:none !important;
  }

  #medigap-chart-section{
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    background:#fff !important;
  }

  #medigap-chart-section .container{
    max-width:none !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }

#medigap-chart-section .supp-section-header{
  display:block !important;
  text-align:center !important;
  margin:0 0 10px 0 !important;
  padding:0 !important;
}

#medigap-chart-section .section-label{
  display:block !important;
  font-size:9px !important;
  margin-bottom:4px !important;
  color:#1e6fd9 !important;
}

#medigap-chart-section .section-title{
  display:block !important;
  font-size:18px !important;
  line-height:1.1 !important;
  margin:0 0 5px 0 !important;
  color:#0f2d52 !important;
}

#medigap-chart-section .section-sub{
  display:block !important;
  font-size:9.5px !important;
  line-height:1.3 !important;
  max-width:none !important;
  margin:0 auto 8px !important;
  color:#3d5166 !important;
}

  .supp-chart-wrap{
    box-shadow:none !important;
    border:1px solid #777 !important;
    border-radius:0 !important;
    overflow:visible !important;
  }

  .supp-chart-scroll{
    overflow:visible !important;
  }

  .supp-chart{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
  }

  .supp-chart th,
  .supp-chart td{
    padding:6px 4px !important;
    font-size:8.5px !important;
    line-height:1.2 !important;
  }

  .supp-chart th:first-child,
  .supp-chart td:first-child{
    width:26% !important;
  }

  .supp-chart-note{
    font-size:9px !important;
    line-height:1.35 !important;
    padding:8px 10px !important;
  }

  .chart-brand-footer{
    background:#0f2d52 !important;
    color:#fff !important;
    border-radius:0 !important;
    padding:10px 12px !important;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }

  .chart-brand-footer strong{
    font-size:12px !important;
  }

  .chart-brand-footer span,
  .chart-brand-footer a{
    font-size:10px !important;
  }

  @page{
    size:landscape;
    margin:.25in;
  }
}
/* ─────────────────────────────────────────────
   MEDICARE COMPARISON PAGE STYLES
   Used by: /compare-medicare-plans/
───────────────────────────────────────────── */

.cmp-section{
  padding:76px 0;
  background:var(--bg);
}

.cmp-soft{
  background:var(--bg-section);
}

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

.cmp-section-header .section-title{
  margin-bottom:12px;
}

.cmp-section-header .section-sub{
  margin:0 auto;
}

.cmp-qa-card{
  display:grid;
  grid-template-columns:340px 1fr;
  gap:34px;
  align-items:start;
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:34px;
  box-shadow:var(--shadow-md);
  position:relative;
  overflow:hidden;
}

.cmp-qa-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,var(--blue),var(--teal),var(--gold));
}

.cmp-qa-copy p{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.75;
  margin-bottom:14px;
}

.cmp-qa-copy p:last-child{
  margin-bottom:0;
}

.cmp-qa-copy strong{
  color:var(--navy);
}

.cmp-table-wrap{
  overflow-x:auto;
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
}

.cmp-table{
  width:100%;
  border-collapse:collapse;
  min-width:820px;
}

.cmp-table th{
  background:var(--navy);
  color:#fff;
  font-size:13px;
  text-align:left;
  padding:16px 18px;
}

.cmp-table th:first-child{
  border-top-left-radius:var(--radius-lg);
}

.cmp-table th:last-child{
  border-top-right-radius:var(--radius-lg);
}

.cmp-table td{
  border-bottom:1px solid var(--border-light);
  padding:16px 18px;
  font-size:14px;
  color:var(--text-mid);
  line-height:1.55;
  vertical-align:top;
}

.cmp-table tr:last-child td{
  border-bottom:none;
}

.cmp-table td:first-child{
  color:var(--navy);
  font-weight:700;
  background:var(--bg-soft);
}

.cmp-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:center;
}

.cmp-split.reverse{
  grid-template-columns:1fr 1fr;
}

.cmp-inline-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}

.cmp-mini-grid{
  display:grid;
  gap:16px;
}

.cmp-mini-card{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:26px;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}

.cmp-mini-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
}

.cmp-mini-card.blue::before{
  background:var(--blue);
}

.cmp-mini-card.teal::before{
  background:var(--teal);
}

.cmp-mini-card h3{
  font-family:var(--font-display);
  font-size:22px;
  font-weight:600;
  color:var(--navy);
  margin-bottom:8px;
}

.cmp-mini-card p{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.7;
}

.cmp-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.cmp-panel{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:30px;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}

.cmp-panel::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
}

.cmp-panel.advantage::before{
  background:var(--blue);
}

.cmp-panel.supplement::before{
  background:var(--teal);
}

.cmp-panel h3{
  font-family:var(--font-display);
  font-size:23px;
  font-weight:600;
  color:var(--navy);
  margin-bottom:16px;
}

.cmp-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:11px;
}

.cmp-list li{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.55;
  padding-left:22px;
  position:relative;
}

.cmp-list li::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--blue);
  position:absolute;
  left:0;
  top:.55em;
}

.cmp-panel.supplement .cmp-list li::before{
  background:var(--teal);
}

.cmp-callout-card{
  background:var(--bg-section);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:30px;
  box-shadow:var(--shadow-md);
  position:relative;
  overflow:hidden;
}

.cmp-callout-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:var(--gold);
}

.cmp-card-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:10px;
}

.cmp-callout-card h3{
  font-family:var(--font-display);
  font-size:25px;
  color:var(--navy);
  line-height:1.2;
  margin-bottom:12px;
}

.cmp-callout-card p{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.7;
}

.cmp-warning-box{
  display:grid;
  grid-template-columns:1fr 280px;
  gap:34px;
  align-items:center;
  background:var(--gold-light);
  border:1.5px solid #efd8a8;
  border-radius:var(--radius-lg);
  padding:34px;
}

.cmp-warning-box p{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.75;
  margin-bottom:12px;
}

.cmp-warning-box p:last-child{
  margin-bottom:0;
}

.cmp-warning-cta{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.cmp-warning-cta .btn{
  justify-content:center;
}

.cmp-link-card{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:30px;
  position:relative;
  overflow:hidden;
  transition:box-shadow .2s,transform .2s,border-color .2s;
}

.cmp-link-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
  border-color:#b3d0f5;
}

.cmp-link-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
}

.cmp-link-card.advantage::before{
  background:var(--blue);
}

.cmp-link-card.supplement::before{
  background:var(--teal);
}

.cmp-link-label{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:10px;
}

.cmp-link-card h3{
  font-family:var(--font-display);
  font-size:24px;
  font-weight:600;
  color:var(--navy);
  line-height:1.25;
  margin-bottom:8px;
}

.cmp-link-card p{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.7;
  margin-bottom:18px;
}

.cmp-link-action{
  font-size:14px;
  font-weight:700;
  color:var(--blue);
}

.cmp-link-card.supplement .cmp-link-action{
  color:var(--teal);
}

@media(max-width:900px){
  .cmp-qa-card,
  .cmp-split,
  .cmp-split.reverse,
  .cmp-two-col,
  .cmp-warning-box{
    grid-template-columns:1fr;
  }

  .cmp-warning-cta{
    flex-direction:row;
    flex-wrap:wrap;
  }
}

@media(max-width:560px){
  .cmp-section{
    padding:58px 0;
  }

  .cmp-qa-card,
  .cmp-panel,
  .cmp-warning-box,
  .cmp-callout-card,
  .cmp-link-card,
  .cmp-mini-card{
    padding:24px 18px;
  }

  .cmp-inline-cta,
  .cmp-warning-cta{
    flex-direction:column;
  }

  .cmp-inline-cta .btn,
  .cmp-warning-cta .btn{
    justify-content:center;
  }
}
/* ------------------------------
   TURNING 65 MEDICARE PAGE STYLES
   Used by: /turning-65-medicare/
---------------------------------- */

.t65-section{
  padding:76px 0;
  background:var(--bg);
}

.t65-soft{
  background:var(--bg-section);
}

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

.t65-section-header .section-title{
  margin-bottom:12px;
}

.t65-section-header .section-sub{
  margin:0 auto;
}

.t65-qa-card{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:34px;
  align-items:start;
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:34px;
  box-shadow:var(--shadow-md);
  position:relative;
  overflow:hidden;
}

.t65-qa-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,var(--blue),var(--teal));
}

.t65-qa-copy p{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.75;
  margin-bottom:14px;
}

.t65-qa-copy p:last-child{
  margin-bottom:0;
}

.t65-qa-copy strong{
  color:var(--navy);
}

.t65-iep-card{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:18px;
}

.t65-iep-month{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:24px 20px;
  text-align:center;
  box-shadow:var(--shadow-sm);
  position:relative;
  overflow:hidden;
}

.t65-iep-month::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:var(--blue);
}

.t65-iep-month:nth-child(2)::before{
  background:var(--teal);
}

.t65-iep-month:nth-child(3)::before{
  background:var(--gold);
}

.t65-iep-month span{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:8px;
}

.t65-iep-month strong{
  display:block;
  font-family:var(--font-display);
  font-size:22px;
  color:var(--navy);
  line-height:1.2;
}

.t65-note{
  max-width:760px;
  margin:0 auto;
  padding:16px 20px;
  background:var(--blue-pale);
  border:1.5px solid #c5d8f5;
  border-radius:var(--radius);
  font-size:14px;
  color:var(--text-mid);
  line-height:1.7;
}

.t65-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:center;
}

.t65-split.reverse{
  grid-template-columns:1fr 1fr;
}

.t65-inline-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}

.t65-check-card,
.t65-prep-card{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:30px;
  box-shadow:var(--shadow-md);
}

.t65-check-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:11px;
}

.t65-check-list.compact{
  gap:9px;
  margin-bottom:20px;
}

.t65-check-list li{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.55;
  padding-left:24px;
  position:relative;
}

.t65-check-list li::before{
  content:'';
  position:absolute;
  left:0;
  top:.42em;
  width:12px;
  height:7px;
  border-left:2px solid var(--teal);
  border-bottom:2px solid var(--teal);
  transform:rotate(-45deg);
}

.t65-card-grid{
  display:grid;
  gap:18px;
}

.t65-card-grid.four{
  grid-template-columns:repeat(4,1fr);
}

.t65-info-card{
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:24px 20px;
  transition:box-shadow .2s,transform .2s,border-color .2s;
}

.t65-info-card:hover{
  border-color:#b3d0f5;
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}

.t65-card-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  margin-bottom:14px;
}

.t65-card-icon.blue{
  background:var(--blue-light);
  color:var(--blue);
}

.t65-card-icon.teal{
  background:var(--teal-light);
  color:var(--teal);
}

.t65-card-icon.gold{
  background:var(--gold-light);
  color:var(--gold);
}

.t65-card-icon.navy{
  background:#e8eef5;
  color:var(--navy);
}

.t65-info-card h3{
  font-size:16px;
  font-weight:700;
  color:var(--navy);
  line-height:1.3;
  margin-bottom:8px;
}

.t65-info-card p{
  font-size:13px;
  color:var(--text-mid);
  line-height:1.65;
}

.t65-warning-box{
  display:grid;
  grid-template-columns:1fr 380px;
  gap:34px;
  align-items:center;
  background:var(--gold-light);
  border:1.5px solid #efd8a8;
  border-radius:var(--radius-lg);
  padding:34px;
}

.t65-warning-box p{
  font-size:15px;
  color:var(--text-mid);
  line-height:1.75;
}

.t65-working-list{
  background:var(--bg);
  border:1.5px solid rgba(160,108,26,.2);
  border-radius:var(--radius-lg);
  padding:24px;
}

.t65-working-list h3{
  font-family:var(--font-display);
  font-size:22px;
  color:var(--navy);
  line-height:1.2;
  margin-bottom:14px;
}

.t65-callout-card{
  background:var(--bg-section);
  border:1.5px solid var(--border);
  border-radius:var(--radius-lg);
  padding:30px;
  box-shadow:var(--shadow-md);
  position:relative;
  overflow:hidden;
}

.t65-callout-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:var(--blue);
}

.t65-card-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--blue);
  margin-bottom:10px;
}

.t65-callout-card h3{
  font-family:var(--font-display);
  font-size:25px;
  color:var(--navy);
  line-height:1.2;
  margin-bottom:12px;
}

.t65-callout-card p{
  font-size:14px;
  color:var(--text-mid);
  line-height:1.7;
}

.t65-check-columns{
  list-style:none;
  columns:2;
  column-gap:30px;
  margin-bottom:26px;
}

.t65-check-columns li{
  break-inside:avoid;
  font-size:14px;
  color:var(--text-mid);
  line-height:1.45;
  margin-bottom:11px;
  padding-left:22px;
  position:relative;
}

.t65-check-columns li::before{
  content:'';
  position:absolute;
  left:0;
  top:.35em;
  width:12px;
  height:7px;
  border-left:2px solid var(--teal);
  border-bottom:2px solid var(--teal);
  transform:rotate(-45deg);
}

.t65-prep-cta{
  text-align:center;
  border-top:1px solid var(--border-light);
  padding-top:22px;
}

@media(max-width:1000px){
  .t65-card-grid.four{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:900px){
  .t65-qa-card,
  .t65-split,
  .t65-split.reverse,
  .t65-warning-box{
    grid-template-columns:1fr;
  }

  .t65-iep-card{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .t65-section{
    padding:58px 0;
  }

  .t65-qa-card,
  .t65-check-card,
  .t65-prep-card,
  .t65-warning-box,
  .t65-working-list,
  .t65-callout-card{
    padding:24px 18px;
  }

  .t65-card-grid.four{
    grid-template-columns:1fr;
  }

  .t65-check-columns{
    columns:1;
  }

  .t65-inline-cta{
    flex-direction:column;
  }

  .t65-inline-cta .btn{
    justify-content:center;
  }
}

/* ─────────────────────────────────────────────
   ABOUT PAGE: MEET THE AGENTS
   Used by: /about/ or sections with #meet-the-agents
───────────────────────────────────────────── */

.agents-section {
  padding: 72px 0;
  background: var(--bg);
}

.agents-intro {
  max-width: 560px;
  margin-bottom: 32px;
}

.agents-intro .section-title {
  margin-bottom: 12px;
}

.agents-intro p {
  font-size: 15px;
  color: var(--text-mid);
  margin: 0;
  line-height: 1.65;
}

.agents-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

.agent-card {
  background: var(--bg);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  box-shadow: var(--shadow-sm);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.agent-card:hover {
  transform: translateY(-3px);
  border-color: #b3d0f5;
  box-shadow: var(--shadow-md);
}

.agent-photo {
  width: 100%;
  height: 315px;
  background: #e8ebef;
  overflow: hidden;
  border-bottom: 1px solid var(--border-light);
}

.agent-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 24%;
}

.agent-photo-placeholder {
  width: 100%;
  height: 100%;
  min-height: 315px;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  background: linear-gradient(135deg, #eef4fb, #dbe6f2);
  color: var(--text-mid);
  font-size: 15px;
  font-weight: 600;
}

.agent-photo-placeholder svg {
  width: 42px;
  height: 42px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .7;
}

.agent-body {
  padding: 24px 20px 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.agent-name {
  font-size: 20px;
  line-height: 1.25;
  color: var(--navy);
  margin: 0 0 8px;
  letter-spacing: -.01em;
}

.agent-title {
  font-size: 12px;
  line-height: 1.4;
  color: var(--blue);
  text-transform: uppercase;
  letter-spacing: .09em;
  font-weight: 700;
  margin: 0 0 16px;
}

.agent-bio {
  font-size: 14px;
  line-height: 1.65;
  color: var(--text-mid);
  margin: 0 0 22px;
}

.agent-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--blue);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  margin-top: auto;
}

.agent-link svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .2s ease;
}

.agent-link:hover {
  color: var(--blue-hover);
}

.agent-link:hover svg {
  transform: translateX(3px);
}

.agents-cta {
  text-align: center;
  margin: 34px auto 0;
}

.agents-cta p {
  font-size: 14px;
  color: var(--text-mid);
  margin: 0 0 14px;
}

@media(max-width: 980px) {
  .agents-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agent-photo {
    height: 330px;
  }
}

@media(max-width: 680px) {
  .agents-section {
    padding: 54px 0;
  }

  .agents-grid {
    grid-template-columns: 1fr;
  }

  .agent-photo {
    height: 360px;
  }

  .agent-photo img {
    object-position: center 22%;
  }

  .agent-body {
    padding: 22px 18px 24px;
  }
}