/* Popup de l'offre de lancement — pages publiques (thème clair/sombre via data-theme). */
.promo-pop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.promo-pop[hidden]{display:none}
html.promo-open{overflow:hidden}
.promo-pop__backdrop{position:absolute;inset:0;background:rgba(14,12,22,.55);backdrop-filter:blur(2px)}
.promo-pop__card{position:relative;width:100%;max-width:440px;background:#fff;color:#1B1830;border:1px solid #E4E2EE;
  border-radius:16px;padding:28px 26px 22px;box-shadow:0 24px 60px -12px rgba(20,16,50,.45);
  font-family:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  animation:promo-in .28s ease-out both}
.promo-pop__x{position:absolute;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;
  background:transparent;border:0;border-radius:8px;color:#5F5B7A;cursor:pointer}
.promo-pop__x:hover{background:#F0EEFB;color:#1B1830}
.promo-pop__badge{display:inline-block;margin:0 0 10px;padding:4px 11px;border-radius:999px;background:#EEEDFC;
  color:#4238C9;font-size:12px;font-weight:600;letter-spacing:.02em}
.promo-pop__title{margin:0 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.02em;color:#1B1830}
.promo-pop__body{margin:0 0 16px;font-size:15px;line-height:1.55;color:#4A4668}
.promo-pop__code{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:13px;color:#5F5B7A}
.promo-pop__code code{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:15px;font-weight:600;letter-spacing:.06em;
  padding:6px 12px;border:1.5px dashed #544AE3;border-radius:8px;background:#F4F3FE;color:#4238C9}
.promo-pop__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.promo-pop__cta{display:inline-block;padding:11px 20px;border-radius:10px;background:#544AE3;color:#fff !important;
  font-weight:600;font-size:15px;text-decoration:none}
.promo-pop__cta:hover{background:#4238C9}
.promo-pop__later{background:transparent;border:0;padding:8px 4px;color:#5F5B7A;font:inherit;font-size:14px;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px}
.promo-pop__later:hover{color:#1B1830}
.promo-pop__fine{margin:14px 0 0;font-size:12px;color:#6B6788}
.promo-pop a:focus-visible,.promo-pop button:focus-visible{outline:3px solid #A6A0FF;outline-offset:2px}
:root[data-theme="dark"] .promo-pop__card{background:#12162A;color:#EDEFF7;border-color:#232A46}
:root[data-theme="dark"] .promo-pop__title{color:#EDEFF7}
:root[data-theme="dark"] .promo-pop__body{color:#B7BBD0}
:root[data-theme="dark"] .promo-pop__badge{background:rgba(139,133,245,.16);color:#B4AFFF}
:root[data-theme="dark"] .promo-pop__code{color:#9AA0BE}
:root[data-theme="dark"] .promo-pop__code code{background:rgba(139,133,245,.12);color:#C9C5FF;border-color:#8B85F5}
:root[data-theme="dark"] .promo-pop__x{color:#9AA0BE}
:root[data-theme="dark"] .promo-pop__x:hover{background:#1B2140;color:#EDEFF7}
:root[data-theme="dark"] .promo-pop__later{color:#9AA0BE}
:root[data-theme="dark"] .promo-pop__later:hover{color:#EDEFF7}
:root[data-theme="dark"] .promo-pop__fine{color:#8A90AE}
@keyframes promo-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.promo-pop__card{animation:none}}
@media (max-width:520px){
  .promo-pop{align-items:flex-end;padding:0}
  .promo-pop__card{max-width:none;border-radius:18px 18px 0 0;padding:26px 20px calc(20px + env(safe-area-inset-bottom))}
  .promo-pop__title{font-size:22px}
}
@media (forced-colors:active){.promo-pop__card{border:2px solid CanvasText}}