.welcome-offer-dialog {
  width:min(720px,calc(100% - 32px));
  max-width:720px;
  padding:0;
  border:0;
  border-radius:14px;
  background:#fff;
  color:#172420;
  box-shadow:0 28px 90px rgba(10,31,25,.28);
  overflow:hidden;
}
.welcome-offer-dialog::backdrop { background:rgba(8,22,18,.66); animation:welcome-backdrop-in .3s ease-out both; }
.welcome-offer-dialog[open] { animation:welcome-offer-in .42s cubic-bezier(.16,1,.3,1) both; }
.welcome-offer-layout { display:grid; grid-template-columns:210px minmax(0,1fr); min-height:390px; }
.welcome-offer-value { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; padding:34px 24px; background:#123c33; color:#fff; text-align:center; }
.welcome-offer-value strong { font-size:clamp(4.5rem,10vw,7rem); line-height:.84; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.welcome-offer-value span { color:#e5c868; font-size:.72rem; font-weight:850; letter-spacing:.16em; }
.welcome-offer-copy { display:flex; flex-direction:column; justify-content:center; padding:48px 46px 42px; }
.welcome-offer-copy h2 { max-width:12ch; margin:0 0 18px; color:#172420; font-size:clamp(2rem,4vw,3.1rem); line-height:1.02; letter-spacing:-.035em; text-wrap:balance; }
.welcome-offer-copy p { max-width:54ch; margin:0; color:#4c5f59; font-size:.98rem; line-height:1.65; }
.welcome-offer-facts { display:grid; grid-template-columns:repeat(3,1fr); margin:25px 0 24px; border-top:1px solid #d7dfdc; border-bottom:1px solid #d7dfdc; }
.welcome-offer-facts span { display:flex; align-items:center; min-height:62px; padding:10px 12px; color:#31584d; font-size:.72rem; font-weight:750; line-height:1.35; text-align:center; }
.welcome-offer-facts span + span { border-left:1px solid #d7dfdc; }
.welcome-offer-action { width:100%; min-height:50px; padding:12px 20px; border:0; border-radius:4px; background:#168d77; color:#fff; font-weight:800; cursor:pointer; transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.welcome-offer-action:hover { background:#0c6555; transform:translateY(-1px); box-shadow:0 10px 24px rgba(12,101,85,.2); }
.welcome-offer-action:focus-visible,.welcome-offer-close:focus-visible { outline:3px solid #e5c868; outline-offset:3px; }
.welcome-offer-copy small { display:block; margin-top:13px; color:#6b7b76; font-size:.68rem; line-height:1.45; }
.welcome-offer-close { position:absolute; z-index:2; top:12px; right:12px; width:38px; height:38px; border:1px solid #c8d2cf; border-radius:50%; background:#fff; color:#29483f; font-size:1.4rem; line-height:1; cursor:pointer; }
.welcome-offer-close:hover { border-color:#168d77; color:#0c6555; }

@keyframes welcome-offer-in { from { opacity:0; transform:translateY(24px) scale(.985); clip-path:inset(8% 4% 0 4% round 18px); } to { opacity:1; transform:none; clip-path:inset(0 round 14px); } }
@keyframes welcome-backdrop-in { from { opacity:0; } to { opacity:1; } }

@media(max-width:620px) {
  .welcome-offer-dialog { width:100%; max-width:none; margin:auto 0 0; border-radius:16px 16px 0 0; }
  .welcome-offer-layout { grid-template-columns:1fr; min-height:0; }
  .welcome-offer-value { min-height:118px; flex-direction:row; padding:22px 56px 22px 24px; }
  .welcome-offer-value strong { font-size:4.2rem; }
  .welcome-offer-copy { padding:28px 22px calc(24px + env(safe-area-inset-bottom)); }
  .welcome-offer-copy h2 { max-width:14ch; margin-bottom:13px; font-size:2rem; }
  .welcome-offer-copy p { font-size:.9rem; }
  .welcome-offer-facts { margin:20px 0; }
  .welcome-offer-facts span { min-height:54px; padding:8px 6px; font-size:.64rem; }
  .welcome-offer-close { top:10px; right:10px; }
}

@media(prefers-reduced-motion:reduce) {
  .welcome-offer-dialog[open],.welcome-offer-dialog::backdrop { animation:none; }
  .welcome-offer-action { transition:none; }
}