/* Extracted inline style attributes */

.is-e2c857 {
  overflow:auto;
}

.is-ce5aa7 {
  color:transparent;
}

.is-12535b {
  color:transparent;
  min-width:20px;
  min-height:20px;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-faad40 {
  margin-left:-16px;
  transform:translate3d(0px,0px,0px);
}

.is-7d5bf5 {
  padding-left:16px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-7d5bf5 {
  padding-left:16px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-7d5bf5 {
  padding-left:16px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-b6410b {
  height:calc(100% - 0.25rem);
  width:calc(50% - 0.125rem);
  transform:translateX(0px);
}

.is-6ab5b3 {
  opacity:1;
  transform:none;
}

.is-ce5aa7 {
  color:transparent;
}

.is-6ab5b3 {
  opacity:1;
  transform:none;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-12535b {
  color:transparent;
  min-width:20px;
  min-height:20px;
}

.is-71ac56 {
  margin-left:-24px;
  transform:translate3d(0px,0px,0px);
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-58daf1 {
  padding-left:24px;
  flex-basis:33.33%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-12535b {
  color:transparent;
  min-width:20px;
  min-height:20px;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-12535b {
  color:transparent;
  min-width:20px;
  min-height:20px;
}

.is-654f86 {
  margin-left:-64px;
  transform:translate3d(0px,0px,0px);
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-e73d6d {
  padding-left:64px;
  flex-basis:16.67%;
}

.is-ce5aa7 {
  color:transparent;
}

.is-12535b {
  color:transparent;
  min-width:20px;
  min-height:20px;
}

.is-5e461f {
  font-size:13px;
}

.is-5e461f {
  font-size:13px;
}

.is-5e461f {
  font-size:13px;
}

.is-5e461f {
  font-size:13px;
}

.is-5e461f {
  font-size:13px;
}

.is-5e461f {
  font-size:13px;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-ce5aa7 {
  color:transparent;
}

.is-12535b {
  color:transparent;
  min-width:20px;
  min-height:20px;
}

.is-12535b {
  color:transparent;
  min-width:20px;
  min-height:20px;
}

.is-12535b {
  color:transparent;
  min-width:20px;
  min-height:20px;
}

.is-12535b {
  color:transparent;
  min-width:20px;
  min-height:20px;
}

.is-ff7916 {
  position:absolute;
}

/* ---------- Mobile-friendly fixes (added) ---------- */
/* Site uses "md:" prefix for ≥1024px (lg in Tailwind defaults).
   These rules target viewports below that breakpoint. */
@media (max-width: 1023px) {
  /* Trust slider: stack the 3 badges vertically instead of squeezing them */
  .carousel { width: 100% !important; }
  .is-faad40 { margin-left: 0 !important; flex-direction: column !important; gap: 1.5rem; }
  .is-7d5bf5 { padding-left: 0 !important; flex-basis: 100% !important; }

  /* Sticky mobile "Télécharger l'App" CTA at bottom of viewport */
  .nirio-mobile-cta {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 40;
    pointer-events: auto;
  }
  .nirio-mobile-cta a, .nirio-mobile-cta button { width: 100%; }
  .nirio-mobile-cta button {
    box-shadow: 0 6px 18px rgba(35, 37, 125, 0.25);
  }
  /* Add bottom padding so sticky CTA does not overlap last footer content */
  body { padding-bottom: 88px; }
}

/* Hide sticky CTA on desktop just to be safe */
@media (min-width: 1024px) { .nirio-mobile-cta { display: none !important; } }


/* ===== Auth flow components ===== */
.nirio-auth-card { background:#fff; border:1px solid rgb(230 230 232); border-radius: 1rem; padding: 1.5rem; box-shadow: 0 4px 16px 0 rgba(34,34,34,.06); }
@media (min-width:1024px) { .nirio-auth-card { padding: 2rem; } }
.nirio-input { width:100%; padding: 1rem 1.25rem; border-radius: 0.75rem; border: 1px solid rgb(230 230 232); background:#fff; font-size: 1rem; line-height: 1.5rem; color: rgb(53 54 71); transition: border-color .15s, box-shadow .15s; font-family: inherit; }
.nirio-input:focus { outline:none; border-color:#23257d; box-shadow: 0 0 0 3px rgba(35,37,125,.12); }
.nirio-input::placeholder { color: rgb(154 154 163); }
.nirio-form-row { display:flex; flex-direction:column; gap: 0.5rem; }
.nirio-form-label { font-size: 0.875rem; font-weight: 600; color: rgb(35 37 125); }
.nirio-form-help { font-size: 0.75rem; color: rgb(103 104 117); }
.nirio-password-wrap { position: relative; }
.nirio-password-wrap .nirio-input { padding-right: 3rem; }
.nirio-password-toggle { position:absolute; right: 0.75rem; top:50%; transform: translateY(-50%); border:0; background:transparent; cursor:pointer; color: rgb(103 104 117); padding: 0.5rem; }
.nirio-otp-input { letter-spacing: 0.5em; font-size: 1.5rem; line-height: 2rem; text-align:center; font-weight: 700; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.nirio-spinner { width: 56px; height: 56px; border: 4px solid #e5e5f0; border-top-color: #23257d; border-radius: 50%; animation: nirio-spin 0.9s linear infinite; }
@keyframes nirio-spin { to { transform: rotate(360deg); } }
.nirio-error-banner { background: #fde8e8; border: 1px solid #f8b4b4; color: #9b1c1c; padding: 1rem 1.25rem; border-radius: 0.75rem; font-size: 0.875rem; line-height: 1.375rem; }
.nirio-success-banner { background: #def7ec; border: 1px solid #84e1bc; color: #03543f; padding: 1rem 1.25rem; border-radius: 0.75rem; font-size: 0.875rem; line-height: 1.375rem; }
.nirio-info-banner { background: #e9f5fe; border: 1px solid #b6dffb; color: #1e429f; padding: 1rem 1.25rem; border-radius: 0.75rem; font-size: 0.875rem; line-height: 1.375rem; }
.nirio-tester-link { display:inline-flex; align-items:center; gap: 0.5rem; font-size: 0.75rem; color: rgb(103 104 117); text-decoration: underline; }
