/* AEGIS PREVENTION — système visuel appliqué aux fiches pédagogiques. Lecture documentaire : papier, encre, languettes et repères monospace. Ce fichier ne s'applique qu'aux pages .v2-page. Refonte « Terrain & Opérationnel » : le bloc de variables ci-dessous est la source de vérité effective de la charte, car .v2-page (porté par le des 24 pages) l'emporte sur le :root de assets/css/aegis.css. Les valeurs sont alignées sur celui-ci — modifier les deux ensemble. */ .v2-page { --paper: #F6F3ED; --paper-2: #EDE9E1; --panel: #EDE9E1; --panel-deep: #E2DDD2; --white: #FFFFFF; --ink: #17222C; --ink-2: #1F2C37; --ink-3: #293743; --ink-deep: #0F1720; --marine: #17222C; --marine-deep: #0F1720; --marine-tint: #EDE9E1; --muted: #5A6169; --line: #DCD7CB; --line-2: #C8C2B4; --line-dark: rgba(246, 243, 237, 0.13); --txt: #232A31; --txt-soft: #5A6169; --txt-light: rgba(246, 243, 237, 0.74); --accent: #C9531E; --accent-hover: #B4471A; --accent-soft: rgba(201, 83, 30, 0.10); --signal: #C9531E; --signal-tint: rgba(201, 83, 30, 0.10); --font-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-body: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif; --display: var(--font-display); --body: var(--font-body); --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --radius: 7px; --r: 7px; --r-s: 5px; --ease: cubic-bezier(0.22, 1, 0.36, 1); --primary-color: #17222C; --primary-light: #293743; --primary-dark: #0F1720; --accent-color: #C9531E; --accent-light: #E0682F; --gold: #C9531E; --text-dark: #232A31; --text-medium: #5A6169; --text-light: #FFFFFF; --bg-light: #EDE9E1; --bg-warm: #F6F3ED; --border-radius: 7px; --focus-outline: 3px solid #ffcc00; } body.v2-page { padding-bottom: 0; background: var(--paper); color: var(--ink); font-family: var(--body); font-size: 17px; line-height: 1.6; } .v2-page h1, .v2-page h2, .v2-page h3, .v2-page h4 { color: var(--ink); font-family: var(--display); font-weight: 700; line-height: 1.08; letter-spacing: -0.022em; text-wrap: balance; } .v2-page h1 { font-size: clamp(2.3rem, 6.2vw, 3.9rem); } .v2-page h2 { font-size: clamp(1.8rem, 4.2vw, 2.65rem); } .v2-page h3 { font-size: 1.25rem; } .v2-page a { color: var(--marine); text-decoration-thickness: 1px; text-underline-offset: 3px; } .v2-page a:hover { color: var(--marine-deep); } .v2-page section { padding: 4rem 0; } .v2-page .container { width: min(1120px, calc(100% - 2.5rem)); margin-inline: auto; padding: 0; } /* Navigation v2 : fine, stable, sans chrome lourd. */ .v2-page header { position: sticky; top: 0; z-index: 1000; height: 64px; background: color-mix(in srgb, var(--paper) 92%, transparent); border-bottom: 1px solid var(--line); box-shadow: none; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } .v2-page .nav-container { min-height: 64px; } .v2-page .logo-img { height: 52px; width: auto; } .v2-page header.compact .logo-img { height: 42px; } .v2-page .nav-menu { gap: 1.25rem; } .v2-page .nav-link { color: var(--muted); font-size: 0.9rem; font-weight: 500; } .v2-page .nav-link:hover, .v2-page .nav-link.active { color: var(--ink); } .v2-page .nav-menu .btn { padding: 0.55rem 0.9rem; border-radius: var(--radius); font-size: 0.88rem; } .v2-page .hamburger { color: var(--marine); border: 1px solid var(--line); border-radius: var(--radius); font-family: var(--body); } /* Hero : texte éditorial à gauche, fiche réflexe à droite. */ .v2-page .hero { position: static; isolation: auto; overflow: visible; padding: 3rem 0 2.5rem; color: var(--ink); background: var(--paper); } .v2-page .hero::before, .v2-page .hero::after { display: none; } .v2-page .hero .container { display: grid; gap: 2.5rem; align-items: center; } .v2-page .hero-copy { min-width: 0; } .v2-page .hero h1 { color: var(--ink); margin: 0.4rem 0 1.1rem; } .v2-page .hero p { max-width: 60ch; margin-bottom: 1.2rem; color: var(--muted); font-size: 1.1rem; } .v2-page .hero .badge { display: inline-flex; padding: 0; margin: 0 0 0.9rem; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--marine); font-family: var(--mono); font-size: 0.72rem; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; } .v2-page .hero .badge::before { content: ""; width: 22px; height: 10px; margin-right: 0.6rem; background: var(--marine); border-radius: 2px; } .v2-page .hero .badge i { display: none; } .v2-page .breadcrumb { margin-bottom: 1rem; color: var(--muted); font-size: 0.82rem; } .v2-page .breadcrumb a { color: var(--muted); } .v2-page .hero-buttons, .v2-page .cta-buttons { display: flex; flex-wrap: wrap; gap: 0.7rem; margin: 1.5rem 0 1rem; } .v2-page .hero-buttons .btn { width: auto; } .v2-page .hero-meta { gap: 0; color: var(--muted); font-size: 0.88rem; } .v2-page .hero-meta span + span::before { content: "·"; margin: 0 0.5rem; color: var(--muted); } .v2-page .hero-meta i { display: none; } .v2-page .btn { min-height: 0; padding: 0.85rem 1.25rem; border: 1px solid transparent; border-radius: var(--radius); font-family: var(--body); font-size: 0.96rem; font-weight: 600; text-decoration: none; box-shadow: none; transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease; } .v2-page .btn:hover { transform: none; box-shadow: none; } .v2-page .btn:active { transform: translateY(1px); } .v2-page .btn-primary { background: var(--marine); color: #fff; } .v2-page .btn-primary:hover { background: var(--marine-deep); color: #fff; } .v2-page .btn-accent { background: var(--signal); color: #fff; } .v2-page .btn-accent:hover { background: var(--accent-hover); color: #fff; } .v2-page .btn-outline, .v2-page .print-btn, .v2-page .btn-ghost { color: var(--marine); background: transparent; border-color: var(--line); } .v2-page .btn-outline:hover, .v2-page .print-btn:hover, .v2-page .btn-ghost:hover { color: var(--marine-deep); background: transparent; border-color: var(--marine); } /* La fiche réflexe est la signature de la v2. */ .v2-page .hero-fiche { overflow: hidden; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 20px 50px -30px rgba(23, 34, 44, 0.35); } .v2-page .hero-fiche-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.7rem 1.1rem; background: var(--marine); color: #fff; font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; } .v2-page .hero-fiche-head span:last-child { color: var(--accent); } .v2-page .hero-fiche-body { padding: 1.1rem; } .v2-page .hero-fiche-row { display: grid; grid-template-columns: 76px 1fr; gap: 0.8rem; padding: 0.75rem 0; border-bottom: 1px dashed var(--line); } .v2-page .hero-fiche-row:last-child { border-bottom: 0; } .v2-page .hero-fiche-row .k { padding-top: 0.25rem; color: var(--muted); font-family: var(--mono); font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; } .v2-page .hero-fiche-row .v { color: var(--ink); font-size: 0.94rem; line-height: 1.5; } .v2-page .hero-fiche-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.6rem; padding: 0.85rem 1.1rem; background: var(--panel); color: var(--muted); font-size: 0.8rem; } .v2-page .hero-fiche-foot a { color: var(--marine); font-weight: 700; text-decoration: none; } /* Navigation de lecture de la fiche. */ .v2-page .fiche-nav { position: sticky; top: 64px; z-index: 30; background: rgba(255,255,255,0.94); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); box-shadow: none; backdrop-filter: blur(14px); } .v2-page .fiche-nav .container { display: flex; min-height: 52px; align-items: center; gap: 0; overflow-x: auto; } .v2-page .fiche-nav a { flex: none; padding: 0.55rem 0.8rem; color: var(--muted); border-radius: 0; font-size: 0.8rem; font-weight: 500; text-decoration: none; white-space: nowrap; } .v2-page .fiche-nav a:hover, .v2-page .fiche-nav a:focus-visible { color: var(--marine); background: transparent; } .v2-page .fiche-nav .fiche-nav-cta { margin-left: auto; color: var(--marine); background: transparent; box-shadow: none; font-weight: 700; } .v2-page .fiche-nav .fiche-nav-cta::after { content: "→"; margin-left: 0.4rem; } .v2-page .section-light { background: var(--paper); } .v2-page .section-gray { background: var(--panel); } .v2-page .intro-text, .v2-page .lead-note { max-width: 62ch; color: var(--muted); font-size: 1.05rem; line-height: 1.7; } .v2-page .intro-text strong { color: var(--ink); } .v2-page .eyebrow { color: var(--marine); font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; } .v2-page .eyebrow::before { content: ""; display: inline-block; width: 22px; height: 10px; margin-right: 0.6rem; background: var(--marine); border-radius: 2px; } .v2-page .reflexes { display: grid; grid-template-columns: 0.85fr repeat(3, 1fr); gap: 0; margin: 2.3rem 0 3rem; padding: 0; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: none; } .v2-page .reflexes-intro { padding: 1.1rem; background: var(--panel); } .v2-page .reflexes h2 { margin: 0; font-size: 1.15rem; } .v2-page .reflexe { display: grid; grid-template-columns: 30px 1fr; gap: 0.65rem; padding: 1.1rem; border: 0; border-left: 1px solid var(--line); border-radius: 0; background: transparent; transition: none; } .v2-page .reflexe:hover { transform: none; box-shadow: none; } .v2-page .reflexe i { width: auto; height: auto; place-items: initial; color: var(--marine); background: transparent; } .v2-page .reflexe:nth-child(3) i { color: var(--marine); background: transparent; } .v2-page .reflexe strong { color: var(--ink); font-family: var(--body); font-size: 0.94rem; } .v2-page .reflexe span { color: var(--muted); font-size: 0.84rem; } /* Cartes, bascule et tableaux : le vocabulaire visuel v2. */ .v2-page .scope { display: inline-flex; padding: 0; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); } .v2-page .scope button { padding: 0.65rem 1rem; border: 0; border-radius: 0; box-shadow: none; color: var(--muted); font-size: 0.9rem; font-weight: 600; } .v2-page .scope button + button { border-left: 1px solid var(--line); } .v2-page .scope button[aria-pressed="true"] { color: #fff; background: var(--marine); box-shadow: none; } .v2-page .dos { padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: none; transform: none; transition: border-color 0.2s ease, opacity 0.2s ease; } .v2-page .dos::before { display: none; } .v2-page .dos.active { border-color: var(--signal); box-shadow: 0 0 0 3px var(--signal-tint); transform: none; } .v2-page .dos .who { color: var(--marine); font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.12em; } .v2-page .dos h3 { margin: 0.25rem 0 0.4rem; font-size: 1.2rem; } .v2-page .dos p, .v2-page .dos .ref { color: var(--muted); font-size: 0.9rem; } .v2-page .dos .tag { display: none; top: -0.7rem; right: 1rem; left: auto; padding: 0.25rem 0.55rem; border-radius: 3px; color: #fff; background: var(--signal); font-family: var(--mono); font-size: 0.64rem; letter-spacing: 0.1em; } .v2-page .dos.active .tag { display: block; opacity: 1; } .v2-page .verdict { padding: 0.9rem 1.1rem; border-left: 6px solid var(--marine); border-radius: var(--radius); background: var(--marine-tint); box-shadow: none; color: var(--ink); } .v2-page .verdict::before { display: none; } .v2-page .precision { padding: 1rem 1.1rem; border: 1px solid rgba(201, 83, 30, 0.30); border-radius: var(--radius); background: var(--signal-tint); box-shadow: none; } .v2-page .precision i { color: var(--signal); } .v2-page .cols, .v2-page .limits, .v2-page .further { gap: 0.9rem; } .v2-page .col, .v2-page .limit-card, .v2-page .further a, .v2-page .faq details { border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: none; } .v2-page .col { transition: none; } .v2-page .col:hover { transform: none; box-shadow: none; } .v2-page .col > header { padding: 0.8rem 1.1rem; background: var(--marine); color: #fff; font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.12em; } .v2-page .col--sec > header { background: var(--marine-deep); } .v2-page .col--fdo > header { background: var(--ink-3); } .v2-page .col h3 { padding: 0.95rem 1.1rem 0.15rem; font-family: var(--body); font-size: 1rem; font-weight: 600; } .v2-page .col ul { padding: 0.5rem 1.1rem 1rem; } .v2-page .col li { color: var(--muted); font-size: 0.88rem; } .v2-page .col li::before { width: 5px; height: 5px; background: var(--marine); } .v2-page .col .cmd { padding: 0.75rem 1.1rem; background: var(--paper); color: var(--ink); font-size: 0.82rem; } .v2-page .col .cmd b { color: var(--marine); font-family: var(--mono); font-size: 0.68rem; } .v2-page .qfq { overflow: visible; border: 0; border-radius: 0; box-shadow: none; font-size: 0.9rem; } .v2-page .qfq th, .v2-page .qfq td { padding: 0.7rem; border-bottom: 1px solid var(--line); background: transparent; color: var(--muted); } .v2-page .qfq thead th { color: var(--marine); background: transparent; font-family: var(--mono); font-size: 0.66rem; letter-spacing: 0.1em; } .v2-page .qfq td:first-child, .v2-page .qfq td strong { color: var(--ink); } .v2-page .qfq tbody tr:hover { background: transparent; } .v2-page .limit-card { padding: 1.2rem; } .v2-page .limit-card .tag { color: var(--marine); background: transparent; font-family: var(--mono); font-size: 0.66rem; letter-spacing: 0.1em; padding: 0; } .v2-page .limit-card--no .tag { color: var(--signal); background: transparent; } .v2-page .faq details { padding: 0 1rem; } .v2-page .faq summary { padding: 0.85rem 0; color: var(--ink); font-family: var(--body); font-size: 0.96rem; } .v2-page .faq details p { color: var(--muted); font-size: 0.92rem; } .v2-page .sources { color: var(--muted); font-size: 0.8rem; } .v2-page .sources b { color: var(--marine); font-family: var(--mono); font-size: 0.66rem; } .v2-page .further a { padding: 1.2rem; text-decoration: none; transition: border-color 0.2s ease, transform 0.2s ease; } .v2-page .further a:hover { border-color: var(--marine); box-shadow: none; transform: translateY(-2px); } .v2-page .further .kind { color: var(--marine); font-family: var(--mono); font-size: 0.66rem; } /* Auto-diagnostic v2. */ .v2-page .diag { max-width: 820px; min-height: 0; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: none; } .v2-page .diag::before { display: none; } .v2-page .diag-head { padding: 0.9rem 1.2rem; background: var(--paper); border-bottom: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.1em; } .v2-page .diag-head .step { color: var(--marine); } .v2-page .progress { height: 4px; background: var(--panel-deep); } .v2-page .progress span { background: var(--marine); } .v2-page .diag-body { min-height: 0; padding: 1.5rem 1.2rem; } .v2-page .diag-body h2 { font-size: 1.35rem; } .v2-page .diag-body.is-changing > * { animation: none; } .v2-page .opts { gap: 0.55rem; } .v2-page .opt { padding: 0.8rem 0.95rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: none; transform: none; font-size: 0.96rem; } .v2-page .opt::after { display: none; } .v2-page .opt:hover { border-color: var(--marine); box-shadow: none; transform: none; } .v2-page .opt[aria-pressed="true"] { border-color: var(--marine); background: var(--marine-tint); box-shadow: none; } .v2-page .opt .dot { border-color: var(--line); } .v2-page .opt[aria-pressed="true"] .dot { border-color: var(--marine); background: var(--marine); } .v2-page .diag-foot { padding: 1rem 1.2rem; background: var(--panel); border-top: 1px solid var(--line); } .v2-page .vig { padding: 1.2rem 1.2rem 1.2rem 1.4rem; border-radius: var(--radius); } .v2-page .vig .level { font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.1em; } .v2-page .why-card { padding: 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; transition: none; } .v2-page .why-card::after { display: none; } .v2-page .why-card:hover { transform: none; box-shadow: none; } .v2-page .why-card i { color: var(--marine); } .v2-page .result-actions .btn { border-radius: var(--radius); } .v2-page .cta-box { overflow: hidden; padding: 2.4rem; border: 0; border-radius: var(--radius); background: var(--marine-deep); box-shadow: none; text-align: left; } .v2-page .cta-box::before { display: none; } .v2-page .cta-box h2 { color: #fff; } .v2-page .cta-box p { color: var(--txt-light); margin-left: 0; } .v2-page .cta-box .btn-outline { color: #fff; border-color: rgba(255,255,255,0.45); } .v2-page .cta-box .btn-outline:hover { color: #fff; background: transparent; border-color: #fff; } /* Déclinaison de la v2 pour les pages de prestation existantes. */ .v2-page .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: center; } .v2-page .feature-list { margin: 0; display: grid; gap: 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--paper); } .v2-page .feature-list li { gap: 0.85rem; margin: 0; padding: 1rem 1.1rem; border-radius: 0; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: none; transition: none; } .v2-page .feature-list li:last-child { border-bottom: 0; } .v2-page .feature-list li:hover { transform: none; box-shadow: none; } .v2-page .feature-icon { width: 32px; height: 32px; border-radius: 0; background: var(--marine-tint); } .v2-page .feature-icon i { color: var(--marine); font-size: 0.9rem; } .v2-page .feature-content h4 { margin-bottom: 0.15rem; color: var(--ink); font-family: var(--body); font-size: 0.96rem; font-weight: 600; } .v2-page .feature-content p { color: var(--muted); font-size: 0.88rem; } .v2-page .section-dark { background: var(--marine-deep); } .v2-page .section-dark h2 { color: #fff; } .v2-page .section-dark p { color: var(--txt-light); } .v2-page .stats-grid { gap: 0; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); text-align: left; } .v2-page .stat-item { padding: 1.25rem 1rem 1.25rem 0; } .v2-page .stat-number { margin: 0; color: var(--accent); font-family: var(--mono); font-size: 1.8rem; font-weight: 700; line-height: 1; } .v2-page .stat-label { margin-top: 0.35rem; color: var(--txt-light); font-size: 0.82rem; } .v2-page .process-steps { gap: 0; margin-top: 2rem; border-top: 2px solid rgba(255,255,255,0.25); } .v2-page .process-step { padding: 1.2rem 1rem 0 0; background: transparent; border: 0; border-radius: 0; text-align: left; position: relative; } .v2-page .process-step::before { content: ""; position: absolute; top: -7px; left: 0; width: 12px; height: 12px; border: 2px solid var(--accent); border-radius: 50%; background: var(--marine-deep); } .v2-page .step-number { width: auto; height: auto; margin: 0 0 0.4rem; background: transparent; color: var(--accent); font-family: var(--mono); font-size: 0.78rem; } .v2-page .process-step h4 { margin-bottom: 0.3rem; color: #fff; font-family: var(--body); font-size: 1rem; font-weight: 600; } .v2-page .process-step p { color: var(--txt-light); font-size: 0.86rem; } .v2-page .zones-grid { gap: 0.9rem; margin-top: 2rem; } .v2-page .zone-card { padding: 1.2rem; border: 1px solid var(--line); border-left: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; } .v2-page .zone-card h3 { gap: 0.6rem; color: var(--ink); font-size: 1.2rem; } .v2-page .zone-card h3 i { color: var(--signal); } .v2-page .zone-card ul { margin-top: 0.8rem; } .v2-page .zone-card li { padding: 0.42rem 0; border-color: var(--line); color: var(--muted); font-size: 0.9rem; } .v2-page footer { padding: 2.5rem 0 1.6rem; background: var(--marine-deep); color: var(--txt-light); } .v2-page footer a { color: #fff; } .v2-page footer a:hover { color: var(--accent); } @media (min-width: 900px) { .v2-page .hero { padding: 4.5rem 0 3.5rem; } .v2-page .hero .container { grid-template-columns: 1.15fr 1fr; } .v2-page section { padding: 5.5rem 0; } } @media (max-width: 992px) { .v2-page .reflexes { grid-template-columns: 1fr 1fr; } .v2-page .reflexes-intro { grid-column: 1 / -1; } .v2-page .grid-2 { grid-template-columns: 1fr; gap: 2rem; } } @media (max-width: 768px) { .v2-page header, .v2-page .nav-container { height: 64px; min-height: 64px; } .v2-page .nav-menu { top: 64px; left: 0; width: 100%; padding: 1.25rem; gap: 0.3rem; border-bottom: 1px solid var(--line); box-shadow: none; transform: translateX(-104%); transition: transform 0.25s ease; } .v2-page .nav-menu.active { left: 0; transform: translateX(0); } .v2-page .nav-menu .nav-link { width: 100%; padding: 0.8rem 0; border-bottom: 1px solid var(--line); } .v2-page .nav-menu .btn { margin-top: 0.4rem; } .v2-page .hero { padding: 2.5rem 0; } .v2-page .hero-buttons .btn { width: 100%; justify-content: center; } .v2-page .hero-fiche-row { grid-template-columns: 68px 1fr; } .v2-page .fiche-nav { top: 64px; } .v2-page .fiche-nav .container { width: 100%; padding: 0 1rem; } .v2-page .fiche-nav .fiche-nav-cta { margin-left: 0; } .v2-page .reflexes { grid-template-columns: 1fr; } .v2-page .reflexe { border-top: 1px solid var(--line); border-left: 0; } .v2-page .scope { display: grid; width: 100%; } .v2-page .scope button + button { border-top: 1px solid var(--line); border-left: 0; } .v2-page .dos .tag { position: static; width: max-content; margin-bottom: 0.7rem; } .v2-page .qfq thead { position: absolute; left: -9999px; } .v2-page .qfq tbody tr, .v2-page .qfq tbody tr:nth-child(even) { display: block; margin-bottom: 0.7rem; padding: 0.35rem 0.6rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); } .v2-page .qfq td { display: block; padding: 0.35rem 0.2rem; border: 0; } .v2-page .qfq td[data-l]::before { display: block; margin-bottom: 0.2rem; color: var(--marine); font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.1em; text-transform: uppercase; } .v2-page .qfq td[data-l] + td[data-l] { border-top: 1px dashed var(--line); } .v2-page .cta-box { padding: 2rem 1.3rem; } .v2-page .stats-grid { grid-template-columns: 1fr 1fr; gap: 0; } .v2-page .stat-item { padding: 1rem 0.6rem 1rem 0; } .v2-page .process-steps { grid-template-columns: 1fr; gap: 1rem; } .v2-page .process-step { padding-top: 1.1rem; } } @media (prefers-reduced-motion: no-preference) { .v2-page .hero-fiche { animation: v2-rise 0.8s cubic-bezier(.22,1,.36,1) both; animation-delay: 0.15s; } @keyframes v2-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } .motion-ready .v2-page [data-reveal] { transform: translateY(10px); transition-duration: 0.4s; } } @media print { .v2-page { background: #fff; } .v2-page .hero-fiche { display: none; } }