/*
 * RU Pages Publiques : page Accueil (Landing), correctif 30 (26 octobre 2026).
 * Anciens styles du gabarit, rangés sous .rupg-landing.
 */
.rupg-landing *, .rupg-landing *::before, .rupg-landing *::after{box-sizing:border-box;margin:0;padding:0}
.rupg-landing{
  /* Charte bleue (2026-09-30) : jetons de RU Design, valeur bleue en repli. */
  --bg:var(--ru-fond,#FFFFFF); --ink:var(--ru-texte,#0e2438); --sub:var(--ru-texte-2,#14314b); --dim:var(--ru-discret,#6b7280);
  --line:var(--ru-bord,rgba(0,0,0,.10)); --line2:var(--ru-bord-2,rgba(0,0,0,.16)); --acc:var(--ru-accent,#1d5c8f); --acc-f:var(--ru-accent-fonce,#174a73);
  --acc-d:var(--ru-accent-doux,rgba(44,111,181,.12)); --acc-b:var(--ru-accent-filet,rgba(44,111,181,.45));
}
.rupg-landing{background:var(--bg);color:var(--ink);font-family:var(--ru-police,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.rupg-landing a:not(.ru-bouton){color:inherit;text-decoration:none}
.rupg-landing h1{font-family:var(--ru-police,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif);letter-spacing:-.02em}
.rupg-landing .hl{color:var(--acc);position:relative;white-space:nowrap}
.rupg-landing .hl::after{content:'';position:absolute;left:0;right:0;bottom:.06em;height:.28em;background:var(--acc-d);opacity:1;border-radius:3px;z-index:-1}

.rupg-landing .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rupg-landing .reveal.in{opacity:1;transform:none}
.rupg-landing .d1{transition-delay:.08s}.rupg-landing .d2{transition-delay:.16s}.rupg-landing .d3{transition-delay:.24s}

/* HERO plein écran */
.rupg-landing .ru-hero{position:relative;text-align:center;min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:70px 24px;overflow:hidden;background:var(--bg)}
.rupg-landing .ru-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
.rupg-landing .ru-blob.a{width:520px;height:520px;background:radial-gradient(circle,rgba(44,111,181,.16),transparent 65%);top:-40px;left:50%;transform:translateX(-50%);animation:rupg-la-ruFloat1 9s ease-in-out infinite}
.rupg-landing .ru-blob.b{width:360px;height:360px;background:radial-gradient(circle,rgba(44,111,181,.08),transparent 65%);bottom:20px;left:12%;animation:rupg-la-ruFloat2 11s ease-in-out infinite}
@keyframes rupg-la-ruFloat1{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(24px)}}
@keyframes rupg-la-ruFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}
.rupg-landing .ru-hero-in{position:relative;z-index:1;max-width:760px;margin:0 auto}
.rupg-landing .ru-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--acc);background:var(--acc-d);border:1px solid var(--acc-b);padding:7px 15px;border-radius:100px;margin-bottom:24px}
.rupg-landing .ru-chip::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--acc)}
.rupg-landing .ru-hero h1{font-weight:800;font-size:clamp(34px,6vw,62px);line-height:1.05;margin-bottom:20px}
.rupg-landing .ru-sub{font-size:18px;color:var(--sub);max-width:560px;margin:0 auto 34px}
.rupg-landing .ru-cta-row{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}

@media(max-width:600px){.rupg-landing .ru-hero{padding:56px 16px}}
@media(prefers-reduced-motion:reduce){.rupg-landing .ru-blob{animation:none}.rupg-landing .reveal{opacity:1;transform:none;transition:none}}

/* Correctif 30 : boutons de RU Design (ru-bouton), un peu plus grands dans la bannière. */
.rupg-landing .ru-cta-row .ru-bouton{min-height:52px;padding:0 24px;font-size:15px}
.rupg-landing .rupg-fleche{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.18);font-size:11px;font-weight:900}
.rupg-landing .ru-bouton--primaire:hover .rupg-fleche{background:var(--acc-d)}