body.azd main [id] { scroll-margin-top: 80px; }

.azd-marque { display: flex; align-items: center; gap: 10px; flex: none; }
.azd-pastille { background: #000; color: #00E676; border-radius: 999px; padding: 4px 10px; font-size: 13px; font-weight: 800; white-space: nowrap; }
.azd .az-tete-in { gap: 18px; }
.azd .az-nav { gap: 18px; font-size: 14.5px; }
.azd-appel { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border: 1px dashed #C9C9C9; border-radius: 999px;
  font-size: 14.5px; font-weight: 800; color: #6B6B6B; white-space: nowrap; cursor: default; user-select: none; }
.azd-appel .ph { font-size: 17px; }
.azd-appel small { font-size: 11.5px; font-weight: 700; color: #4A4A4A; background: #F4F4F4; border-radius: 999px; padding: 3px 8px; }
.azd-appel--tete { display: inline-grid; grid-template-columns: auto auto; column-gap: 6px; align-content: center; padding: 0 14px; line-height: 1.1; }
.azd-appel--tete .ph { grid-row: span 2; }
.azd-appel--tete small { background: none; padding: 0; font-size: 11px; color: #8A8A8A; }
@media (max-width: 1099.98px) { .azd .az-nav { display: none; } }
@media (max-width: 1239.98px) { .azd-appel--tete { display: none; } }
@media (max-width: 759.98px) { .azd .az-tete-in { gap: 10px; } .azd-pastille { font-size: 12px; padding: 3px 8px; } .azd .az-logo { font-size: 20px; } }
@media (max-width: 399.98px) { .azd .az-tete-in { gap: 8px; } .azd .az-logo { font-size: 19px; } .azd-marque { gap: 8px; } .azd-pastille { font-size: 11.5px; padding: 3px 7px; } .azd .az-cta-tete { padding: 0 14px; font-size: 14px; } }
@media (max-width: 359.98px) { .azd-pastille { display: none; } }
.azd main h1 { font-size: clamp(42px, 6.5vw, 76px); }
@media (max-width: 399.98px) { .azd main h1 { font-size: 38px; } }

.azd-form { display: flex; flex-direction: column; gap: 10px; max-width: 520px; }
.azd-form-lbl { font-size: 13.5px; font-weight: 800; }
.azd-champ { display: flex; align-items: center; gap: 8px; height: 58px; padding: 0 16px; border: 2px solid #E1E1E1; border-radius: 16px; background: #fff; }
.azd-champ:focus-within { border-color: #000; }
.azd-champ:has(input[aria-invalid="true"]) { border-color: #D50000; }
.azd-drapeau { flex: none; width: 20px; height: 14px; border-radius: 3px; background: linear-gradient(90deg, #0055A4 0 33.3%, #fff 33.3% 66.6%, #EF4135 66.6%); box-shadow: 0 0 0 1px #DADADA; }
.azd-pre { font-size: 17px; font-weight: 800; flex: none; }
.azd-champ input { flex: 1 1 auto; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: #000; font: 600 18px/1 -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif; letter-spacing: .02em; }
.azd-champ input::placeholder { color: #8A8A8A; }
.azd-err { font-size: 14px; font-weight: 700; color: #D50000; }
.azd-envoyer { align-self: flex-start; border: 0; cursor: pointer; }
.azd-note { font-size: 13px; line-height: 1.45; color: #6B6B6B; }

.azd-ecran-cadre { width: min(320px, 100%); aspect-ratio: 9 / 16; flex: none; border-radius: 40px; overflow: hidden; background: #fff;
  box-shadow: 0 0 0 10px #000, 0 40px 80px rgba(0,0,0,.22); }
.azd-ecran { height: 100%; padding: 34px 20px 20px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.azd-ecran-titre { align-self: stretch; text-align: left; font-size: 20px; font-weight: 900; letter-spacing: -0.03em; margin-bottom: 6px; }
.azd-scan { position: relative; width: 132px; height: 132px; border-radius: 22px; background: #0B0B0F; display: grid; place-items: center; overflow: hidden; flex: none; }
.azd-qr { width: 84px; height: 84px; border-radius: 6px; background: repeating-conic-gradient(#0B0B0F 0 25%, #fff 0 50%) 0 0 / 14px 14px; box-shadow: 0 0 0 6px #fff; }
.azd-scan-ligne { position: absolute; left: 14px; right: 14px; top: 50%; height: 2px; background: #00E676; box-shadow: 0 0 12px #00E676; animation: azd-scan 2.4s ease-in-out infinite alternate; }
@keyframes azd-scan { from { transform: translateY(-46px); } to { transform: translateY(46px); } }
@media (prefers-reduced-motion: reduce) { .azd-scan-ligne { animation: none; } }
.azd-ecran-l { font-size: 14px; font-weight: 800; }
.azd-ecran-ou { font-size: 12px; font-weight: 700; color: #6B6B6B; }
.azd-code { display: flex; gap: 6px; }
.azd-code i, .azd-mini-code i { width: 28px; height: 34px; border-radius: 9px; background: #F4F4F4; box-shadow: inset 0 0 0 1px #E1E1E1; }
.azd-modes { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.azd-mode { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 800; padding: 7px 12px; border-radius: 999px; background: #fff; color: #000; box-shadow: inset 0 0 0 1.5px #E1E1E1; }
.azd-mode--on { background: #000; color: #00E676; box-shadow: none; }
.azd-ecran-marge { margin-top: auto; align-self: stretch; display: flex; flex-direction: column; gap: 2px; text-align: left; background: #E9FBEF; border-radius: 14px; padding: 12px 14px; }
.azd-ecran-marge b { font-size: 15px; font-weight: 900; color: #0B7A3B; }
.azd-ecran-marge small { font-size: 12px; color: #4A4A4A; }

.azd-section { padding-top: 72px; padding-bottom: 24px; display: flex; flex-direction: column; gap: 28px; }
.azd-tete { display: flex; flex-direction: column; gap: 14px; max-width: 820px; }
.azd-tete > h2 { font-size: clamp(30px, 4.2vw, 48px); font-weight: 900; letter-spacing: -0.04em; line-height: 1.02; text-wrap: balance; }
.azd-tete > p { font-size: clamp(17px, 2vw, 19px); line-height: 1.45; color: #4A4A4A; text-wrap: pretty; }
.azd-ligne { display: block; }

.azd-etapes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; counter-reset: azd-etape; }
@media (max-width: 1099.98px) { .azd-etapes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599.98px) { .azd-etapes { grid-template-columns: minmax(0, 1fr); } }
.azd-etape { counter-increment: azd-etape; display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid #EAEAEA; border-radius: 28px; overflow: hidden; }
.azd-etape--bleu { --azd-fond: #EEF4FF; --azd-encre: #1F6FD1; }
.azd-etape--vert { --azd-fond: #E9FBEF; --azd-encre: #0B7A3B; }
.azd-etape--jaune { --azd-fond: #FFF6DF; --azd-encre: #8F5600; }
.azd-etape--violet { --azd-fond: #F3EEFF; --azd-encre: #6D28D9; }
.azd-ill { position: relative; height: 200px; padding: 38px 16px 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: var(--azd-fond); }
.azd-badge { position: absolute; top: 10px; right: 16px; z-index: 1; font-size: 12px; font-weight: 800; padding: 5px 10px; border-radius: 999px; background: var(--azd-encre); color: #fff; }
.azd-etape--vert .azd-badge { background: #000; color: #00E676; }
.azd-etape--jaune .azd-badge { background: #fff; color: var(--azd-encre); box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.azd-etape-txt { padding: 20px 22px 26px; display: flex; flex-direction: column; gap: 10px; }
.azd-etape-l { display: flex; align-items: center; gap: 10px; }
.azd-n { width: 30px; height: 30px; flex: none; border-radius: 50%; background: var(--azd-encre); color: #fff; display: grid; place-items: center; font-size: 14px; font-weight: 900; }
.azd-n::before { content: counter(azd-etape); }
.azd-etape-k { font-size: 12.5px; font-weight: 900; letter-spacing: .1em; color: #6B6B6B; }
.azd-etape-k::after { content: " " counter(azd-etape); }
.azd-pill { margin-left: auto; font-size: 13px; font-weight: 800; padding: 3px 10px; border-radius: 999px; background: var(--azd-fond); color: var(--azd-encre); white-space: nowrap; }
.azd-etape h3 { font-size: 20px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.azd-etape-txt p { font-size: 15px; line-height: 1.5; color: #4A4A4A; text-wrap: pretty; }
.azd-mini { width: min(220px, 100%); display: flex; flex-direction: column; gap: 6px; padding: 14px; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(31,111,209,.12); }
.azd-mini small { font-size: 11px; font-weight: 800; color: #6B6B6B; }
.azd-mini-champ { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border: 1.5px solid var(--azd-encre); border-radius: 10px; font-size: 13px; font-weight: 800; white-space: nowrap; overflow: hidden; }
.azd-mini-champ .azd-drapeau { width: 16px; height: 11px; }
.azd-mini-code { display: flex; gap: 5px; }
.azd-mini-code i { width: 24px; height: 28px; border-radius: 7px; background: var(--azd-fond); box-shadow: none; }
.azd-dossier { width: min(230px, 100%); display: flex; flex-direction: column; gap: 6px; }
.azd-dossier > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; border-radius: 12px; background: #fff; box-shadow: 0 4px 14px rgba(11,122,59,.1); }
.azd-dossier b { font-size: 13px; font-weight: 800; }
.azd-dossier small { font-size: 11.5px; font-weight: 800; color: var(--azd-encre); white-space: nowrap; }
.azd-scan--petit { width: 110px; height: 110px; border-radius: 18px; }
.azd-scan--petit .azd-qr { width: 70px; height: 70px; background-size: 12px 12px; }
.azd-scan--petit .azd-scan-ligne { animation-name: azd-scan-petit; }
@keyframes azd-scan-petit { from { transform: translateY(-38px); } to { transform: translateY(38px); } }
.azd-modes--ill .azd-mode--on { background: #1F6FD1; color: #fff; }
.azd-modes--ill .ph { font-size: 13px; }
.azd-notif { width: min(236px, 100%); display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: #fff; box-shadow: 0 6px 18px rgba(109,40,217,.1); text-align: left; }
.azd-notif > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }
.azd-notif b { font-size: 11px; font-weight: 800; }
.azd-notif small { font-size: 10.5px; color: #6B6B6B; }
.azd-notif-ic { width: 30px; height: 30px; border-radius: 9px; background: #F4F4F4; display: grid; place-items: center; font-size: 16px; }
.azd-notif-ic--vert { background: #00E676; color: #000; }
.azd-notif-m { font-size: 11px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.azd-notif-m--vert { color: #0B7A3B; }

.azd-marge { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 32px; align-items: center; background: #00E676; border-radius: 32px; padding: clamp(24px, 5vw, 56px); }
.azd-marge-texte { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.azd-marge .az-sur { color: #000; }
.azd-marge-texte > h2 { font-size: clamp(30px, 4.2vw, 48px); font-weight: 900; letter-spacing: -0.045em; line-height: 1.02; text-wrap: balance; }
.azd-marge-texte > p { font-size: clamp(16px, 1.8vw, 18px); line-height: 1.5; text-wrap: pretty; max-width: 62ch; }
.azd-marge-texte > .azd-marge-rangs { font-size: 14px; color: #0A3D1F; }
.azd-marge-carte { display: flex; flex-direction: column; gap: 10px; min-width: 0; background: #000; color: #fff; border-radius: 24px; padding: clamp(22px, 3vw, 32px); }
.azd-marge-carte > span { font-size: 15px; color: #DADADA; }
.azd-marge-gain { font-size: clamp(64px, 9vw, 96px); font-weight: 900; letter-spacing: -0.05em; line-height: 1; color: #00E676; font-variant-numeric: tabular-nums; }
.azd-marge-carte dl { margin: 6px 0 0; padding-top: 14px; border-top: 1px solid #2A2A2A; display: flex; flex-direction: column; gap: 8px; font-variant-numeric: tabular-nums; }
.azd-marge-carte dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.azd-marge-carte dt { font-size: 15px; color: #DADADA; }
.azd-marge-carte dd { margin: 0; font-size: 15px; font-weight: 800; white-space: nowrap; }
.azd-marge-selon { font-size: 13px; color: #BDBDBD; }
.azd-marge-selon[hidden] { display: none; }

.azd-avantages { background: #F4F4F4; }
.azd-avantages > .azd-section { padding-bottom: 72px; }
.azd-cartes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 12px; }
.azd-carte { display: flex; flex-direction: column; gap: 12px; min-width: 0; background: #fff; border-radius: 24px; padding: 24px; }
.azd-carte[hidden] { display: none; }
.azd-carte > b { font-size: 20px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
.azd-carte > span:last-child { font-size: 15px; line-height: 1.5; color: #4A4A4A; text-wrap: pretty; }
.azd-ic { width: 52px; height: 52px; flex: none; border-radius: 14px; background: #000; color: #00E676; display: grid; place-items: center; font-size: 26px; }
.azd-ic--marine { background: #0E2A5C; color: #fff; }
.azd-ics { display: flex; gap: 8px; }
.azd-photo { width: 52px; height: 52px; flex: none; border-radius: 14px; background: #C9A36B center / cover no-repeat; }
.azd-photo[hidden] { display: none; }
.azd-carte--noire { background: #000; color: #fff; }
.azd-carte--noire > span:last-child { color: #CFCFCF; }
.azd-carte--noire .azd-ic { background: #00E676; color: #000; }
.azd-carte--verte { background: #00E676; }
.azd-carte--verte > span:last-child { color: #0A0A0A; }

.azd-formules { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 12px; }
.azd-formule { display: flex; flex-direction: column; gap: 14px; min-width: 0; background: #F4F4F4; border-radius: 28px; padding: clamp(22px, 3vw, 28px); }
.azd-formule[hidden] { display: none; }
.azd-formule h3 { font-size: clamp(22px, 2.6vw, 26px); font-weight: 900; letter-spacing: -0.03em; }
.azd-formule p { font-size: 15.5px; line-height: 1.5; color: #4A4A4A; text-wrap: pretty; max-width: 62ch; }
.azd-pastilles { display: flex; gap: 8px; flex-wrap: wrap; }
.azd-p { font-size: 13px; font-weight: 800; padding: 5px 12px; border-radius: 999px; background: #fff; color: #000; }
.azd-p--cash { background: #00E676; color: #000; }
.azd-p--cb { background: #0A84FF; color: #fff; }
.azd-formule-go { margin-top: auto; display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 18px; border-radius: 14px; background: #000; color: #fff !important; text-align: center; font-size: 16px; font-weight: 900; text-wrap: balance; }
.azd-formule--noire { background: #000; color: #fff; }
.azd-formule--noire p { color: #CFCFCF; }
.azd-formule--noire .azd-p:not(.azd-p--cash):not(.azd-p--cb) { background: #1E1E1E; color: #fff; }
.azd-formule--noire .azd-formule-go { background: #00E676; color: #000 !important; }

.azd-fin-sec { padding-bottom: 80px; }
.azd-fin { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; background: #000; color: #fff; border-radius: 32px; padding: clamp(32px, 6vw, 64px) clamp(20px, 4vw, 56px); }
.azd-fin h2 { font-size: clamp(32px, 5vw, 56px); font-weight: 900; letter-spacing: -0.045em; line-height: 1; }
.azd-fin > p { font-size: 16px; line-height: 1.45; color: #CFCFCF; }
.azd-fin-boutons { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin-top: 6px; }
.azd-btn-vert { background: #00E676; color: #000 !important; }
.azd-appel--fin { height: 60px; padding: 0 22px; border-color: #3A3A3A; color: #9A9A9A; font-size: 16px; }
.azd-appel--fin small { background: #1E1E1E; color: #CFCFCF; }