
:root{
	--ob:#0f75ed;
	--oo:#ff9000;
	--oi:#0d1833;
	--om:#6b7890;
	--ol:#dce7f4;
}
.oreso-lead-shell,.oreso-lead-shell *{box-sizing:border-box}
.oreso-lead-shell{
	min-height:100vh;
	font-family:"Onest",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	color:var(--oi);
	background:
		radial-gradient(circle at 80% 10%,rgba(15,117,237,.09),transparent 28%),
		linear-gradient(180deg,#f8fbff 0%,#fff 50%);
	padding-bottom:60px;
}
.oreso-lead-topbar{
	width:min(1120px,calc(100% - 36px));
	min-height:84px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
}
.oreso-lead-brand{
	font-size:27px;
	font-weight:900;
	letter-spacing:-.055em;
	color:var(--ob)!important;
	text-decoration:none!important;
}
.oreso-lead-brand i{font-style:normal;color:var(--oo)}
.oreso-lead-topbar-note{font-size:10px;font-weight:750;color:#75849a}
.oreso-lead-card{
	width:min(980px,calc(100% - 36px));
	margin:35px auto 0;
	padding:38px 42px 30px;
	border:1px solid #dfe9f5;
	border-radius:30px;
	background:#fff;
	box-shadow:0 26px 60px rgba(17,49,90,.09);
}
.oreso-lead-head{
	display:grid;
	grid-template-columns:1fr 180px;
	gap:35px;
	align-items:end;
	padding-bottom:28px;
	border-bottom:1px solid #e9eff6;
}
.oreso-lead-kicker{
	display:block;
	font-size:9px;
	font-weight:850;
	letter-spacing:.1em;
	color:var(--ob);
}
.oreso-lead-head h1{
	margin:9px 0 0;
	font-size:38px;
	line-height:1.02;
	letter-spacing:-.05em;
}
.oreso-lead-head p{
	max-width:650px;
	margin:13px 0 0;
	font-size:12px;
	line-height:1.55;
	color:var(--om);
}
.oreso-lead-progress-text{
	text-align:right;
	font-size:10px;
	font-weight:800;
	color:#75859a;
	margin-bottom:8px;
}
.oreso-lead-progress{
	height:6px;
	border-radius:999px;
	background:#eaf0f7;
	overflow:hidden;
}
.oreso-lead-progress i{
	display:block;
	width:12.5%;
	height:100%;
	border-radius:999px;
	background:var(--ob);
	transition:width .25s ease;
}
.oreso-lead-form{padding-top:28px}
.oreso-lead-step{display:none;animation:oresoLeadIn .22s ease}
.oreso-lead-step.is-active{display:block}
@keyframes oresoLeadIn{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
.oreso-lead-step-number{
	font-size:10px;
	color:var(--oo);
	font-weight:900;
	letter-spacing:.08em;
}
.oreso-lead-step h2{
	margin:10px 0 0;
	font-size:30px;
	line-height:1.1;
	letter-spacing:-.04em;
}
.oreso-lead-step>p{
	margin:9px 0 0;
	font-size:11px;
	color:var(--om);
}
.oreso-lead-choices{
	display:grid;
	gap:12px;
	margin-top:28px;
}
.oreso-lead-choices.grid-2{grid-template-columns:repeat(2,1fr)}
.oreso-lead-choices.grid-3{grid-template-columns:repeat(3,1fr)}
.oreso-lead-choices label{display:block;cursor:pointer}
.oreso-lead-choices input{position:absolute;opacity:0;pointer-events:none}
.oreso-lead-choices span{
	min-height:62px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:14px 16px;
	text-align:center;
	border:1px solid #dce7f4;
	border-radius:16px;
	background:#fff;
	color:#43536a;
	font-size:11px;
	font-weight:750;
	transition:.18s ease;
}
.oreso-lead-choices label:hover span{
	transform:translateY(-1px);
	border-color:#b9d5f6;
	background:#fafdff;
}
.oreso-lead-choices input:checked+span{
	border-color:var(--ob);
	background:#eef6ff;
	color:var(--ob);
	box-shadow:0 0 0 3px rgba(15,117,237,.07);
}
.oreso-lead-inline-field{margin-top:24px}
.oreso-lead-inline-field label,.oreso-lead-fields label{
	display:block;
	font-size:9.5px;
	font-weight:750;
	color:#56677d;
}
.oreso-lead-inline-field label small{font-weight:500;color:#8794a7}
.oreso-lead-inline-field input,.oreso-lead-fields input,.oreso-lead-fields textarea{
	width:100%;
	margin-top:7px;
	padding:13px 14px;
	border:1px solid #dbe5f2;
	border-radius:13px;
	background:#fbfdff;
	font:inherit;
	font-size:11px;
	color:var(--oi);
	outline:0;
}
.oreso-lead-inline-field input:focus,.oreso-lead-fields input:focus,.oreso-lead-fields textarea:focus{
	border-color:#8bbcf5;
	box-shadow:0 0 0 3px rgba(15,117,237,.07);
}
.oreso-lead-fields{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:16px;
	margin-top:26px;
}
.oreso-lead-fields label.full{grid-column:1/-1}
.oreso-lead-fields textarea{resize:vertical}
.oreso-lead-nav{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	margin-top:32px;
	padding-top:22px;
	border-top:1px solid #edf1f6;
}
.oreso-lead-nav button{
	min-height:46px;
	padding:12px 18px;
	border-radius:13px;
	border:0;
	font-family:inherit;
	font-size:10.5px;
	font-weight:850;
	cursor:pointer;
}
.oreso-lead-back{
	background:#f2f6fa;
	color:#65758a;
}
.oreso-lead-back:disabled{opacity:.35;cursor:default}
.oreso-lead-next,.oreso-lead-submit{
	margin-left:auto;
	background:var(--ob);
	color:#fff;
	box-shadow:0 11px 24px rgba(15,117,237,.18);
}
.oreso-lead-footer-note{
	display:flex;
	align-items:center;
	gap:9px;
	margin-top:18px;
	font-size:8px;
	color:#8a97a8;
}
.oreso-lead-footer-note b{
	margin-left:auto;
	font-weight:600;
	color:#9aa6b6;
}
.oreso-lead-mini-flag{
	width:23px;height:16px;
	display:flex;flex-direction:column;overflow:hidden;
	border-radius:3px;border:1px solid #e5e9ee;
}
.oreso-lead-mini-flag i{width:100%;height:50%}
.oreso-lead-mini-flag i:first-child{background:#ce1126}
.oreso-lead-mini-flag i:last-child{background:#fff}
.oreso-lead-hp{
	position:absolute!important;
	left:-9999px!important;
	width:1px!important;
	height:1px!important;
	opacity:0!important;
}
.oreso-lead-success{
	width:min(760px,calc(100% - 36px));
	margin:80px auto 0;
	padding:55px 50px;
	text-align:center;
	border-radius:30px;
	background:#fff;
	border:1px solid #dfe9f5;
	box-shadow:0 25px 60px rgba(17,49,90,.08);
}
.oreso-lead-success-icon{
	width:62px;height:62px;
	margin:0 auto 20px;
	display:flex;align-items:center;justify-content:center;
	border-radius:20px;
	background:#eaf8f1;
	color:#17a45f;
	font-size:26px;
	font-weight:900;
}
.oreso-lead-success small{
	color:var(--ob);
	font-size:9px;
	font-weight:850;
	letter-spacing:.1em;
}
.oreso-lead-success h1{
	margin:10px 0 0;
	font-size:36px;
	letter-spacing:-.045em;
}
.oreso-lead-success p{
	max-width:580px;
	margin:15px auto 0;
	font-size:12px;
	line-height:1.6;
	color:var(--om);
}
.oreso-lead-success a{
	display:inline-flex;
	margin-top:25px;
	padding:13px 17px;
	border-radius:12px;
	background:var(--ob);
	color:#fff!important;
	text-decoration:none!important;
	font-size:10px;
	font-weight:850;
}
@media(max-width:720px){
	.oreso-lead-topbar{min-height:72px}
	.oreso-lead-topbar-note{display:none}
	.oreso-lead-card{padding:28px 20px 24px;margin-top:16px;border-radius:24px}
	.oreso-lead-head{grid-template-columns:1fr;gap:18px}
	.oreso-lead-head h1{font-size:32px}
	.oreso-lead-progress-text{text-align:left}
	.oreso-lead-step h2{font-size:25px}
	.oreso-lead-choices.grid-2,.oreso-lead-choices.grid-3{grid-template-columns:1fr}
	.oreso-lead-choices span{min-height:55px}
	.oreso-lead-fields{grid-template-columns:1fr}
	.oreso-lead-fields label.full{grid-column:auto}
	.oreso-lead-footer-note{align-items:flex-start;flex-wrap:wrap}
	.oreso-lead-footer-note b{width:100%;margin-left:32px}
}


/* V0.2 — page autonome, sans thème */
html,body.oreso-lead-standalone{margin:0!important;padding:0!important;background:#f8fbff!important}
body.oreso-lead-standalone .site-header,
body.oreso-lead-standalone .site-footer,
body.oreso-lead-standalone .entry-header,
body.oreso-lead-standalone .entry-title,
body.oreso-lead-standalone .page-title{display:none!important}
.oreso-lead-shell{min-height:100vh;padding-bottom:28px}
.oreso-lead-topbar{min-height:68px}
.oreso-lead-card{margin-top:10px}
@media(max-width:720px){
	.oreso-lead-topbar{min-height:62px}
	.oreso-lead-card{margin-top:8px}
}


/* V0.2.3 — header du formulaire plus premium */
.oreso-lead-shell{
	background:
		radial-gradient(circle at 82% 3%,rgba(15,117,237,.10),transparent 24%),
		linear-gradient(180deg,#f8fbff 0%,#ffffff 52%);
}
.oreso-lead-topbar{
	width:min(1120px,calc(100% - 36px));
	min-height:72px;
	padding:0 2px;
	border-bottom:1px solid rgba(219,231,244,.85);
}
.oreso-lead-brand{
	display:inline-flex;
	align-items:baseline;
	font-size:29px;
	letter-spacing:-.06em;
}
.oreso-lead-topbar-note{
	display:flex;
	align-items:center;
	gap:8px;
	padding:8px 11px;
	border:1px solid #dce8f6;
	border-radius:999px;
	background:rgba(255,255,255,.78);
	backdrop-filter:blur(8px);
	color:#64748b;
	font-size:9px;
	font-weight:700;
	box-shadow:0 8px 20px rgba(18,50,90,.045);
}
.oreso-lead-topbar-note b{
	font-size:8px;
	color:#a8b4c4;
}
.oreso-lead-topbar-flag{
	width:22px;
	height:15px;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border-radius:3px;
	border:1px solid #e7ebef;
	flex:0 0 auto;
}
.oreso-lead-topbar-flag i{display:block;width:100%;height:50%}
.oreso-lead-topbar-flag i:first-child{background:#ce1126}
.oreso-lead-topbar-flag i:last-child{background:#fff}

.oreso-lead-card{
	margin-top:18px;
	padding:34px 42px 30px;
	border-radius:28px;
	box-shadow:0 28px 70px rgba(17,49,90,.095);
}
.oreso-lead-head{
	grid-template-columns:minmax(0,1fr) 215px;
	align-items:center;
	gap:42px;
	padding-bottom:24px;
}
.oreso-lead-kicker{
	font-size:8.5px;
	letter-spacing:.12em;
}
.oreso-lead-head h1{
	margin-top:8px;
	font-size:40px;
}
.oreso-lead-head p{
	margin-top:11px;
	font-size:11.5px;
}
.oreso-lead-progress-wrap{
	padding:15px 16px 14px;
	border:1px solid #dfe9f5;
	border-radius:16px;
	background:#f9fbfe;
}
.oreso-lead-progress-label{
	font-size:7.5px;
	font-weight:850;
	letter-spacing:.11em;
	color:#8a98ab;
	margin-bottom:5px;
}
.oreso-lead-progress-text{
	text-align:left;
	font-size:11px;
	color:var(--oi);
	margin-bottom:9px;
}
.oreso-lead-progress{
	height:7px;
	background:#e8eef6;
}
.oreso-lead-progress i{
	background:linear-gradient(90deg,var(--ob),#4a9cff);
}
.oreso-lead-form{
	padding-top:24px;
}
.oreso-lead-step-number{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:28px;
	height:24px;
	padding:0 8px;
	border-radius:8px;
	background:#fff5e9;
	color:var(--oo);
	font-size:9px;
}
.oreso-lead-step h2{
	margin-top:15px;
}
@media(max-width:720px){
	.oreso-lead-topbar{
		min-height:64px;
		border-bottom:0;
	}
	.oreso-lead-topbar-note{
		padding:7px 9px;
		font-size:8px;
	}
	.oreso-lead-topbar-note span:last-child,
	.oreso-lead-topbar-note b{
		display:none;
	}
	.oreso-lead-card{
		margin-top:6px;
		padding:25px 20px 22px;
	}
	.oreso-lead-head{
		grid-template-columns:1fr;
		gap:16px;
	}
	.oreso-lead-head h1{
		font-size:31px;
	}
	.oreso-lead-progress-wrap{
		padding:12px 13px;
	}
}


/* V0.2.4 — lisibilité des réponses */
.oreso-lead-choices span{
	font-size:13px;
	line-height:1.35;
	font-weight:750;
}
@media(max-width:720px){
	.oreso-lead-choices span{
		font-size:13.5px;
	}
}
