.dental-page{
	--dental-dark:#061f2d;
	--dental-deep:#082d3c;
	--dental-blue:#0d719a;
	--dental-sky:#36b7d2;
	--dental-red:#b82d34;
	--dental-soft:#eef7fb;
	background:
		radial-gradient(circle at 12% 10%,rgba(54,183,210,.16),transparent 28%),
		linear-gradient(180deg,#f4fbfe 0%,#eef6fa 46%,#f8fcfd 100%);
	color:var(--dental-dark);
	overflow:hidden;
}

.dental-page h1,
.dental-page h2,
.dental-page h3{
	font-family:'Sora',sans-serif;
	color:var(--dental-dark);
	letter-spacing:-.055em;
}

.dental-kicker{
	display:inline-flex;
	align-items:center;
	gap:10px;
	width:max-content;
	max-width:100%;
	margin:0 0 20px;
	padding:10px 18px;
	border-radius:999px;
	background:#dff4fb;
	color:#0a4b65;
	font-family:'Sora',sans-serif;
	font-size:12px;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
}

.dental-kicker::before{
	content:"";
	width:9px;
	height:9px;
	border-radius:999px;
	background:var(--dental-red);
	box-shadow:0 0 0 7px rgba(184,45,52,.12);
}

.dental-hero{
	position:relative;
	padding:76px 0 96px;
	background:
		linear-gradient(90deg,rgba(4,28,40,.95) 0%,rgba(4,28,40,.82) 48%,rgba(4,28,40,.55) 100%),
		linear-gradient(180deg,rgba(4,28,40,.08),rgba(4,28,40,.42)),
		url('../img/dental-health-header.webp') center right / cover no-repeat;
	color:#fff;
	overflow:hidden;
}

.dental-hero::before{
	content:"";
	position:absolute;
	inset:-35% -12% auto auto;
	width:620px;
	height:620px;
	border-radius:999px;
	background:radial-gradient(circle,rgba(54,183,210,.34),transparent 68%);
	pointer-events:none;
}

.dental-hero::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:170px;
	background:linear-gradient(180deg,rgba(4,28,40,0) 0%,rgba(4,28,40,.58) 58%,rgba(4,28,40,.88) 100%);
	pointer-events:none;
}

.dental-hero__shell,
.dental-signal-strip,
.dental-story,
.dental-warning,
.dental-care-system,
.dental-cta{
	width:min(1500px, calc(100% - 72px));
	margin:0 auto;
}

.dental-hero__shell{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:minmax(0,.88fr) minmax(420px,.72fr);
	gap:64px;
	align-items:center;
}

.dental-hero .dental-kicker{
	background:rgba(255,255,255,.12);
	color:#c9f5ff;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
}

.dental-hero h1{
	max-width:880px;
	margin:0;
	color:#fff;
	font-size:clamp(44px, 4.5vw, 78px);
	line-height:.98;
}

.dental-hero__copy > p:not(.dental-kicker){
	max-width:780px;
	margin:28px 0 0;
	color:rgba(235,249,253,.9);
	font-size:20px;
	line-height:1.72;
}

.dental-hero__actions{
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	margin-top:34px;
}

.dental-page .btn.btn-modern{
	background:linear-gradient(135deg,#149bcb 0%,#087aa5 100%);
	border:2px solid transparent;
	color:#fff !important;
	box-shadow:none;
}

.dental-page .btn.btn-modern:hover,
.dental-page .btn.btn-modern:focus{
	background:linear-gradient(135deg,#b82d34 0%,#e24c54 100%);
	color:#fff !important;
	transform:translateY(-2px);
}

.dental-page .btn.btn-outline-modern{
	background:rgba(255,255,255,.08);
	border:2px solid rgba(255,255,255,.30);
	color:#fff;
}

.dental-page .btn.btn-outline-modern:hover,
.dental-page .btn.btn-outline-modern:focus{
	background:#fff;
	border-color:#fff;
	color:var(--dental-dark);
	transform:translateY(-2px);
}

.dental-hero__visual{
	position:relative;
	min-height:560px;
	padding:18px;
	border-radius:48px;
	background:rgba(255,255,255,.13);
	border:1px solid rgba(255,255,255,.18);
	box-shadow:0 34px 100px rgba(4,28,40,.34);
	overflow:visible;
	isolation:isolate;
}

.dental-hero__visual > img{
	width:100%;
	height:100%;
	min-height:524px;
	object-fit:cover;
	display:block;
	border-radius:34px;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}

.dental-hero__card{
	position:absolute;
	z-index:4;
	padding:18px;
	background:rgba(255,255,255,.94);
	color:var(--dental-dark);
	box-shadow:0 28px 70px rgba(4,28,40,.22);
	backdrop-filter:blur(12px);
}

.dental-hero__card--top{
	position:absolute;
	top:42px;
	left:-34px;
	display:flex;
	align-items:center;
	gap:14px;
	max-width:320px;
	border-radius:28px;
}

.dental-hero__card--top img{
	width:64px;
	height:64px;
	object-fit:contain;
	padding:5px;
	border-radius:18px;
	background:#e3f6fb;
}

.dental-hero__card--top span,
.dental-hero__card--bottom span{
	color:#506b78;
	line-height:1.45;
	font-weight:700;
}

.dental-hero__card--bottom{
	position:absolute;
	right:-34px;
	bottom:48px;
	max-width:360px;
	border-radius:30px;
	border-left:6px solid var(--dental-red);
}

.dental-hero__card--bottom strong{
	display:block;
	margin-bottom:8px;
	color:var(--dental-dark);
	font-family:'Sora',sans-serif;
	font-size:24px;
	line-height:1.08;
}

.dental-signal-strip{
	position:relative;
	z-index:4;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:16px;
	margin-top:-54px;
}

.dental-signal-strip article{
	position:relative;
	min-height:190px;
	padding:30px;
	border-radius:32px;
	background:#fff;
	border:1px solid rgba(13,113,154,.12);
	box-shadow:0 24px 70px rgba(8,30,43,.12);
	overflow:hidden;
}

.dental-signal-strip article::after{
	content:"";
	position:absolute;
	right:-54px;
	top:-54px;
	width:150px;
	height:150px;
	border-radius:999px;
	background:rgba(54,183,210,.12);
}

.dental-signal-strip span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	margin-bottom:18px;
	border-radius:16px;
	background:var(--dental-red);
	color:#fff;
	font-family:'Sora',sans-serif;
	font-weight:800;
}

.dental-signal-strip strong{
	display:block;
	color:var(--dental-dark);
	font-family:'Sora',sans-serif;
	font-size:24px;
	line-height:1.1;
}

.dental-signal-strip p{
	margin:12px 0 0;
	color:#58717e;
	line-height:1.65;
}

.dental-story{
	display:grid;
	grid-template-columns:minmax(360px,.72fr) minmax(0,1fr);
	gap:62px;
	align-items:center;
	padding:96px 0;
}

.dental-story__media{
	position:relative;
	min-height:430px;
	border-radius:48px;
	background:
		radial-gradient(circle at 30% 20%,rgba(54,183,210,.24),transparent 34%),
		linear-gradient(135deg,#ffffff 0%,#eaf7fb 100%);
	border:1px solid rgba(13,113,154,.14);
	box-shadow:0 28px 80px rgba(8,30,43,.10);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

.dental-story__image{
	width:210px;
	height:300px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:110px;
	background:#fff;
	box-shadow:0 28px 70px rgba(8,30,43,.12);
	transform:rotate(-8deg);
}

.dental-story__image img{
	width:100px;
	height:auto;
	display:block;
}

.dental-story__mini{
	position:absolute;
	right:34px;
	bottom:34px;
	display:flex;
	align-items:center;
	gap:14px;
	padding:16px 18px;
	border-radius:26px;
	background:var(--dental-dark);
	color:#fff;
}

.dental-story__mini img{
	width:66px;
	height:66px;
	padding:8px;
	border-radius:16px;
	background:#fff;
	object-fit:contain;
}

.dental-story__mini span{
	max-width:130px;
	color:#d8f4fb;
	font-weight:800;
	line-height:1.25;
}

.dental-story h2,
.dental-warning h2,
.dental-care-system h2,
.dental-cta h2{
	margin:0;
	font-size:clamp(34px, 3.4vw, 58px);
	line-height:1.02;
}

.dental-story p:not(.dental-kicker),
.dental-care-system__copy p{
	margin:24px 0 0;
	color:#4c6876;
	font-size:18px;
	line-height:1.78;
}

.dental-warning{
	display:grid;
	grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);
	gap:56px;
	align-items:start;
	padding:84px 0;
	box-shadow:0 0 0 100vmax #fff;
	clip-path:inset(0 -100vmax);
	background:#fff;
	border-top:1px solid rgba(13,113,154,.10);
	border-bottom:1px solid rgba(13,113,154,.10);
}

.dental-warning .dental-kicker{
	background:#dff4fb;
	color:#0a4b65;
}

.dental-warning h2{
	color:var(--dental-dark);
}

.dental-warning__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
}

.dental-warning__grid article{
	min-height:310px;
	padding:30px;
	border-radius:34px;
	background:#f8fcfd;
	border:1px solid rgba(13,113,154,.12);
	box-shadow:0 24px 70px rgba(8,30,43,.08);
}

.dental-warning__grid i{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	margin-bottom:24px;
	border-radius:20px;
	background:#fde8ea;
	color:var(--dental-red);
	font-size:22px;
}

.dental-warning__grid h3{
	margin:0;
	font-size:25px;
	line-height:1.12;
}

.dental-warning__grid p{
	margin:14px 0 0;
	color:#58717e;
	line-height:1.68;
}

.dental-care-system{
	display:grid;
	grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
	gap:56px;
	align-items:center;
	padding:96px 0 78px;
}

.dental-care-system__cards{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:16px;
}

.dental-care-system__cards article{
	position:relative;
	min-height:260px;
	padding:30px;
	border-radius:34px;
	background:#fff;
	border:1px solid rgba(13,113,154,.12);
	box-shadow:0 24px 70px rgba(8,30,43,.10);
	overflow:hidden;
}

.dental-care-system__cards article:nth-child(2){
	transform:translateY(28px);
	background:linear-gradient(135deg,#0d719a 0%,#12394a 100%);
}

.dental-care-system__cards article:nth-child(2) h3,
.dental-care-system__cards article:nth-child(2) p{
	color:#fff;
}

.dental-care-system__cards article:nth-child(2) span{
	background:rgba(255,255,255,.16);
	color:#b9edf8;
}

.dental-care-system__cards span{
	display:inline-flex;
	margin-bottom:22px;
	padding:9px 14px;
	border-radius:999px;
	background:#e3f6fb;
	color:#0d719a;
	font-family:'Sora',sans-serif;
	font-size:12px;
	font-weight:800;
	letter-spacing:.1em;
	text-transform:uppercase;
}

.dental-care-system__cards h3{
	margin:0;
	font-size:25px;
	line-height:1.12;
}

.dental-care-system__cards p{
	margin:14px 0 0;
	color:#58717e;
	line-height:1.7;
}

.dental-cta{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:34px;
	margin-bottom:92px;
	padding:50px;
	border-radius:40px;
	background:
		radial-gradient(circle at 82% 20%,rgba(255,255,255,.18),transparent 26%),
		linear-gradient(135deg,#b82d34 0%,#de4d55 100%);
	color:#fff;
	overflow:hidden;
}

.dental-cta::after{
	content:"";
	position:absolute;
	inset:16px;
	border:1px solid rgba(255,255,255,.15);
	border-radius:30px;
	pointer-events:none;
}

.dental-cta > *{
	position:relative;
	z-index:2;
}

.dental-cta .dental-kicker{
	background:rgba(255,255,255,.16);
	color:#fff;
}

.dental-cta h2{
	max-width:920px;
	color:#fff;
}

.dental-cta__actions{
	display:flex;
	flex-direction:column;
	gap:12px;
	min-width:220px;
}

.dental-cta__actions .btn{
	width:100%;
}

.dental-cta .btn.btn-modern{
	background:#fff !important;
	color:var(--dental-red) !important;
	border-color:#fff;
}

.dental-cta .btn.btn-modern:hover,
.dental-cta .btn.btn-modern:focus{
	background:var(--dental-dark) !important;
	border-color:var(--dental-dark);
	color:#fff !important;
}

.nutrition-page{
	--dental-blue:#0b8aa6;
	--dental-sky:#5dc7d7;
}

.nutrition-page .dental-hero{
	background:
		linear-gradient(90deg,rgba(4,28,40,.95) 0%,rgba(4,28,40,.80) 48%,rgba(4,28,40,.52) 100%),
		linear-gradient(180deg,rgba(4,28,40,.08),rgba(4,28,40,.46)),
		url('../img/diet-header.webp') center center / cover no-repeat;
}

.nutrition-page .dental-hero__visual > img{
	object-position:center;
}

.nutrition-page .dental-story__image{
	width:250px;
	height:250px;
	border-radius:60px;
	transform:rotate(5deg);
}

.nutrition-page .dental-story__image img{
	width:135px;
}

.nutrition-page .dental-warning__grid i{
	background:#e3f6fb;
	color:#0d719a;
}

.nutrition-page .dental-cta{
	background:
		radial-gradient(circle at 82% 20%,rgba(255,255,255,.20),transparent 26%),
		linear-gradient(135deg,#0a5368 0%,#0b8aa6 100%);
}

.nutrition-page .dental-cta .btn.btn-modern{
	color:#0a5368 !important;
}

.grooming-page{
	--dental-blue:#0f8aa0;
	--dental-sky:#6dcfda;
}

.grooming-page .dental-hero{
	background:
		linear-gradient(90deg,rgba(4,28,40,.95) 0%,rgba(4,28,40,.82) 48%,rgba(4,28,40,.54) 100%),
		linear-gradient(180deg,rgba(4,28,40,.08),rgba(4,28,40,.46)),
		url('../img/groom.jpg') center right / cover no-repeat;
}

.grooming-page .dental-hero__visual > img{
	object-position:center;
}

.grooming-page .dental-story__image{
	width:250px;
	height:250px;
	border-radius:54px;
	transform:rotate(-6deg);
}

.grooming-page .dental-story__image img{
	width:118px;
}

.grooming-page .dental-warning__grid i{
	background:#e3f6fb;
	color:#0d719a;
}

.grooming-page .dental-cta{
	background:
		radial-gradient(circle at 82% 20%,rgba(255,255,255,.20),transparent 26%),
		linear-gradient(135deg,#0b5e72 0%,#1498ad 100%);
}

.grooming-page .dental-cta .btn.btn-modern{
	color:#0b5e72 !important;
}

@media only screen and (max-width:1199px){
	.dental-hero__shell,
	.dental-story,
	.dental-warning,
	.dental-care-system{
		grid-template-columns:1fr;
	}
	.dental-hero__visual{
		max-width:760px;
	}
	.dental-warning__grid{
		grid-template-columns:repeat(3,minmax(220px,1fr));
	}
}

@media only screen and (max-width:991px){
	.dental-hero__shell,
	.dental-signal-strip,
	.dental-story,
	.dental-warning,
	.dental-care-system,
	.dental-cta{
		width:min(100% - 48px, 720px);
	}
	.dental-signal-strip,
	.dental-warning__grid,
	.dental-care-system__cards{
		grid-template-columns:1fr;
	}
	.dental-care-system__cards article:nth-child(2){
		transform:none;
	}
}

@media only screen and (max-width:767px){
	.dental-hero__shell,
	.dental-signal-strip,
	.dental-story,
	.dental-warning,
	.dental-care-system,
	.dental-cta{
		width:calc(100% - 40px);
	}
	.dental-hero{
		padding:56px 0 76px;
	}
	.dental-hero h1{
		font-size:2.38rem;
		line-height:1.03;
	}
	.dental-hero__copy > p:not(.dental-kicker),
	.dental-story p:not(.dental-kicker),
	.dental-care-system__copy p{
		font-size:17px;
		line-height:1.65;
	}
	.dental-hero__actions .btn{
		width:100%;
	}
	.dental-hero__visual{
		min-height:0;
		padding:10px;
		border-radius:30px;
	}
	.dental-hero__visual > img{
		min-height:320px;
		border-radius:22px;
	}
	.dental-hero__card{
		position:static;
		margin-top:12px;
		max-width:none;
		border-radius:22px;
	}
	.dental-signal-strip{
		margin-top:-34px;
	}
	.dental-signal-strip article,
	.dental-warning__grid article,
	.dental-care-system__cards article{
		min-height:0;
		padding:26px 24px;
		border-radius:26px;
	}
	.dental-story,
	.dental-warning,
	.dental-care-system{
		padding:56px 0;
		gap:34px;
	}
	.dental-story h2,
	.dental-warning h2,
	.dental-care-system h2,
	.dental-cta h2{
		font-size:2rem;
		line-height:1.08;
	}
	.dental-story__media{
		min-height:320px;
		border-radius:30px;
	}
	.dental-story__image{
		width:160px;
		height:230px;
	}
	.dental-story__mini{
		left:20px;
		right:20px;
		bottom:20px;
	}
	.dental-cta{
		flex-direction:column;
		align-items:flex-start;
		padding:30px 24px;
		border-radius:28px;
		margin-bottom:64px;
	}
	.dental-cta::after{
		inset:10px;
		border-radius:22px;
	}
	.dental-cta__actions{
		width:100%;
		min-width:0;
	}
}