/* nav-base.css — additive styles so blog pages match the unified nav/footer.
   Works with the article's own .navbar (we only swap the links list + footer). */
.navbar .nav-links{align-items:center;}
.navbar .nav-links a{position:relative;}
.navbar .nav-links a::after{content:"";position:absolute;bottom:-4px;right:0;width:0;height:2px;
  background:linear-gradient(135deg,#6C3CE1,#06D6A0);transition:width .3s;border-radius:2px;}
.navbar .nav-links a:hover::after{width:100%;}
.navbar .nav-links a.nav-cta{padding:.55rem 1.4rem!important;background:linear-gradient(135deg,#6C3CE1,#06D6A0)!important;
  border-radius:50px!important;color:#fff!important;font-weight:600!important;}
.navbar .nav-links a.nav-cta::after{display:none!important;}
.navbar .nav-links a.nav-cta:hover{opacity:.9;}
.navbar .nav-links a.nav-phone{color:#fff!important;display:inline-flex;align-items:center;gap:.35rem;}
.navbar .nav-links a.nav-phone svg{stroke:#06D6A0;}
.navbar .nav-links a.nav-phone::after{display:none!important;}
/* unified footer frame */
footer.footer{background:#150E28!important;border-top:1px solid rgba(255,255,255,.08)!important;
  padding:3.5rem 2rem 1.5rem!important;margin-top:3rem;color:#9CA3AF;}
footer.footer .container{max-width:1200px;margin:0 auto;}
footer.footer .footer-logo-image{height:38px;width:auto;}
footer.footer .footer-bottom{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);text-align:center;}
footer.footer .footer-bottom p{color:#9CA3AF;font-size:.88rem;margin:0;}
footer.footer .footer-bottom a{color:#06D6A0;text-decoration:none;}
@media (max-width:768px){ .navbar .nav-links a::after{display:none!important;} }