/* Offer landing pages (2026-10-09): the hero carries the offer in numbers instead of the portal phones. */
.offer-hero .wrap{align-items:center}
.offer-card{justify-self:center;width:100%;max-width:420px;background:#fff;border:1px solid #d6dfcf;border-radius:24px;padding:30px 30px 22px;box-shadow:0 30px 70px -40px rgba(23,59,55,.45);position:relative;overflow:hidden}
.offer-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#147f78,#a9d6cf 70%,#d3ba77)}
.offer-row{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid #e4ece9;opacity:0;translate:0 10px;animation:offer-in .7s cubic-bezier(.2,.7,.2,1) forwards}
.offer-row:nth-child(2){animation-delay:.12s}.offer-row:nth-child(3){animation-delay:.24s}.offer-row:nth-child(4){animation-delay:.36s;border-bottom:0}
.offer-row b{font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-.03em;color:#147f78;min-width:118px;line-height:1}
.offer-row span{font-size:14px;color:#5f7370}
.offer-foot{font-size:12px;color:#8b95a0;line-height:1.6;margin:16px 0 0}
@keyframes offer-in{to{opacity:1;translate:0 0}}
@media(max-width:900px){.offer-card{max-width:none}.offer-row b{font-size:28px;min-width:100px}}
@media(prefers-reduced-motion:reduce){.offer-row{animation:none;opacity:1;translate:none}}