/* SM-Finance landing — /produits/sm-finance/ */

.sm-finance-lp {
	--smf-navy: #0B1A2B;
	--smf-navy-mid: #1A3558;
	--smf-gold: #5B8DB8;
	--smf-gold-soft: rgba(91, 141, 184, 0.18);
	--smf-ink: #e8eef6;
	--smf-muted: #a8b4c4;
	--smf-cream: #F5F7FA;
	--smf-surface: #12263F;
	position: relative;
	overflow: clip;
	background: var(--smf-navy);
	color: var(--smf-ink);
	font-family: var(--sm-font, inherit);
}

.sm-finance-lp__wrap {
	width: min(1120px, calc(100% - 2rem));
	margin-inline: auto;
}

/* —— Hero (full-bleed) —— */
.sm-finance-lp__hero {
	position: relative;
	min-height: min(92vh, 820px);
	display: flex;
	align-items: center;
	padding: 3.5rem 0 2.5rem;
	background:
		radial-gradient(1000px 520px at 85% 20%, rgba(196, 163, 90, 0.22), transparent 55%),
		radial-gradient(800px 480px at 0% 100%, rgba(27, 54, 93, 0.9), transparent 50%),
		linear-gradient(165deg, #0b1424 0%, #1b365d 55%, #0f1c2e 100%);
	overflow: hidden;
}

.sm-finance-lp__hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M0 60V0h60' fill='none' stroke='%23c4a35a' stroke-opacity='0.06' stroke-width='1'/%3E%3C/svg%3E");
	opacity: 0.7;
	pointer-events: none;
}

.sm-finance-lp__hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 2.5rem;
	align-items: center;
}

.sm-finance-lp__brand {
	margin: 0 0 1rem;
}

.sm-finance-lp__kicker {
	margin: 0 0 0.75rem;
	font-size: 0.82rem;
	font-weight: 650;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--smf-gold);
}

.sm-finance-lp h1,
.sm-finance-lp h2,
.sm-finance-lp h3 {
	margin: 0 0 0.8rem;
	line-height: 1.2;
	color: #fff;
}

.sm-finance-lp h1 {
	font-size: clamp(1.75rem, 4vw, 2.55rem);
	max-width: 16ch;
	font-weight: 700;
}

.sm-finance-lp__lead {
	margin: 0 0 1.35rem;
	font-size: 1.08rem;
	line-height: 1.6;
	color: var(--smf-muted);
	max-width: 38ch;
}

.sm-finance-lp__price {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	margin: 0 0 1.35rem;
}

.sm-finance-lp__price strong {
	font-size: 1.55rem;
	color: var(--smf-gold);
}

.sm-finance-lp__price span {
	color: var(--smf-muted);
	font-size: 0.92rem;
}

.sm-finance-lp__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.85rem 1.25rem;
}

.sm-finance-lp__note {
	margin: 0;
	font-size: 0.88rem;
	color: var(--smf-muted);
}

.sm-finance-lp__note a {
	color: #7BA7D4;
}

.sm-finance-lp__phone {
	margin: 0;
	justify-self: center;
	width: min(280px, 72vw);
	animation: smf-float 7s ease-in-out infinite;
}

.sm-finance-lp__phone img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 28px;
	box-shadow:
		0 28px 60px rgba(0, 0, 0, 0.45),
		0 0 0 1px rgba(196, 163, 90, 0.25);
}

@keyframes smf-float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}

.sm-finance-lp__hero-copy {
	animation: smf-rise 0.85s ease-out both;
}

@keyframes smf-rise {
	from {
		opacity: 0;
		transform: translateY(18px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* —— Sections —— */
.sm-finance-lp__section {
	padding: 3.25rem 0;
	background: var(--smf-navy);
}

.sm-finance-lp__section--alt {
	background: linear-gradient(180deg, #132338 0%, #0f1c2e 100%);
}

.sm-finance-lp__section h2 {
	font-size: clamp(1.45rem, 2.8vw, 1.9rem);
}

.sm-finance-lp__section > .sm-finance-lp__wrap > p,
.sm-finance-lp__split p {
	margin: 0;
	line-height: 1.6;
	color: var(--smf-muted);
	max-width: 52ch;
}

.sm-finance-lp__grid {
	list-style: none;
	margin: 1.75rem 0 0;
	padding: 0;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sm-finance-lp__grid li {
	background: var(--smf-surface);
	border: 1px solid rgba(196, 163, 90, 0.16);
	border-radius: 16px;
	padding: 1.25rem 1.3rem;
	transition: border-color 0.25s ease, transform 0.25s ease;
}

.sm-finance-lp__grid li:hover {
	border-color: rgba(196, 163, 90, 0.4);
	transform: translateY(-2px);
}

.sm-finance-lp__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-bottom: 0.85rem;
	border-radius: 12px;
	background: var(--smf-gold-soft);
	color: var(--smf-gold);
}

.sm-finance-lp__icon svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.75;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.sm-finance-lp__grid h3 {
	font-size: 1.05rem;
	margin-bottom: 0.4rem;
}

.sm-finance-lp__grid p {
	margin: 0;
	line-height: 1.55;
	color: var(--smf-muted);
	font-size: 0.95rem;
}

.sm-finance-lp__split {
	display: grid;
	gap: 2rem;
	align-items: center;
}

.sm-finance-lp__shot {
	margin: 0;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(196, 163, 90, 0.18);
	background: #0b1424;
}

.sm-finance-lp__shot img {
	display: block;
	width: 100%;
	height: auto;
}

.sm-finance-lp__checks {
	margin: 1.1rem 0 0;
	padding: 0;
	list-style: none;
}

.sm-finance-lp__checks li {
	position: relative;
	padding-inline-start: 1.45rem;
	margin: 0.5rem 0;
	color: var(--smf-ink);
	line-height: 1.5;
}

.sm-finance-lp__checks li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.45em;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: var(--smf-gold);
	box-shadow: 0 0 0 3px var(--smf-gold-soft);
}

.sm-finance-lp__steps {
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 1rem;
	counter-reset: smf-step;
}

.sm-finance-lp__steps li {
	counter-increment: smf-step;
	background: var(--smf-surface);
	border-radius: 16px;
	padding: 1.2rem 1.25rem 1.2rem 1.25rem;
	border: 1px solid rgba(196, 163, 90, 0.14);
	color: var(--smf-muted);
	line-height: 1.55;
}

.sm-finance-lp__steps strong {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	margin-bottom: 0.35rem;
	color: #fff;
}

.sm-finance-lp__steps strong::before {
	content: counter(smf-step);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7rem;
	height: 1.7rem;
	border-radius: 50%;
	font-size: 0.8rem;
	font-weight: 800;
	color: var(--smf-navy);
	background: var(--smf-gold);
	flex-shrink: 0;
}

.sm-finance-lp__faq details {
	background: var(--smf-surface);
	border: 1px solid rgba(196, 163, 90, 0.14);
	border-radius: 14px;
	padding: 0.95rem 1.15rem;
	margin: 0.7rem 0;
}

.sm-finance-lp__faq summary {
	cursor: pointer;
	font-weight: 650;
	color: #fff;
}

.sm-finance-lp__faq details p {
	margin: 0.7rem 0 0;
	line-height: 1.55;
	color: var(--smf-muted);
}

.sm-finance-lp__band {
	padding: 3.4rem 0;
	background:
		radial-gradient(700px 280px at 50% 0%, rgba(196, 163, 90, 0.2), transparent 60%),
		#0b1424;
	color: var(--smf-ink);
	text-align: center;
}

.sm-finance-lp__band h2 {
	color: #fff;
}

.sm-finance-lp__band p {
	max-width: 42ch;
	margin: 0 auto 1.35rem;
	line-height: 1.55;
	color: var(--smf-muted);
}

.sm-finance-lp__band a:not(.sm-btn) {
	color: #7BA7D4;
}

@media (min-width: 900px) {
	.sm-finance-lp__hero-grid {
		grid-template-columns: 1.05fr 0.85fr;
	}

	.sm-finance-lp__split {
		grid-template-columns: 1fr 1.05fr;
	}

	.sm-finance-lp__steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sm-finance-lp__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 699px) {
	.sm-finance-lp__grid {
		grid-template-columns: 1fr;
	}

	.sm-finance-lp h1 {
		max-width: none;
	}

	.sm-finance-lp__hero {
		min-height: auto;
		padding-top: 2.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sm-finance-lp__phone,
	.sm-finance-lp__hero-copy,
	.sm-finance-lp__grid li {
		animation: none;
		transition: none;
	}
}