/* ==========================================================================
   DFW Pay Pros — effective rate calculator promo band
   Used above the blog card grid and above the footer on the front page.
   Tokens from the saved "DFW Pay Pros Navy and Cyan" design.
   ========================================================================== */
.dfwpp-promo{background:linear-gradient(160deg,#0E2A45,#163A5F,#1A4975);padding:56px 20px}
.dfwpp-promo--archive{border-radius:16px;max-width:1180px;margin:0 auto 42px;padding:44px 36px}
.dfwpp-promo__inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:38px}
.dfwpp-promo__text{flex:1;min-width:0}
.dfwpp-promo__eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#29D1E6;margin-bottom:12px}
.dfwpp-promo h2{margin:0 0 12px;color:#fff;font-size:clamp(22px,2.7vw,31px);line-height:1.2;font-weight:800;letter-spacing:-.01em}
.dfwpp-promo p{margin:0;color:#C9DCEA;font-size:16px;line-height:1.6;max-width:56ch}
.dfwpp-promo__action{flex:none}
.dfwpp-promo__btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:18px 34px;border-radius:10px;background:linear-gradient(135deg,#00B0C8,#29D1E6);color:#fff;font-size:16px;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:0 8px 22px rgba(0,176,200,.34);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.dfwpp-promo__btn:hover,.dfwpp-promo__btn:focus{color:#fff;text-decoration:none;filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,176,200,.44)}
.dfwpp-promo__btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.dfwpp-promo__btn svg{width:18px;height:18px;flex:none;transition:transform .18s ease}
.dfwpp-promo__btn:hover svg{transform:translateX(4px)}
@media(max-width:840px){
  .dfwpp-promo__inner{flex-direction:column;align-items:flex-start;gap:24px}
  .dfwpp-promo__action{width:100%}
  .dfwpp-promo__btn{display:flex;width:100%}
}
@media(max-width:620px){
  .dfwpp-promo{padding:40px 16px}
  .dfwpp-promo--archive{padding:32px 22px;margin-bottom:32px;border-radius:14px}
}