/* Levodia : composition citron et circuits. Les interactions restent natives. */
body.lv-site { background: #fffdf7 !important; }
.lv-home2__hero,
.lv-custom__hero,
.lv-library-hero,
.lv-report-hero,
.lv-home-hero {
	background: #faf7eb;
	border: 1px solid #e4dfc8;
	border-radius: 2rem 2rem 5rem 2rem;
	box-shadow: 0 18px 45px -32px rgba(66, 58, 24, .25);
	margin: 6.4rem auto 2rem;
	max-width: 1680px;
	min-height: 37rem;
	overflow: hidden;
	padding: clamp(3.5rem, 6vw, 6rem) 1.5rem;
	position: relative;
	width: calc(100% - 3rem);
}
.lv-home2__hero::before,
.lv-custom__hero::before,
.lv-library-hero::before,
.lv-report-hero::before,
.lv-home-hero::before {
	background: url('../img/citrus-circuit.svg') no-repeat right center / auto 112%;
	inset: 0;
	mask-image: none;
	opacity: 1;
}
.lv-home2__hero::after,
.lv-custom__hero::after,
.lv-library-hero::after,
.lv-report-hero::after,
.lv-home-hero::after {
	background: #263c31;
	bottom: 2rem;
	height: 3px;
	left: 3rem;
	opacity: 1;
	right: auto;
	width: 3rem;
}
.lv-home2__hero h1, .lv-custom__hero h1, .lv-library-hero h1 {
	color: #202a24;
	letter-spacing: -.055em;
	line-height: 1.04;
	text-wrap: balance;
}
.lv-home2__hero h1 { font-size: clamp(2.7rem, 4.4vw, 4.35rem); }
.lv-home2__hero .lv-reveal, .lv-custom__hero .lv-custom-reveal {
	opacity: 1;
	transform: none;
}
.lv-home2__hero .lv-button--primary,
.lv-custom__hero .lv-button--primary,
.lv-library-hero .lv-button--primary {
	background: #263c31 !important;
	border-color: #263c31 !important;
	box-shadow: 0 7px 0 -3px #f2cb13 !important;
}
.lv-home2__hero .lv-button--primary:hover,
.lv-custom__hero .lv-button--primary:hover,
.lv-library-hero .lv-button--primary:hover {
	background: #385542 !important;
	box-shadow: 0 9px 0 -3px #f2cb13 !important;
}
.lv-home2__hero .lv-home2__kicker,
.lv-custom__hero .lv-custom__kicker,
.lv-library-hero .lv-eyebrow { color: #39705e !important; }
.lv-home2__visual::before { display: none; }
.lv-home2__decision-card,
.lv-home2__visual.is-interacting .lv-home2__decision-card,
.lv-custom__blueprint,
.lv-custom__blueprint.is-interacting,
.lv-library-browser,
.lv-library-browser.is-interacting {
	background: #fffef9;
	border: 1px solid #d8dccf;
	border-radius: 1.1rem;
	box-shadow: 0 28px 48px -25px rgba(38, 60, 49, .28), 8px 8px 0 #ede7d3;
	color: #25352c;
}
.lv-home2__decision-card::before, .lv-custom__blueprint::before, .lv-custom__blueprint::after,
.lv-library-browser::before, .lv-library-browser::after { display: none; }
.lv-home2__decision-card header,
.lv-custom__blueprint header,
.lv-library-browser__top { border-bottom-color: #e2e6d8; }
.lv-home2__decision-card header small,
.lv-home2__kpi-row small,
.lv-home2__trend small,
.lv-home2__decision-card footer,
.lv-custom__blueprint header span,
.lv-custom__blueprint-flow small,
.lv-library-browser__top span,
.lv-library-browser__kpis small,
.lv-library-browser__chart header small,
.lv-library-browser__bars small,
.lv-library-browser__insight { color: #647064; }
.lv-home2__kpi-row strong,
.lv-home2__decision-card footer strong,
.lv-custom__blueprint-goal strong,
.lv-custom__blueprint-flow b,
.lv-custom__blueprint footer strong,
.lv-library-browser__kpis strong,
.lv-library-browser__chart header strong,
.lv-library-browser__insight strong { color: #24372b; }
.lv-home2__kpi-row em,
.lv-home2__trend b,
.lv-custom__blueprint header b,
.lv-custom__blueprint-goal small,
.lv-custom__blueprint footer span,
.lv-library-browser__kpis em,
.lv-library-browser__top strong,
.lv-library-browser__chart header > span { color: #257251; }
.lv-home2__kpi-row > div,
.lv-library-browser__kpis > div { background: #f3f6ee; border-color: #e0e6d7; }
.lv-home2__kpi-row > div:first-child { background: #fff3b7; }
.lv-home2__kpi-row > div:hover,
.lv-library-browser__kpis > div:hover,
.lv-library-browser__kpis > div.is-active {
	background: #fff3b7;
	border-color: #d6c571;
	box-shadow: 0 5px 15px rgba(78, 72, 36, .08);
}
.lv-home2__trend, .lv-library-browser__chart { background: #fff; border: 1px solid #e5e8dc; }
.lv-home2__bars span { background: #39705e; }
.lv-home2__bars span:nth-child(3n) { background: #deb914; }
.lv-home2__bars span:last-of-type { background: #ec9874; }
.lv-home2__bars::before,
.lv-library-browser__bars { background: repeating-linear-gradient(to bottom, #e8eadd 0 1px, transparent 1px 2.6rem); }
.lv-home2__chart-tooltip { background: #263c31; border-color: #88a692; }
.lv-home2__chart-tooltip small { color: #dbe8df; }
.lv-custom__blueprint-goal { background: #fff4bd; border-color: #f0de92; }
.lv-custom__blueprint-flow > div { animation: lv-citrus-stage 5.4s ease-in-out infinite; background: #f3f6ee; }
.lv-custom__blueprint-flow > div:nth-of-type(2) { animation-delay: 1.8s; }
.lv-custom__blueprint-flow > div:nth-of-type(3) { animation-delay: 3.6s; }
.lv-custom__blueprint-flow > div.is-active { background: #e6f2e9; border-color: #8db8a1; }
.lv-custom__blueprint-flow span,
.lv-custom__blueprint-flow > div:first-child span,
.lv-custom__blueprint-flow > div:last-child span { color: #39705e; }
.lv-custom__blueprint-flow > i { background: #96b5a2; }
.lv-custom__blueprint-flow > i::after { border-left-color: #39705e; }
.lv-custom__blueprint-flow > i::before { background: #e6ad00; box-shadow: 0 0 .7rem #f6d747; }
.lv-custom__blueprint footer { background: #e9f2e9; }
@keyframes lv-citrus-stage {
	0%, 24%, 100% { background: #f3f6ee; border-color: transparent; transform: none; }
	8%, 16% { background: #e6f2e9; border-color: #8db8a1; transform: translateY(-.18rem); }
}
.lv-library-browser__bars i { background: #39705e; }
.lv-library-browser__bars > div:nth-child(2) i { background: #8aac95; }
.lv-library-browser__bars > div:nth-child(3) i { background: #e2bc1d; }
.lv-library-browser__bars > div:nth-child(4) i { background: #ec9874; }

/* Les grandes surfaces suivent la matière du hero, pas le bleu des actions. */
.lv-home2__choices, .lv-custom__inputs { background: #fffdf7; }
.lv-home2__choice--custom, .lv-custom__route--create,
.lv-custom__prepare, .lv-custom__mosaic article:first-child {
	background: #f0f5ec;
	border-color: #d7e2d0;
	box-shadow: 0 16px 35px -22px rgba(48, 70, 42, .18);
}
.lv-home2__final, .lv-library-cta__panel {
	background: #f9e777;
	border-top: 1px solid #e9d563;
	color: #263529;
	isolation: isolate;
	overflow: hidden;
	position: relative;
}
.lv-home2__final::before, .lv-library-cta__panel::before {
	border: 1px solid rgba(108, 100, 32, .18);
	border-radius: 50%;
	content: '';
	height: 34rem;
	position: absolute;
	right: -12rem;
	top: -18rem;
	width: 34rem;
	box-shadow: 0 0 0 45px rgba(255, 255, 255, .13), 0 0 0 90px rgba(255, 255, 255, .1);
	z-index: -1;
}
.lv-home2__final h2, .lv-library-cta h2 { color: #263529; }
.lv-home2__final-copy > p, .lv-library-cta__panel .lv-eyebrow { color: #65561c !important; }
.lv-home2__final-copy > span { color: #5a593a; }
.lv-home2__final-copy > span a { color: #354b2c !important; background: rgba(255,255,255,.35); }
.lv-home2__final .lv-button--primary, .lv-library-cta__panel .lv-button--primary {
	background: #263c31 !important;
	border-color: #263c31 !important;
	box-shadow: 0 7px 18px rgba(66, 60, 25, .14) !important;
}
.lv-footer { background: #202722; }
.lv-footer::before { background: #e7c632; height: 2px; }
.lv-footer::after { display: none; }
.lv-footer__contact { background: #2e382e; border-color: #546149; color: #f9e777; }
.lv-footer__contact:hover, .lv-footer__contact:focus-visible { background: #3b4939; border-color: #c3bb71; }
.lv-footer__nav a:hover, .lv-footer__bottom a:hover, .lv-footer__cookies:hover { color: #f9e777; }
.lv-footer__brand p, .lv-footer__bottom, .lv-footer__bottom a, .lv-footer__cookies { color: #b7c1b6; }

@media (max-width: 1024px) {
	.lv-home2__hero, .lv-custom__hero, .lv-library-hero { padding-inline: 1rem; }
	.lv-home2__hero-grid, .lv-custom__hero-grid, .lv-library-hero__grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 820px) {
	.lv-home2__hero, .lv-custom__hero, .lv-library-hero,
	.lv-report-hero, .lv-home-hero {
		border-radius: 1.25rem 1.25rem 3rem 1.25rem;
		margin-top: 7.4rem;
		min-height: 0;
		padding: 2.5rem .35rem 3rem;
		width: calc(100% - 1.5rem);
	}
	.lv-home2__hero-grid, .lv-custom__hero-grid, .lv-library-hero__grid { grid-template-columns: 1fr; gap: 3rem; }
	.lv-home2__hero::before, .lv-custom__hero::before, .lv-library-hero::before { background-size: auto 43%; background-position: right bottom; }
	.lv-home2__hero::after, .lv-custom__hero::after, .lv-library-hero::after { left: 1.35rem; bottom: 1.4rem; }
	.lv-home2__hero h1 { font-size: clamp(2.35rem, 9vw, 3.4rem); max-width: 17ch; }
	.lv-home2__visual { min-height: 0; }
	.lv-home2__decision-card, .lv-library-browser { box-shadow: 0 20px 30px -20px rgba(38,60,49,.3), 4px 4px 0 #ede7d3; }
}
@media (prefers-reduced-motion: reduce) {
	.lv-custom__blueprint-flow > div { animation: none; }
}
