/* VJR 221 — Refonte landing application 2026 */
.vjr221-app-page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#123322 0%,#0d281b 58%,#1b1610 100%);border-radius:24px;padding:clamp(52px,7vw,88px) clamp(24px,6vw,64px);color:#F4E9D6;text-align:center;margin-bottom:48px;box-shadow:0 18px 50px rgba(18,51,34,.16)}
.vjr221-app-page-hero:after{content:"";position:absolute;inset:auto -8% -55% 35%;height:260px;background:radial-gradient(circle,rgba(229,163,36,.18),transparent 68%);pointer-events:none}
.vjr221-app-page-hero__brand,.vjr221-app-page-hero__tagline,.vjr221-app-page-hero__title{position:relative;z-index:1}
.vjr221-app-page-hero__brand{font-family:'Instrument Sans',system-ui,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#E5A324;font-weight:700;margin:0 0 10px}
.vjr221-app-page-hero__tagline{font-family:'Instrument Sans',system-ui,sans-serif;font-size:clamp(17px,2vw,20px);line-height:1.45;color:rgba(244,233,214,.9);margin:0 0 22px}
.vjr221-app-page-hero__title{font-family:'Unbounded','Inter',sans-serif;font-size:clamp(40px,6vw,72px);line-height:1.08;letter-spacing:-.035em;font-weight:800;max-width:850px;margin:0 auto}
.vjr221-app-download--full{padding:0;background:transparent;gap:42px}
.vjr221-app-download--full .vjr221-app-download__platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.vjr221-app-download--full .vjr221-platform{background:#FBF5E8;color:#1B1610;border:1px solid rgba(27,22,16,.12);border-radius:16px;padding:32px;box-shadow:0 8px 24px rgba(27,22,16,.07)}
.vjr221-app-download--full .vjr221-platform h3{font-family:'Unbounded','Inter',sans-serif;text-transform:none;letter-spacing:-.02em;font-size:clamp(25px,3vw,34px);line-height:1.12;color:#123322;margin:0 0 14px}
.vjr221-app-download--full .vjr221-platform p,.vjr221-app-download--full .vjr221-platform li{font-family:'Instrument Sans',system-ui,sans-serif;color:#3f3932;font-size:17px;line-height:1.6}
.vjr221-app-download--full .vjr221-app-badge{font-family:'Instrument Sans',system-ui,sans-serif;background:#BE5A21;color:#fff;padding:13px 22px;font-size:15px;font-weight:700}
.vjr221-app-download--full .vjr221-app-badge--soon{background:#123322;color:#F4E9D6}
.vjr221-app-download--full .vjr221-app-link-secondary{color:#123322;font-size:14px}
.vjr221-app-download--full .vjr221-app-meta,.vjr221-app-download--full .vjr221-app-changelog,.vjr221-app-download--full .vjr221-app-install-steps,.vjr221-app-download--full .vjr221-app-security-note{color:#5a5148}
@media(max-width:760px){.vjr221-app-page-hero{border-radius:18px;padding:46px 20px;margin-bottom:32px}.vjr221-app-page-hero__title{font-size:clamp(38px,10vw,46px);line-height:1.1;letter-spacing:-.025em}.vjr221-app-download--full .vjr221-app-download__platforms{grid-template-columns:1fr}.vjr221-app-download--full .vjr221-platform{padding:26px 22px}.vjr221-app-download--full .vjr221-platform h3{font-size:26px}.vjr221-app-download--full .vjr221-platform p,.vjr221-app-download--full .vjr221-platform li{font-size:16px}}
@media(prefers-reduced-motion:reduce){.vjr221-app-page-hero{scroll-behavior:auto}}
.vjr221-app-page-hero__supporting{position:relative;z-index:1;max-width:750px;margin:24px auto 0;font-family:'Instrument Sans',system-ui,sans-serif;font-size:clamp(18px,2vw,20px);line-height:1.55;color:rgba(244,233,214,.88)}
.vjr221-app-section-title{font-family:'Unbounded','Inter',sans-serif;color:#123322;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.025em;text-align:center;margin:0 auto 12px}
.vjr221-app-section-intro{max-width:700px;margin:0 auto 30px;text-align:center;font-family:'Instrument Sans',system-ui,sans-serif;font-size:18px;line-height:1.6;color:#4a423a}

/* VJR 221 — Application landing sections 2026 */
.vjr221-app-landing .vjr221-app-download-section{margin-bottom:clamp(64px,8vw,96px)}
.vjr221-app-kicker{margin:0 0 12px;color:#BE5A21;font-family:'Instrument Sans',system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.vjr221-app-pocket{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:start;padding:clamp(40px,6vw,72px);background:#123322;color:#F4E9D6;border-radius:24px;margin-bottom:clamp(64px,8vw,96px)}
.vjr221-app-pocket__lead h2,.vjr221-app-install h2,.vjr221-app-final h2{font-family:'Unbounded','Inter',sans-serif;font-weight:700;line-height:1.08;letter-spacing:-.025em;margin:0 0 18px}
.vjr221-app-pocket__lead h2{font-size:clamp(30px,4vw,46px)}
.vjr221-app-pocket__lead p:not(.vjr221-app-kicker){max-width:62ch;margin:0;color:rgba(244,233,214,.86);font-family:'Instrument Sans',system-ui,sans-serif;font-size:18px;line-height:1.6}
.vjr221-app-pocket__list{display:grid;gap:0;border-top:1px solid rgba(244,233,214,.22)}
.vjr221-app-pocket__list div{display:grid;grid-template-columns:minmax(145px,.8fr) 1fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(244,233,214,.22)}
.vjr221-app-pocket__list strong{font-family:'Instrument Sans',system-ui,sans-serif;font-size:17px;color:#E5A324}.vjr221-app-pocket__list span{font-family:'Instrument Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;color:rgba(244,233,214,.78)}
.vjr221-app-features{margin-bottom:clamp(64px,8vw,96px)}
.vjr221-app-feature-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:18px;margin-top:32px}
.vjr221-app-feature{padding:28px 30px;background:#FBF5E8;border:1px solid rgba(27,22,16,.12);border-radius:16px;min-height:190px}.vjr221-app-feature--wide{grid-row:span 2;background:#F4E9D6}
.vjr221-app-feature__number{display:block;margin-bottom:22px;color:#E5A324;font-family:monospace;font-size:13px;font-weight:700}.vjr221-app-feature h3{font-family:'Unbounded','Inter',sans-serif;color:#123322;font-size:clamp(23px,2.4vw,30px);line-height:1.12;margin:0 0 12px}.vjr221-app-feature p{margin:0;max-width:52ch;color:#4a423a;font-family:'Instrument Sans',system-ui,sans-serif;font-size:17px;line-height:1.6}
.vjr221-app-install{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:48px;align-items:start;padding:clamp(36px,5vw,56px) 0;border-top:1px solid rgba(27,22,16,.14);border-bottom:1px solid rgba(27,22,16,.14);margin-bottom:20px}.vjr221-app-install h2{font-size:clamp(30px,4vw,44px);color:#123322}.vjr221-app-install p{max-width:62ch;margin:0;color:#4a423a;font-family:'Instrument Sans',system-ui,sans-serif;font-size:18px;line-height:1.65}.vjr221-app-install ol{margin:0;padding-left:24px;color:#1B1610;font-family:'Instrument Sans',system-ui,sans-serif;font-size:17px;line-height:1.65}.vjr221-app-install li+li{margin-top:9px}
.vjr221-app-security{display:flex;gap:18px;align-items:flex-start;padding:18px 0 48px;color:#5a5148;font-family:'Instrument Sans',system-ui,sans-serif;font-size:15px;line-height:1.55}.vjr221-app-security strong{color:#9B2C33;white-space:nowrap}.vjr221-app-security span{max-width:70ch}
.vjr221-app-faq{margin-bottom:clamp(64px,8vw,96px)}.vjr221-app-faq__items{max-width:900px;margin:32px auto 0;border-top:1px solid rgba(27,22,16,.14)}.vjr221-app-faq details{border-bottom:1px solid rgba(27,22,16,.14);padding:0}.vjr221-app-faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;position:relative;font-family:'Unbounded','Inter',sans-serif;font-size:18px;font-weight:700;line-height:1.3;color:#123322}.vjr221-app-faq summary::-webkit-details-marker{display:none}.vjr221-app-faq summary:after{content:'+';position:absolute;right:4px;top:18px;font-family:'Instrument Sans',system-ui,sans-serif;font-size:28px;font-weight:400;color:#BE5A21}.vjr221-app-faq details[open] summary:after{content:'−'}.vjr221-app-faq details p{max-width:72ch;margin:-2px 0 22px;color:#4a423a;font-family:'Instrument Sans',system-ui,sans-serif;font-size:17px;line-height:1.65}
.vjr221-app-final{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;padding:clamp(36px,5vw,56px);background:#BE5A21;color:#FBF5E8;border-radius:24px;margin-bottom:24px}.vjr221-app-final .vjr221-app-kicker{color:#E5A324}.vjr221-app-final h2{font-size:clamp(30px,4vw,46px);color:#FBF5E8}.vjr221-app-final p:not(.vjr221-app-kicker){max-width:58ch;margin:0;color:rgba(251,245,232,.9);font-family:'Instrument Sans',system-ui,sans-serif;font-size:18px;line-height:1.6}.vjr221-app-final__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;background:#FBF5E8;color:#123322;text-decoration:none;font-family:'Instrument Sans',system-ui,sans-serif;font-weight:700;white-space:nowrap}.vjr221-app-final__cta:hover{transform:translateY(-2px)}
@media(max-width:760px){.vjr221-app-pocket{grid-template-columns:1fr;gap:34px;border-radius:18px;padding:34px 22px}.vjr221-app-pocket__list div{grid-template-columns:1fr;gap:4px}.vjr221-app-feature-grid{grid-template-columns:1fr;grid-template-rows:auto}.vjr221-app-feature--wide{grid-row:auto}.vjr221-app-install{grid-template-columns:1fr;gap:28px}.vjr221-app-security{display:block}.vjr221-app-security strong{display:block;margin-bottom:6px}.vjr221-app-final{grid-template-columns:1fr;gap:26px;border-radius:18px;padding:34px 22px}.vjr221-app-final__cta{width:100%}}
@media(prefers-reduced-motion:reduce){.vjr221-app-final__cta:hover{transform:none}}
/* VJR 221 - Correctifs lisibilite des titres sur /application/ (2026-09-02). La feuille de style globale du site, chargee apres celle-ci, prenait le dessus sur les couleurs propres a cette page pour plusieurs titres : heritage de couleur perdant toujours face a une regle qui cible directement l element, ou specificite egale departagee par ordre de chargement. Regles additives ci-dessous uniquement, aucune regle existante modifiee. */
.vjr221-app-page-hero__title{color:#F4E9D6}
.vjr221-app-landing .vjr221-app-pocket__lead h2{color:#F4E9D6}
.vjr221-app-landing .vjr221-app-install h2{color:#123322}
.vjr221-app-landing .vjr221-app-final h2{color:#FBF5E8}
.vjr221-app-landing .vjr221-app-section-title{color:#123322}
.vjr221-app-landing .vjr221-app-security strong{color:#9B2C33}

/* VJR 221 - Correctifs lisibilite complementaires /application/ (2026-09-02) : legende du QR code invisible (heritage de couleur claire hors de son contexte sombre), libelles en gras de la liste heritage invisibles sur fond vert (egalite de specificite departagee par ordre de chargement), bouton d appel a l action final totalement invisible (texte creme sur fond creme, meme cause), et deux libelles de faible contraste (kicker sur fond vert, numeros decoratifs de fonctionnalites). Regles additives uniquement, aucune regle existante modifiee. */
.vjr221-app-download--full .vjr221-app-download__qr{color:#5a5148}
.vjr221-app-pocket .vjr221-app-kicker{color:#E5A324}
.vjr221-app-landing .vjr221-app-pocket__list strong{color:#E5A324}
.vjr221-app-landing .vjr221-app-final__cta{color:#123322}
.vjr221-app-final .vjr221-app-kicker{color:#FBF5E8}
.vjr221-app-feature__number{color:#9B4A1A}