/* /promotions/ page background (release 20261027 ads-live, Andrew Oct 27 1:26 PM ET): the homepage's hero (hero-v2.css:
   photo under a dark overlay, dark hero card, credited photo) and the homepage's dark #services band behind the offer cards.
   Homepage assets only. Same-origin file (CSP style-src 'self'). Offer cards and the cancel form use the dark card style (C7 below; AA). */
.promo-hero{padding:56px 0}
.promo-hero .lead a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.promo-hero .lead a:hover,.promo-hero .lead a:focus-visible{color:#f5b26b}
.promo-hero .lead a:focus-visible{outline:3px solid #f5b26b;outline-offset:2px}
.promo-body{background:linear-gradient(180deg,#081426 0,#0d2236 55%,#14324f 100%);padding-top:40px}
.promo-body .promo-page .promo-offer{box-shadow:0 10px 24px rgba(0,0,0,.25)}
.promo-body .promo-page .promo-offer:last-child{margin-bottom:0}
@media (max-width:700px){.promo-hero{padding:20px 0 28px}.promo-body{padding-top:24px}}
/* C7 (Andrew 1:31 PM): offer cards in the homepage's dark What-we-do card style, orange accents kept, AA text. */
.promo-body .promo-page .promo-offer{background-color:#14324f;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 12px),linear-gradient(180deg,#14324f 0%,#122c46 100%);color:#d6e0ea;border:1px solid rgba(255,255,255,.20);border-top:4px solid #e8892b;border-radius:14px}
.promo-body .promo-offer h2,.promo-body .promo-offer h3,.promo-body .promo-offer strong{color:#fff}
.promo-body .promo-offer p,.promo-body .promo-offer li,.promo-body .promo-offer .small{color:#d6e0ea}
.promo-body .promo-offer a:not(.btn){color:#f5b26b}
.promo-body .promo-offer a:not(.btn):hover{color:#fff}
.promo-body .promo-offer a:focus-visible,.promo-body .promo-offer input:focus-visible,.promo-body .promo-offer textarea:focus-visible,.promo-body .promo-offer button:focus-visible{outline:3px solid #f5b26b !important;outline-offset:2px}
.promo-body .promo-page .promo-form label{color:#fff}
.promo-body .promo-page .promo-form input,.promo-body .promo-page .promo-form textarea{background:#fff;color:#1d2733;border:1px solid #6b7a89}
.promo-body .promo-page .promo-form button{border-color:#f5b26b}
/* Anchor fix (Andrew Oct 27 2:25 PM ET): /promotions/#intro, #design-discount, #veterans, #cancel land with the card title just
   below the sticky header (measured: 66px tall at 1181px+, 104px at 861-1180px where the nav wraps; not sticky at 860px and below). */
.promo-page .promo-offer[id]{scroll-margin-top:82px}
@media (max-width:1180px){.promo-page .promo-offer[id]{scroll-margin-top:120px}}
@media (max-width:860px){.promo-page .promo-offer[id]{scroll-margin-top:16px}}