.pb12-duration,
.pb12-duration *{
	box-sizing:border-box;
}

.pb12-duration{
	background:#fff;
	color:#26364e;
}

.pb12-duration-container{
	width:min(1120px,calc(100% - 40px));
	margin-inline:auto;
}


/* HERO */

.pb12-duration-hero{
	padding:40px 0 84px;
	background:linear-gradient(135deg,#f8faff,#f2f6ff 58%,#edf5ff);
}

.pb12-duration-breadcrumb{
	margin-bottom:52px;
	color:#929daf;
	font-size:9px;
	font-weight:700;
}

.pb12-duration-breadcrumb a{
	color:#738198 !important;
}

.pb12-duration-breadcrumb span{
	margin:0 7px;
}

.pb12-duration-hero__grid{
	display:grid;
	grid-template-columns:minmax(0,1.05fr) minmax(350px,.7fr);
	align-items:center;
	gap:90px;
}

.pb12-duration-label{
	display:flex;
	align-items:center;
	gap:9px;
	margin-bottom:17px;
	color:#687997;
	font-size:9px;
	font-weight:850;
	letter-spacing:.17em;
}

.pb12-duration-label > span{
	width:7px;
	height:7px;
	border-radius:50%;
	background:linear-gradient(135deg,#3156d9,#4aa8c7);
}

.pb12-duration h1{
	margin:0;
	color:#16233a;
	font-size:clamp(46px,5.5vw,73px);
	font-weight:850;
	line-height:.96;
	letter-spacing:-.06em;
}

.pb12-duration h1 span{
	display:block;
	color:#3156d9;
}

.pb12-duration-hero__lead{
	margin:24px 0 0;
	color:#35445a;
	font-size:19px;
	font-weight:560;
	line-height:1.58;
}

.pb12-duration-hero__text{
	max-width:620px;
	margin:14px 0 0;
	color:#718094;
	font-size:14px;
	line-height:1.75;
}

.pb12-duration-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	margin-top:27px;
	padding:0 20px;
	border-radius:12px;
	background:linear-gradient(135deg,#3156d9,#2444b4);
	color:#fff !important;
	font-size:12px;
	font-weight:800;
	box-shadow:0 13px 30px rgba(49,86,217,.18);
}


/* HERO STAT */

.pb12-duration-hero__stat{
	padding:28px 25px;
	border:1px solid rgba(49,86,217,.12);
	border-radius:27px;
	background:rgba(255,255,255,.82);
	box-shadow:0 25px 65px rgba(25,43,81,.075);
}

.pb12-duration-hero__stat small{
	display:block;
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.14em;
}

.pb12-duration-hero__stat strong{
	display:block;
	margin-top:18px;
	color:#16233a;
	font-size:62px;
	line-height:1;
	letter-spacing:-.06em;
}

.pb12-duration-hero__stat > span{
	display:block;
	margin-top:6px;
	color:#3156d9;
	font-size:8px;
	font-weight:850;
	letter-spacing:.14em;
}

.pb12-duration-hero__stat p{
	margin:20px 0 0;
	padding-top:16px;
	border-top:1px solid #e1e6ef;
	color:#788497;
	font-size:11px;
	line-height:1.65;
}


/* GENERAL */

.pb12-duration-section{
	padding:90px 0;
}

.pb12-duration-soft{
	background:#f7f9fd;
}

.pb12-duration-two{
	display:grid;
	grid-template-columns:.82fr 1.18fr;
	gap:100px;
}

.pb12-duration-number{
	margin-bottom:15px;
	color:#3156d9;
	font-size:9px;
	font-weight:850;
	letter-spacing:.14em;
}

.pb12-duration h2{
	margin:0;
	color:#16233a;
	font-size:clamp(36px,4vw,53px);
	line-height:1.04;
	letter-spacing:-.045em;
}

.pb12-duration h2 span{
	display:block;
	color:#3156d9;
}

.pb12-duration-copy__lead{
	margin-top:2px !important;
	color:#35445a !important;
	font-size:17px !important;
	font-weight:550;
}

.pb12-duration-copy p{
	margin:15px 0 0;
	color:#748094;
	font-size:14px;
	line-height:1.75;
}

.pb12-duration-section-head{
	max-width:720px;
	margin-bottom:35px;
}

.pb12-duration-section-head > p{
	margin:15px 0 0;
	color:#778396;
	font-size:14px;
	line-height:1.7;
}


/* EXAMPLES */

.pb12-duration-examples{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:14px;
}

.pb12-duration-examples > div{
	padding:25px 20px;
	border:1px solid #e0e5ef;
	border-radius:19px;
	background:#fff;
}

.pb12-duration-examples small{
	display:block;
	color:#8e9aab;
	font-size:7px;
	font-weight:850;
	letter-spacing:.13em;
}

.pb12-duration-examples strong{
	display:block;
	margin-top:15px;
	color:#16233a;
	font-size:38px;
	line-height:1;
}

.pb12-duration-examples span{
	display:block;
	margin-top:7px;
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.13em;
}

.pb12-duration-note{
	margin:14px 0 0;
	color:#929cab;
	font-size:9px;
	line-height:1.6;
}


/* FORMULA */

.pb12-duration-formula{
	padding:82px 0;
	background:#16233a;
}

.pb12-duration-formula__grid{
	display:grid;
	grid-template-columns:1fr .82fr;
	align-items:center;
	gap:80px;
}

.pb12-duration-formula .pb12-duration-label{
	color:#9eacc0;
}

.pb12-duration-formula h2{
	color:#fff;
}

.pb12-duration-formula h2 span{
	color:#7193ff;
}

.pb12-duration-formula__grid > div:first-child > p{
	max-width:550px;
	margin:18px 0 0;
	color:#a2aec0;
	font-size:13px;
	line-height:1.7;
}

.pb12-duration-formula__card{
	padding:26px 24px;
	border:1px solid rgba(255,255,255,.1);
	border-radius:21px;
	background:rgba(255,255,255,.045);
}

.pb12-duration-formula__card small{
	display:block;
	color:#8293af;
	font-size:7px;
	font-weight:850;
	letter-spacing:.13em;
}

.pb12-duration-formula__card strong{
	display:block;
	margin-top:10px;
	color:#fff;
	font-size:24px;
}

.pb12-duration-formula__card > span{
	display:block;
	margin-top:5px;
	color:#7193ff;
	font-size:11px;
	font-weight:800;
}

.pb12-duration-formula__card p{
	margin:16px 0 0;
	padding-top:15px;
	border-top:1px solid rgba(255,255,255,.09);
	color:#9eacc0;
	font-size:11px;
	line-height:1.65;
}


/* FACTORS */

.pb12-duration-factors{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:14px;
}

.pb12-duration-factors article{
	padding:23px 20px;
	border:1px solid #e1e6ef;
	border-radius:19px;
	background:#fff;
}

.pb12-duration-factors article > span{
	display:block;
	margin-bottom:31px;
	color:#95a5d2;
	font-size:8px;
	font-weight:850;
}

.pb12-duration-factors h3{
	margin:0 0 8px;
	color:#293951;
	font-size:16px;
}

.pb12-duration-factors p{
	margin:0;
	color:#7b8798;
	font-size:11px;
	line-height:1.6;
}


/* COLLECTION */

.pb12-duration-collection{
	padding:82px 0;
	background:linear-gradient(135deg,#edf3ff,#edf7fa);
}

.pb12-duration-collection__grid{
	display:grid;
	grid-template-columns:1fr .85fr;
	align-items:center;
	gap:80px;
}

.pb12-duration-collection p{
	max-width:570px;
	margin:18px 0 0;
	color:#718094;
	font-size:14px;
	line-height:1.7;
}

.pb12-duration-flavors{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:8px;
}

.pb12-duration-flavors span{
	padding:13px 14px;
	border:1px solid #dfe5ef;
	border-radius:12px;
	background:rgba(255,255,255,.72);
	color:#33445b;
	font-size:10px;
	font-weight:730;
}


/* LINKS */

.pb12-duration-links{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:13px;
}

.pb12-duration-links a{
	position:relative;
	display:block;
	padding:22px 42px 22px 19px;
	border:1px solid #e0e5ef;
	border-radius:17px;
	background:#fff;
	color:#26364e !important;
	text-decoration:none;
}

.pb12-duration-links small{
	display:block;
	margin-bottom:5px;
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.12em;
}

.pb12-duration-links strong{
	font-size:12px;
}

.pb12-duration-links a > span{
	position:absolute;
	right:17px;
	top:27px;
	color:#3156d9;
}


/* FAQ */

.pb12-duration-faq{
	padding:88px 0 98px;
	background:#f7f9fd;
}

.pb12-duration-faq__list{
	max-width:850px;
}

.pb12-duration-faq details{
	border-bottom:1px solid #dfe4ed;
}

.pb12-duration-faq summary{
	position:relative;
	padding:20px 40px 20px 0;
	cursor:pointer;
	list-style:none;
	color:#293951;
	font-size:14px;
	font-weight:760;
}

.pb12-duration-faq summary::-webkit-details-marker{
	display:none;
}

.pb12-duration-faq summary::after{
	content:"+";
	position:absolute;
	right:4px;
	top:17px;
	color:#3156d9;
	font-size:22px;
}

.pb12-duration-faq details[open] summary::after{
	content:"−";
}

.pb12-duration-faq details p{
	max-width:720px;
	margin:0 0 21px;
	color:#778396;
	font-size:12px;
	line-height:1.7;
}


/* DISCLAIMER */

.pb12-duration-disclaimer{
	padding:21px 0;
	border-top:1px solid #e4e8ef;
	background:#fafbfe;
}

.pb12-duration-disclaimer p{
	max-width:890px;
	margin:0;
	color:#8a95a5;
	font-size:9px;
	line-height:1.65;
}


/* MOBILE */

@media(max-width:767px){

	.pb12-duration-container{
		width:min(100% - 30px,1120px);
	}

	.pb12-duration-hero{
		padding:27px 0 55px;
	}

	.pb12-duration-breadcrumb{
		margin-bottom:35px;
	}

	.pb12-duration-hero__grid,
	.pb12-duration-two,
	.pb12-duration-formula__grid,
	.pb12-duration-collection__grid{
		display:block;
	}

	.pb12-duration h1{
		font-size:clamp(41px,11.5vw,54px);
	}

	.pb12-duration-hero__lead{
		font-size:16px;
	}

	.pb12-duration-hero__text{
		font-size:13px;
	}

	.pb12-duration-btn{
		width:100%;
	}

	.pb12-duration-hero__stat{
		margin-top:35px;
		padding:21px;
	}

	.pb12-duration-section{
		padding:61px 0;
	}

	.pb12-duration-copy{
		margin-top:27px;
	}

	.pb12-duration-copy__lead{
		font-size:15px !important;
	}

	.pb12-duration-examples,
	.pb12-duration-factors{
		display:flex;
		overflow-x:auto;
		gap:10px;
		margin-right:-15px;
		padding-right:15px;
		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

	.pb12-duration-examples::-webkit-scrollbar,
	.pb12-duration-factors::-webkit-scrollbar{
		display:none;
	}

	.pb12-duration-examples > div,
	.pb12-duration-factors article{
		flex:0 0 75%;
		scroll-snap-align:start;
	}

	.pb12-duration-formula{
		padding:59px 0;
	}

	.pb12-duration-formula__card{
		margin-top:34px;
	}

	.pb12-duration-collection{
		padding:60px 0;
	}

	.pb12-duration-flavors{
		margin-top:34px;
	}

	.pb12-duration-links{
		display:block;
	}

	.pb12-duration-links a + a{
		margin-top:9px;
	}

	.pb12-duration-faq{
		padding:61px 0 70px;
	}

}