/* footer.css — shared "Start a conversation" band + footer, identical to index.html.
   Scoped to .cx and .ft so nothing else on a page changes. Load LAST. */
.cx,.ft{--navy:#152145;--navy-2:#152145;--ink:#152145;--blue:#be9a31;--blue-soft:#d9bc63;--accent:#be9a31;--muted:#5a5f6b}

/* ---- CTA band ---- */
.cx{position:relative;color:#fff;background:#152145;padding:clamp(75px,14vw,100px) 0;overflow:hidden;isolation:isolate}
.cx::before,.cx::after{display:none}
.cx .kicker{display:block;color:#d9bc63}
.cx h2{color:#fff;font-size:34px!important;line-height:1.15!important;letter-spacing:-.025em!important;font-weight:600!important;max-width:18ch;margin:16px 0 clamp(26px,3.4vw,44px)}
.cx__a{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px}
.cx__a .btn{display:inline-flex;align-items:center;background:#fff;color:#152145;padding:20px 32px;font-size:18px;font-weight:500;gap:14px;border:0}
.cx__a .btn:hover{background:#be9a31;color:#fff}
.cx__a .btn span{transition:transform .25s}
.cx__a .btn:hover span{transform:translateX(6px)}
.cx__a>span{color:#c7d3dc;font-size:15px}
.cx__a>span a{color:#fff;border-bottom:1px solid rgba(255,255,255,.5)}
@media (max-width:900px){.cx h2{font-size:28px!important}}

/* ---- Footer ---- */
.ft{background:#152145;color:#fff;border-top:0;padding:clamp(44px,5.5vw,76px) 0 28px}
.ft .logo img{filter:brightness(0) invert(1)}
.ft .logo__txt{color:#fff}
.ft__grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(20px,2.4vw,40px);row-gap:40px}
.ft__brand p{color:#b9c6d0;font-size:15px;max-width:38ch;margin-top:18px}
.ft__col h4{font-family:Inter,sans-serif;color:#8fa3b3;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:14px}
.ft__col li{padding:5px 0;font-size:15px}
.ft__col a{display:inline-block;color:#fff;transition:transform .35s,color .3s}
.ft__col a:hover{color:#fff;transform:translateX(4px);text-decoration:underline;text-underline-offset:3px}
.ft__base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:clamp(32px,4vw,56px);padding-top:22px;border-top:1px solid rgba(255,255,255,.18);color:#8fa3b3;font-size:13px}
@media (min-width:901px){
  .ft__brand{grid-column:1/4}
  .ft__col:nth-child(2){grid-column:4/6}
  .ft__col:nth-child(3){grid-column:6/9}
  .ft__col:nth-child(4){grid-column:9/11}
  .ft__col:nth-child(5){grid-column:11/13}
}
@media (max-width:900px){.ft__brand{grid-column:1/-1}.ft__col:nth-child(n){grid-column:span 6}}