/* =====================================================================
   QUICK CONTACT BAND — appears on every page, just above the footer.
   A two-panel "contact capsule": left = pitch + a pulsing avatar icon +
   tappable contact chips, right = a frosted-glass mini form that visibly
   sits forward of the gradient card behind it for real layered depth.
   ===================================================================== */
.quick-contact{padding:50px 0;}
.qc-inner{
  background:var(--gradient-brand);color:#fff;
  border-radius:var(--radius-lg);
  position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:1.15fr .85fr;
  box-shadow:0 28px 56px rgba(4,14,52,.32);
}
.qc-inner::before{content:"";position:absolute;z-index:0;right:-8%;top:-65%;width:360px;height:360px;background:radial-gradient(circle,rgba(240,189,58,.32),transparent 65%);}
.qc-inner::after{content:"";position:absolute;z-index:0;left:-10%;bottom:-70%;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 65%);}

.qc-text{position:relative;z-index:1;padding:44px 42px;}
.qc-avatar{
  position:relative;width:56px;height:56px;border-radius:16px;
  background:rgba(255,255,255,.14);
  display:inline-flex;align-items:center;justify-content:center;font-size:23px;color:var(--gold-400);
  margin-bottom:20px;
}
.qc-avatar::before{content:"";position:absolute;inset:0;border-radius:16px;border:2px solid var(--gold-400);animation:wa-ping 2.4s ease-out infinite;}
.qc-text .eyebrow{color:var(--gold-400);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);}
.qc-text h3{color:#fff;font-size:clamp(20px,2.4vw,27px);margin-bottom:10px;}
.qc-sub{color:rgba(255,255,255,.72);font-size:14.5px;max-width:440px;margin-bottom:24px;}
.qc-details{display:flex;flex-wrap:wrap;gap:10px;}
.qc-chip{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--font-display);font-weight:600;font-size:13.5px;color:#fff;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  padding:9px 16px 9px 10px;border-radius:var(--radius-pill);
  transition:background .25s,border-color .25s,color .25s,transform .25s;
}
a.qc-chip:hover{background:var(--gradient-signal);color:var(--blue-900);border-color:transparent;transform:translateY(-2px);}
a.qc-chip:hover i{color:var(--blue-900);}
.qc-chip i{
  width:24px;height:24px;border-radius:7px;flex-shrink:0;
  background:rgba(255,255,255,.16);color:var(--gold-400);
  display:inline-flex;align-items:center;justify-content:center;font-size:11px;
  transition:color .25s;
}

.qc-form-wrap{
  position:relative;z-index:1;
  background:rgba(255,255,255,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-left:1px solid rgba(255,255,255,.14);
  padding:40px 38px;display:flex;flex-direction:column;justify-content:center;
}
.qc-form-wrap h4{color:#fff;font-size:16px;margin-bottom:16px;}
.qc-form{display:flex;flex-direction:column;gap:12px;background:none;border:0;padding:0;}
.qc-field{position:relative;}
.qc-field i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--body-soft);font-size:13px;pointer-events:none;}
.qc-form input{
  width:100%;padding:14px 16px 14px 40px;border-radius:10px;border:0;
  background:#fff;font-family:var(--font-body);font-size:14px;color:var(--ink);
}
.qc-form input::placeholder{color:var(--body-soft);}
.qc-form input:focus{outline:none;box-shadow:0 0 0 2px var(--gold-400);}
.qc-response-note{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.6);margin-top:14px;}
.qc-response-note i{color:var(--gold-400);}
@media (max-width: 767px){
  .qc-inner{grid-template-columns:1fr;}
  .qc-text{padding:34px 28px 30px;}
  .qc-form-wrap{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:30px 28px 34px;}
}

/* =====================================================================
   FOOTER
   ===================================================================== */
.site-footer{background:var(--blue-900);color:rgba(255,255,255,.6);}
.footer-top{padding:80px 0 50px;}
.footer-logo-chip{
  display:inline-block;background:#fff;border-radius:12px;
  padding:12px 18px;margin-bottom:20px;
}
.footer-brand img{height:36px;display:block;}
.footer-brand p{max-width:320px;font-size:14.5px;line-height:1.75;}
.footer-social{display:flex;gap:12px;margin-top:22px;}
.footer-social a{
  width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  display:inline-flex;align-items:center;justify-content:center;color:#fff;
  transition:.25s;
}
.footer-social a:hover{background:var(--gradient-signal);border-color:transparent;color:var(--blue-900);}
.footer-col h5{
  color:#fff;font-size:15.5px;margin-bottom:22px;font-family:var(--font-display);
}
.footer-links li{margin-bottom:13px;}
.footer-links a{font-size:14.5px;transition:.2s;display:inline-flex;align-items:center;gap:8px;}
.footer-links a:hover{color:var(--gold-400);padding-left:4px;}
.footer-links i{font-size:9px;color:var(--gold-500);}
.footer-contact li{display:flex;gap:12px;margin-bottom:16px;font-size:14.5px;align-items:flex-start;}
.footer-contact i{color:var(--gold-500);margin-top:4px;width:16px;}
.footer-contact a:hover{color:var(--gold-400);}
.footer-newsletter{margin-top:6px;}
.footer-newsletter form{display:flex;gap:0;border-radius:var(--radius-pill);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:6px;}
.footer-newsletter input{
  flex-grow:1;background:none;border:0;color:#fff;padding:10px 16px;font-size:14px;
}
.footer-newsletter input::placeholder{color:rgba(255,255,255,.4);}
.footer-newsletter input:focus{outline:none;}
.footer-newsletter button{
  border:0;border-radius:var(--radius-pill);padding:10px 20px;
  background:var(--gradient-signal);color:var(--blue-900);font-family:var(--font-display);font-weight:700;font-size:13.5px;cursor:pointer;flex-shrink:0;
}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13.5px;}
.footer-bottom a:hover{color:var(--gold-400);}
.footer-bottom-links{display:flex;gap:22px;}
@media (max-width: 767px){
  .footer-top{padding:56px 0 30px;}
  .footer-bottom .container{flex-direction:column;text-align:center;}
}