/* ══════════════════════════════════════════════════════════════
   md-v3.css · Système de design « Atelier vivant » (sept. 2026)
   Source : bloc <style> de page-landing-v3.php (home), extrait tel quel
   pour être partagé par les pages refondues au même niveau.
   Tout est scopé sous body.md-v2 : aucune fuite sur les anciens templates.
   ⚠ La home garde encore sa copie inline : toute évolution du design
   doit être reportée aux deux endroits tant qu'elle n'est pas migrée.
   ══════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════
   HOME V3 — « Atelier vivant » · TPE/PME
   Tout est scope sous body.md-v2 : zero fuite sur les autres
   templates, et specificite suffisante pour battre lp.css.
   ═══════════════════════════════════════════════════════════ */
body.md-v2{
	--v2-navy:#0D1B2A;
	--v2-navy-2:#132536;
	--v2-gold:#F0B429;
	--v2-gold-deep:#C9901A;
	--v2-cream:#F6F1E7;
	--v2-cream-2:#EFE8DA;
	--v2-ink:#122235;
	--v2-muted:#5A6672;
	--v2-line:rgba(13,27,42,.12);
	--v2-serif:'Cormorant Garamond',Georgia,serif;
	--v2-sans:'DM Sans',system-ui,-apple-system,sans-serif;
	--v2-ease:cubic-bezier(.22,1,.36,1);
	--v2-ease-out:cubic-bezier(.16,1,.3,1);
	background:var(--v2-cream);
}

/* ══════════════════════════════════
   HERO
══════════════════════════════════ */
/* ── Navbar lisible sur fond crème ──
   Le site est en .md-hero-immersive : la navbar est TRANSPARENTE tant qu'on
   n'a pas scrolle (elle se fond dans le hero photo sombre de la home actuelle).
   Sur le hero creme de la V2, il faut la rendre opaque des le chargement.
   .navbar-scrolled reste gere par site.js et passe en navy plein : aucun saut. */
body.md-v2.md-hero-immersive .navbar:not(.navbar-scrolled){
	background:rgba(13,27,42,.94);
	backdrop-filter:blur(14px) saturate(180%);
	-webkit-backdrop-filter:blur(14px) saturate(180%);
	box-shadow:0 1px 0 rgba(240,180,41,.18);
}

body.md-v2 .v2-hero{
	position:relative;
	padding:124px 0 0;           /* navbar 84 (topbar masquee en immersive) + air */
	isolation:isolate;
	overflow:hidden;
	background:var(--v2-cream);
}
body.md-v2 .v2-bg{
	position:absolute;inset:0;z-index:0;
	background:
		radial-gradient(ellipse 70% 50% at 18% 30%, rgba(240,180,41,.06), transparent 55%),
		radial-gradient(ellipse 50% 40% at 10% 90%, rgba(13,27,42,.04), transparent 50%),
		linear-gradient(165deg, var(--v2-cream) 0%, var(--v2-cream-2) 60%, #EDE6D8 100%);
}
body.md-v2 .v2-grid{
	position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;
	background-image:
		linear-gradient(rgba(13,27,42,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(13,27,42,.045) 1px, transparent 1px);
	background-size:52px 52px;
	mask-image:linear-gradient(90deg,#000 0%,#000 42%,transparent 72%);
	-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 42%,transparent 72%);
	animation:v2GridIn 1.4s var(--v2-ease) .2s forwards;
}
@keyframes v2GridIn{to{opacity:.85}}

body.md-v2 .v2-line-deco{
	position:absolute;z-index:1;pointer-events:none;
	background:var(--v2-gold);opacity:.35;
	transform-origin:left center;transform:scaleX(0);
}
body.md-v2 .v2-line-deco.is-v{transform-origin:top center;transform:scaleY(0);width:1px}
body.md-v2 .v2-line-deco.is-h{height:1px}
body.md-v2 .v2-l1{top:22%;left:4%;width:18%;animation:v2DrawX 1.1s var(--v2-ease) .6s forwards}
body.md-v2 .v2-l2{top:140px;left:62%;height:18%;animation:v2DrawY 1s var(--v2-ease) .9s forwards}
body.md-v2 .v2-l3{bottom:14%;right:6%;width:14%;animation:v2DrawX 1s var(--v2-ease) 1.1s forwards}
@keyframes v2DrawX{to{transform:scaleX(1)}}
@keyframes v2DrawY{to{transform:scaleY(1)}}

body.md-v2 .v2-grain{
	position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.035;
	background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

body.md-v2 .v2-stage{
	position:relative;z-index:5;
	max-width:1240px;margin:0 auto;
	padding:32px 5vw 40px;
	display:grid;
	grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
	gap:clamp(28px,5vw,64px);
	align-items:center;
}

/* ── Colonne texte ── */
body.md-v2 .v2-copy{max-width:560px}
body.md-v2 .v2-eyebrow{
	display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;
	font-family:var(--v2-sans);
	font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--v2-gold-deep);margin-bottom:22px;
	opacity:0;transform:translateY(14px);
	animation:v2Rise .7s var(--v2-ease-out) .15s forwards;
}
body.md-v2 .v2-eyebrow::before{content:"";width:28px;height:2px;background:var(--v2-gold);flex-shrink:0}
body.md-v2 .v2-pill{
	font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
	font-size:10px;font-weight:600;letter-spacing:.08em;
	border:1px solid rgba(201,144,26,.45);border-radius:999px;
	padding:4px 9px;color:var(--v2-navy);background:rgba(240,180,41,.12);
}

body.md-v2 .v2-h1{
	font-family:var(--v2-serif);
	font-size:clamp(38px,3.8vw,49px); /* 3 lignes : la ligne soulignee (nowrap) doit tenir dans la colonne texte */
	font-weight:600;line-height:1.02;letter-spacing:-.02em;
	color:var(--v2-navy);
	text-wrap:balance;
	opacity:0;transform:translateY(22px);
	animation:v2Rise .85s var(--v2-ease-out) .28s forwards;
}
body.md-v2 .v2-h1 .v2-lineb{display:block}
/* style-md-overrides.css force DM Sans sur tous les <span> : on rend la serif aux lignes du H1 */
body.md-v2 .v2-h1 span{font-family:inherit}
body.md-v2 .v2-h1 .v2-accent{position:relative;display:inline;color:var(--v2-navy);white-space:nowrap}
body.md-v2 .v2-h1 .v2-accent::after{
	content:"";position:absolute;left:-2%;right:-2%;bottom:.06em;
	height:.24em;background:var(--v2-gold);z-index:-1;
	transform:scaleX(0);transform-origin:left;border-radius:1px;
	animation:v2Mark .7s var(--v2-ease) .95s forwards;
}
@keyframes v2Mark{to{transform:scaleX(1)}}

body.md-v2 .v2-lede{
	font-family:var(--v2-sans);
	margin:26px 0 0;
	font-size:clamp(16px,1.35vw,18px);
	line-height:1.65;color:var(--v2-muted);max-width:480px;
	opacity:0;transform:translateY(16px);
	animation:v2Rise .75s var(--v2-ease-out) .48s forwards;
}

body.md-v2 .v2-actions{
	margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;
	opacity:0;transform:translateY(14px);
	animation:v2Rise .7s var(--v2-ease-out) .62s forwards;
}
body.md-v2 .v2-btn{
	position:relative;border:0;border-radius:9px;
	background:var(--v2-navy);color:#fff;
	padding:17px 26px;font-family:var(--v2-sans);font-size:15px;font-weight:700;
	box-shadow:6px 6px 0 var(--v2-gold);
	transition:transform .2s var(--v2-ease), box-shadow .2s var(--v2-ease);
}
body.md-v2 .v2-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--v2-gold);background:var(--v2-navy)}
body.md-v2 .v2-btn:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--v2-gold)}
body.md-v2 .v2-btn .v2-arrow{display:inline-block;margin-left:6px;transition:transform .25s var(--v2-ease)}
body.md-v2 .v2-btn:hover .v2-arrow{transform:translateX(4px)}
body.md-v2 .v2-btn-ghost{
	font-family:var(--v2-sans);font-size:14px;font-weight:600;color:var(--v2-navy);
	border-bottom:1.5px solid rgba(13,27,42,.3);padding-bottom:3px;background:none;
	transition:border-color .2s,color .2s;
}
body.md-v2 .v2-btn-ghost:hover{border-color:var(--v2-gold-deep);color:var(--v2-gold-deep)}

body.md-v2 .v2-trust{
	margin-top:28px;display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;
	opacity:0;transform:translateY(12px);
	animation:v2Rise .7s var(--v2-ease-out) .78s forwards;
}
body.md-v2 .v2-trust li{
	display:flex;align-items:center;gap:7px;
	font-family:var(--v2-sans);font-size:13px;color:var(--v2-muted);font-weight:500;
}
body.md-v2 .v2-trust i{
	width:18px;height:18px;border-radius:50%;
	border:1.5px solid rgba(201,144,26,.55);
	display:grid;place-items:center;
	font-style:normal;font-size:10px;color:var(--v2-gold-deep);font-weight:700;flex-shrink:0;
}

/* ── Colonne visuelle : carte demo ── */
body.md-v2 .v2-visual{
	position:relative;min-height:min(540px,68vh);
	display:flex;align-items:center;justify-content:center;
	opacity:0;transform:translateY(28px) scale(.985);
	animation:v2RiseScale 1s var(--v2-ease-out) .4s forwards;
	isolation:isolate;
}
@keyframes v2Rise{to{opacity:1;transform:none}}
@keyframes v2RiseScale{to{opacity:1;transform:none}}

body.md-v2 .v2-demo-wrap{position:relative;width:min(448px,96%);z-index:8;margin:auto;padding-bottom:18px}
body.md-v2 .v2-demo-wrap::after{
	content:"";position:absolute;left:12%;right:12%;bottom:2px;height:28px;border-radius:50%;
	background:radial-gradient(ellipse at center, rgba(13,27,42,.18) 0%, rgba(13,27,42,.06) 45%, transparent 72%);
	z-index:0;pointer-events:none;filter:blur(1px);
}
body.md-v2 .v2-demo{
	position:relative;z-index:2;background:#fff;
	border:1px solid rgba(13,27,42,.06);border-radius:22px;padding:22px 20px 18px;
	box-shadow:
		0 2px 4px rgba(13,27,42,.04),
		0 12px 28px rgba(13,27,42,.08),
		0 36px 72px rgba(13,27,42,.12),
		0 1px 0 rgba(255,255,255,1) inset;
}
body.md-v2 .v2-float .v2-demo{animation:v2FloatY 6.5s ease-in-out infinite}
@keyframes v2FloatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

body.md-v2 .v2-demo-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}
body.md-v2 .v2-demo-brand{display:flex;align-items:center;gap:11px;min-width:0}
body.md-v2 .v2-av{position:relative;width:56px;height:56px;flex-shrink:0}
body.md-v2 .v2-seal{width:56px;height:56px;position:relative;border-radius:50%;background:var(--v2-navy);box-shadow:0 6px 18px rgba(13,27,42,.2)}
body.md-v2 .v2-seal-ring{position:absolute;inset:0;border-radius:50%;animation:v2SealSpin 16s linear infinite;transform-origin:50% 50%}
body.md-v2 .v2-av.is-working .v2-seal-ring{animation-duration:5s}
body.md-v2 .v2-av.is-done .v2-seal-ring{animation-play-state:paused}
body.md-v2 .v2-seal-ring svg{width:100%;height:100%;display:block}
body.md-v2 .v2-seal-core{
	position:absolute;inset:12px;border-radius:50%;background:var(--v2-navy);
	border:1.5px solid rgba(240,180,41,.55);display:grid;place-items:center;z-index:2;
}
body.md-v2 .v2-seal-core .v2-hletter{
	font:800 16px var(--v2-sans);color:var(--v2-gold);letter-spacing:-.03em;line-height:1;
	transition:opacity .25s, transform .25s;
}
body.md-v2 .v2-seal-core .v2-check{
	position:absolute;inset:0;display:grid;place-items:center;
	color:var(--v2-gold);opacity:0;transform:scale(.6);
	transition:opacity .3s, transform .3s var(--v2-ease);
}
body.md-v2 .v2-av.is-done .v2-seal-core .v2-hletter{opacity:0;transform:scale(.6)}
body.md-v2 .v2-av.is-done .v2-seal-core .v2-check{opacity:1;transform:scale(1)}
body.md-v2 .v2-av.is-done .v2-seal-core{border-color:var(--v2-gold);box-shadow:0 0 0 3px rgba(240,180,41,.18)}
@keyframes v2SealSpin{to{transform:rotate(360deg)}}

body.md-v2 .v2-demo-brand strong{display:block;font:600 14px/1.15 var(--v2-sans);color:var(--v2-navy)}
body.md-v2 .v2-demo-brand small{font:400 11.5px var(--v2-sans);color:var(--v2-muted)}
body.md-v2 .v2-live{
	display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
	font:700 10px var(--v2-sans);letter-spacing:.06em;
	color:var(--v2-gold-deep);background:rgba(240,180,41,.12);
	border:1px solid rgba(201,144,26,.35);padding:5px 9px;border-radius:999px;
	transition:background .3s,color .3s,border-color .3s;
}
body.md-v2 .v2-live .v2-dot{width:6px;height:6px;border-radius:50%;background:var(--v2-gold-deep);animation:v2Blink 1.4s ease-in-out infinite}
body.md-v2 .v2-live.is-done{color:#2F6A47;background:rgba(46,140,90,.1);border-color:rgba(46,140,90,.3)}
body.md-v2 .v2-live.is-done .v2-dot{background:#2F6A47;animation:none}
@keyframes v2Blink{0%,100%{opacity:1}50%{opacity:.35}}

body.md-v2 .v2-chat{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;min-height:168px}
body.md-v2 .v2-bubble{max-width:92%;padding:11px 13px;border-radius:14px;font:500 13.5px/1.45 var(--v2-sans)}
body.md-v2 .v2-bubble-you{
	align-self:flex-end;background:var(--v2-navy);color:#fff;
	border-bottom-right-radius:5px;box-shadow:0 6px 16px rgba(13,27,42,.12);
}
body.md-v2 .v2-bubble-you .v2-who{
	display:block;font:700 9.5px var(--v2-sans);letter-spacing:.08em;text-transform:uppercase;
	color:rgba(240,180,41,.9);margin-bottom:4px;
}
body.md-v2 .v2-bubble-you .v2-txt{min-height:1.35em}
body.md-v2 .v2-cur{
	display:inline-block;width:2px;height:1em;background:var(--v2-gold);
	margin-left:2px;vertical-align:-2px;animation:v2CurBlink 1s step-end infinite;
}
@keyframes v2CurBlink{50%{opacity:0}}

body.md-v2 .v2-bubble-h{align-self:flex-start;display:flex;gap:8px;align-items:flex-end;max-width:95%}
body.md-v2 .v2-mini-av{
	width:26px;height:26px;border-radius:8px;flex-shrink:0;
	background:var(--v2-navy);color:var(--v2-gold);display:grid;place-items:center;
	font:800 11px var(--v2-sans);border:1.5px solid rgba(240,180,41,.45);
	box-shadow:0 2px 8px rgba(13,27,42,.1);
}
body.md-v2 .v2-bubble-h .v2-body{
	background:#fff;border:1px solid rgba(13,27,42,.08);
	border-radius:14px;border-bottom-left-radius:5px;padding:10px 12px;
	box-shadow:0 4px 14px rgba(13,27,42,.06);
}
body.md-v2 .v2-bubble-h .v2-who{
	display:block;font:700 9.5px var(--v2-sans);letter-spacing:.08em;text-transform:uppercase;
	color:var(--v2-gold-deep);margin-bottom:3px;
}
body.md-v2 .v2-bubble-h .v2-txt{font:500 13px var(--v2-sans);color:var(--v2-ink)}
body.md-v2 .v2-bubble-h .v2-txt em{font-style:normal;color:var(--v2-gold-deep);font-weight:700}

body.md-v2 .v2-wave-row{display:flex;align-items:center;gap:8px;margin-top:8px;opacity:1;transition:opacity .3s}
body.md-v2 .v2-wave-row.is-hidden{opacity:0;height:0;margin:0;overflow:hidden}
body.md-v2 .v2-wave{display:flex;align-items:flex-end;gap:2.5px;height:16px}
body.md-v2 .v2-wave i{width:2.5px;border-radius:2px;background:rgba(240,180,41,.85);animation:v2WaveY 1s ease-in-out infinite;transform-origin:center bottom}
body.md-v2 .v2-wave i:nth-child(1){height:6px;animation-delay:0s}
body.md-v2 .v2-wave i:nth-child(2){height:12px;animation-delay:.1s}
body.md-v2 .v2-wave i:nth-child(3){height:16px;animation-delay:.2s}
body.md-v2 .v2-wave i:nth-child(4){height:9px;animation-delay:.3s}
body.md-v2 .v2-wave i:nth-child(5){height:14px;animation-delay:.15s}
body.md-v2 .v2-wave i:nth-child(6){height:11px;animation-delay:.25s}
body.md-v2 .v2-wave.is-paused i{animation-play-state:paused;opacity:.35}
@keyframes v2WaveY{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
body.md-v2 .v2-wave-label{font:500 10px var(--v2-sans);color:rgba(255,255,255,.65)}

body.md-v2 .v2-result{
	display:flex;justify-content:space-between;align-items:center;gap:10px;
	padding:10px 12px;border-radius:11px;
	background:rgba(46,140,90,.08);border:1px solid rgba(46,140,90,.2);
	opacity:0;transform:translateY(6px);
	transition:opacity .4s var(--v2-ease), transform .4s var(--v2-ease);
}
body.md-v2 .v2-result.is-shown{opacity:1;transform:none}
body.md-v2 .v2-result-total{font:800 13px/1.2 var(--v2-sans);color:var(--v2-navy)}
body.md-v2 .v2-result-total small{display:block;font:600 10px var(--v2-sans);color:#2F6A47;letter-spacing:.02em}
body.md-v2 .v2-result-ok{font:700 11px var(--v2-sans);color:var(--v2-navy);background:var(--v2-gold);padding:6px 10px;border-radius:7px;white-space:nowrap}

body.md-v2 .v2-note{position:absolute;z-index:3;pointer-events:none;opacity:0}
body.md-v2 .v2-note-card{
	display:flex;align-items:center;gap:9px;
	background:rgba(255,255,255,.94);border:1px solid rgba(13,27,42,.1);
	border-radius:12px;padding:9px 12px;box-shadow:0 14px 32px rgba(13,27,42,.14);
	font:600 12.5px var(--v2-sans);color:var(--v2-navy);white-space:nowrap;
}
body.md-v2 .v2-note-card .v2-ico{
	width:22px;height:22px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
	font:800 11px var(--v2-sans);color:var(--v2-navy);background:var(--v2-gold);
}
body.md-v2 .v2-note-card small{display:block;font:500 10.5px var(--v2-sans);color:var(--v2-muted);margin-top:1px}
body.md-v2 .v2-n1{top:-14px;right:-18px;animation:v2NotePop 8s 1.2s infinite}
body.md-v2 .v2-n2{bottom:8px;left:-22px;animation:v2NotePop 8s 4.2s infinite}
@keyframes v2NotePop{
	0%{opacity:0;transform:translateY(12px)}
	8%{opacity:1;transform:translateY(0)}
	82%{opacity:1;transform:translateY(0)}
	100%{opacity:0;transform:translateY(-8px)}
}

body.md-v2 .v2-demo-foot{
	margin-top:4px;padding-top:12px;border-top:1px solid rgba(13,27,42,.08);
	display:flex;align-items:center;justify-content:space-between;
	font:400 11px var(--v2-sans);color:var(--v2-muted);
}
body.md-v2 .v2-demo-foot strong{color:var(--v2-navy);font-weight:600}

/* ── Bandeau bas de hero ── */
body.md-v2 .v2-rail{
	position:relative;z-index:5;max-width:1240px;margin:0 auto;padding:0 5vw 40px;
	opacity:0;animation:v2Rise .7s var(--v2-ease-out) 1s forwards;
}
body.md-v2 .v2-rail-inner{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v2-line);padding-top:20px}
body.md-v2 .v2-rail-item{padding:0 22px;border-right:1px solid var(--v2-line);display:flex;gap:12px;align-items:flex-start}
body.md-v2 .v2-rail-item:first-child{padding-left:0}
body.md-v2 .v2-rail-item:last-child{border-right:0}
body.md-v2 .v2-rail-item strong{display:block;font:600 13.5px var(--v2-sans);color:var(--v2-navy);margin-bottom:3px}
body.md-v2 .v2-rail-item span{font:400 12.5px/1.4 var(--v2-sans);color:var(--v2-muted)}
/* apres .v2-rail-item span, sinon la regle generique gagne (meme specificite) */
body.md-v2 .v2-rail-item span.v2-rail-num{font:600 11px ui-monospace,Menlo,monospace;color:var(--v2-gold-deep);letter-spacing:.04em;padding-top:2px}

/* ══════════════════════════════════
   SECTIONS
══════════════════════════════════ */
body.md-v2 .v2-wrap{max-width:1240px;margin:0 auto;padding:0 5vw}
body.md-v2 .v2-sec{padding:88px 0}
body.md-v2 .v2-kicker{
	font:700 11px/1 var(--v2-sans);letter-spacing:.16em;text-transform:uppercase;
	color:var(--v2-gold-deep);margin-bottom:14px;
}
body.md-v2 .v2-sec h2{
	font-family:var(--v2-serif);
	font-size:clamp(32px,3.9vw,46px);font-weight:600;line-height:1.12;
	letter-spacing:-.015em;color:var(--v2-navy);max-width:18em;
}
body.md-v2 .v2-sec-lead{font:400 17px/1.65 var(--v2-sans);margin-top:16px;color:var(--v2-muted);max-width:38em}

body.md-v2 .v2-btn-navy{
	display:inline-flex;align-items:center;gap:8px;border:0;border-radius:9px;
	background:var(--v2-navy);color:#fff;padding:15px 22px;
	font:700 15px var(--v2-sans);box-shadow:5px 5px 0 var(--v2-gold);
	transition:transform .2s var(--v2-ease),box-shadow .2s;
}
body.md-v2 .v2-btn-navy:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--v2-gold);color:#fff}
body.md-v2 .v2-btn-line{
	display:inline-block;font:600 14px var(--v2-sans);color:var(--v2-navy);
	border-bottom:1.5px solid rgba(13,27,42,.3);padding-bottom:2px;background:none;
}
body.md-v2 .v2-btn-line:hover{border-color:var(--v2-gold-deep);color:var(--v2-gold-deep)}

/* Marquee metiers */
body.md-v2 .v2-marq{border-block:1px solid var(--v2-line);background:rgba(255,255,255,.45);overflow:hidden;padding:14px 0}
body.md-v2 .v2-marq-track{display:flex;width:max-content;animation:v2Marquee 42s linear infinite}
body.md-v2 .v2-marq-list{display:flex;gap:0;list-style:none;font:600 13px var(--v2-sans);color:var(--v2-muted);letter-spacing:.02em}
body.md-v2 .v2-marq-list li{padding:0 22px;white-space:nowrap;position:relative}
body.md-v2 .v2-marq-list li::after{content:"·";position:absolute;right:0;color:var(--v2-gold-deep);opacity:.6}
@keyframes v2Marquee{to{transform:translateX(-50%)}}

/* Douleurs avant / apres */
body.md-v2 .v2-sec-pain{background:#fff}
body.md-v2 .v2-pain-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;margin-top:40px}
body.md-v2 .v2-pain-col{border:1px solid var(--v2-line);border-radius:18px;padding:26px 24px;background:var(--v2-cream)}
body.md-v2 .v2-pain-col.is-gain{background:var(--v2-navy);border-color:var(--v2-navy);color:#fff}
body.md-v2 .v2-pain-col h3{
	font:700 13px var(--v2-sans);letter-spacing:.1em;text-transform:uppercase;
	margin-bottom:18px;display:flex;align-items:center;gap:10px;
}
body.md-v2 .v2-pain-col.is-today h3{color:#B23A3A}
body.md-v2 .v2-pain-col.is-gain h3{color:var(--v2-gold)}
body.md-v2 .v2-pain-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}
body.md-v2 .v2-pain-col li{font:400 15px/1.45 var(--v2-sans);display:flex;gap:10px;align-items:flex-start;color:var(--v2-ink)}
body.md-v2 .v2-pain-col.is-gain li{color:rgba(246,241,231,.92)}
body.md-v2 .v2-pain-col li i{
	flex-shrink:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;
	font-style:normal;font-size:10px;font-weight:800;margin-top:2px;
}
body.md-v2 .v2-pain-col.is-today li i{background:rgba(178,58,58,.12);color:#B23A3A}
body.md-v2 .v2-pain-col.is-gain li i{background:rgba(240,180,41,.18);color:var(--v2-gold)}
body.md-v2 .v2-pain-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:72px}
body.md-v2 .v2-pain-mid span{font:700 12px ui-monospace,Menlo,monospace;color:var(--v2-gold-deep);background:#fff;border:1.5px solid var(--v2-gold);border-radius:999px;padding:8px 12px}
body.md-v2 .v2-pain-mid .v2-arrow-v{width:2px;flex:1;min-height:24px;background:linear-gradient(var(--v2-line),var(--v2-gold));opacity:.7}
body.md-v2 .v2-pain-cta{margin-top:36px;text-align:center}

/* 2 piliers */
body.md-v2 .v2-sec-piliers{background:var(--v2-cream)}
body.md-v2 .v2-pilier-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
body.md-v2 .v2-pilier{
	background:#fff;border:1px solid var(--v2-line);border-radius:20px;padding:28px 26px;
	display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 40px rgba(13,27,42,.05);
}
body.md-v2 .v2-pilier-tag{
	display:inline-flex;align-self:flex-start;font:700 11px/1 var(--v2-sans);
	letter-spacing:.12em;text-transform:uppercase;color:var(--v2-gold-deep);
	background:rgba(240,180,41,.12);border:1px solid rgba(201,144,26,.3);padding:7px 12px;border-radius:999px;
}
body.md-v2 .v2-pilier h3{font-family:var(--v2-serif);font-size:28px;font-weight:600;color:var(--v2-navy);line-height:1.15}
body.md-v2 .v2-pilier p{font:400 15px/1.6 var(--v2-sans);color:var(--v2-muted);flex:1}
body.md-v2 .v2-pilier ul{list-style:none;display:flex;flex-direction:column;gap:10px}
body.md-v2 .v2-pilier li{font:500 14.5px var(--v2-sans);color:var(--v2-ink);display:flex;gap:10px;align-items:flex-start}
body.md-v2 .v2-pilier li::before{content:"✓";color:var(--v2-gold-deep);font-weight:800;flex-shrink:0}

/* ── Mockups des piliers (decoratifs, CSS pur, aria-hidden) ──
   Etat de base = etat final visible : si les animations sont coupees
   (reduced motion), tout reste lisible. Les etats caches ne vivent que dans les keyframes. */
body.md-v2 .v2-pmock{
	position:relative;height:232px;border-radius:14px;overflow:hidden;isolation:isolate;
	background:linear-gradient(160deg,var(--v2-cream) 0%,var(--v2-cream-2) 100%);
	border:1px solid var(--v2-line);font-family:var(--v2-sans);
}
body.md-v2 .v2-pmock::before{
	content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
	background-image:linear-gradient(rgba(13,27,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,27,42,.05) 1px,transparent 1px);
	background-size:26px 26px;
	mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 80%);
	-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 80%);
}
body.md-v2 .v2-pmock span,body.md-v2 .v2-pmock b,body.md-v2 .v2-pmock strong,body.md-v2 .v2-pmock small{font-family:var(--v2-sans)}

/* Pilier 1 : document scanne -> facture preparee */
body.md-v2 .v2-pmock-admin{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 16px}
body.md-v2 .v2-pm-doc{width:32%;min-width:92px;max-width:130px;transform:rotate(-4deg);flex-shrink:0}
body.md-v2 .v2-pm-paper{
	position:relative;height:166px;background:#FDFBF6;border-radius:6px;padding:26px 11px 10px;overflow:hidden;
	box-shadow:0 2px 4px rgba(13,27,42,.05),0 14px 28px rgba(13,27,42,.12);
}
body.md-v2 .v2-pm-paper i{display:block;height:5px;border-radius:3px;background:rgba(13,27,42,.13);margin:0 0 8px}
body.md-v2 .v2-pm-paper i.w40{width:40%}
body.md-v2 .v2-pm-paper i.w60{width:60%}
body.md-v2 .v2-pm-paper i.w70{width:70%}
body.md-v2 .v2-pm-paper i.w90{width:90%}
body.md-v2 .v2-pm-paper i.is-sum{margin-top:16px;height:7px;background:rgba(13,27,42,.22)}
body.md-v2 .v2-pm-paper-tag{
	position:absolute;top:8px;left:10px;font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
	color:var(--v2-muted);border:1px solid var(--v2-line);border-radius:999px;padding:2px 6px;background:#fff;
}
body.md-v2 .v2-pm-scan{
	position:absolute;left:0;right:0;top:92%;height:2px;opacity:0;
	background:var(--v2-gold);box-shadow:0 0 12px 2px rgba(240,180,41,.55);
	animation:v2PmScan 6.5s var(--v2-ease) infinite;
}
body.md-v2 .v2-pm-flow{display:flex;flex-direction:column;gap:5px;flex-shrink:0}
body.md-v2 .v2-pm-flow i{width:5px;height:5px;border-radius:50%;background:var(--v2-gold-deep);animation:v2PmDot 1.2s ease-in-out infinite}
body.md-v2 .v2-pm-flow i:nth-child(2){animation-delay:.2s}
body.md-v2 .v2-pm-flow i:nth-child(3){animation-delay:.4s}
body.md-v2 .v2-pm-card{
	width:54%;max-width:230px;background:#fff;border:1px solid rgba(13,27,42,.06);border-radius:13px;padding:11px 12px 12px;
	display:flex;flex-direction:column;
	box-shadow:0 2px 4px rgba(13,27,42,.04),0 16px 34px rgba(13,27,42,.12);
}
body.md-v2 .v2-pm-card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
body.md-v2 .v2-pm-h{
	width:22px;height:22px;border-radius:7px;flex-shrink:0;display:grid;place-items:center;
	background:var(--v2-navy);color:var(--v2-gold);font-size:10px;font-weight:800;border:1.5px solid rgba(240,180,41,.45);
}
body.md-v2 .v2-pm-card-head b{font-size:12.5px;font-weight:700;color:var(--v2-navy);line-height:1.2}
body.md-v2 .v2-pm-row{
	display:flex;justify-content:space-between;align-items:baseline;gap:8px;
	padding:6px 0;border-bottom:1px dashed rgba(13,27,42,.1);font-size:11.5px;
	animation:v2PmIn 6.5s var(--v2-ease) infinite both;
}
body.md-v2 .v2-pm-row span{color:var(--v2-muted)}
body.md-v2 .v2-pm-row strong{color:var(--v2-navy);font-weight:700;white-space:nowrap}
body.md-v2 .v2-pm-row strong.is-ok{color:#2F6A47}
body.md-v2 .v2-pm-row.r2{animation-delay:.35s}
body.md-v2 .v2-pm-row.r3{animation-delay:.7s}
body.md-v2 .v2-pm-valid{
	align-self:flex-end;margin-top:9px;font-size:11px;font-weight:700;color:var(--v2-navy);
	background:var(--v2-gold);padding:5px 9px;border-radius:7px;
	animation:v2PmIn 6.5s var(--v2-ease) infinite both;animation-delay:1.1s;
}
body.md-v2 .v2-pm-toast{
	position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:7px;
	background:var(--v2-navy);color:#fff;font-size:11px;font-weight:600;
	padding:6px 10px 6px 7px;border-radius:9px;box-shadow:0 10px 24px rgba(13,27,42,.22);
	animation:v2PmIn 6.5s var(--v2-ease) infinite both;animation-delay:1.5s;
}
body.md-v2 .v2-pm-toast .v2-pm-ico{
	width:18px;height:18px;border-radius:50%;display:grid;place-items:center;
	background:var(--v2-gold);color:var(--v2-navy);font-size:10px;font-weight:800;
}

/* Pilier 2 : recherche Google -> fiche entreprise + demandes */
body.md-v2 .v2-pm-serp{position:absolute;left:16px;top:18px;width:60%;max-width:270px;min-width:190px}
body.md-v2 .v2-pm-search{
	display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;
	background:#fff;border:1px solid rgba(13,27,42,.1);border-radius:999px;
	box-shadow:0 6px 16px rgba(13,27,42,.07);font-size:12px;color:var(--v2-ink);font-weight:500;
}
body.md-v2 .v2-pm-search svg{flex-shrink:0;color:var(--v2-muted)}
body.md-v2 .v2-pm-q{white-space:nowrap;overflow:hidden;animation:v2PmType 7s steps(24) infinite both}
body.md-v2 .v2-pm-gbp{
	margin-top:10px;background:#fff;border:1px solid rgba(13,27,42,.06);border-radius:13px;padding:11px 11px 10px;
	box-shadow:0 2px 4px rgba(13,27,42,.04),0 16px 34px rgba(13,27,42,.12);
	animation:v2PmCard 7s var(--v2-ease) infinite both;
}
body.md-v2 .v2-pm-gbp-top{display:flex;align-items:center;gap:9px}
body.md-v2 .v2-pm-shop{
	width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;
	background:var(--v2-navy);color:var(--v2-gold);
}
body.md-v2 .v2-pm-gbp-top b{display:block;font-size:12.5px;font-weight:700;color:var(--v2-navy);line-height:1.2}
body.md-v2 .v2-pm-gbp-top small{display:block;font-size:10.5px;color:var(--v2-muted);margin-top:2px}
body.md-v2 .v2-pm-gbp-top small em{font-style:normal;color:var(--v2-gold-deep);letter-spacing:1px}
body.md-v2 .v2-pm-open{color:#2F6A47;font-weight:600}
body.md-v2 .v2-pm-btns{display:flex;gap:5px;margin-top:9px}
body.md-v2 .v2-pm-btns span{
	font-size:10px;font-weight:600;color:var(--v2-navy);border:1px solid rgba(13,27,42,.16);
	border-radius:999px;padding:4px 8px;white-space:nowrap;
}
body.md-v2 .v2-pm-btns span.is-main{background:var(--v2-navy);border-color:var(--v2-navy);color:#fff}
body.md-v2 .v2-pm-map{
	position:relative;height:36px;margin-top:9px;border-radius:8px;overflow:hidden;
	background:
		linear-gradient(100deg,transparent 46%,rgba(255,255,255,.9) 46%,rgba(255,255,255,.9) 50%,transparent 50%),
		linear-gradient(8deg,transparent 58%,rgba(255,255,255,.8) 58%,rgba(255,255,255,.8) 62%,transparent 62%),
		var(--v2-cream-2);
}
body.md-v2 .v2-pm-pin{
	position:absolute;left:47%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;
	background:var(--v2-gold);border:2px solid var(--v2-navy);animation:v2PmPin 2s ease-out infinite;
}
body.md-v2 .v2-pm-note{
	position:absolute;right:12px;display:flex;align-items:center;gap:8px;
	background:rgba(255,255,255,.96);border:1px solid rgba(13,27,42,.1);border-radius:11px;padding:7px 10px 7px 8px;
	box-shadow:0 12px 28px rgba(13,27,42,.14);font-size:11.5px;font-weight:600;color:var(--v2-navy);white-space:nowrap;
	animation:v2PmPop 7s var(--v2-ease) infinite both;
}
body.md-v2 .v2-pm-note small{display:block;font-size:10px;font-weight:500;color:var(--v2-muted);margin-top:1px}
body.md-v2 .v2-pm-note .v2-pm-ico{
	width:20px;height:20px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
	background:var(--v2-gold);color:var(--v2-navy);font-size:10px;font-weight:800;
}
body.md-v2 .v2-pm-note.n-a{top:62px}
body.md-v2 .v2-pm-note.n-b{top:128px;animation-delay:.9s}

@keyframes v2PmScan{0%{top:6%;opacity:0}6%{opacity:1}34%{top:92%;opacity:1}40%,100%{top:92%;opacity:0}}
@keyframes v2PmIn{0%,34%{opacity:0;transform:translateY(5px)}42%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes v2PmDot{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes v2PmType{0%,6%{clip-path:inset(0 100% 0 0)}34%,100%{clip-path:inset(0 0 0 0)}}
@keyframes v2PmCard{0%,36%{opacity:0;transform:translateY(8px)}44%,92%{opacity:1;transform:none}99%,100%{opacity:0;transform:none}}
@keyframes v2PmPop{0%,50%{opacity:0;transform:translateY(8px)}58%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes v2PmPin{0%{box-shadow:0 0 0 0 rgba(240,180,41,.6)}100%{box-shadow:0 0 0 12px rgba(240,180,41,0)}}

@media (max-width:480px){
	body.md-v2 .v2-pmock{height:214px}
	body.md-v2 .v2-pmock-admin{gap:7px;padding:16px 10px}
	body.md-v2 .v2-pm-paper{height:150px}
	body.md-v2 .v2-pm-card{width:60%;padding:10px}
	body.md-v2 .v2-pm-row{font-size:10.5px}
	body.md-v2 .v2-pm-toast{bottom:8px;left:8px;font-size:10px}
	body.md-v2 .v2-pm-serp{left:10px;top:12px;width:78%}
	body.md-v2 .v2-pm-note{right:8px;font-size:10.5px}
	body.md-v2 .v2-pm-note.n-a{top:auto;bottom:12px}
	body.md-v2 .v2-pm-note.n-b{display:none}
}
@media (prefers-reduced-motion:reduce){
	body.md-v2 .v2-pmock *{animation:none !important}
	body.md-v2 .v2-pm-scan{display:none}
}

/* Preuve */
body.md-v2 .v2-sec-proof{background:var(--v2-navy);color:#fff}
body.md-v2 .v2-sec-proof .v2-kicker{color:var(--v2-gold)}
body.md-v2 .v2-sec-proof h2{color:#fff}
body.md-v2 .v2-sec-proof .v2-sec-lead{color:rgba(246,241,231,.7)}
body.md-v2 .v2-proof-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:40px}
body.md-v2 .v2-proof-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:28px}
body.md-v2 .v2-proof-card.is-featured{border-color:rgba(240,180,41,.35);background:rgba(240,180,41,.06)}
body.md-v2 .v2-proof-card .v2-who{font:700 12px/1 var(--v2-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--v2-gold);margin-bottom:12px}
body.md-v2 .v2-proof-card h3{font:700 22px/1.25 var(--v2-sans);color:#fff;margin-bottom:12px}
body.md-v2 .v2-proof-card p{font:400 15px/1.6 var(--v2-sans);color:rgba(246,241,231,.72)}
body.md-v2 .v2-proof-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
body.md-v2 .v2-proof-stats span{font:700 12px/1 var(--v2-sans);color:var(--v2-navy);background:var(--v2-gold);padding:8px 12px;border-radius:999px}
body.md-v2 .v2-proof-quote{
	margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);
	font:italic 15px/1.55 var(--v2-sans);color:rgba(246,241,231,.85);
}
body.md-v2 .v2-proof-quote cite{display:block;margin-top:10px;font-style:normal;font-size:12px;color:rgba(246,241,231,.55);font-weight:600}
body.md-v2 .v2-proof-note{
	margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);
	font:400 12px/1.5 var(--v2-sans);color:rgba(246,241,231,.5);
}

/* Comment ca marche */
body.md-v2 .v2-sec-how{background:#fff}
body.md-v2 .v2-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
body.md-v2 .v2-how-step{border-top:2px solid var(--v2-gold);padding:24px 8px 0 0}
body.md-v2 .v2-how-step .v2-num{font:700 12px ui-monospace,Menlo,monospace;color:var(--v2-gold-deep);margin-bottom:12px}
body.md-v2 .v2-how-step h3{font:700 19px var(--v2-sans);color:var(--v2-navy);margin-bottom:10px}
body.md-v2 .v2-how-step p{font:400 14.5px/1.6 var(--v2-sans);color:var(--v2-muted)}

/* Offres */
body.md-v2 .v2-sec-offers{background:var(--v2-cream-2)}
body.md-v2 .v2-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;align-items:stretch}
body.md-v2 .v2-offer{
	background:#fff;border:1px solid var(--v2-line);border-radius:18px;padding:26px 22px;
	display:flex;flex-direction:column;gap:14px;position:relative;
}
body.md-v2 .v2-offer.is-feat{border-color:var(--v2-navy);box-shadow:8px 8px 0 var(--v2-gold);transform:translateY(-4px)}
body.md-v2 .v2-offer .v2-flag{
	position:absolute;top:-12px;left:20px;background:var(--v2-gold);color:var(--v2-navy);
	font:700 10px/1 var(--v2-sans);letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;border-radius:6px;
}
body.md-v2 .v2-offer .v2-lvl{font:700 11px/1 var(--v2-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--v2-gold-deep)}
body.md-v2 .v2-offer h3{font-family:var(--v2-serif);font-size:26px;font-weight:600;color:var(--v2-navy)}
body.md-v2 .v2-offer .v2-desc{font:400 14.5px/1.55 var(--v2-sans);color:var(--v2-muted);flex:0}
body.md-v2 .v2-offer ul{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1;margin:4px 0 8px}
body.md-v2 .v2-offer li{font:400 14px var(--v2-sans);display:flex;gap:8px;color:var(--v2-ink)}
body.md-v2 .v2-offer li::before{content:"✓";color:var(--v2-gold-deep);font-weight:800}
body.md-v2 .v2-offer .v2-o-cta{margin-top:auto}

/* Bandeau maillage interne */
body.md-v2 .v2-links-band{background:#fff;border-top:1px solid var(--v2-line);padding:34px 0}
body.md-v2 .v2-links-band .v2-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 26px}
body.md-v2 .v2-links-band span{font:700 11px var(--v2-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--v2-muted)}
body.md-v2 .v2-links-band a{font:600 14px var(--v2-sans);color:var(--v2-navy);border-bottom:1.5px solid rgba(13,27,42,.18);padding-bottom:2px}
body.md-v2 .v2-links-band a:hover{border-color:var(--v2-gold-deep);color:var(--v2-gold-deep)}


/* ══════════════════════════════════════════════════════════
   V3 · AMELIORATIONS DESIGN (sept. 2026)
   A. Methode illustree · B. Contact 2 colonnes · C. Graphiques preuves · D. Bas de page
   ══════════════════════════════════════════════════════════ */

/* Cormorant affiche des chiffres « anciens » (le 1 ressemble a un i) : chiffres alignes sur tous les titres serif */
body.md-v2 .v2-h1,body.md-v2 h2,body.md-v2 h3{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}

/* ── A. Methode : un mini-mockup par etape (reprend le socle .v2-pmock) ── */
body.md-v2 .v2-how-grid{gap:22px}
body.md-v2 .v2-how-step{border-top:0;padding:0;display:flex;flex-direction:column}
body.md-v2 .v2-how-step .v2-num{display:flex;align-items:center;gap:10px;margin:20px 0 8px}
body.md-v2 .v2-how-step .v2-num::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--v2-gold),transparent)}
body.md-v2 .v2-how-step h3{font-family:var(--v2-serif);font-size:25px;font-weight:600;line-height:1.15;margin-bottom:8px}
body.md-v2 .v2-hmock{height:172px;display:flex;align-items:center;justify-content:center;padding:14px}
body.md-v2 .v2-hm-card{
	background:#fff;border:1px solid rgba(13,27,42,.06);border-radius:13px;
	box-shadow:0 2px 4px rgba(13,27,42,.04),0 14px 30px rgba(13,27,42,.11);
}
/* Audit */
body.md-v2 .v2-hm-audit{display:flex;align-items:center;gap:14px;padding:14px 16px}
body.md-v2 .v2-hm-timer{position:relative;width:54px;height:54px;flex-shrink:0}
body.md-v2 .v2-hm-timer svg{width:100%;height:100%;transform:rotate(-90deg);display:block}
body.md-v2 .v2-hm-timer circle{fill:none;stroke-width:4}
body.md-v2 .v2-hm-timer .trk{stroke:rgba(13,27,42,.09)}
body.md-v2 .v2-hm-timer .val{stroke:var(--v2-gold);stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:0;animation:v2HmTimer 6.5s var(--v2-ease) infinite both}
body.md-v2 .v2-hm-timer b{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:14px;font-weight:800;color:var(--v2-navy);line-height:1}
body.md-v2 .v2-hm-timer b small{display:block;font-size:8.5px;font-weight:600;color:var(--v2-muted);margin-top:1px}
body.md-v2 .v2-hm-check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
body.md-v2 .v2-hm-check li{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--v2-navy);white-space:nowrap;animation:v2PmIn 6.5s var(--v2-ease) infinite both}
body.md-v2 .v2-hm-check li i{width:16px;height:16px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800;background:rgba(46,140,90,.12);color:#2F6A47}
body.md-v2 .v2-hm-check li.c2{animation-delay:.45s}
body.md-v2 .v2-hm-check li.c3{animation-delay:.9s}
body.md-v2 .v2-hm-check li.c3 i{background:var(--v2-gold);color:var(--v2-navy)}
/* Implementation */
body.md-v2 .v2-hm-connect{gap:0}
body.md-v2 .v2-hm-tools{display:flex;flex-direction:column;gap:10px}
body.md-v2 .v2-hm-tools > span{
	display:flex;align-items:center;gap:7px;background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:999px;
	padding:5px 10px 5px 5px;font-size:11.5px;font-weight:600;color:var(--v2-navy);box-shadow:0 6px 14px rgba(13,27,42,.07);
}
body.md-v2 .v2-hm-tools i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--v2-cream-2);color:var(--v2-navy);font-style:normal}
body.md-v2 .v2-hm-tools em{width:7px;height:7px;border-radius:50%;margin-left:auto;background:#2F9E6A;animation:v2HmOn 6.5s ease infinite both}
body.md-v2 .v2-hm-tools .t2 em{animation-delay:.5s}
body.md-v2 .v2-hm-tools .t3 em{animation-delay:1s}
body.md-v2 .v2-hm-wires{width:46px;height:104px;flex-shrink:0;overflow:visible}
body.md-v2 .v2-hm-wires path{fill:none;stroke:var(--v2-gold-deep);stroke-width:1.4;stroke-dasharray:3 4;opacity:.7;animation:v2HmFlow 1.6s linear infinite}
body.md-v2 .v2-hm-hub{display:flex;flex-direction:column;align-items:center;gap:6px}
body.md-v2 .v2-hm-hub .v2-hm-seal{
	width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--v2-navy);color:var(--v2-gold);
	font-size:20px;font-weight:800;border:1.5px solid rgba(240,180,41,.5);box-shadow:0 0 0 5px rgba(240,180,41,.12),0 10px 22px rgba(13,27,42,.2);
}
body.md-v2 .v2-hm-hub small{font-size:10px;font-weight:700;color:#2F6A47;letter-spacing:.02em}
/* Pilotage */
body.md-v2 .v2-hm-dash{width:82%;max-width:270px;padding:12px 14px}
body.md-v2 .v2-hm-dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
body.md-v2 .v2-hm-dash-head b{font-size:12.5px;font-weight:700;color:var(--v2-navy)}
body.md-v2 .v2-hm-chip{font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--v2-gold-deep);background:rgba(240,180,41,.12);border:1px solid rgba(201,144,26,.3);border-radius:999px;padding:3px 8px}
body.md-v2 .v2-hm-bars{display:flex;align-items:flex-end;gap:7px;height:52px;padding-bottom:1px;border-bottom:1px solid var(--v2-line)}
body.md-v2 .v2-hm-bars i{flex:1;height:var(--h);border-radius:4px 4px 1px 1px;background:rgba(13,27,42,.14);transform-origin:bottom;animation:v2HmBar 6.5s var(--v2-ease) infinite both}
body.md-v2 .v2-hm-bars i:nth-child(2){animation-delay:.1s}
body.md-v2 .v2-hm-bars i:nth-child(3){animation-delay:.2s}
body.md-v2 .v2-hm-bars i:nth-child(4){animation-delay:.3s}
body.md-v2 .v2-hm-bars i:nth-child(5){animation-delay:.4s;background:var(--v2-gold)}
body.md-v2 .v2-hm-bars i:nth-child(6){animation-delay:.5s;background:var(--v2-gold)}
body.md-v2 .v2-hm-dash-foot{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:11px;font-weight:600;color:var(--v2-navy);animation:v2PmIn 6.5s var(--v2-ease) infinite both;animation-delay:1s}
body.md-v2 .v2-hm-dash-foot .v2-pm-h{width:18px;height:18px;border-radius:6px;font-size:9px}

@keyframes v2HmTimer{0%,6%{stroke-dashoffset:113}40%,100%{stroke-dashoffset:0}}
@keyframes v2HmOn{0%,30%{background:rgba(13,27,42,.15)}40%,100%{background:#2F9E6A}}
@keyframes v2HmFlow{to{stroke-dashoffset:-14}}
@keyframes v2HmBar{0%,8%{transform:scaleY(.12)}40%,92%{transform:scaleY(1)}100%{transform:scaleY(1)}}

/* ── C. Resultats : mini-graphiques fideles aux chiffres publies ── */
body.md-v2 .v2-proof-card h3{font-family:var(--v2-serif);font-size:27px;font-weight:600;line-height:1.18}
body.md-v2 .v2-pviz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
body.md-v2 .v2-pviz.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
body.md-v2 .v2-pv{margin:0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
body.md-v2 .v2-pv-viz{height:78px;display:flex;align-items:flex-end;justify-content:center;position:relative}
body.md-v2 .v2-pv figcaption{font:500 11.5px/1.35 var(--v2-sans);color:rgba(246,241,231,.62)}
body.md-v2 .v2-pv figcaption strong{display:block;font:700 19px/1.1 var(--v2-sans);color:var(--v2-gold);margin-bottom:2px}
/* Barres avant / apres */
body.md-v2 .v2-pv-bars{gap:12px}
body.md-v2 .v2-pv-bars > span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px;font-size:9.5px;font-weight:600;color:rgba(246,241,231,.5);letter-spacing:.04em;text-transform:uppercase}
body.md-v2 .v2-pv-bars i{display:block;width:30px;border-radius:5px 5px 2px 2px;transform-origin:bottom;transition:transform .9s var(--v2-ease)}
body.md-v2 .v2-pv-bars .is-before i{height:19px;background:rgba(246,241,231,.22)}
body.md-v2 .v2-pv-bars .is-after i{height:57px;background:var(--v2-gold);transition-delay:.25s}
/* Jauge cout par demande */
body.md-v2 .v2-pv-gauge{flex-direction:column;align-items:stretch;justify-content:center;gap:8px}
body.md-v2 .v2-pv-trk{position:relative;height:8px;border-radius:999px;background:rgba(246,241,231,.12)}
body.md-v2 .v2-pv-fill{position:absolute;left:0;top:0;bottom:0;width:33%;border-radius:999px;background:var(--v2-gold);transform-origin:left;transition:transform .9s var(--v2-ease)}
body.md-v2 .v2-pv-trk::after{content:"";position:absolute;right:0;top:-5px;bottom:-5px;width:2px;border-radius:1px;background:rgba(246,241,231,.45)}
body.md-v2 .v2-pv-lbls{position:relative;height:14px;font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(246,241,231,.5)}
body.md-v2 .v2-pv-lbls em{position:absolute;top:0;font-style:normal;white-space:nowrap}
body.md-v2 .v2-pv-lbls .is-val{left:33%;transform:translateX(-50%);color:var(--v2-gold)}
body.md-v2 .v2-pv-lbls .is-target{right:0}
/* 19 contenus */
body.md-v2 .v2-pv-dots{align-items:center}
body.md-v2 .v2-pv-dots > div{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;width:100%;max-width:130px}
body.md-v2 .v2-pv-dots i{aspect-ratio:1;border-radius:2px;background:var(--v2-gold);transition:opacity .4s ease,transform .4s var(--v2-ease);transition-delay:calc(var(--i) * 35ms)}
/* Courbe de visites */
body.md-v2 .v2-pv-spark svg{width:100%;height:100%;display:block;overflow:visible}
body.md-v2 .v2-pv-spark .area{fill:rgba(240,180,41,.12);transition:opacity .8s ease .6s}
body.md-v2 .v2-pv-spark .line{fill:none;stroke:var(--v2-gold);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s var(--v2-ease)}
body.md-v2 .v2-pv-spark circle{fill:var(--v2-gold);stroke:var(--v2-navy);stroke-width:2;transition:opacity .3s ease 1.1s}
/* Mini resultats Google */
body.md-v2 .v2-pv-serp{flex-direction:column;align-items:stretch;justify-content:center;gap:6px}
body.md-v2 .v2-pv-serp > span{display:flex;align-items:center;gap:7px;height:14px;position:relative}
body.md-v2 .v2-pv-serp i{width:9px;height:9px;border-radius:50%;background:rgba(246,241,231,.2);flex-shrink:0}
body.md-v2 .v2-pv-serp u{display:block;height:5px;border-radius:3px;background:rgba(246,241,231,.16);width:70%;text-decoration:none}
body.md-v2 .v2-pv-serp span:nth-child(2) u{width:58%}
body.md-v2 .v2-pv-serp span:nth-child(4) u{width:64%}
body.md-v2 .v2-pv-serp span:nth-child(4){opacity:.5}
body.md-v2 .v2-pv-serp .is-you i{background:var(--v2-gold)}
body.md-v2 .v2-pv-serp .is-you u{background:var(--v2-gold);width:52%;transition:transform .7s var(--v2-ease) .3s;transform-origin:left}
body.md-v2 .v2-pv-serp .is-you b{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--v2-navy);background:var(--v2-gold);border-radius:4px;padding:1px 5px}
body.md-v2 .v2-pv-serp .v2-pv-top3{position:absolute;left:-6px;right:-6px;top:-4px;height:62px;border:1.5px dashed rgba(240,180,41,.45);border-radius:8px;pointer-events:none}
/* Etat initial (seulement si JS actif + animations autorisees), declenche a l'entree dans l'ecran */
html.v3-anim body.md-v2 [data-v3-anim]:not(.is-in) .v2-pv-bars i{transform:scaleY(0)}
html.v3-anim body.md-v2 [data-v3-anim]:not(.is-in) .v2-pv-fill{transform:scaleX(0)}
html.v3-anim body.md-v2 [data-v3-anim]:not(.is-in) .v2-pv-dots i{opacity:0;transform:scale(.4)}
html.v3-anim body.md-v2 [data-v3-anim]:not(.is-in) .v2-pv-spark .line{stroke-dashoffset:1}
html.v3-anim body.md-v2 [data-v3-anim]:not(.is-in) .v2-pv-spark .area,
html.v3-anim body.md-v2 [data-v3-anim]:not(.is-in) .v2-pv-spark circle{opacity:0}
html.v3-anim body.md-v2 [data-v3-anim]:not(.is-in) .v2-pv-serp .is-you u{transform:scaleX(0)}

/* ── B. Contact en 2 colonnes (formulaire lp.js inchange) ── */
body.md-v2 .v3-contact{padding:96px 0;background:var(--v2-navy)}
body.md-v2 .v3-contact-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;align-items:start}
body.md-v2 .v3-contact-copy{position:sticky;top:112px}
body.md-v2 .v3-contact .v2-kicker{color:var(--v2-gold)}
body.md-v2 .v3-contact h2{font-family:var(--v2-serif);font-size:clamp(32px,3.6vw,44px);font-weight:600;line-height:1.12;letter-spacing:-.015em;color:#fff;text-align:left;margin:0}
body.md-v2 .v3-contact-lead{font:400 16.5px/1.65 var(--v2-sans);color:rgba(246,241,231,.72);margin-top:16px;max-width:30em}
body.md-v2 .v3-cp{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
body.md-v2 .v3-cp li{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
body.md-v2 .v3-cp .v3-n{width:32px;height:32px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:rgba(240,180,41,.15);color:var(--v2-gold);font:800 13px var(--v2-sans)}
body.md-v2 .v3-cp b{display:block;font:700 15px/1.3 var(--v2-sans);color:#fff;margin-bottom:3px}
body.md-v2 .v3-cp .v3-t{font:400 13.5px/1.45 var(--v2-sans);color:rgba(246,241,231,.62)}
body.md-v2 .v3-deliver{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
body.md-v2 .v3-deliver .v3-deliver-ttl{font:700 11px/1 var(--v2-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--v2-gold);margin-bottom:14px}
body.md-v2 .v3-deliver ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
body.md-v2 .v3-deliver li{font:500 14.5px/1.45 var(--v2-sans);color:rgba(246,241,231,.86);display:flex;gap:10px}
body.md-v2 .v3-deliver li::before{content:"✓";color:var(--v2-gold);font-weight:800;flex-shrink:0}
body.md-v2 .v3-contact .form-wrapper{max-width:none;margin:0;border-radius:20px;padding:34px 32px}

/* ── D. Bas de page harmonise ── */
body.md-v2 .v2-btn-outline{
	display:flex;align-items:center;justify-content:center;width:100%;
	border:1.5px solid var(--v2-navy);background:transparent;color:var(--v2-navy);border-radius:9px;
	padding:13px 18px;font:700 14.5px var(--v2-sans);cursor:pointer;
	transition:background .2s,color .2s,box-shadow .2s,transform .2s var(--v2-ease);
}
body.md-v2 .v2-btn-outline:hover{background:var(--v2-navy);color:#fff;box-shadow:4px 4px 0 var(--v2-gold);transform:translate(-1px,-1px)}
body.md-v2 .v2-offer .v2-btn-navy{width:100%;justify-content:center}
/* Newsletter */
body.md-v2 .v3-nl{background:var(--v2-cream);border-top:1px solid var(--v2-line);padding:56px 0}
body.md-v2 .v3-nl .newsletter-text h3{font-family:var(--v2-serif);font-size:30px;font-weight:600;line-height:1.15;color:var(--v2-navy);margin-bottom:8px}
body.md-v2 .v3-nl .newsletter-text p{font:400 15.5px/1.6 var(--v2-sans);color:var(--v2-muted)}
body.md-v2 .v3-nl .newsletter-form input{border:1px solid rgba(13,27,42,.16);border-radius:9px;font-family:var(--v2-sans)}
body.md-v2 .v3-nl .newsletter-form input:focus{border-color:var(--v2-gold);box-shadow:0 0 0 3px rgba(240,180,41,.2)}
body.md-v2 .v3-nl .btn-nl{background:var(--v2-navy);color:#fff;border:0;border-radius:9px;padding:14px 22px;font:700 15px var(--v2-sans);box-shadow:4px 4px 0 var(--v2-gold);transition:transform .2s var(--v2-ease),box-shadow .2s}
body.md-v2 .v3-nl .btn-nl:hover{background:var(--v2-navy);color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--v2-gold)}
/* FAQ */
body.md-v2 .v3-faq{background:#fff;padding:96px 0}
body.md-v2 .v3-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
body.md-v2 .v3-faq-intro{position:sticky;top:112px}
body.md-v2 .v3-faq h2{font-family:var(--v2-serif);font-size:clamp(32px,3.6vw,44px);font-weight:600;line-height:1.12;letter-spacing:-.015em;color:var(--v2-navy);text-align:left;margin:0}
body.md-v2 .v3-faq-lead{font:400 16px/1.65 var(--v2-sans);color:var(--v2-muted);margin:14px 0 26px;max-width:26em}
body.md-v2 .v3-faq .faq-list{max-width:none;margin:0}
body.md-v2 .v3-faq .faq-item{border-bottom:1px solid var(--v2-line)}
body.md-v2 .v3-faq .faq-item:first-child{border-top:1px solid var(--v2-line)}
body.md-v2 .v3-faq .faq-trigger{color:var(--v2-navy);font:600 17px/1.35 var(--v2-sans);padding:22px 0}
body.md-v2 .v3-faq .faq-trigger:hover,
body.md-v2 .v3-faq .faq-trigger[aria-expanded="true"]{color:var(--v2-gold-deep)}
body.md-v2 .v3-faq .faq-icon{color:var(--v2-gold-deep)}
body.md-v2 .v3-faq .faq-body p{font:400 15.5px/1.7 var(--v2-sans);color:var(--v2-muted)}

@media (max-width:960px){
	body.md-v2 .v3-contact{padding:64px 0}
	body.md-v2 .v3-contact-grid,
	body.md-v2 .v3-faq-grid{grid-template-columns:1fr;gap:36px}
	body.md-v2 .v3-contact-copy,
	body.md-v2 .v3-faq-intro{position:static}
	body.md-v2 .v3-faq{padding:64px 0}
}
@media (max-width:560px){
	body.md-v2 .v2-pviz{grid-template-columns:repeat(2,minmax(0,1fr))}
	body.md-v2 .v2-pviz:not(.is-two) .v2-pv:last-child{grid-column:1 / -1}
	body.md-v2 .v2-pviz:not(.is-two) .v2-pv:last-child .v2-pv-viz{height:34px}
	body.md-v2 .v3-contact .form-wrapper{padding:26px 16px}
	body.md-v2 .v3-deliver{display:none} /* mobile : le formulaire remonte, les livrables sont deja dans l'etape 3 */
	body.md-v2 .v3-nl .newsletter-text h3{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
	body.md-v2 .v2-pv *{transition:none !important}
}



/* ── Responsive ── */
@media (max-width:1023px){
	body.md-v2 .v2-hero{padding-top:112px}
}
@media (max-width:960px){
	body.md-v2 .v2-stage{grid-template-columns:1fr;padding:24px 5vw 20px;gap:36px}
	body.md-v2 .v2-copy{max-width:100%}
	body.md-v2 .v2-h1{font-size:clamp(38px,9vw,52px)}
	body.md-v2 .v2-h1 .v2-accent{white-space:normal}
	body.md-v2 .v2-visual{min-height:400px;margin-top:8px}
	body.md-v2 .v2-demo-wrap{width:min(420px,100%)}
	body.md-v2 .v2-n1{right:-4px}
	body.md-v2 .v2-n2{left:-4px}
	body.md-v2 .v2-grid{mask-image:linear-gradient(180deg,#000 0%,transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%);opacity:.5}
	body.md-v2 .v2-rail-inner{grid-template-columns:1fr;gap:16px}
	body.md-v2 .v2-rail-item{border-right:0;padding:0 0 14px;border-bottom:1px solid var(--v2-line)}
	body.md-v2 .v2-rail-item:last-child{border:0;padding-bottom:0}
	body.md-v2 .v2-line-deco{display:none}
	body.md-v2 .v2-pain-grid,
	body.md-v2 .v2-pilier-grid,
	body.md-v2 .v2-proof-grid,
	body.md-v2 .v2-how-grid,
	body.md-v2 .v2-offer-grid{grid-template-columns:1fr}
	body.md-v2 .v2-pain-mid{flex-direction:row;min-height:auto;padding:8px 0}
	body.md-v2 .v2-pain-mid .v2-arrow-v{width:40px;height:2px;min-height:0;background:linear-gradient(90deg,var(--v2-line),var(--v2-gold))}
	body.md-v2 .v2-offer.is-feat{transform:none}
	body.md-v2 .v2-sec{padding:64px 0}
}
@media (max-width:767px){
	body.md-v2 .v2-hero{padding-top:94px}   /* navbar 70 + air */
}
@media (max-width:480px){
	body.md-v2 .v2-actions{flex-direction:column;align-items:stretch}
	body.md-v2 .v2-btn{width:100%;text-align:center}
	body.md-v2 .v2-visual{min-height:380px}
	body.md-v2 .v2-demo{padding:14px}
	body.md-v2 .v2-note{display:none}
	body.md-v2 .v2-chat{min-height:150px}
	body.md-v2 .v2-bubble{font-size:13px}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
	body.md-v2 *,body.md-v2 *::before,body.md-v2 *::after{
		animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;
	}
	body.md-v2 .v2-grid,
	body.md-v2 .v2-eyebrow,
	body.md-v2 .v2-h1,
	body.md-v2 .v2-lede,
	body.md-v2 .v2-actions,
	body.md-v2 .v2-trust,
	body.md-v2 .v2-visual,
	body.md-v2 .v2-rail{opacity:1;transform:none}
	body.md-v2 .v2-h1 .v2-accent::after{transform:scaleX(1)}
	body.md-v2 .v2-float .v2-demo,
	body.md-v2 .v2-seal-ring,
	body.md-v2 .v2-wave i,
	body.md-v2 .v2-cur{animation:none !important}
	body.md-v2 .v2-av.is-done .v2-seal-core .v2-hletter{opacity:0}
	body.md-v2 .v2-av.is-done .v2-seal-core .v2-check{opacity:1;transform:none}
	body.md-v2 .v2-note{opacity:1;transform:none;position:static;margin-top:8px}
	body.md-v2 .v2-note + .v2-note{margin-top:6px}
	body.md-v2 .v2-result{opacity:1;transform:none}
	body.md-v2 #v2-hermes-bubble{display:flex !important}
}

/* ══════════════════════════════════════════════════════════════
   COMPOSANTS PARTAGÉS v3.1 (sept. 2026) · issus de la page Présence en ligne
   Cartes illustrées, compléments, bandeau de liaison entre piliers, méthode en frise.
   ══════════════════════════════════════════════════════════════ */
body.md-v2 .v2-h1 span{font-family:inherit}
body.md-v2 .v2-h1,body.md-v2 h2,body.md-v2 h3{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
body.md-v2 .pe-bricks{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
body.md-v2 .pe-bricks>*{min-width:0}
body.md-v2 .pe-mock{height:210px;display:flex;align-items:center;justify-content:center;padding:16px}
body.md-v2 .pe-card{background:#fff;border:1px solid rgba(13,27,42,.06);border-radius:13px;box-shadow:0 2px 4px rgba(13,27,42,.04),0 14px 30px rgba(13,27,42,.11);font-family:var(--v2-sans)}
body.md-v2 .pe-card span,body.md-v2 .pe-card b,body.md-v2 .pe-card small,body.md-v2 .pe-card strong,body.md-v2 .pe-card em{font-family:var(--v2-sans)}
body.md-v2 .pe-f-ico{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--v2-gold);color:var(--v2-navy);font-size:12px;font-weight:800}
body.md-v2 .pe-extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
body.md-v2 .pe-extras.is-four{grid-template-columns:repeat(4,1fr)}
body.md-v2 .pe-extra{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--v2-line);border-radius:16px;padding:18px 20px;text-decoration:none}
body.md-v2 .pe-extras.is-four .pe-extra{flex-direction:column;gap:10px}
body.md-v2 a.pe-extra:hover{border-color:rgba(201,144,26,.45)}
body.md-v2 .pe-extra .pe-x-ico{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:rgba(240,180,41,.14);color:var(--v2-gold-deep)}
body.md-v2 .pe-extra h3{font:700 15.5px/1.3 var(--v2-sans);color:var(--v2-navy);margin:0 0 4px}
body.md-v2 .pe-extra p{font:400 14px/1.55 var(--v2-sans);color:var(--v2-muted);margin:0}
body.md-v2 .pe-synergy{background:var(--v2-navy);border-radius:22px;padding:34px 38px;display:grid;grid-template-columns:1.4fr auto;gap:28px;align-items:center;margin-top:48px;position:relative;overflow:hidden}
body.md-v2 .pe-synergy::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(240,180,41,.22),transparent 70%)}
body.md-v2 .pe-synergy .v2-kicker{color:var(--v2-gold)}
body.md-v2 .pe-synergy h3{font-family:var(--v2-serif);font-size:30px;font-weight:600;line-height:1.15;color:#fff;margin:0 0 8px}
body.md-v2 .pe-synergy p:not(.v2-kicker){font:400 15.5px/1.6 var(--v2-sans);color:rgba(246,241,231,.72);margin:0;max-width:40em}
body.md-v2 .pe-synergy a.pe-syn-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1.5px solid var(--v2-gold);color:var(--v2-gold);border-radius:9px;padding:13px 18px;font:700 14.5px var(--v2-sans);text-decoration:none;transition:background .2s,color .2s}
body.md-v2 .pe-synergy a.pe-syn-cta:hover{background:var(--v2-gold);color:var(--v2-navy)}
body.md-v2 .pe-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
body.md-v2 .pe-steps::before{content:"";position:absolute;left:8%;right:8%;top:27px;height:2px;background:linear-gradient(90deg,var(--v2-gold),rgba(240,180,41,.25))}
body.md-v2 .pe-step{position:relative;text-align:left}
body.md-v2 .pe-step-ico{position:relative;z-index:1;width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:var(--v2-navy);color:var(--v2-gold);box-shadow:0 0 0 6px #fff,0 12px 26px rgba(13,27,42,.18)}
body.md-v2 .pe-step .v2-num{font:700 12px ui-monospace,Menlo,monospace;color:var(--v2-gold-deep);margin:18px 0 6px}
body.md-v2 .pe-step h3{font-family:var(--v2-serif);font-size:25px;font-weight:600;color:var(--v2-navy);margin:0 0 8px}
body.md-v2 .pe-step p{font:400 14.5px/1.6 var(--v2-sans);color:var(--v2-muted);margin:0}
body.md-v2 .pe-step .pe-when{display:inline-block;margin-top:12px;font:700 10.5px/1 var(--v2-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--v2-gold-deep);background:rgba(240,180,41,.12);border:1px solid rgba(201,144,26,.3);border-radius:999px;padding:6px 10px}
@media (max-width:960px){
	body.md-v2 .pe-bricks,body.md-v2 .pe-extras,body.md-v2 .pe-extras.is-four{grid-template-columns:1fr}
	body.md-v2 .pe-synergy{grid-template-columns:1fr;padding:28px 24px}
	body.md-v2 .pe-steps{grid-template-columns:1fr;gap:34px}
	body.md-v2 .pe-steps::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:linear-gradient(180deg,var(--v2-gold),rgba(240,180,41,.25))}
	body.md-v2 .pe-step{padding-left:76px}
	body.md-v2 .pe-step-ico{position:absolute;left:0;top:0}
	body.md-v2 .pe-step .v2-num{margin-top:4px}
}
@media (min-width:961px) and (max-width:1180px){
	body.md-v2 .pe-extras.is-four{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
	body.md-v2 .pe-mock{height:196px;padding:12px}
}