@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
/* ==========================================================================
   RENTLETTER — CIEL 2026 (futuriste aérien : ciel, verre, lumière)
   Chargée APRÈS style.css. Remplace refonte.css.
   Référence : typographie verre 3D flottant dans un ciel, cartes en verre
   dépoli, nav capsule, transitions vaporeuses. Aucun texte modifié.
   Préserve tous les hooks (data-i18n, onclick, ids, GTM, Stripe).
   ========================================================================== */
:root{
  --ciel-sky-1:#3E93D9; --ciel-sky-2:#6FB5E9; --ciel-sky-3:#B4DCF7; --ciel-sky-4:#EAF6FE;
  --ciel-night-1:#0A1D3A; --ciel-night-2:#14396B;
  --ciel-ink:#0D2440; --ciel-ink-soft:#2E4E70; --ciel-muted:#5B7591;
  --ciel-gold:#F0A93C; --ciel-gold-deep:#D98A1B; --ciel-azure:#0E6AD1;
  --ciel-glass:rgba(255,255,255,.60); --ciel-glass-strong:rgba(255,255,255,.78);
  --ciel-glass-line:rgba(255,255,255,.65);
  /* --- Bascule GLOBALE des tokens (toutes pages qui chargent ciel.css) --- */
  --font:'DM Sans',system-ui,sans-serif;
  --font-title:'Space Grotesk','DM Sans',sans-serif;
  --bg-body:#DFF0FC; --bg-section-alt:rgba(255,255,255,.5); --bg-card:rgba(255,255,255,.72);
  --bg-dark:#0A1D3A; --bg-dark-soft:#14396B;
  --text-primary:#0D2440; --text-secondary:#2E4E70; --text-muted:#57748F;
  --accent:#0E6AD1; --accent-light:#3D8BE0; --accent-dark:#0A4B96;
  --accent-subtle:rgba(14,106,209,.09); --accent-glow:rgba(14,106,209,.22);
  --success:#1F7A4D; --warning:#F0A93C;
  --border:rgba(120,170,215,.35); --border-hover:rgba(14,106,209,.4);
  --radius-sm:14px; --radius-md:20px; --radius-lg:28px;
  --shadow-sm:0 2px 10px rgba(30,80,140,.08);
  --shadow-card:0 18px 44px -18px rgba(20,70,130,.25);
  --shadow-elevated:0 30px 70px -25px rgba(15,60,120,.35);
}
/* fallback dégradé si JS coupé ; la vraie couche ciel est fixe (.ciel-sky) */
body{
  background:linear-gradient(180deg,#4D9FDE 0%,#79BCEA 30%,#BCE0F8 60%,#EAF6FE 100%) !important;
  color:var(--ciel-ink) !important;
  font-family:'DM Sans',system-ui,sans-serif !important;
  overflow-x:hidden;
}
/* ---------- COUCHE CIEL (injectée par ciel.js : soleil + nuages parallaxe) ---------- */
.ciel-sky{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;
  background:linear-gradient(180deg,#4D9FDE 0%,#79BCEA 30%,#BCE0F8 60%,#EAF6FE 100%);}
.ciel-sun{position:absolute;top:-160px;right:-120px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,214,140,.95) 0%,rgba(255,196,100,.45) 34%,rgba(255,190,90,0) 68%);
  filter:blur(6px);animation:ciel-breathe 9s ease-in-out infinite;}
.ciel-cloud{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));
  filter:blur(14px);will-change:transform;animation:ciel-drift linear infinite;}
.ciel-cloud::before,.ciel-cloud::after{content:"";position:absolute;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,0));}
.ciel-cloud::before{width:70%;height:80%;left:-28%;top:22%;}
.ciel-cloud::after{width:56%;height:70%;right:-22%;top:30%;}
@keyframes ciel-drift{from{transform:translate3d(-30vw,var(--cy,0),0)}to{transform:translate3d(110vw,var(--cy,0),0)}}
@keyframes ciel-breathe{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.06);opacity:1}}
@keyframes ciel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ---------- HEADER : capsule de verre flottante ---------- */
#main-header{
  background:rgba(255,255,255,.42) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid var(--ciel-glass-line) !important;border-bottom:1px solid var(--ciel-glass-line) !important;
  border-radius:999px;margin:12px auto 0;max-width:1230px;width:calc(100% - 28px);
  left:50% !important;transform:translateX(-50%);
  box-shadow:0 18px 40px -22px rgba(15,60,120,.4) !important;
}
#main-header .logo{font-family:'Poppins',sans-serif !important;font-weight:700 !important;text-transform:none !important;letter-spacing:-.01em;color:var(--ciel-ink);font-size:22px;gap:0;}
#main-header .logo span,#main-footer .footer-logo,#main-footer .footer-logo span,.sidebar-logo,.sidebar-logo span{font-family:'Poppins',sans-serif !important;text-transform:none !important;font-weight:700 !important;}
#main-header .logo span{color:var(--ciel-gold-deep);}
#main-header .logo .logo-img{margin-right:9px;transform-origin:50% 86%;animation:rl-idle 3.6s ease-in-out infinite;}
#main-header .logo:hover .logo-img{animation:rl-wiggle .6s ease-in-out;}
@keyframes rl-idle{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes rl-wiggle{0%,100%{transform:rotate(0)}18%{transform:rotate(-16deg)}38%{transform:rotate(12deg)}58%{transform:rotate(-8deg)}78%{transform:rotate(5deg)}}
#main-header .nav-links{position:static !important;left:auto !important;top:auto !important;transform:none !important;margin:0 auto;gap:8px;}
#main-header .nav-link{color:var(--ciel-ink);font-weight:500;position:relative;font-size:14.5px;white-space:nowrap;}
#main-header .nav-links .nav-link::after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:100%;background:var(--ciel-gold);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1);}
#main-header .nav-links .nav-link:hover::after{transform:scaleX(1);}
#main-header .lang-btn{color:var(--ciel-ink);}
#main-header .lang-btn.active{background:var(--ciel-ink);color:#EAF6FE;}
#main-header .btn-header-cta{
  background:linear-gradient(135deg,#F7C463,#EE9F2E 60%,#DE8C15);color:#3A2606;
  font-family:var(--font);font-weight:700;border-radius:999px;
  box-shadow:0 10px 26px -10px rgba(222,140,21,.85),inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;
}
#main-header .btn-header-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 38px -12px rgba(222,140,21,.95),inset 0 1px 0 rgba(255,255,255,.55);}

/* ---------- HERO : typographie géante « écrite dans le ciel » ---------- */
#screen-landing .hero-section{
  grid-template-columns:1fr !important;display:grid;place-items:center;text-align:center;
  min-height:86vh;padding-top:130px;gap:0;position:relative;
}
#screen-landing .hero-text{text-align:center;max-width:900px;margin:0 auto;position:relative;}
/* voile clair : fait ressortir la typo sombre quel que soit le nuage derrière */
#screen-landing .hero-text::before{content:"";position:absolute;inset:-70px -90px;z-index:-1;border-radius:50%;
  background:radial-gradient(58% 52% at 50% 45%,rgba(255,255,255,.5),transparent 72%);filter:blur(30px);}
/* kicker : dit explicitement ce qu'est le produit, au-dessus du titre */
#screen-landing .hero-kicker{
  display:inline-flex;align-items:center;gap:9px;margin:0 auto 22px;
  background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.85);border-radius:999px;padding:9px 20px;
  color:#0D2440;font-weight:700;font-size:15px;letter-spacing:.01em;
  box-shadow:0 10px 28px -16px rgba(15,60,120,.45);
  animation:ciel-rise .9s cubic-bezier(.16,1,.3,1) both;
}
#screen-landing .hero-kicker svg{color:var(--ciel-gold-deep);flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(217,138,27,.5));}
#screen-landing .hero-text h1{
  font-family:'Space Grotesk','DM Sans',sans-serif !important;font-weight:700 !important;
  font-size:clamp(44px,6.4vw,86px) !important;line-height:1.02;letter-spacing:-.03em;
  color:var(--ciel-ink);text-shadow:0 2px 0 rgba(255,255,255,.4),0 16px 38px rgba(15,60,120,.25);
  will-change:transform;
}
/* « Signez le bail » : or profond avec reflet qui voyage — l'accent de la promesse */
#screen-landing .hero-text h1 .gradient-text{
  background:linear-gradient(115deg,#C97F0E 0%,#A96A0F 28%,#F0A93C 48%,#B9741A 68%,#D98A1B 100%) !important;
  background-size:220% 100% !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:transparent !important;
  animation:ciel-sheen 5.5s ease-in-out infinite;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.5)) drop-shadow(0 8px 22px rgba(217,138,27,.4));
}
@keyframes ciel-sheen{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
#screen-landing .hero-text .description{
  color:#16324F;font-size:19.5px;font-weight:500;max-width:640px;margin:26px auto 0;
  text-shadow:0 1px 0 rgba(255,255,255,.3);
}
#screen-landing .hero-text .description b{color:#0D2440;font-weight:700;}
#screen-landing .hero-text{align-items:center !important;}
#screen-landing .cta-block{align-items:center;align-self:center;margin-top:34px;}
#screen-landing .cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
#screen-landing .sub-text{color:#0D2440;text-shadow:none;background:rgba(255,255,255,.4);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.65);
  border-radius:999px;padding:7px 18px;display:inline-block;}
#screen-landing .sub-text b{color:#0D2440;}
/* intro : les éléments montent des nuages */
#screen-landing .hero-text h1,#screen-landing .hero-text .description,#screen-landing .cta-block{
  animation:ciel-rise .9s cubic-bezier(.16,1,.3,1) both;
}
#screen-landing .hero-text h1{animation-delay:.1s;}
#screen-landing .hero-text .description{animation-delay:.22s;}
#screen-landing .cta-block{animation-delay:.34s;}
@keyframes ciel-rise{from{opacity:0;transform:translateY(34px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

/* ---------- BOUTONS : capsules or & verre ---------- */
.btn-primary{
  background:linear-gradient(135deg,#F7C463,#EE9F2E 55%,#DE8C15) !important;color:#3A2606 !important;
  border:none !important;border-radius:999px !important;font-weight:700 !important;
  box-shadow:0 10px 26px -10px rgba(222,140,21,.45),inset 0 1.5px 0 rgba(255,255,255,.6) !important;
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s !important;
  position:relative;overflow:hidden;
}
.btn-primary::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-22deg);transition:left .55s ease;}
.btn-primary:hover::after{left:130%;}
.btn-primary:hover{transform:translateY(-3px) scale(1.02) !important;box-shadow:0 18px 40px -12px rgba(222,140,21,.6),inset 0 1.5px 0 rgba(255,255,255,.6) !important;}
.btn-see-example,.btn-secondary{
  background:rgba(255,255,255,.34) !important;color:#0D2440 !important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.75) !important;border-radius:999px !important;font-weight:600 !important;
  box-shadow:0 10px 26px -14px rgba(15,60,120,.5) !important;
  transition:transform .28s 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{background:rgba(255,255,255,.55) !important;transform:translateY(-2px);}

/* ---------- TRUST BAR : puces de verre ---------- */
#screen-landing .trust-bar{background:transparent;border:none;}
#screen-landing .trust-bar-inner{gap:14px;}
#screen-landing .trust-item{
  background:rgba(255,255,255,.30);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:10px 20px;
  color:#0D2440;font-weight:600;box-shadow:0 8px 24px -14px rgba(15,60,120,.45);
  transition:transform .3s cubic-bezier(.16,1,.3,1),background .2s;
}
#screen-landing .trust-item:hover{transform:translateY(-3px);background:rgba(255,255,255,.5);}
#screen-landing .trust-item i{color:var(--ciel-gold-deep);}

/* ---------- TOITS : silhouette lointaine dans la brume ---------- */
#screen-landing .rl-roofs{color:rgba(255,255,255,.85);opacity:.9;width:100vw;margin-left:calc(50% - 50vw);height:64px;margin-bottom:-2px;filter:drop-shadow(0 -6px 18px rgba(255,255,255,.4));}

/* ---------- BANDE « PROBLÈME » : tombée de la nuit ---------- */
#screen-landing #probleme{
  width:100vw;margin:0 !important;margin-left:calc(50% - 50vw) !important;
  border-radius:0 !important;padding:0 !important;
  background:linear-gradient(180deg,#123B66 0%,#0A1D3A 100%) !important;
  position:relative;overflow:hidden;
}
#screen-landing #probleme::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(1.6px 1.6px at 12% 30%,rgba(255,255,255,.9),transparent),
    radial-gradient(1.2px 1.2px at 28% 64%,rgba(255,255,255,.7),transparent),
    radial-gradient(1.8px 1.8px at 44% 22%,rgba(255,255,255,.85),transparent),
    radial-gradient(1.2px 1.2px at 58% 72%,rgba(255,255,255,.6),transparent),
    radial-gradient(1.6px 1.6px at 72% 34%,rgba(255,255,255,.8),transparent),
    radial-gradient(1.2px 1.2px at 86% 58%,rgba(255,255,255,.7),transparent),
    radial-gradient(1.4px 1.4px at 94% 18%,rgba(255,255,255,.75),transparent);
  animation:ciel-twinkle 4.5s ease-in-out infinite;}
@keyframes ciel-twinkle{0%,100%{opacity:.55}50%{opacity:1}}
#screen-landing .rl-quote-inner{max-width:1180px;margin:0 auto;padding:72px 40px;position:relative;}
#screen-landing #probleme .section-tag{color:#9CC8F2;background:rgba(255,255,255,.08);border:1px solid rgba(156,200,242,.35);border-radius:999px;padding:6px 16px;}
#screen-landing .rl-quote-big{color:#EAF4FF !important;font-family:'Space Grotesk',sans-serif !important;font-weight:600 !important;letter-spacing:-.02em;}
#screen-landing .rl-stat-num{
  font-family:'Space Grotesk',sans-serif !important;font-weight:700;
  background:linear-gradient(135deg,#FFD98A,#F0A93C 60%,#D98A1B);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 6px 22px rgba(240,169,60,.55));
}
#screen-landing .rl-stat-label{color:#B9D6F2;}

/* ---------- SECTIONS : grandes plaques de verre flottantes ---------- */
#screen-landing #process,#screen-landing #features,#screen-landing #reviews,
#screen-landing #pricing,#screen-landing #faq{
  background:rgba(255,255,255,.46);
  -webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);
  border:1px solid rgba(255,255,255,.65);border-radius:34px;
  max-width:1220px;margin:56px auto;padding:64px 48px;
  box-shadow:0 34px 80px -40px rgba(15,60,120,.4);
}
#screen-landing .section-header{text-align:center;margin:0 auto 44px;}
#screen-landing .section-tag{color:var(--ciel-azure);background:rgba(14,106,209,.08);border:1px solid rgba(14,106,209,.22);border-radius:999px;padding:6px 16px;font-weight:700;}
#screen-landing .section-title-landing{font-family:'Space Grotesk',sans-serif !important;font-weight:700 !important;color:var(--ciel-ink);letter-spacing:-.025em;}
#screen-landing .section-subtitle{color:var(--ciel-ink-soft);margin:14px auto 0;}

/* Étapes : cartes verre + tilt (JS) */
#screen-landing #process .process-grid{grid-template-columns:1fr !important;gap:22px;}
#screen-landing .process-step{
  display:grid !important;grid-template-columns:84px 84px 1fr !important;align-items:center;gap:28px !important;
  background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);border-radius:24px;
  padding:30px 34px;box-shadow:0 18px 44px -22px rgba(15,60,120,.35);
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;
  transform-style:preserve-3d;will-change:transform;text-align:left;
}
#screen-landing .process-step:hover{box-shadow:0 30px 64px -24px rgba(15,60,120,.5);}
#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 4px;}
#screen-landing .process-step p{grid-column:3;margin:0;}
#screen-landing .process-step .rl-tag{grid-column:3;justify-self:start;margin-top:10px;display:inline-block;font-size:13px;letter-spacing:.03em;}
#screen-landing .process-badge{
  font-family:'Space Grotesk',sans-serif;font-size:62px;font-weight:700;line-height:1;
  background:linear-gradient(160deg,#8FC4EE,#0E6AD1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  width:auto;height:auto;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;
}
#screen-landing .rl-step-ill{width:72px;height:72px;color:var(--ciel-azure);
  background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:12px;
  box-shadow:0 10px 26px -14px rgba(15,60,120,.4);transition:transform .35s cubic-bezier(.16,1,.3,1);}
#screen-landing .process-step:hover .rl-step-ill{transform:translateY(-5px) rotate(-4deg) scale(1.06);}
#screen-landing .process-step h4{font-family:'Space Grotesk',sans-serif;color:var(--ciel-ink);font-size:21px;letter-spacing:-.015em;}
#screen-landing .process-step p{color:var(--ciel-ink-soft);font-size:16.5px;}
#screen-landing .rl-tag{background:rgba(240,169,60,.14);color:#9A6210;border:1px solid rgba(240,169,60,.4);border-radius:999px;padding:4px 13px;font-weight:700;}
#screen-landing .rl-tag:empty{display:none !important;}

/* Features / avis / FAQ : verre clair */
#screen-landing .feature-card,#screen-landing .faq-item{
  background:rgba(255,255,255,.55) !important;border:1px solid rgba(255,255,255,.8) !important;
  border-radius:22px !important;box-shadow:0 14px 36px -20px rgba(15,60,120,.35) !important;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s !important;
}
#screen-landing .feature-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px -22px rgba(15,60,120,.5) !important;}
#screen-landing .feature-card i,#screen-landing .feature-icon{color:var(--ciel-azure) !important;}
#screen-landing .feature-card p{color:var(--ciel-ink-soft);}
#screen-landing .faq-answer p{color:var(--ciel-ink-soft);}
#screen-landing #reviews .section-title-landing,#screen-landing #reviews .section-subtitle{color:var(--ciel-ink) !important;text-shadow:none !important;}
#screen-landing #reviews .section-subtitle{color:var(--ciel-ink-soft) !important;}
#screen-landing .reviews-inner{background:transparent !important;box-shadow:none !important;border:none !important;}

/* Tarifs : la carte vedette rayonne */
#screen-landing .price-card{
  background:rgba(255,255,255,.6) !important;border:1px solid rgba(255,255,255,.85) !important;
  border-radius:26px !important;box-shadow:0 18px 44px -22px rgba(15,60,120,.35) !important;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s !important;
  transform-style:preserve-3d;will-change:transform;
}
#screen-landing .price-card:hover{box-shadow:0 32px 70px -26px rgba(15,60,120,.5) !important;}
#screen-landing .price-card.featured{
  border:1.5px solid rgba(240,169,60,.75) !important;
  box-shadow:0 26px 64px -20px rgba(222,140,21,.55),0 0 0 6px rgba(240,169,60,.12) !important;
  background:linear-gradient(165deg,rgba(255,251,240,.85),rgba(255,255,255,.6)) !important;
}

/* ---------- CTA FINAL : envol doré ---------- */
#screen-landing .cta-final-section{
  background:linear-gradient(135deg,rgba(255,244,220,.75),rgba(255,255,255,.5)) !important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(240,169,60,.45);border-radius:34px;max-width:1220px;margin:56px auto;
  box-shadow:0 34px 80px -36px rgba(222,140,21,.5);
}
#screen-landing .cta-final-section h2{font-family:'Space Grotesk',sans-serif !important;color:var(--ciel-ink) !important;letter-spacing:-.02em;}
.cta-final-section .rl-cta-key{width:56px !important;height:74px !important;max-width:56px;
  display:block;margin:0 auto 12px;color:var(--ciel-gold) !important;
  filter:drop-shadow(0 10px 24px rgba(240,169,60,.55));animation:ciel-float 4s ease-in-out infinite;}
#screen-landing .cta-final-section p{color:var(--ciel-ink-soft) !important;}

/* ---------- FOOTER : nuit étoilée ---------- */
#main-footer{
  background:linear-gradient(180deg,#123B66 0%,#0A1D3A 70%) !important;color:#C7DDF4 !important;
  border-top:none !important;position:relative;overflow:hidden;
  left:50%;transform:translateX(-50%);
  width:100vw !important;max-width:100vw !important;margin-left:0 !important;margin-right:0 !important;margin-top:70px;
}
#main-footer .footer-grid{max-width:1220px;margin:0 auto;padding:64px 40px 28px;}
#main-footer::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(1.4px 1.4px at 8% 22%,rgba(255,255,255,.8),transparent),
    radial-gradient(1.2px 1.2px at 22% 60%,rgba(255,255,255,.6),transparent),
    radial-gradient(1.6px 1.6px at 38% 30%,rgba(255,255,255,.75),transparent),
    radial-gradient(1.2px 1.2px at 55% 70%,rgba(255,255,255,.55),transparent),
    radial-gradient(1.5px 1.5px at 70% 26%,rgba(255,255,255,.7),transparent),
    radial-gradient(1.2px 1.2px at 88% 55%,rgba(255,255,255,.6),transparent);
  animation:ciel-twinkle 5s ease-in-out infinite;}
#main-footer .footer-logo{color:#EAF4FF;}
#main-footer .footer-logo span{color:var(--ciel-gold);}
#main-footer .footer-col-title{color:#9CC8F2 !important;}
#main-footer .footer-link,#main-footer a{color:#C7DDF4 !important;transition:color .2s;}
#main-footer .footer-link:hover,#main-footer a:hover{color:#FFFFFF !important;}
#main-footer .footer-desc,#main-footer p{color:#9DBBDA;}

/* ---------- TUNNEL : cabine de verre dans le ciel ---------- */
.screen:not(#screen-landing){position:relative;}
.screen:not(#screen-landing) .form-container,
.screen:not(#screen-landing) .step-container,
#screen-preview .preview-layout,
#screen-preview .preview-container{
  background:rgba(255,255,255,.6);
  -webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);
  border:1px solid rgba(255,255,255,.75);border-radius:30px;
  box-shadow:0 34px 80px -36px rgba(15,60,120,.45);
}
.screen.active:not(#screen-landing){animation:ciel-screen-in .55s cubic-bezier(.16,1,.3,1);}
@keyframes ciel-screen-in{from{opacity:0;transform:translateY(30px) scale(.985);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.screen:not(#screen-landing) h2{font-family:'Space Grotesk',sans-serif !important;color:var(--ciel-ink);letter-spacing:-.02em;}
#screen-loading h2,#screen-loading .loading-subtitle{text-align:center;}
/* dégradé azur→or pour les mots en relief hors hero */
.screen:not(#screen-landing) .gradient-text{
  background:linear-gradient(120deg,#0E6AD1 0%,#3D8BE0 45%,#F0A93C 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
/* barre de progression : traînée lumineuse */
.progress-container{background:rgba(255,255,255,.4) !important;border-radius:999px;overflow:hidden;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);}
.progress-bar{
  background:linear-gradient(90deg,#F7C463,#EE9F2E 45%,#3D8BE0 100%) !important;
  border-radius:999px;box-shadow:0 0 18px rgba(240,169,60,.75);
  position:relative;overflow:hidden;
}
.progress-bar::after{content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);
  background-size:200% 100%;animation:ciel-sheen 2.2s linear infinite;}
/* champs et options en verre */
.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) select,
.screen:not(#screen-landing) textarea{
  background:rgba(255,255,255,.7) !important;border:1px solid rgba(140,185,225,.5) !important;
  border-radius:16px !important;color:var(--ciel-ink) !important;
  transition:border-color .2s,box-shadow .2s,transform .2s !important;
}
.screen:not(#screen-landing) input:focus,
.screen:not(#screen-landing) select:focus,
.screen:not(#screen-landing) textarea:focus{
  border-color:var(--ciel-azure) !important;
  box-shadow:0 0 0 4px rgba(14,106,209,.18),0 8px 24px -12px rgba(14,106,209,.45) !important;
  transform:translateY(-1px);
}
.option-card,.choice-card,.radio-card{
  background:rgba(255,255,255,.55) !important;border:1px solid rgba(255,255,255,.8) !important;
  border-radius:18px !important;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .25s !important;
}
.option-card:hover,.choice-card:hover,.radio-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px -16px rgba(15,60,120,.45) !important;}
.option-card.selected,.choice-card.selected,.radio-card.selected,
.option-card.active,.choice-card.active{
  border-color:var(--ciel-azure) !important;
  box-shadow:0 0 0 3px rgba(14,106,209,.22),0 14px 32px -14px rgba(14,106,209,.5) !important;
  background:rgba(230,242,255,.8) !important;
}
/* masquer le vocabulaire robot/baguette (héritage) */
.btn-magic i.fa-wand-magic-sparkles,.letter-tag i.fa-robot{display:none !important;}
.emoji-float{display:none !important;}
/* écran de chargement : clé d'or dans une bulle de verre */
#screen-loading .ai-orb > i.fa-microchip{display:none !important;}
#screen-loading .ai-orb{
  position:relative;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.95),rgba(210,235,255,.55) 55%,rgba(160,205,245,.35)) !important;
  border:1px solid rgba(255,255,255,.9) !important;border-radius:50% !important;
  box-shadow:0 24px 60px -20px rgba(15,60,120,.55),inset 0 2px 10px rgba(255,255,255,.8) !important;
  animation:ciel-float 4s ease-in-out infinite !important;
}
#screen-loading .ai-orb::before{content:"";position:absolute;inset:-18px;border-radius:50%;
  border:1.5px solid rgba(240,169,60,.5);animation:ciel-pulse 2.4s ease-out infinite;}
@keyframes ciel-pulse{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.35);opacity:0}}
#screen-loading .ai-orb::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:52px;
  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>');
  animation:rl-idle 2.6s ease-in-out infinite;filter:drop-shadow(0 4px 14px rgba(240,169,60,.6));}

/* ---------- RÉVÉLATION AU SCROLL + VOILE DE TRANSITION ---------- */
.rl-reveal{opacity:0;transform:translateY(30px);filter:blur(6px);
  transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s;}
.rl-reveal.rl-in{opacity:1;transform:none;filter:none;}
#rl-curtain{position:fixed;inset:0;z-index:99999;pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,.55),rgba(214,238,255,.75) 50%,rgba(255,255,255,.55));
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  transform:scaleX(0);transform-origin:left;}

/* ---------- PAGES INTÉRIEURES (guides, FAQ, légal, login) ---------- */
body:not(:has(#screen-landing)) main,
.guide-container,.faq-page-container,.legal-container,.login-container,
article.guide-article{position:relative;}
.guide-article,.guide-content,.faq-list,.legal-content,.login-card,
.article-container,.page-card{
  background:rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
  border:1px solid rgba(255,255,255,.75);border-radius:26px;
  box-shadow:0 26px 64px -32px rgba(15,60,120,.4);
}
h1,h2,h3{font-family:var(--font-title);}

/* ==========================================================================
   CORRECTIFS AUDIT (tunnel, paiement, aperçu, dashboard, contrastes)
   ========================================================================== */
/* --- Tarifs landing : le prix ne casse plus jamais --- */
#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-size:13px;color:var(--ciel-muted);margin-top:6px;}
#screen-landing .old-price{white-space:nowrap;}
/* --- Hiérarchie boutons : Retour = capsule de verre discrète --- */
.btn-primary.btn-outline{background:rgba(255,255,255,.4) !important;color:var(--ciel-ink) !important;
  border:1px solid rgba(255,255,255,.8) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 8px 22px -14px rgba(15,60,120,.45) !important;font-weight:600 !important;}
.btn-primary.btn-outline:hover{background:rgba(255,255,255,.6) !important;transform:translateY(-2px) !important;}
.btn-primary.btn-outline::after{display:none;}
/* --- Bouton désactivé : visiblement inactif --- */
.btn-primary:disabled,.btn-primary[disabled],.btn-accent:disabled,.btn-accent[disabled]{
  background:linear-gradient(135deg,#DCE8F2,#C3D6E6) !important;color:#7C93A9 !important;
  box-shadow:none !important;cursor:not-allowed !important;transform:none !important;}
.btn-primary:disabled::after{display:none;}
.btn-primary:disabled:hover{transform:none !important;box-shadow:none !important;}
/* --- Tunnel : vraies cartes de verre + container vide --- */
.screen:not(#screen-landing) .form-card{background:rgba(255,255,255,.6) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);
  border:1px solid rgba(255,255,255,.75) !important;border-radius:30px !important;
  box-shadow:0 34px 80px -36px rgba(15,60,120,.45) !important;}
#co-applicants-finance-container:empty{display:none;}
/* --- Barre de progression + label étape lisibles --- */
.progress-container{height:8px !important;background:rgba(13,36,64,.16) !important;}
.step-label{color:#0D2440;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border-radius:999px;padding:4px 14px;display:inline-block;letter-spacing:.08em;font-weight:700;}
/* --- Remplissage automatique : boîte de verre, pointillés dorés --- */
#autofill-box{background:rgba(255,255,255,.45) !important;border:1.5px dashed rgba(222,140,21,.55) !important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px !important;}
#autofill-box > label i{color:var(--ciel-gold-deep) !important;}
#listing-url{font-size:13.5px;}
#listing-url-btn{flex-shrink:0;}
/* --- RGPD : verre lisible au lieu du pavé azur --- */
#screen-housing .checkbox-group{background:rgba(255,255,255,.66) !important;border:1.5px solid rgba(14,106,209,.4) !important;
  box-shadow:0 10px 26px -16px rgba(15,60,120,.4) !important;}
#screen-housing .checkbox-group label,#screen-housing .checkbox-group label span{color:var(--ciel-ink) !important;
  text-transform:none !important;letter-spacing:0 !important;font-size:13.5px !important;font-weight:600 !important;}
#screen-housing .checkbox-group input[type=checkbox]{accent-color:var(--ciel-azure) !important;}
/* --- Garant : un seul bouton Retour quand la saisie est ouverte --- */
#screen-garant:has(#dynamic-garant-input.active) > div > .btn-outline{display:none;}
/* --- Écran chargement : colonne centrée --- */
#screen-loading h2{text-align:center !important;margin-inline:auto;max-width:560px;}
#screen-loading .loading-steps{width:fit-content;margin:28px auto 0;}
/* --- APERÇU : le moment de conversion --- */
#screen-preview{max-width:1040px !important;}
#screen-preview .preview-title{color:#FFFFFF;text-align:center;
  text-shadow:0 2px 8px rgba(8,38,86,.45),0 14px 40px rgba(10,50,110,.55);}
#screen-preview .preview-title .gradient-text{
  background:linear-gradient(115deg,#FFE9C4 0%,#F7C463 45%,#EE9F2E 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;
  filter:drop-shadow(0 8px 22px rgba(12,60,130,.5));white-space:nowrap;}
#screen-preview .preview-subtitle{color:#F2F9FF;text-shadow:0 2px 12px rgba(10,50,110,.45);}
#screen-preview .unlock-cta{flex-direction:column;align-items:center;text-align:center;gap:2px;
  padding:20px 26px;border-radius:22px;background:rgba(10,29,58,.92) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.25);box-shadow:0 22px 55px -18px rgba(10,29,58,.7);}
#screen-preview [data-i18n="urgency_banner"]{background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(31,122,77,.35) !important;color:#14603C !important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
#screen-preview .pricing-header-section > div{background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(240,169,60,.55) !important;color:#7A4E06 !important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
#screen-preview .pricing-header-section > div i{color:var(--ciel-gold-deep);}
#screen-preview .price-card{-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
  background:rgba(255,255,255,.62) !important;border:1px solid rgba(255,255,255,.85) !important;}
#screen-preview .price-card.featured{border:1.5px solid rgba(240,169,60,.75) !important;
  background:linear-gradient(165deg,rgba(255,251,240,.88),rgba(255,255,255,.62)) !important;}
#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-size:12.5px;color:var(--ciel-muted);margin-top:4px;}
/* --- MODALES paiement / inscription : surface opaque, inputs clairs --- */
#signup-modal .form-card{background:rgba(255,255,255,.96) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);
  border:1px solid rgba(255,255,255,.85) !important;box-shadow:0 34px 90px -30px rgba(10,40,90,.5) !important;}
#signup-modal input{background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(140,185,225,.55) !important;border-radius:12px !important;color:var(--ciel-ink) !important;}
#signup-modal input::placeholder{color:#8AA5BE;}
/* --- Contrastes divers --- */
#main-header .lang-btn{color:#2E4E70;font-weight:600;}
::placeholder{color:#5B7591;opacity:1;}
#screen-landing #reviews .reviews-inner > p{color:#2E4E70;}
/* --- DASHBOARD : même langage visuel que le site --- */
.sidebar{background:rgba(255,255,255,.55) !important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-right:1px solid rgba(255,255,255,.7) !important;}
.sidebar-logo span{color:#D98A1B !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;}
.btn-accent{background:linear-gradient(135deg,#F7C463,#EE9F2E 55%,#DE8C15) !important;color:#3A2606 !important;
  border:none !important;border-radius:999px !important;font-weight:700 !important;
  box-shadow:0 10px 24px -10px rgba(222,140,21,.5) !important;
  transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s !important;}
.btn-accent:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(222,140,21,.65) !important;}
.review-star{color:rgba(240,169,60,.35);}
.review-star.active,.review-star.selected{color:#F0A93C;}

/* ---------- ACCESSIBILITÉ MOUVEMENT ---------- */
@media (prefers-reduced-motion:reduce){
  .ciel-cloud,.ciel-sun,#screen-landing .hero-text h1 .gradient-text,.progress-bar::after,
  #main-header .logo .logo-img,#screen-loading .ai-orb,#screen-loading .ai-orb::before,
  #screen-loading .ai-orb::after,#main-footer::before,#screen-landing #probleme::before{animation:none !important;}
  .rl-reveal{opacity:1;transform:none;filter:none;transition:none;}
  #screen-landing .hero-text h1,#screen-landing .hero-text .description,#screen-landing .cta-block{animation:none;}
}

/* ---------- MOBILE ---------- */
@media (max-width:768px){
  #main-header{width:calc(100% - 16px);margin-top:8px;padding:0 12px 0 10px;}
  #main-header .logo{font-size:18.5px;}
  #main-header .header-login-link{font-size:13px;margin:0 2px !important;}
  #main-header .btn-header-cta{padding:8px 13px;font-size:13px;}
  #screen-landing .hero-section{min-height:78vh;padding-top:112px;}
  #screen-landing .hero-text h1{font-size:clamp(33px,9vw,48px) !important;}
  #screen-landing .hero-kicker{font-size:12.5px;padding:8px 15px;gap:7px;margin-bottom:16px;}
  #screen-landing #process,#screen-landing #features,#screen-landing #reviews,
  #screen-landing #pricing,#screen-landing #faq{padding:40px 20px;margin:32px auto;border-radius:26px;
    -webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);}
  #screen-landing .process-step{grid-template-columns:56px 56px 1fr !important;gap:16px !important;padding:22px 18px;}
  #screen-landing .process-badge{font-size:40px;}
  #screen-landing .rl-step-ill{width:52px;height:52px;padding:9px;border-radius:15px;}
  .ciel-cloud{filter:blur(10px);}
  .ciel-sun{width:340px;height:340px;top:-120px;right:-100px;}
}