@import url('https://api.fontshare.com/v2/css?f[]=clash-display@500,600,700&f[]=satoshi@400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');
/* ==========================================================================
   RENTLETTER — NUIT DORÉE (2026-07-25)
   Direction : studio nocturne — noir chaud, ivoire, UN accent ambre,
   titres Clash Display massifs (mot-clé en contour ambre), micro-labels
   JetBrains Mono uppercase, sections séparées par des lignes fines.
   La LETTRE = papier ivoire posé sur la nuit (guides, aperçus, exemples).
   Chargée APRÈS style.css (remplace ciel.css ; ciel.css conservé pour rollback).
   Préserve tous les hooks (data-i18n, onclick, ids, GTM, Stripe).
   Quasi aucun backdrop-filter → rendu mobile léger et natif.
   ========================================================================== */
:root{
  --n-bg:#0A0908; --n-bg-2:#111009; --n-panel:#14120E; --n-panel-2:#1A1712;
  --n-ivory:#EDE8DD; --n-ivory-2:#B9B3A4; --n-mute:#837E6F;
  --n-line:rgba(237,232,221,.14); --n-line-soft:rgba(237,232,221,.08);
  --n-amber:#F0A93C; --n-amber-deep:#D98A1B; --n-amber-soft:rgba(240,169,60,.14);
  --n-green:#3DD68C;
  --n-paper:#E9E1CD; --n-paper-ink:#1C1914; --n-paper-soft:#4A443A;
  /* --- Bascule GLOBALE des tokens (toutes pages qui chargent nuit.css) --- */
  --font:'Satoshi',system-ui,sans-serif;
  --font-title:'Clash Display','Satoshi',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --bg-body:#0A0908; --bg-section-alt:#111009; --bg-card:#14120E;
  --bg-dark:#0A0908; --bg-dark-soft:#14120E;
  --text-primary:#EDE8DD; --text-secondary:#B9B3A4; --text-muted:#837E6F;
  --accent:#F0A93C; --accent-light:#F7C463; --accent-dark:#D98A1B;
  --accent-subtle:rgba(240,169,60,.10); --accent-glow:rgba(240,169,60,.22);
  --success:#3DD68C; --warning:#F0A93C;
  --border:rgba(237,232,221,.14); --border-hover:rgba(240,169,60,.5);
  --radius-sm:10px; --radius-md:14px; --radius-lg:20px;
  --shadow-sm:0 2px 10px rgba(0,0,0,.4);
  --shadow-card:0 18px 44px -18px rgba(0,0,0,.55);
  --shadow-elevated:0 30px 70px -25px rgba(0,0,0,.7);
}
html{background:var(--n-bg);}
/* body TRANSPARENT : le noir vit sur html, la dune canvas (z-index -2) reste
   visible entre les deux — un fond opaque ici la recouvrirait. */
body{
  background:transparent !important;
  color:var(--n-ivory) !important;
  font-family:'Satoshi',system-ui,sans-serif !important;
  overflow-x:hidden;
}
h1,h2,h3{font-family:var(--font-title);}
::selection{background:rgba(240,169,60,.3);color:#EDE8DD;}
html{scrollbar-color:rgba(240,169,60,.35) transparent;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(240,169,60,.3);border-radius:999px;border:2px solid transparent;background-clip:content-box;}
::-webkit-scrollbar-thumb:hover{background:rgba(240,169,60,.5);border:2px solid transparent;background-clip:content-box;}
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,.lang-btn:focus-visible{
  outline:2px solid rgba(240,169,60,.8);outline-offset:3px;
}
::placeholder{color:#6B6457;opacity:1;}

/* ---------- DÉCOR NUIT (injecté par nuit.js : constellation ambre) ---------- */
.nuit-field{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1200px 700px at 78% -10%,rgba(240,169,60,.07),transparent 60%),
  radial-gradient(900px 600px at -10% 110%,rgba(240,169,60,.05),transparent 55%),
  var(--n-bg);}
.nuit-field canvas{position:absolute;inset:0;width:100%;height:100%;}
/* halo qui respire — la lumière vit même quand on ne bouge pas */
.nuit-field::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(1000px 520px at 72% 18%,rgba(240,169,60,.06),transparent 62%);
  animation:nuit-breathe 12s ease-in-out infinite;}
@keyframes nuit-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.nuit-field::after{animation:none;}}

/* ---------- HEADER : barre fine, hairline, nav mono ---------- */
#main-header{
  background:rgba(10,9,8,.86) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:none !important;border-bottom:1px solid var(--n-line-soft) !important;
  border-radius:0;margin:0;max-width:100%;width:100%;
  left:0 !important;transform:none;
  box-shadow:none !important;
  padding-left:max(24px,4vw);padding-right:max(24px,4vw);
}
#main-header .logo{font-family:var(--font-mono) !important;font-weight:500 !important;
  text-transform:lowercase !important;letter-spacing:.02em;color:var(--n-ivory);font-size:17px;gap:0;}
#main-header .logo span{text-transform:lowercase !important;}
#main-header .logo span,#main-footer .footer-logo span,.sidebar-logo span{color:var(--n-amber) !important;}
#main-header .logo span{font-family:var(--font-mono) !important;font-weight:500 !important;}
#main-footer .footer-logo,.sidebar-logo{font-family:var(--font-mono) !important;text-transform:lowercase !important;font-weight:500 !important;}
#main-header .logo .logo-img{margin-right:9px;filter:drop-shadow(0 0 10px rgba(240,169,60,.35));}
#main-header .nav-links{position:static !important;left:auto !important;top:auto !important;transform:none !important;margin:0 auto;gap:26px;}
#main-header .nav-link{
  color:var(--n-ivory-2);font-family:var(--font-mono);font-weight:400;
  font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
  transition:color .2s;position:relative;
}
#main-header .nav-link:hover{color:var(--n-ivory);}
#main-header .nav-links .nav-link::after{content:"";position:absolute;left:0;bottom:-6px;height:1px;width:100%;
  background:var(--n-amber);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1);}
#main-header .nav-links .nav-link:hover::after{transform:scaleX(1);}
#main-header .header-login-link{color:var(--n-ivory-2);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;}
#main-header .lang-selector{background:transparent;border:1px solid var(--n-line);border-radius:999px;}
#main-header .lang-btn{color:var(--n-mute);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;}
#main-header .lang-btn.active{background:var(--n-ivory);color:#0A0908;}
#main-header .btn-header-cta{
  background:var(--n-amber);color:#1C1206;
  font-family:var(--font-mono);font-weight:500;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  border-radius:999px;box-shadow:none;
  transition:background .2s,transform .2s cubic-bezier(.16,1,.3,1);
}
#main-header .btn-header-cta:hover{background:#F7C463;transform:translateY(-1px);}

/* ---------- NAV MOBILE : burger + panneau nuit (injectés par nuit.js) ---------- */
.rl-burger{display:none;}
@media (max-width:768px){
  #main-header .nav-links{display:none !important;}
  #main-header .header-login-link{display:none !important;}
  #main-header .lang-selector{display:none !important;}
  .rl-burger{
    display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    width:40px;height:40px;min-width:40px;border-radius:0;cursor:pointer;padding:0;margin-left:8px;
    background:transparent;border:none;
    transition:transform .2s cubic-bezier(.16,1,.3,1);
  }
  .rl-burger:active{transform:scale(.92);}
  .rl-burger span{display:block;width:22px;height:1.5px;border-radius:0;background:var(--n-ivory);
    transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s;}
  body.rl-nav-open .rl-burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
  body.rl-nav-open .rl-burger span:nth-child(2){opacity:0;}
  body.rl-nav-open .rl-burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
}
.rl-mobile-nav{
  position:fixed;top:64px;left:0;right:0;z-index:1200;
  background:rgba(10,9,8,.97);
  border-bottom:1px solid var(--n-line);border-radius:0;padding:12px 8px 16px;
  box-shadow:0 40px 80px -20px rgba(0,0,0,.8);
  opacity:0;transform:translateY(-10px);pointer-events:none;
  transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1);
}
body.rl-nav-open .rl-mobile-nav{opacity:1;transform:none;pointer-events:auto;}
.rl-mobile-nav a{display:block;padding:15px 22px;border-radius:0;
  color:var(--n-ivory);font-family:var(--font-mono);font-weight:400;font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  border-bottom:1px solid var(--n-line-soft);transition:color .15s,padding-left .2s;}
.rl-mobile-nav a:hover,.rl-mobile-nav a:active{color:var(--n-amber);padding-left:28px;}
.rl-mobile-nav .rl-mnav-login{border-bottom:none;color:var(--n-amber);}
.rl-mnav-langs{display:flex;justify-content:flex-start;padding:14px 22px 6px;}
.rl-mnav-langs .lang-selector{background:transparent;border:1px solid var(--n-line);border-radius:999px;}
.rl-mnav-langs .lang-btn{font-size:11px;padding:7px 14px;color:var(--n-mute);font-family:var(--font-mono);}
.rl-mnav-langs .lang-btn.active{background:var(--n-ivory);color:#0A0908;}
@media (min-width:769px){.rl-mobile-nav{display:none;}}

/* ---------- HERO : typographie massive alignée à gauche ---------- */
#screen-landing .hero-section{
  grid-template-columns:1fr !important;display:grid;place-items:start;text-align:left;
  min-height:88vh;padding-top:150px;gap:0;position:relative;
  max-width:1240px;margin:0 auto;padding-left:max(24px,4vw);padding-right:max(24px,4vw);
}
#screen-landing .hero-text{text-align:left;max-width:1050px;margin:0;position:relative;align-items:flex-start !important;}
#screen-landing .hero-text::before{content:none;}
#screen-landing .hero-kicker{
  display:inline-flex;align-items:center;gap:10px;margin:0 0 34px;
  background:transparent;border:none;border-radius:0;padding:0;
  color:var(--n-ivory-2);font-family:var(--font-mono);font-weight:400;font-size:12px;
  letter-spacing:.18em;text-transform:uppercase;box-shadow:none;
  animation:nuit-rise .8s cubic-bezier(.16,1,.3,1) both;
}
#screen-landing .hero-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--n-green);
  box-shadow:0 0 12px rgba(61,214,140,.8);animation:nuit-pulse-dot 2.4s ease-in-out infinite;}
#screen-landing .hero-kicker svg{display:none;}
@keyframes nuit-pulse-dot{0%,100%{opacity:1}50%{opacity:.45}}
#screen-landing .hero-text h1{
  font-family:'Clash Display','Satoshi',sans-serif !important;font-weight:600 !important;
  font-size:clamp(44px,6vw,86px) !important;line-height:.98;letter-spacing:-.025em;
  text-transform:uppercase;color:var(--n-ivory);text-shadow:none;
}
/* « Signez le bail » : CONTOUR ambre — la signature du thème */
#screen-landing .hero-text h1 .gradient-text{
  background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;
  color:transparent !important;-webkit-text-fill-color:transparent !important;
  -webkit-text-stroke:2px var(--n-amber);
  filter:none;animation:none;
}
@media (max-width:768px){
  #screen-landing .hero-text h1 .gradient-text{-webkit-text-stroke:1.3px var(--n-amber);}
}
#screen-landing .hero-text .description{
  color:var(--n-ivory-2);font-size:19px;font-weight:400;max-width:560px;margin:34px 0 0;
  text-shadow:none;line-height:1.55;
}
#screen-landing .hero-text .description b{color:var(--n-ivory);font-weight:700;}
#screen-landing .cta-block{align-items:flex-start;align-self:start;margin-top:40px;}
#screen-landing .cta-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:14px;}
#screen-landing .sub-text{
  color:var(--n-mute);text-shadow:none;background:transparent;border:none;border-radius:0;
  padding:18px 0 0;display:inline-block;font-family:var(--font-mono);font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;
}
#screen-landing .sub-text b{color:var(--n-ivory-2);font-weight:500;}
#screen-landing .hero-text h1,#screen-landing .hero-text .description,#screen-landing .cta-block{
  animation:nuit-rise .8s cubic-bezier(.16,1,.3,1) both;
}
#screen-landing .hero-text h1{animation-delay:.08s;}
#screen-landing .hero-text .description{animation-delay:.18s;}
#screen-landing .cta-block{animation-delay:.28s;}
@keyframes nuit-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* ---------- BOUTONS : pilules ivoire / contour ---------- */
.btn-primary{
  background:var(--n-amber) !important;color:#1C1206 !important;
  border:none !important;border-radius:999px !important;
  font-family:var(--font-mono) !important;font-weight:500 !important;
  font-size:12.5px !important;letter-spacing:.12em !important;text-transform:uppercase;
  box-shadow:none !important;
  transition:transform .25s cubic-bezier(.16,1,.3,1),background .2s !important;
  position:relative;overflow:hidden;
}
.btn-primary::after{content:none;}
.btn-primary:hover{transform:translateY(-2px) !important;background:#F7C463 !important;box-shadow:0 14px 34px -16px rgba(240,169,60,.45) !important;}
.btn-primary:active{transform:translateY(0) scale(.97) !important;transition-duration:.1s !important;}
.btn-see-example,.btn-secondary{
  background:transparent !important;color:var(--n-ivory) !important;
  border:1px solid var(--n-line) !important;border-radius:999px !important;
  font-family:var(--font-mono) !important;font-weight:400 !important;
  font-size:12.5px !important;letter-spacing:.12em !important;text-transform:uppercase;
  box-shadow:none !important;
  transition:border-color .2s,transform .25s cubic-bezier(.16,1,.3,1),background .2s !important;
  display:inline-flex;align-items:center;justify-content:center;padding:16px 26px !important;min-height:52px;line-height:1;
}
.btn-see-example:hover,.btn-secondary:hover{border-color:var(--n-amber) !important;background:var(--n-amber-soft) !important;transform:translateY(-2px);}
.btn-see-example:active,.btn-secondary:active{transform:scale(.97);}
.btn-primary:disabled,.btn-primary[disabled],.btn-accent:disabled,.btn-accent[disabled]{
  background:#2A261E !important;color:#6B6457 !important;
  box-shadow:none !important;cursor:not-allowed !important;transform:none !important;}
.btn-primary.btn-outline{background:transparent !important;color:var(--n-ivory-2) !important;
  border:1px solid var(--n-line) !important;box-shadow:none !important;}
.btn-primary.btn-outline:hover{border-color:var(--n-amber) !important;color:var(--n-ivory) !important;background:var(--n-amber-soft) !important;transform:translateY(-1px) !important;}

/* ---------- TRUST BAR : ligne meta mono entre hairlines ---------- */
#screen-landing .trust-bar{background:transparent;border:none;max-width:1240px;margin:0 auto;
  padding-left:max(24px,4vw);padding-right:max(24px,4vw);}
#screen-landing .trust-bar-inner{gap:34px;border-top:1px solid var(--n-line-soft);border-bottom:1px solid var(--n-line-soft);
  padding:18px 0;justify-content:flex-start;flex-wrap:wrap;}
#screen-landing .trust-item{
  background:transparent;border:none;border-radius:0;padding:0;
  color:var(--n-mute);font-family:var(--font-mono);font-weight:400;font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;box-shadow:none;transition:color .2s;
}
#screen-landing .trust-item:hover{transform:none;background:transparent;color:var(--n-ivory-2);}
#screen-landing .trust-item i{color:var(--n-amber);font-size:11px;}

/* ---------- TOITS hérités : masqués (le thème est nocturne, pas illustratif) ---------- */
#screen-landing .rl-roofs{display:none !important;}

/* ---------- BANDE « PROBLÈME » : section hairline, chiffres ambre ---------- */
#screen-landing #probleme{
  width:100% !important;margin:0 auto !important;margin-left:auto !important;
  border-radius:0 !important;padding:0 !important;
  background:transparent !important;
  border-top:1px solid var(--n-line-soft);border-bottom:1px solid var(--n-line-soft);
  position:relative;overflow:hidden;
}
#screen-landing #probleme::before{content:none;}
#screen-landing .rl-quote-inner{max-width:1240px;margin:0 auto;padding:88px max(24px,4vw);position:relative;}
#screen-landing #probleme .section-tag{color:var(--n-amber);background:transparent;border:none;border-radius:0;padding:0;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;}
#screen-landing .rl-quote-big{color:var(--n-ivory) !important;font-family:'Clash Display',sans-serif !important;
  font-weight:600 !important;letter-spacing:-.02em;}
#screen-landing .rl-stat-num{
  font-family:'Clash Display',sans-serif !important;font-weight:600;
  background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;
  color:var(--n-amber);filter:none;
}
#screen-landing .rl-stat-label{color:var(--n-mute);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;}

/* ---------- SECTIONS : pleine nuit, séparées par hairlines ---------- */
#screen-landing #process,#screen-landing #features,#screen-landing #reviews,
#screen-landing #pricing,#screen-landing #faq,
#screen-landing #espace,#screen-landing #pourquoi-nous{
  background:transparent;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border:none;border-bottom:1px solid var(--n-line-soft);border-radius:0;
  max-width:100%;margin:0;padding:104px max(24px,4vw);
  box-shadow:none;
}
#screen-landing #process > *,#screen-landing #features > *,#screen-landing #reviews > *,
#screen-landing #pricing > *,#screen-landing #faq > *,
#screen-landing #exemple-lettre > *,#screen-landing #pourquoi-nous > *{max-width:1240px;margin-left:auto;margin-right:auto;}
#screen-landing .section-header{text-align:left;margin:0 auto 56px;}
#screen-landing .section-tag{
  color:var(--n-amber);background:transparent;border:none;border-radius:0;padding:0;
  font-family:var(--font-mono);font-weight:400;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
}
#screen-landing .section-tag::before{content:"◆ ";font-size:9px;vertical-align:2px;}
#screen-landing .section-title-landing{
  font-family:'Clash Display',sans-serif !important;font-weight:600 !important;
  color:var(--n-ivory);letter-spacing:-.02em;font-size:clamp(34px,4.6vw,64px);line-height:1.04;margin-top:14px;
  text-wrap:balance;
}
#screen-landing .section-subtitle{color:var(--n-ivory-2);margin:18px auto 0 0 !important;max-width:56ch;text-wrap:pretty;font-size:17px;text-align:left;}

/* Étapes : rangées hairline numérotées, ambre au survol */
#screen-landing #process .process-grid{grid-template-columns:1fr !important;gap:0;}
#screen-landing .process-step{
  display:grid !important;grid-template-columns:110px 84px 1fr !important;align-items:center;gap:30px !important;
  background:transparent;border:none;border-top:1px solid var(--n-line-soft);border-radius:0;
  padding:42px 8px;box-shadow:none;
  transition:background .25s;transform:none !important;text-align:left;
}
#screen-landing .process-step:last-child{border-bottom:1px solid var(--n-line-soft);}
#screen-landing .process-step:hover{background:rgba(240,169,60,.04);box-shadow:none;}
#screen-landing .process-step .process-badge{grid-column:1;grid-row:1/span 3;}
#screen-landing .process-step .rl-step-ill{grid-column:2;grid-row:1/span 3;align-self:center;}
#screen-landing .process-step h4{grid-column:3;margin:0 0 6px;}
#screen-landing .process-step p{grid-column:3;margin:0;}
#screen-landing .process-step .rl-tag{grid-column:3;justify-self:start;margin-top:12px;display:inline-block;}
#screen-landing .process-badge{
  font-family:'Clash Display',sans-serif;font-size:64px;font-weight:600;line-height:1;
  background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;
  color:transparent;-webkit-text-stroke:1.5px rgba(240,169,60,.75);
  width:auto;height:auto;border:none;box-shadow:none;display:flex;align-items:center;justify-content:flex-start;
}
#screen-landing .rl-step-ill{width:64px;height:64px;color:var(--n-amber);
  background:transparent;border:1px solid var(--n-line);border-radius:14px;padding:13px;
  box-shadow:none;transition:border-color .25s,transform .25s;}
#screen-landing .process-step:hover .rl-step-ill{transform:none;border-color:var(--n-amber);}
#screen-landing .process-step h4{font-family:'Clash Display',sans-serif;color:var(--n-ivory);font-size:24px;letter-spacing:-.01em;font-weight:600;}
#screen-landing .process-step p{color:var(--n-ivory-2);font-size:16px;max-width:62ch;}
#screen-landing .rl-tag{background:transparent;color:var(--n-amber);border:1px solid rgba(240,169,60,.45);border-radius:999px;
  padding:5px 14px;font-family:var(--font-mono);font-weight:400;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;}
#screen-landing .rl-tag:empty{display:none !important;}

/* Features / avis / FAQ */
#screen-landing .feature-card{
  background:var(--n-panel) !important;border:1px solid var(--n-line-soft) !important;
  border-radius:16px !important;box-shadow:none !important;
  transition:border-color .25s,transform .25s cubic-bezier(.16,1,.3,1) !important;
}
#screen-landing .feature-card:hover{transform:translateY(-4px);border-color:rgba(240,169,60,.4) !important;box-shadow:none !important;}
#screen-landing .feature-card i,#screen-landing .feature-icon{color:var(--n-amber) !important;}
#screen-landing .feature-card h3{font-size:20px;}
#screen-landing .feature-card p{color:var(--n-ivory-2);}
#screen-landing .faq-item{
  background:transparent !important;border:none !important;border-bottom:1px solid var(--n-line-soft) !important;
  border-radius:0 !important;box-shadow:none !important;transition:background .2s !important;
}
#screen-landing .faq-item:first-of-type{border-top:1px solid var(--n-line-soft) !important;}
#screen-landing .faq-question{color:var(--n-ivory);font-weight:500;font-size:17px;}
#screen-landing .faq-answer p{color:var(--n-ivory-2);}
#screen-landing #reviews .section-title-landing,#screen-landing #reviews .section-subtitle{color:var(--n-ivory) !important;text-shadow:none !important;}
#screen-landing #reviews .section-subtitle{color:var(--n-ivory-2) !important;}
#screen-landing .reviews-inner{background:transparent !important;box-shadow:none !important;border:none !important;}
#screen-landing #reviews .reviews-inner > p{color:var(--n-ivory-2);}
.review-star{color:rgba(240,169,60,.3);}
.review-star.active,.review-star.selected{color:var(--n-amber);}

/* ---------- EXEMPLE : la lettre = papier ivoire sur la nuit ---------- */
#screen-landing #exemple-lettre .rl-ex-card,
#screen-landing #exemple-lettre .letter-preview,
#screen-landing #exemple-lettre .example-letter{
  background:var(--n-paper);color:var(--n-paper-ink);
  border:none;border-radius:6px;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(240,169,60,.25);
}

/* ---------- TARIFS : cartes hairline, vedette bordure ambre ---------- */
#screen-landing .price-card,#screen-preview .price-card{
  display:flex;flex-direction:column;
  background:var(--n-panel) !important;border:1px solid var(--n-line-soft) !important;
  border-radius:16px !important;box-shadow:none !important;
  transition:border-color .25s,transform .3s cubic-bezier(.16,1,.3,1) !important;
  transform:none !important;
}
#screen-landing .price-card:hover,#screen-preview .price-card:hover{border-color:var(--n-line) !important;transform:translateY(-4px) !important;box-shadow:none !important;}
#screen-landing .price-card.featured,#screen-preview .price-card.featured{
  border:1px solid rgba(240,169,60,.65) !important;
  box-shadow:0 0 0 1px rgba(240,169,60,.35),0 30px 70px -30px rgba(240,169,60,.18) !important;
  background:linear-gradient(180deg,rgba(240,169,60,.07),rgba(20,18,14,0) 45%),var(--n-panel) !important;
}
.price-card .price-features{flex:1 1 auto;}
.price-card .btn-card{margin-top:auto;}
.price-card h3{font-family:'Clash Display',sans-serif;font-weight:600;color:var(--n-ivory);letter-spacing:-.01em;}
.price-header .amount{font-family:'Clash Display','Satoshi',sans-serif;font-weight:600;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--n-ivory);}
#screen-landing .price-header .amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;white-space:nowrap;}
#screen-landing .price-header .amount > span[data-i18n]{white-space:normal;flex-basis:100%;
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--n-mute);margin-top:8px;}
#screen-preview .amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;white-space:nowrap;}
#screen-preview .amount > span[data-i18n]{white-space:normal;flex-basis:100%;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--n-mute);margin-top:6px;}
.price-card .plan-desc{color:var(--n-ivory-2);}
.price-features li{color:var(--n-ivory-2);}
.price-features li i.fa-check{color:var(--n-amber);}
.price-features li.disabled{opacity:.45;}
.price-features li.disabled i{color:var(--n-mute);}
.plan-icon{background:transparent !important;border:1px solid var(--n-line);color:var(--n-amber) !important;border-radius:12px;}
.plan-icon i{color:var(--n-amber) !important;}
.badge-popular{
  background:var(--n-amber) !important;color:#1C1206 !important;border:none;
  font-family:var(--font-mono) !important;font-weight:500 !important;font-size:10px !important;
  letter-spacing:.14em;text-transform:uppercase;border-radius:999px;box-shadow:0 10px 30px -10px rgba(240,169,60,.5);
}
.badge-popular i{display:none;}
#screen-landing .old-price{white-space:nowrap;color:var(--n-mute);}

/* ---------- CTA FINAL : halo ambre sur la nuit ---------- */
#screen-landing .cta-final-section{
  background:radial-gradient(640px 320px at 50% 0%,rgba(240,169,60,.12),transparent 70%) ,transparent !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border:none;border-radius:0;max-width:100%;margin:0;padding:110px max(24px,4vw);
  box-shadow:none;text-align:center;
}
#screen-landing .cta-final-section h2{font-family:'Clash Display',sans-serif !important;color:var(--n-ivory) !important;
  letter-spacing:-.02em;font-weight:600;font-size:clamp(32px,4.4vw,58px);}
.cta-final-section .rl-cta-key{width:44px !important;height:58px !important;max-width:44px;
  display:block;margin:0 auto 18px;color:var(--n-amber) !important;
  filter:drop-shadow(0 0 24px rgba(240,169,60,.5));animation:nuit-float 4.5s ease-in-out infinite;}
@keyframes nuit-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
#screen-landing .cta-final-section p{color:var(--n-ivory-2) !important;}

/* ---------- FOOTER : hairline, mono ---------- */
#main-footer{
  background:var(--n-bg) !important;color:var(--n-ivory-2) !important;
  border-top:1px solid var(--n-line-soft) !important;position:relative;overflow:hidden;
  left:auto;transform:none;width:100% !important;max-width:100% !important;
  margin:0 !important;
}
#main-footer::before{content:none;}
#main-footer .footer-grid{max-width:1240px;margin:0 auto;padding:72px max(24px,4vw) 32px;}
#main-footer .footer-logo{color:var(--n-ivory);}
#main-footer .footer-col-title{color:var(--n-mute) !important;font-family:var(--font-mono);
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;}
#main-footer .footer-link,#main-footer a{color:var(--n-ivory-2) !important;transition:color .2s;}
#main-footer .footer-link:hover,#main-footer a:hover{color:var(--n-amber) !important;}
#main-footer .footer-desc,#main-footer p{color:var(--n-mute);}
#main-footer .footer-social{border:1px solid var(--n-line);border-radius:999px;}

/* ---------- TUNNEL : cabine de nuit ---------- */
.screen:not(#screen-landing){position:relative;}
.screen:not(#screen-landing) .form-container,
.screen:not(#screen-landing) .step-container,
.screen:not(#screen-landing) .form-card,
#screen-preview .preview-layout,
#screen-preview .preview-container{
  background:var(--n-panel) !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border:1px solid var(--n-line-soft) !important;border-radius:18px !important;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.8) !important;
}
.screen.active:not(#screen-landing){animation:nuit-screen-in .45s cubic-bezier(.16,1,.3,1);}
@keyframes nuit-screen-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.screen:not(#screen-landing) h2{font-family:'Clash Display',sans-serif !important;color:var(--n-ivory);letter-spacing:-.015em;font-weight:600;}
.screen:not(#screen-landing) .gradient-text{
  background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;
  -webkit-text-fill-color:currentColor !important;color:var(--n-amber) !important;
}
#screen-loading h2,#screen-loading .loading-subtitle{text-align:center;}
.progress-container{height:4px !important;background:rgba(237,232,221,.1) !important;border:none;border-radius:999px;overflow:hidden;
  -webkit-backdrop-filter:none;backdrop-filter:none;}
.progress-bar{
  background:var(--n-amber) !important;
  border-radius:999px;box-shadow:0 0 14px rgba(240,169,60,.6);
  position:relative;overflow:hidden;
}
.progress-bar::after{content:none;}
.step-label{color:var(--n-mute);background:transparent;border:none;border-radius:0;padding:4px 0;display:inline-block;
  font-family:var(--font-mono);letter-spacing:.16em;font-weight:400;font-size:11px;text-transform:uppercase;}
.screen:not(#screen-landing) input[type="text"],
.screen:not(#screen-landing) input[type="email"],
.screen:not(#screen-landing) input[type="tel"],
.screen:not(#screen-landing) input[type="url"],
.screen:not(#screen-landing) input[type="number"],
.screen:not(#screen-landing) input[type="password"],
.screen:not(#screen-landing) select,
.screen:not(#screen-landing) textarea{
  background:#0E0D0A !important;border:1px solid #2A261E !important;
  border-radius:12px !important;color:var(--n-ivory) !important;
  transition:border-color .2s,box-shadow .2s !important;
}
.screen:not(#screen-landing) input:focus,
.screen:not(#screen-landing) select:focus,
.screen:not(#screen-landing) textarea:focus{
  border-color:var(--n-amber) !important;
  box-shadow:0 0 0 3px rgba(240,169,60,.18) !important;
  transform:none;
}
.option-card,.choice-card,.radio-card{
  background:#0E0D0A !important;border:1px solid #2A261E !important;
  border-radius:14px !important;color:var(--n-ivory);
  transition:border-color .2s,background .2s,transform .2s cubic-bezier(.16,1,.3,1) !important;
}
.option-card:hover,.choice-card:hover,.radio-card:hover{transform:translateY(-2px);border-color:var(--n-line) !important;box-shadow:none !important;}
.option-card.selected,.choice-card.selected,.radio-card.selected,
.option-card.active,.choice-card.active{
  border-color:var(--n-amber) !important;
  box-shadow:0 0 0 1px var(--n-amber) !important;
  background:var(--n-amber-soft) !important;
}
#autofill-box{background:transparent !important;border:1.5px dashed rgba(240,169,60,.5) !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;border-radius:14px !important;}
#autofill-box > label i{color:var(--n-amber) !important;}
#listing-url{font-size:13.5px;}
#listing-url-btn{flex-shrink:0;}
#screen-housing .checkbox-group{background:#0E0D0A !important;border:1px solid #2A261E !important;box-shadow:none !important;}
#screen-housing .checkbox-group label,#screen-housing .checkbox-group label span{color:var(--n-ivory-2) !important;
  text-transform:none !important;letter-spacing:0 !important;font-size:13.5px !important;font-weight:500 !important;}
#screen-housing .checkbox-group input[type=checkbox]{accent-color:var(--n-amber) !important;}
#screen-garant:has(#dynamic-garant-input.active) > div > .btn-outline{display:none;}
#co-applicants-finance-container:empty{display:none;}
.btn-magic i.fa-wand-magic-sparkles,.letter-tag i.fa-robot{display:none !important;}
.emoji-float{display:none !important;}

/* Écran de chargement : clé ambre, halo minimal */
#screen-loading .ai-orb > i.fa-microchip{display:none !important;}
#screen-loading .ai-orb{
  position:relative;background:transparent !important;
  border:1px solid var(--n-line) !important;border-radius:50% !important;
  box-shadow:0 0 60px -10px rgba(240,169,60,.25) !important;
  animation:nuit-float 4s ease-in-out infinite !important;
}
#screen-loading .ai-orb::before{content:"";position:absolute;inset:-14px;border-radius:50%;
  border:1px solid rgba(240,169,60,.35);animation:nuit-pulse 2.4s ease-out infinite;}
@keyframes nuit-pulse{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.3);opacity:0}}
#screen-loading .ai-orb::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:50px;
  background:no-repeat center/contain url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 80"><path d="M30 4 L54 25 L48 25 L48 37 L12 37 L12 25 L6 25 Z" fill="%23F0A93C"/><rect x="25" y="37" width="10" height="37" rx="5" fill="%23F0A93C"/><rect x="35" y="56" width="10" height="6" fill="%23F0A93C"/><rect x="35" y="66" width="7" height="6" fill="%23F0A93C"/></svg>');
  filter:drop-shadow(0 0 16px rgba(240,169,60,.5));}
#screen-loading .loading-steps{width:fit-content;margin:28px auto 0;color:var(--n-ivory-2);}
#screen-loading h2{text-align:center !important;margin-inline:auto;max-width:560px;}

/* ---------- APERÇU : le moment de conversion ---------- */
#screen-preview{max-width:1080px !important;}
#screen-preview .preview-title{color:var(--n-ivory);text-align:center;text-shadow:none;
  font-family:'Clash Display',sans-serif !important;font-weight:600;}
#screen-preview .preview-title .gradient-text{
  background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;
  -webkit-text-fill-color:currentColor !important;color:var(--n-amber) !important;
  filter:none;white-space:nowrap;}
#screen-preview .preview-subtitle{color:var(--n-ivory-2);text-shadow:none;}
/* la lettre générée : papier ivoire sur la nuit */
#screen-preview .letter-preview,#screen-preview .letter-content,
#screen-preview .preview-document,.letter-paper{
  background:var(--n-paper) !important;color:var(--n-paper-ink) !important;
  border-radius:6px;border:none;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(240,169,60,.2);
}
#screen-preview .letter-preview *,#screen-preview .letter-content *{color:inherit;}
#screen-preview .unlock-cta{flex-direction:column;align-items:center;text-align:center;gap:2px;
  color:var(--n-ivory) !important;
  padding:22px 26px;border-radius:16px;background:var(--n-panel-2) !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border:1px solid rgba(240,169,60,.4);box-shadow:0 22px 55px -18px rgba(0,0,0,.6);}
#screen-preview [data-i18n="urgency_banner"]{background:transparent !important;
  border:1px solid rgba(61,214,140,.4) !important;color:var(--n-green) !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;border-radius:999px;
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;}
#screen-preview .pricing-header-section > div{background:transparent !important;
  border:1px solid rgba(240,169,60,.45) !important;color:var(--n-amber) !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;border-radius:999px;
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;}
#screen-preview .pricing-header-section > div i{color:var(--n-amber);}

/* ---------- MODALES : nuit opaque ---------- */
#signup-modal .form-card{background:#131109 !important;background:var(--n-panel-2) !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border:1px solid var(--n-line) !important;box-shadow:0 40px 100px -30px rgba(0,0,0,.9) !important;}
#signup-modal input{background:#0E0D0A !important;
  border:1px solid #2A261E !important;border-radius:10px !important;color:var(--n-ivory) !important;}
#signup-modal input::placeholder{color:#6B6457;}
#signup-modal h3,#signup-modal h2{color:var(--n-ivory);}
#signup-modal p,#signup-modal label{color:var(--n-ivory-2);}

/* ---------- RÉVÉLATION AU SCROLL + RIDEAU ---------- */
.rl-reveal{opacity:0;transform:translateY(26px);
  transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);}
.rl-reveal.rl-in{opacity:1;transform:none;}
#features .feature-card.rl-reveal:nth-child(2){transition-delay:.07s;}
#features .feature-card.rl-reveal:nth-child(3){transition-delay:.14s;}
#features .feature-card.rl-reveal:nth-child(4){transition-delay:.07s;}
#features .feature-card.rl-reveal:nth-child(5){transition-delay:.14s;}
#features .feature-card.rl-reveal:nth-child(6){transition-delay:.21s;}
#pricing .price-card.rl-reveal:nth-child(2){transition-delay:.09s;}
#pricing .price-card.rl-reveal:nth-child(3){transition-delay:.18s;}
#faq .faq-item.rl-reveal:nth-child(2){transition-delay:.06s;}
#faq .faq-item.rl-reveal:nth-child(3){transition-delay:.12s;}
#faq .faq-item.rl-reveal:nth-child(4){transition-delay:.18s;}
#rl-curtain{position:fixed;inset:0;z-index:99999;pointer-events:none;
  background:var(--n-bg);
  -webkit-backdrop-filter:none;backdrop-filter:none;
  transform:scaleX(0);transform-origin:left;}

/* ---------- PAGES DE LECTURE : nuit cohérente, cartes hairline ---------- */
.guide-article,.guide-content,.legal-content,.article-container,.page-card{
  background:var(--n-panel);
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border:1px solid var(--n-line-soft);border-radius:14px;
  box-shadow:none;
}
.guide-article p,.guide-article li,.guide-content p,.guide-content li,
.legal-content p,.legal-content li,main.guide-container p,main.guide-container li{color:var(--n-ivory-2);line-height:1.72;}
.guide-article strong,.guide-content strong,main.guide-container strong{color:var(--n-ivory);}
.guide-article a:not([class]),.guide-content a:not([class]),.legal-content a:not([class]),
main.guide-container a:not([class]){
  color:var(--n-amber);text-decoration-color:rgba(240,169,60,.4);text-underline-offset:3px;}
.guide-article h2,.guide-content h2,main.guide-container h2{letter-spacing:-.015em;margin-top:2em;
  font-family:'Clash Display',sans-serif;font-weight:600;color:var(--n-ivory);}
/* encadrés modèles de lettres dans les guides : papier ivoire (le produit) */
.guide-model{background:var(--n-paper) !important;color:var(--n-paper-ink) !important;
  border:none !important;border-radius:6px !important;
  box-shadow:0 24px 60px -26px rgba(0,0,0,.7),0 0 0 1px rgba(240,169,60,.2) !important;}
.guide-model p,.guide-model strong,.guide-model em{color:var(--n-paper-ink) !important;}
/* FAQ page & login : nuit */
.faq-list{background:transparent;border:none;border-radius:0;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;}
.faq-page-body .faq-item{background:transparent;border:none;border-bottom:1px solid var(--n-line-soft);border-radius:0;box-shadow:none;}
.login-card{background:var(--n-panel) !important;border:1px solid var(--n-line-soft) !important;border-radius:18px;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.8);-webkit-backdrop-filter:none;backdrop-filter:none;}
.login-card input{background:#0E0D0A !important;border:1px solid #2A261E !important;color:var(--n-ivory) !important;border-radius:12px !important;}
.login-card input:focus{border-color:var(--n-amber) !important;box-shadow:0 0 0 3px rgba(240,169,60,.18) !important;}

/* Fiches infographies intégrées (pins) : cadre nuit */
figure img[src^="pins/"]{border-radius:10px !important;box-shadow:0 24px 60px -24px rgba(0,0,0,.5) !important;}

/* ---------- DASHBOARD : studio nocturne ---------- */
.sidebar{background:var(--n-bg-2) !important;-webkit-backdrop-filter:none;backdrop-filter:none;
  border-right:1px solid var(--n-line-soft) !important;}
.sidebar-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.sidebar .lang-selector,.sidebar-header .lang-selector{flex:0 0 auto;margin-left:4px !important;}
.sidebar-header .lang-btn{padding:3px 7px;font-size:10.5px;}
.section-card{
  background:var(--n-panel) !important;
  border:1px solid var(--n-line-soft) !important;border-radius:16px !important;
  box-shadow:none !important;
}
body:has(.sidebar) .view-header h2{font-family:'Clash Display',sans-serif;letter-spacing:-.015em;font-weight:600;}
body:has(.sidebar) input,body:has(.sidebar) select,body:has(.sidebar) textarea{
  background:#0E0D0A !important;border:1px solid #2A261E !important;color:var(--n-ivory) !important;
  border-radius:12px !important;transition:border-color .2s,box-shadow .2s !important;}
body:has(.sidebar) input:focus,body:has(.sidebar) select:focus,body:has(.sidebar) textarea:focus{
  border-color:var(--n-amber) !important;
  box-shadow:0 0 0 3px rgba(240,169,60,.16) !important;}
.btn-accent{background:var(--n-amber) !important;color:#1C1206 !important;
  border:none !important;border-radius:999px !important;
  font-family:var(--font-mono) !important;font-weight:500 !important;font-size:12px !important;
  letter-spacing:.1em !important;text-transform:uppercase;
  box-shadow:none !important;
  transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s !important;}
.btn-accent:hover{transform:translateY(-1px);background:#F7C463 !important;box-shadow:0 12px 30px -14px rgba(240,169,60,.5) !important;}
/* aperçus de lettre dans le dashboard : papier */
.letter-preview-container,.email-preview-container,.sms-preview-container{
  background:var(--n-paper) !important;color:var(--n-paper-ink) !important;border-radius:8px;}
.letter-preview-container *,.email-preview-container *,.sms-preview-container *{color:inherit;}

/* ---------- APERÇU v2 : récap valeur + teasers verrouillés + PAYWALL POP-UP ---------- */
.rl-value-recap{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px auto 26px;max-width:820px;}
.rl-vr-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(61,214,140,.35);
  border-radius:999px;color:var(--n-green);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;}
.rl-vr-chip i{font-size:10px;}
.rl-docs-teaser{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px;margin:22px auto 0;}
@media (max-width:720px){.rl-docs-teaser{grid-template-columns:1fr;}}
.rl-doc-lock{position:relative;background:var(--n-panel);border:1px solid var(--n-line-soft);border-radius:14px;
  padding:18px 20px;overflow:hidden;cursor:pointer;transition:border-color .2s;}
.rl-doc-lock:hover{border-color:rgba(240,169,60,.5);}
.rl-doc-head{display:flex;align-items:center;gap:9px;color:var(--n-ivory);font-weight:600;font-size:14.5px;margin-bottom:10px;}
.rl-doc-head i{color:var(--n-amber);}
.rl-doc-badge{margin-left:auto;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--n-green);border:1px solid rgba(61,214,140,.4);border-radius:999px;padding:3px 10px;}
.rl-doc-line{color:var(--n-mute);font-size:13.5px;line-height:1.55;margin:0;
  -webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 95%);mask-image:linear-gradient(180deg,#000 20%,transparent 95%);}
.rl-doc-lockico{position:absolute;right:16px;bottom:12px;color:var(--n-amber);font-size:13px;opacity:.85;}
/* le paywall devient une POP-UP plein écran */
.pricing-reveal{display:none !important;}
body.rl-paywall-open .pricing-reveal{
  display:block !important;position:fixed;inset:0;z-index:6000;overflow-y:auto;
  background:rgba(5,4,3,.94);padding:56px max(18px,4vw) 80px;
  animation:nuit-screen-in .3s cubic-bezier(.16,1,.3,1);
}
body.rl-paywall-open{overflow:hidden;}
body.rl-paywall-open .pricing-reveal > *{max-width:1150px;margin-left:auto;margin-right:auto;}
.rl-paywall-close{position:fixed;top:18px;right:22px;z-index:6100;width:44px;height:44px;border-radius:50%;
  background:var(--n-panel-2);border:1px solid var(--n-line);color:var(--n-ivory);font-size:24px;line-height:1;
  cursor:pointer;display:none;align-items:center;justify-content:center;transition:border-color .2s,transform .2s;}
body.rl-paywall-open .rl-paywall-close{display:flex;}
.rl-paywall-close:hover{border-color:var(--n-amber);transform:scale(1.06);}
/* rangée de preuves (section avis) */
.rl-proof-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px;}
.rl-proof-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid var(--n-line-soft);
  border-radius:999px;color:var(--n-ivory-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;}
.rl-proof-chip i{color:var(--n-amber);font-size:11px;}

/* ---------- NOTE APERÇU GRATUIT (tunnel) : ambre discret, pas d'aplat ---------- */
.step-info-note{background:transparent !important;border:1px solid rgba(240,169,60,.45) !important;
  color:var(--n-amber) !important;border-radius:12px !important;}
.step-info-note b,.step-info-note strong{color:var(--n-amber) !important;}

/* ---------- COOKIES / TOASTS ---------- */
#cookie-banner,.cookie-banner{background:var(--n-panel-2) !important;border-top:1px solid var(--n-line) !important;color:var(--n-ivory-2) !important;}
#cookie-banner button,.cookie-banner button{border-radius:999px;}
.toast,#toast{background:var(--n-panel-2) !important;color:var(--n-ivory) !important;border:1px solid var(--n-line) !important;}

/* ---------- GUIDE CTA (guide-cta.js) : accordé à la nuit ---------- */
.rl-ic-cta{background:var(--n-panel-2) !important;border:1px solid rgba(240,169,60,.4) !important;color:var(--n-ivory) !important;}
.rl-ic-cta p{color:var(--n-ivory) !important;}
.rl-sticky-cta,.rl-sticky-bar{background:rgba(10,9,8,.96) !important;border-top:1px solid var(--n-line) !important;}

/* ---------- TYPO GLOBALE ---------- */
h1,h2,h3,.section-title-landing{text-wrap:balance;}
p,.section-subtitle,.plan-desc,.faq-answer{text-wrap:pretty;}

/* ---------- ACCESSIBILITÉ MOUVEMENT ---------- */
@media (prefers-reduced-motion:reduce){
  .nuit-field canvas{display:none;}
  #screen-landing .hero-kicker::before,#screen-loading .ai-orb,#screen-loading .ai-orb::before,
  .cta-final-section .rl-cta-key{animation:none !important;}
  .rl-reveal{opacity:1;transform:none;transition:none;}
  #screen-landing .hero-text h1,#screen-landing .hero-text .description,#screen-landing .cta-block,
  #screen-landing .hero-kicker{animation:none;}
  .rl-mobile-nav{transition:none;}
  .rl-burger span{transition:none;}
}

/* ---------- MOBILE ---------- */
@media (max-width:768px){
  #main-header{padding-left:18px;padding-right:14px;}
  #main-header .logo{font-size:15.5px;}
  #main-header .btn-header-cta{padding:9px 14px;font-size:10.5px;}
  #screen-landing .hero-section{min-height:82vh;padding-top:118px;}
  #screen-landing .hero-text h1{font-size:clamp(44px,13.5vw,64px) !important;line-height:.98;}
  #screen-landing .hero-kicker{font-size:10.5px;letter-spacing:.14em;margin-bottom:24px;}
  #screen-landing .hero-text .description{font-size:16.5px;margin-top:24px;}
  #screen-landing .cta-row{width:100%;}
  #screen-landing .cta-row .btn-primary,#screen-landing .cta-row .btn-see-example{width:100%;justify-content:center;}
  #screen-landing #process,#screen-landing #features,#screen-landing #reviews,
  #screen-landing #pricing,#screen-landing #faq,
  #screen-landing #espace,#screen-landing #pourquoi-nous{padding:64px 20px;}
  #screen-landing .section-title-landing{font-size:clamp(28px,8.6vw,40px);}
  #screen-landing .process-step{grid-template-columns:54px 1fr !important;gap:16px !important;padding:28px 4px;}
  #screen-landing .process-step .rl-step-ill{display:none;}
  #screen-landing .process-step h4{grid-column:2;}
  #screen-landing .process-step p{grid-column:2;}
  #screen-landing .process-step .rl-tag{grid-column:2;}
  #screen-landing .process-badge{font-size:38px;}
  #screen-landing .trust-bar-inner{gap:14px 22px;}
  #screen-landing .cta-final-section{padding:72px 20px;}
}