/* Direction A: Blueprint paper. White pages ruled in sky-blue drafting lines, navy ink, no green. */
:root{--paper:#FFFFFF;--hdr:#DDEBF8;--sky:#8DBFEA;--sky-dk:#2F78C4;--rule:#CFE1F3;--green:#16305F;--green-dk:#16305F;--lime:#8DBFEA}
/* header: light blue, navy text, shorter, smaller logo */
.top{background:var(--hdr);border-bottom:1px solid var(--sky);padding:6px var(--pad)}
.brand{font-size:20px;color:var(--navy)}
.brand img{width:40px;height:40px}
.nav a{color:var(--navy)}
@media (min-width:641px){.phone{color:var(--navy)}}
.nav a:hover{color:var(--sky-dk)}
.top .btn{min-height:40px;padding:9px 18px;font-size:16px}
/* white pages: softer section rules */
body{background:#fff}
.white{border-color:var(--rule)}
.custom{border-top-color:var(--rule)}
:focus-visible{outline-color:var(--sky-dk)}
.foot h4{color:var(--sky)}
.foot a:hover{color:var(--sky)}
.foot-logo{background:#fff}
/* blueprint grounds turn into white drafting paper */
.bp,.bpl{background-color:#fff;background-image:linear-gradient(rgba(141,191,234,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(141,191,234,.55) 1px,transparent 1px),linear-gradient(rgba(141,191,234,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(141,191,234,.22) 1px,transparent 1px)}
.hero,.page-hero,.cta-band{color:var(--ink)}
.hero-copy p,.page-hero .lede,.crumb,.cta-band p{color:#3A4F78}
.crumb a{color:var(--navy)}
.bp,.bpl{border-bottom:1px solid var(--rule)}
.btn-lime,.btn-green{background:var(--navy);color:#fff}
.btn-lime:hover,.btn-green:hover{background:#0E2148;color:#fff}
.btn-ghost{border-color:var(--navy);color:var(--navy)}
.btn-ghost:hover{background:var(--hdr);color:var(--navy)}
.tab{border-color:rgba(22,48,95,.35);color:var(--navy);background:#fff}
.tab:hover{border-color:var(--navy)}
.tab[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.scene{stroke:var(--navy)}
.scene .new{stroke:var(--sky-dk)}
.scene text{fill:var(--sky-dk)}
.scene .mask{fill:#fff}
.trust{background:var(--hdr);color:var(--navy);border-bottom:1px solid var(--rule)}

/* Lauren 10/24: logo more pronounced (a badge hanging below a slimmer bar), smaller headline */
.top{padding:4px var(--pad)}
.brand img{width:96px;height:80px;margin:-2px 0 -44px;padding:6px 8px;background:#fff;border:1px solid var(--sky);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 8px 16px -10px rgba(21,38,79,.4);position:relative;z-index:1}
.hero{padding-top:80px}
.hero h1{font-size:clamp(32px,3.6vw,50px)}
.page-hero{padding-top:80px}
@media (max-width:640px){
  .brand img{width:68px;height:56px;margin:0 0 -26px;padding:4px 6px}
  .hero,.page-hero{padding-top:56px}
}

/* A2 (Mack 10/24): the logo sits big, in line with a smaller headline; header logo back to small */
.brand img{width:40px;height:40px;margin:0;padding:0;background:none;border:0;box-shadow:none}
.hero,.page-hero{padding-top:64px}
.hero-brand{display:flex;align-items:center;gap:28px}
.hero-brand img{width:clamp(150px,15vw,220px);height:auto;flex:none}
.hero h1{font-size:clamp(28px,2.8vw,42px)}
@media (max-width:640px){
  .brand img{width:40px;height:40px;margin:0;padding:0}
  .hero,.page-hero{padding-top:40px}
  .hero-brand{gap:14px}
  .hero-brand img{width:112px}
  .hero h1{font-size:24px}
}

/* A2: on the homepage, the bar's logo + name stay hidden while the big hero logo is on screen, then fade in */
.hero-logo-on .brand{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.hero-logo-on.hero-logo-gone .brand{opacity:1;visibility:visible;transition:opacity .25s ease}

/* Softer paper (Mack 10/28): plain sections sit on a pale blue-white; .white sections, cards and photos stay pure white */
:root{--paper:#F1F5FA}
body{background:var(--paper)}
.bp,.bpl{background-color:var(--paper)}
.scene .mask{fill:var(--paper)}