/* Client Handoff Handbook — affiliate offer modal.
   Isolated from the production design system to avoid changing existing components. */
.offer-popup[hidden]{display:none!important}
.offer-popup{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(7,13,24,.62);backdrop-filter:blur(3px)}
.offer-popup__panel{position:relative;width:min(560px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;background:#fff;border:1px solid #dfe6ef;border-radius:20px;box-shadow:0 28px 80px rgba(5,12,24,.32);padding:30px}
.offer-popup__eyebrow{margin:0 42px 8px 0;font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#0f8f88}
.offer-popup__title{margin:0 42px 12px 0;font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.12;letter-spacing:-.035em;color:#0b1220}
.offer-popup__copy{margin:0 0 20px;color:#596579;font-size:1rem;line-height:1.6}
.offer-popup__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.offer-popup__cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border:1px solid #0b1220;border-radius:11px;background:#0b1220;color:#fff;text-decoration:none;font-weight:800}
.offer-popup__later{appearance:none;border:0;background:transparent;color:#4e5c70;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:9px 4px;font:inherit}
.offer-popup__close{position:absolute;top:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #dfe6ef;border-radius:50%;background:#fff;color:#0b1220;font-size:1.45rem;line-height:1;cursor:pointer}
.offer-popup__disclosure{margin:18px 0 0;color:#748095;font-size:.78rem;line-height:1.45}
body.offer-popup-open{overflow:hidden}
@media(max-width:800px){
  .offer-popup{align-items:end;padding:12px;background:rgba(7,13,24,.50)}
  .offer-popup__panel{width:100%;max-height:min(72vh,620px);border-radius:20px 20px 14px 14px;padding:25px 22px 21px}
  .offer-popup__title{font-size:1.55rem}
  .offer-popup__actions{display:grid;grid-template-columns:1fr}
  .offer-popup__cta{width:100%}
  .offer-popup__later{justify-self:center}
}
@media(prefers-reduced-motion:no-preference){
  .offer-popup:not([hidden]) .offer-popup__panel{animation:chhOfferIn .18s ease-out}
  @keyframes chhOfferIn{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
}