@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --navy:#0D2B45;
  --teal:#0E7C84;
  --sky:#2DACDA;
  --green:#4CAF7D;
  --pale:#E6F2F5;
  --gold:#F5B400;
  --ink:#0D2B45;
  --muted:#5b6b78;
  --line:#dfe6ea;
  --cream:#faf8f2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:'Inter',Arial,Helvetica,sans-serif;font-weight:400}
a{color:inherit;text-decoration:none}
/* Content links: teal normal, navy hover, per brand guide. Nav/buttons override this. */
main a:not(.button){color:var(--teal)}
main a:not(.button):hover{color:var(--navy)}
h1,h2,.brand strong,.footer-brand strong{font-family:'Playfair Display',Georgia,serif}

/* Header */
.site-header{height:88px;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100% - 1180px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.brand,.footer-brand{display:flex;align-items:center;gap:12px}
.brand img{height:52px;width:auto;object-fit:contain}
.footer-brand img{height:40px;width:auto;object-fit:contain}
.brand span,.footer-brand span{display:flex;flex-direction:column}
.brand strong{font-size:16px;color:var(--navy);letter-spacing:.01em}
.brand small,.footer-brand small{color:#8296a3;font-size:10.5px;margin-top:2px}
.brand .divider{width:1px;height:34px;background:var(--line);margin:0 4px}

.site-header nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px;font-weight:600;position:relative}
.site-header nav li{list-style:none;margin:0;padding:0;position:relative}
.site-header nav a{display:flex;align-items:center;gap:4px;padding:8px 0;color:var(--navy)}
.site-header nav a:hover{color:var(--teal)}
.site-header nav .menu-item-has-children>a:after{content:"▾";font-size:10px;opacity:.7;margin-left:1px}

/* Dropdown submenus (rendered automatically by WP for menu items with children) */
.site-header nav .sub-menu{
  list-style:none;margin:0;padding:10px;position:absolute;top:100%;left:0;min-width:260px;
  background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 34px rgba(13,43,69,.14);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;
}
.site-header nav li:hover>.sub-menu,.site-header nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.site-header nav .sub-menu li{width:100%}
.site-header nav .sub-menu a{padding:9px 10px;border-radius:6px;font-weight:500;font-size:13.5px;white-space:nowrap}
.site-header nav .sub-menu a:hover{background:var(--pale)}

.header-actions{display:flex;align-items:center;gap:16px}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:38px;height:38px;font-size:18px;color:var(--navy);cursor:pointer}
.phone{font-size:14px;font-weight:700;color:var(--navy)}
/* CTA (primary) = gold per brand guide. Secondary = white with navy border. */
.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border-radius:7px;background:var(--gold);color:var(--navy);font-weight:700;font-size:14px;border:2px solid transparent}
.button:hover{background:#d9a100}
.button.small{padding:11px 16px;font-size:13px}
.button.outline{background:#fff;color:var(--navy);border:2px solid var(--navy)}
.button.outline:hover{background:var(--pale)}
/* .dark kept only for contexts needing a navy-filled button (rare — CTAs should default to gold) */
.button.dark{background:var(--navy);color:#fff}
.button.dark:hover{background:#0a2036}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-photo:after{content:""}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.32) 42%,rgba(255,255,255,0) 62%)}
.hero-inner{position:relative;z-index:2;max-width:1180px;margin:auto;min-height:560px;padding:80px 24px}
.hero-copy{max-width:480px;background:rgba(255,255,255,.86);backdrop-filter:blur(6px);border-radius:14px;padding:34px 32px}
.hero-copy h1{font-size:40px;line-height:1.18;margin:0 0 14px;font-weight:700;color:var(--navy)}
.hero-copy h1 .accent{display:block;color:var(--teal)}
.hero-copy h1 .accent2{display:block;font-style:italic;color:var(--navy);font-weight:600}
.hero-copy p{font-size:15.5px;line-height:1.6;color:var(--muted);margin:0 0 24px}
.hero-copy .buttons{display:flex;gap:12px;flex-wrap:wrap}

/* Trust strip under hero */
.trust-strip{background:var(--pale);padding:28px max(24px,calc((100% - 1132px)/2));display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:0 auto}
.trust-item{display:flex;gap:12px;align-items:flex-start}
.trust-item .tick{width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;margin-top:1px}
.trust-item h4{margin:0 0 3px;font-size:14px;color:var(--navy)}
.trust-item p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}

section{padding:0}
.kicker{font-size:11px;letter-spacing:.16em;color:var(--teal);font-weight:700;text-transform:uppercase}

/* Where are you starting from */
.starting{max-width:1180px;margin:auto;padding:70px 24px}
.starting header{text-align:center}
.starting h2{font-size:32px;margin:10px 0;color:var(--navy)}
.starting header p{color:var(--muted);font-weight:400}
.start-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.start-card{border:1px solid var(--line);border-radius:12px;padding:24px 20px;text-align:center}
.start-card .ic{width:42px;height:42px;margin:0 auto 14px;border-radius:50%;background:var(--pale);color:var(--teal);display:grid;place-items:center;font-size:17px}
.start-card h3{font-family:'Playfair Display',Georgia,serif;font-size:16px;margin:0 0 6px;color:var(--navy)}
.start-card p{font-size:12.5px;color:var(--muted);font-weight:400;line-height:1.5;margin:0}

.local-strip{background:var(--navy);color:#fff;display:flex;justify-content:center;align-items:center;gap:22px;padding:26px 24px}
.local-strip .seal{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--navy);font-family:'Playfair Display',Georgia,serif;font-weight:700}
.local-strip p{margin:0;font-size:13px;line-height:1.55;color:#dce8ec}

/* Coverage plans */
.plans{max-width:1180px;margin:auto;padding:76px 24px}
.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-top:12px}
.section-intro h2,.process h2{font-size:38px;line-height:1.1;margin:0;color:var(--navy)}
.section-intro p{color:var(--muted);font-weight:400;line-height:1.7}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.cards article{border:1px solid var(--line);border-radius:12px;padding:28px;min-height:290px;display:flex;flex-direction:column}
.cards h3,.steps h3{font-family:'Playfair Display',Georgia,serif;font-size:20px;color:var(--navy)}
.cards p,.steps p{color:var(--muted);font-size:13px;line-height:1.7;font-weight:400}
.cards a{margin-top:auto;color:var(--teal);font-size:12.5px;font-weight:600}
/* Icons draw from Navy / Teal / Sky Blue per brand guide (gold is reserved for CTAs) */
.icon{width:44px;height:44px;display:grid;place-items:center;border-radius:9px;background:var(--pale);color:var(--navy);font-weight:700}
.icon.green{background:var(--pale);color:var(--teal)}
.icon.gold{background:#e7f5fb;color:var(--sky)}

.process{background:var(--cream);padding:78px max(24px,calc((100% - 1132px)/2))}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:40px}
.steps b{font-family:'Playfair Display',Georgia,serif;font-size:32px;color:var(--gold)}

/* CT Medicare guide (How Medicare Works + Medigap guarantee + carrier landscape) */
.ct-guide{max-width:1020px;margin:0 auto;padding:70px 24px}
.guide-copy{max-width:760px;margin:0 auto 44px}
.guide-copy p{font-size:14.5px;line-height:1.75;color:var(--muted);margin:0 0 16px}
.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.guide-card{border:1px solid var(--line);border-radius:12px;padding:26px}
.guide-card h3{font-family:'Playfair Display',Georgia,serif;font-size:17px;color:var(--navy);margin:0 0 12px}
.guide-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 14px}
.guide-card ul{margin:0 0 14px;padding-left:18px}
.guide-card li{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:6px}

/* CT FAQ accordion */
.ct-faq{max-width:820px;margin:0 auto;padding:70px 24px;background:var(--cream)}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-list details{border:1px solid var(--line);border-radius:10px;padding:16px 20px;background:#fff}
.faq-list summary{font-weight:700;font-size:14.5px;color:var(--navy);cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:before{content:"+";display:inline-block;width:16px;color:var(--teal);font-weight:800}
.faq-list details[open] summary:before{content:"–"}
.faq-list details p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:12px 0 2px 24px}

/* Extra Help resources section — mirrors the nav dropdown as an on-page callout */
.extra-help{max-width:1180px;margin:0 auto;padding:70px 24px}
.extra-help .section-intro{grid-template-columns:1fr;max-width:640px;margin:0 auto 8px;text-align:center}
.eh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.eh-card{border:1px solid var(--line);border-radius:12px;padding:22px}
.eh-card h4{margin:0 0 8px;font-size:14.5px;color:var(--navy);font-family:'Playfair Display',Georgia,serif}
.eh-card p{margin:0 0 12px;font-size:12px;color:var(--muted);line-height:1.55}
.eh-card a{font-size:12px;font-weight:700;color:var(--teal)}

/* Local Life — off the Medicare-decision path, deliberately warmer/lower-key */
.local-life{max-width:1020px;margin:0 auto;padding:70px 24px;text-align:center}
.local-life .section-intro{grid-template-columns:1fr}
.local-life .section-intro p{max-width:680px;margin:0 auto 12px;font-size:15px;line-height:1.7;color:var(--muted);text-align:left}
.local-life .section-intro p:first-of-type{margin-top:18px}
.ll-categories{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0;text-align:left}
.ll-category{border:1px solid var(--line);border-radius:12px;padding:24px}
.ll-category h3{font-family:'Playfair Display',Georgia,serif;font-size:17px;color:var(--navy);margin:0 0 14px}
.ll-category ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ll-category li{font-size:13px;line-height:1.6;color:var(--muted)}
.ll-category li strong{color:var(--ink);font-weight:700}
.local-life-close{font-size:14px;color:var(--muted);font-style:italic;margin:0;text-align:center}

/* About page — replaces the old dark "why us" box with a readable long-form layout */
.about-page{max-width:1020px;margin:0 auto;padding:70px 24px}
.about-copy{max-width:720px;margin:0 auto}
.about-copy p{font-size:14.5px;line-height:1.75;color:var(--muted);margin:0 0 18px}
.about-copy h3{font-family:'Playfair Display',Georgia,serif;font-size:19px;color:var(--navy);margin:32px 0 14px}
.about-copy h3:first-of-type{margin-top:8px}
.about-copy ul{margin:0 0 18px;padding-left:20px}
.about-copy li{font-size:14.5px;line-height:1.7;color:var(--muted);margin-bottom:7px}
.about-copy .about-thanks{font-style:italic;color:var(--navy);margin-top:30px}

.why{background:var(--navy);color:#fff;padding:80px max(24px,calc((100% - 1132px)/2));display:grid;grid-template-columns:1.15fr .85fr;gap:88px}
.kicker.warm{color:var(--gold)}
.why h2{font-size:36px;line-height:1.15;color:#fff}
.why p{color:#c9d8df;line-height:1.75;font-size:14px;font-weight:400}
.why ul{list-style:none;margin:0;padding:0;border-left:1px solid #294458;padding-left:38px}
.why li{padding:15px 0;border-bottom:1px solid #1d3651;font-size:13px}
.why li:before{content:"✓";color:var(--gold);margin-right:12px}

.contact{background:var(--pale);padding:70px max(24px,calc((100% - 1132px)/2));display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.contact-intro{padding-top:8px}
.contact h2{font-size:32px;margin:10px 0;color:var(--navy)}
.contact-intro p{color:var(--muted);font-weight:400;margin:0 0 22px}
.contact-intro .button{margin-bottom:14px}
.contact-email{display:block;font-size:13.5px;color:var(--teal);font-weight:600}
.contact-email:hover{color:var(--navy)}

/* Lead form (POSTs to First American CRM webhook) */
.lead-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius,14px);padding:28px;box-shadow:0 12px 30px rgba(13,43,69,.06)}
.lf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lf-field{margin-bottom:14px}
.lf-field label{display:block;font-size:12.5px;font-weight:700;color:var(--navy);margin-bottom:6px}
.lf-optional{font-weight:400;color:var(--muted);font-size:11.5px}
.lf-field input,.lf-field select,.lf-field textarea{
  width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:8px;
  font-family:'Inter',Arial,Helvetica,sans-serif;font-size:14px;color:var(--ink);background:#fff;
}
.lf-field input:focus,.lf-field select:focus,.lf-field textarea:focus{outline:2px solid var(--sky);outline-offset:1px}
.lf-field textarea{resize:vertical}
.lf-honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.lf-submit{width:100%;border:none;margin-top:4px}
.lf-submit:disabled{opacity:.6;cursor:not-allowed}
.lf-status{min-height:18px;margin:12px 0 0;font-size:13px;text-align:center;color:var(--muted)}
.lf-status-success{color:#2c8f63;font-weight:600}
.lf-status-error{color:#b8433a;font-weight:600}

footer{background:var(--navy);color:#c3d3db;padding:46px max(24px,calc((100% - 1132px)/2)) 24px}
footer>p{font-size:12px}
.disclaimer{max-width:900px;line-height:1.6;color:#7f93a0;font-size:10px}
.legal-links{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0 0}
.legal-links a{font-size:11px;font-weight:600;color:#a9bcc7}
.legal-links a:hover{color:#fff}
.legal{border-top:1px solid #1d3651;padding-top:16px;margin-top:26px;font-size:10px;color:#75899a}

@media(max-width:980px){
  .nav-toggle{display:block}
  .site-header nav{
    display:none;position:absolute;top:100%;left:0;right:0;background:#fff;
    border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(13,43,69,.12);
    flex-direction:column;align-items:stretch;gap:0;padding:8px 0;max-height:80vh;overflow-y:auto;
  }
  .site-header nav.nav-open{display:flex}
  .site-header nav li{width:100%}
  .site-header nav a{padding:14px 24px;width:100%}
  .site-header nav .sub-menu{
    position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;
    background:var(--pale);margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .2s ease;
  }
  .site-header nav .sub-menu.sub-menu-open{max-height:400px}
  .site-header nav .sub-menu a{padding:12px 24px 12px 40px}
  .hero-copy{max-width:420px}
  .hero-copy h1{font-size:34px}
  .start-grid{grid-template-columns:1fr 1fr}
  .eh-grid{grid-template-columns:1fr 1fr}
  .trust-strip{grid-template-columns:1fr}
}
@media(max-width:700px){
  .site-header{height:74px;padding:0 16px}
  .brand img{height:40px}
  .brand strong{font-size:12px}
  .brand .divider{display:none}
  .phone{display:none}
  .hero-inner{padding:56px 20px}
  .hero-copy{max-width:100%;padding:26px}
  .hero-copy h1{font-size:29px}
  .start-grid,.section-intro,.cards,.steps,.why,.eh-grid,.ll-categories,.guide-cards{grid-template-columns:1fr}
  .section-intro,.why{gap:26px}
  .starting,.plans,.extra-help{padding:56px 20px}
  .contact{grid-template-columns:1fr}
  .lf-row{grid-template-columns:1fr}
  .hero-copy .buttons{flex-direction:column;align-items:stretch}
  .why ul{border-left:0;padding-left:0}
}