.mk-links-page {
	background: #eef3ef;
	color: #102b25;
}

.links-bio {
	min-height: 100vh;
}

.links-bio__hero {
	background:
		radial-gradient(circle at 5% 5%, rgba(246, 198, 174, .44), transparent 28rem),
		radial-gradient(circle at 100% 22%, rgba(128, 200, 181, .32), transparent 30rem),
		linear-gradient(180deg, #fbfaf6 0%, #eff5f1 47%, #eef3ef 100%);
	min-height: 100vh;
	overflow: hidden;
	padding: clamp(28px, 6vw, 64px) 20px 110px;
	position: relative;
}

.links-bio__glow {
	border: 1px solid rgba(255, 255, 255, .72);
	border-radius: 50%;
	filter: blur(1px);
	pointer-events: none;
	position: absolute;
}

.links-bio__glow--one {
	background: rgba(255, 255, 255, .3);
	height: 360px;
	left: -210px;
	top: 460px;
	width: 360px;
}

.links-bio__glow--two {
	background: rgba(218, 238, 231, .32);
	height: 460px;
	right: -310px;
	top: 60px;
	width: 460px;
}

.links-bio__shell {
	margin: 0 auto;
	max-width: 710px;
	position: relative;
	z-index: 1;
}

.links-bio__brand {
	align-items: center;
	color: inherit;
	display: flex;
	justify-content: center;
	margin: 0 auto 46px;
	text-decoration: none;
	width: fit-content;
}

.links-bio__brand img {
	height: auto;
	width: 205px;
}

.links-bio__identity {
	margin: 0 auto 38px;
	max-width: 660px;
	text-align: center;
}

.links-bio__eyebrow {
	align-items: center;
	background: rgba(255, 255, 255, .76);
	border: 1px solid rgba(15, 97, 83, .12);
	border-radius: 999px;
	color: #32685e;
	display: inline-flex;
	font-size: 11px;
	font-weight: 650;
	gap: 8px;
	letter-spacing: .07em;
	padding: 9px 13px;
	text-transform: uppercase;
}

.links-bio__eyebrow i {
	color: #2eb488;
	font-size: 6px;
}

.links-bio__identity h1 {
	font-size: clamp(42px, 7.5vw, 68px);
	font-stretch: 92%;
	font-weight: 630;
	letter-spacing: -.058em;
	line-height: .98;
	margin: 22px auto 20px;
	max-width: 670px;
}

.links-bio__identity p {
	color: #62756e;
	font-size: clamp(16px, 2.4vw, 19px);
	line-height: 1.55;
	margin: 0 auto;
	max-width: 590px;
}

.links-bio__primary-links {
	display: grid;
	gap: 12px;
}

.links-bio__primary {
	align-items: center;
	background: rgba(255, 255, 255, .86);
	border: 1px solid rgba(31, 72, 61, .1);
	border-radius: 24px;
	box-shadow: 0 18px 50px rgba(31, 72, 61, .08);
	color: #15352d;
	display: grid;
	gap: 15px;
	grid-template-columns: 52px 1fr 18px;
	padding: 17px 19px;
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.links-bio__primary:hover {
	border-color: rgba(13, 120, 104, .28);
	box-shadow: 0 24px 58px rgba(31, 72, 61, .13);
	color: #15352d;
	transform: translateY(-2px);
}

.links-bio__primary--free {
	background: linear-gradient(130deg, #164f43, #0d7868 62%, #128d77);
	border-color: transparent;
	box-shadow: 0 24px 55px rgba(13, 89, 75, .25);
	color: #fff;
}

.links-bio__primary--free:hover {
	border-color: transparent;
	box-shadow: 0 28px 65px rgba(13, 89, 75, .31);
	color: #fff;
}

.links-bio__primary-icon {
	align-items: center;
	background: #e9f4f0;
	border-radius: 16px;
	color: #0d7868;
	display: flex;
	font-size: 20px;
	height: 52px;
	justify-content: center;
	width: 52px;
}

.links-bio__primary--free .links-bio__primary-icon {
	background: rgba(255, 255, 255, .14);
	color: #fff;
}

.links-bio__primary small,
.links-bio__primary strong,
.links-bio__primary em {
	display: block;
}

.links-bio__primary small {
	color: #178472;
	font-size: 9px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .12em;
	margin-bottom: 3px;
}

.links-bio__primary strong {
	font-size: 17px;
	font-weight: 650;
	letter-spacing: -.025em;
}

.links-bio__primary em {
	color: #74827d;
	font-size: 12px;
	font-style: normal;
	line-height: 1.45;
	margin-top: 4px;
}

.links-bio__primary--free small,
.links-bio__primary--free em {
	color: rgba(255, 255, 255, .68);
}

.links-bio__arrow {
	font-size: 13px;
	opacity: .58;
}

.links-bio__divider {
	align-items: center;
	color: #74847e;
	display: flex;
	font-size: 10px;
	font-weight: 650;
	gap: 14px;
	letter-spacing: .12em;
	margin: 54px 0 32px;
	text-transform: uppercase;
}

.links-bio__divider::before,
.links-bio__divider::after {
	background: rgba(40, 80, 69, .13);
	content: "";
	flex: 1;
	height: 1px;
}

.links-bio__groups {
	display: grid;
	gap: 42px;
}

.links-bio__group header {
	margin: 0 4px 16px;
}

.links-bio__group header span {
	color: #0c806c;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.links-bio__group h2 {
	font-size: clamp(25px, 4vw, 32px);
	font-stretch: 94%;
	font-weight: 620;
	letter-spacing: -.045em;
	line-height: 1.08;
	margin: 7px 0 0;
}

.links-bio__products {
	background: rgba(255, 255, 255, .84);
	border: 1px solid rgba(31, 72, 61, .09);
	border-radius: 25px;
	box-shadow: 0 18px 50px rgba(31, 72, 61, .055);
	overflow: hidden;
}

.links-bio__product {
	align-items: center;
	border-bottom: 1px solid rgba(31, 72, 61, .08);
	color: #17362e;
	display: grid;
	gap: 14px;
	grid-template-columns: 46px 1fr 14px;
	min-height: 82px;
	padding: 13px 18px;
	text-decoration: none;
	transition: background .18s ease, padding-left .18s ease;
}

.links-bio__product:last-child {
	border-bottom: 0;
}

.links-bio__product:hover {
	background: #f5faf7;
	color: #0b6f5e;
	padding-left: 22px;
}

.links-bio__product-icon {
	align-items: center;
	background: #ddf7f1;
	border-radius: 14px;
	color: #087d6c;
	display: flex;
	font-size: 17px;
	height: 46px;
	justify-content: center;
	width: 46px;
}

.links-bio__product span,
.links-bio__product strong,
.links-bio__product small {
	display: block;
}

.links-bio__product strong {
	font-size: 15px;
	font-weight: 650;
	letter-spacing: -.025em;
}

.links-bio__product small {
	color: #76857f;
	font-size: 11px;
	line-height: 1.4;
	margin-top: 3px;
}

.links-bio__product-arrow {
	color: #9ba9a4;
	font-size: 10px;
}

.links-bio__contact {
	background: #153e34;
	border-radius: 28px;
	box-shadow: 0 24px 58px rgba(21, 62, 52, .2);
	color: #fff;
	margin-top: 54px;
	padding: clamp(30px, 6vw, 46px);
	text-align: center;
}

.links-bio__contact > span {
	color: #8fdac7;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .13em;
}

.links-bio__contact h2 {
	font-size: clamp(30px, 5.5vw, 42px);
	font-stretch: 93%;
	font-weight: 620;
	letter-spacing: -.052em;
	line-height: 1.02;
	margin: 13px auto;
	max-width: 500px;
}

.links-bio__contact p {
	color: rgba(255, 255, 255, .67);
	font-size: 13px;
	line-height: 1.55;
	margin: 0 auto 24px;
	max-width: 470px;
}

.links-bio__contact a {
	align-items: center;
	background: #fff;
	border-radius: 999px;
	color: #173d34;
	display: inline-flex;
	font-size: 13px;
	font-weight: 650;
	gap: 9px;
	justify-content: center;
	padding: 13px 20px;
	text-decoration: none;
}

.links-bio__contact a i {
	color: #18a96f;
	font-size: 17px;
}

.links-bio__social {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 34px;
}

.links-bio__social a {
	align-items: center;
	background: rgba(255, 255, 255, .74);
	border: 1px solid rgba(31, 72, 61, .1);
	border-radius: 999px;
	color: #45665d;
	display: inline-flex;
	font-size: 11px;
	font-weight: 620;
	gap: 7px;
	padding: 10px 13px;
	text-decoration: none;
}

.links-bio__legal {
	color: #84918c;
	font-size: 10px;
	margin: 18px 0 0;
	text-align: center;
}

.mk-links-page .mk-author-signature {
	bottom: 16px;
}

@media (max-width: 620px) {
	.links-bio__hero {
		padding: 25px 12px 96px;
	}

	.links-bio__brand {
		margin-bottom: 38px;
	}

	.links-bio__brand img {
		width: 186px;
	}

	.links-bio__identity h1 {
		font-size: clamp(40px, 12vw, 52px);
	}

	.links-bio__identity p {
		font-size: 15px;
		padding: 0 10px;
	}

	.links-bio__primary {
		border-radius: 21px;
		grid-template-columns: 48px 1fr 14px;
		padding: 15px;
	}

	.links-bio__primary-icon {
		border-radius: 14px;
		height: 48px;
		width: 48px;
	}

	.links-bio__primary strong {
		font-size: 15px;
	}

	.links-bio__primary em {
		font-size: 11px;
	}

	.links-bio__divider {
		margin-top: 45px;
	}

	.links-bio__group header {
		margin-left: 9px;
	}

	.links-bio__products {
		border-radius: 23px;
	}

	.links-bio__product {
		grid-template-columns: 44px 1fr 12px;
		min-height: 80px;
		padding: 12px 15px;
	}

	.links-bio__product-icon {
		height: 44px;
		width: 44px;
	}

	.links-bio__contact {
		border-radius: 24px;
		padding: 34px 22px;
	}

	.links-bio__social a span {
		display: none;
	}

	.links-bio__social a {
		font-size: 16px;
		height: 43px;
		justify-content: center;
		padding: 0;
		width: 43px;
	}

	.mk-links-page .mk-author-signature {
		bottom: 12px;
		right: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.links-bio__primary,
	.links-bio__product {
		transition: none;
	}
}