/* th-promo.css — a small, dismissible dated-offer card (DDAI-PROMO-V1, 2026-10-12).
   No overlay, no scroll lock, no focus steal: the page works exactly as before around it. */
.ddpromo{position:fixed;left:16px;bottom:16px;z-index:60;width:min(300px,calc(100vw - 104px));
  font-family:Switzer,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#04241A;
  background:#fff;border:1px solid rgba(2,36,25,.14);border-radius:18px;padding:14px 40px 14px 16px;
  box-shadow:0 18px 40px -18px rgba(2,24,15,.45);transform:translateY(calc(100% + 24px));opacity:0;
  transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .35s ease;pointer-events:none}
.ddpromo[hidden]{display:none!important}
.ddpromo.is-in{transform:none;opacity:1;pointer-events:auto}
.ddpromo__k{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  background:#4FD8A6;color:#02241A;border-radius:999px;padding:3px 9px;margin:0 0 8px}
.ddpromo__h{font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:19px;line-height:1.05;
  letter-spacing:-.03em;margin:0 0 6px}
.ddpromo__p{font-size:13px;line-height:1.4;margin:0 0 10px;color:rgba(2,36,25,.78)}
.ddpromo__a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;
  background:#063D2B;color:#fff;font-weight:600;font-size:13px;text-decoration:none}
.ddpromo__a:hover,.ddpromo__a:focus-visible{background:#02180F}
.ddpromo__a svg{width:14px;height:14px}
.ddpromo__x{position:absolute;top:6px;right:6px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;
  color:rgba(2,36,25,.6);cursor:pointer;display:grid;place-items:center}
.ddpromo__x:hover,.ddpromo__x:focus-visible{background:#E4EEE9;color:#04241A}
.ddpromo__x svg{width:16px;height:16px}
@media (max-width:480px){
  .ddpromo{left:10px;bottom:10px;padding:12px 38px 12px 13px;border-radius:16px}
  .ddpromo__h{font-size:17px}
  .ddpromo__p{font-size:12.5px;margin-bottom:8px}
}
/* T6 (2026-10-12): on a phone the solution page is one screen (heading, video, buttons, "More info"); the full card covered
   the trial note and "More info". A phone gets the slim card: no chip, the condition and "Claim it" in one run of text, the
   whole card is the link (the close button stays above it). */
@media (max-width:700px){
  .ddpromo{width:calc(100vw - 100px);max-width:320px;padding:9px 40px 2px 12px;border-radius:14px}
  .ddpromo__k{display:none}
  .ddpromo__h{font-size:15px;margin:0 0 3px}
  .ddpromo__p{font-size:12px;line-height:1.35;margin:0}
  .ddpromo__a{display:flex;align-items:center;gap:3px;min-height:44px;margin:0;padding:0;background:none;color:#0B7A55;font-size:12.5px;font-weight:700}
  .ddpromo__a:hover,.ddpromo__a:focus-visible{background:none;color:#04241A}
  .ddpromo__a::after{content:"";position:absolute;inset:0;border-radius:14px}
  .ddpromo__a svg{width:11px;height:11px}
  .ddpromo__x{z-index:1;top:0;right:0;width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){.ddpromo{transition:none}}