/* Pricing */
.itk-pricing {
	background: #faf9f6;
	padding: var(--itk-section-space, 120px) max(7%, calc((100% - var(--itk-wide)) / 2));
}

.itk-pricing__heading {
	margin: 0 auto 55px;
	max-width: 760px;
	text-align: center;
}

.itk-pricing__heading > span {
	color: var(--itk-violet);
	font: 800 10px Arial, sans-serif;
	letter-spacing: .1em;
}

.itk-pricing__heading h2 {
	font-size: clamp(42px, 5vw, 70px);
	letter-spacing: -.07em;
	line-height: 1.08;
	margin: 18px 0;
}

.itk-pricing__heading p {
	color: var(--itk-muted);
	font-size: 13px;
	line-height: 2;
	margin: auto;
	max-width: 620px;
}

.itk-pricing__grid {
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(3, 1fr);
	margin: 0 auto;
	max-width: var(--itk-wide);
}

.itk-pricing__grid article {
	background: #fff;
	border: 1px solid rgba(17,17,20,.08);
	border-radius: var(--itk-radius);
	display: flex;
	flex-direction: column;
	min-height: 500px;
	padding: 34px;
	position: relative;
	transition: .25s;
}

.itk-pricing__grid article:hover {
	box-shadow: 0 25px 65px rgba(42,32,78,.1);
	transform: translateY(-7px);
}

.itk-pricing__grid article.is-featured {
	background: #17151d;
	border-color: rgba(255,255,255,.15);
	color: #fff;
	transform: translateY(-13px);
}

.itk-pricing__grid article.is-featured:hover {
	transform: translateY(-19px);
}

.itk-pricing__badge {
	background: var(--itk-lime);
	border-radius: 99px;
	color: #111;
	font-size: 8px;
	font-weight: 900;
	padding: 7px 10px;
	position: absolute;
	right: 28px;
	top: -13px;
}

.itk-pricing__grid h3 {
	color: var(--itk-muted);
	font-size: 13px;
	margin: 0;
}

.itk-pricing__grid .is-featured h3 {
	color: rgba(255,255,255,.55);
}

.itk-pricing__grid strong {
	font-size: clamp(28px, 3vw, 43px);
	letter-spacing: -.05em;
	margin: 28px 0 14px;
}

.itk-pricing__description {
	color: var(--itk-muted);
	font-size: 12px;
	line-height: 1.9;
	margin: 0 0 22px;
	min-height: 46px;
}

.itk-pricing__grid ul {
	border-top: 1px solid var(--itk-line);
	display: flex;
	flex-direction: column;
	gap: 14px;
	list-style: none;
	margin: 0 0 32px;
	padding: 28px 0 0;
}

.itk-pricing__grid .is-featured ul {
	border-color: rgba(255,255,255,.13);
}

.itk-pricing__grid .is-featured .itk-pricing__description {
	color: rgba(255,255,255,.62);
}

.itk-pricing__grid li {
	align-items: center;
	color: var(--itk-muted);
	display: flex;
	font-size: 11px;
	gap: 9px;
}

.itk-pricing__grid .is-featured li {
	color: rgba(255,255,255,.66);
}

.itk-pricing__grid li i {
	align-items: center;
	background: #eef8e1;
	border-radius: 50%;
	color: #499043;
	display: flex;
	font-size: 8px;
	font-style: normal;
	height: 20px;
	justify-content: center;
	width: 20px;
}

.itk-pricing__grid article > .itk-button {
	margin-top: auto;
}

/* Account */
.itk-account-page {
	max-width: 1320px;
}

.itk-login-card {
	background: #fff;
	border: 1px solid var(--itk-line);
	border-radius: 36px;
	box-shadow: 0 35px 90px rgba(30,24,53,.1);
	display: grid;
	grid-template-columns: .85fr 1.15fr;
	margin: 0 auto;
	max-width: 980px;
	min-height: 570px;
	overflow: hidden;
}

.itk-login-card__intro {
	background:
		radial-gradient(circle at 15% 20%, rgba(0,168,107,.8), transparent 35%),
		#17151d;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 55px;
}

.itk-account-mark {
	align-items: center;
	background: var(--itk-violet);
	border-radius: 18px;
	display: flex;
	font: 900 17px Arial;
	height: 60px;
	justify-content: center;
	margin-bottom: 38px;
	transform: rotate(-6deg);
	width: 60px;
}

.itk-login-card__intro h2 {
	font-size: 45px;
	letter-spacing: -.06em;
	line-height: 1.1;
	margin: 0;
}

.itk-login-card__intro p {
	color: rgba(255,255,255,.54);
	font-size: 12px;
	line-height: 2;
	margin-top: 20px;
}

.itk-login-card__form {
	align-self: center;
	padding: 55px;
}

.itk-login-card__form label {
	color: var(--itk-muted);
	display: block;
	font-size: 10px;
	font-weight: 700;
	margin-bottom: 8px;
}

.itk-login-card__form input[type="text"],
.itk-login-card__form input[type="password"] {
	background: #f4f3f0;
	border: 1px solid transparent;
	border-radius: 13px;
	box-shadow: none;
	margin: 8px 0 17px;
	min-height: 48px;
	outline: 0;
	padding: 10px 13px;
	width: 100%;
}

.itk-login-card__form input:focus {
	background: #fff;
	border-color: var(--itk-violet);
}

.itk-login-card__form .login-remember {
	align-items: center;
	display: flex;
	gap: 7px;
}

.itk-login-card__form .login-submit input {
	background: var(--itk-violet);
	border: 0;
	border-radius: 99px;
	color: #fff;
	cursor: pointer;
	font-weight: 800;
	min-height: 47px;
	width: 100%;
}

.itk-login-card__lost {
	color: var(--itk-violet);
	display: block;
	font-size: 10px;
	margin-top: 18px;
	text-align: center;
}

.itk-account {
	display: grid;
	gap: 22px;
	grid-template-columns: 260px minmax(0, 1fr);
}

.itk-account__sidebar {
	align-self: start;
	background: #17151d;
	border-radius: 28px;
	color: #fff;
	padding: 30px 20px;
	position: sticky;
	top: 115px;
}

.itk-account__avatar {
	margin: 0 auto 18px;
	width: 86px;
}

.itk-account__avatar img {
	border: 4px solid rgba(255,255,255,.12);
	border-radius: 50%;
	display: block;
	height: 86px;
	width: 86px;
}

.itk-account__sidebar h2 {
	font-size: 18px;
	margin: 0;
	text-align: center;
}

.itk-account__sidebar > p {
	color: rgba(255,255,255,.45);
	direction: ltr;
	font: 10px Arial;
	margin: 6px 0 26px;
	text-align: center;
}

.itk-account__sidebar nav {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.itk-account__sidebar nav a {
	border-radius: 10px;
	color: rgba(255,255,255,.58);
	font-size: 10px;
	padding: 12px;
}

.itk-account__sidebar nav a:hover,
.itk-account__sidebar nav a.is-active {
	background: var(--itk-violet);
	color: #fff;
}

.itk-account__content {
	min-width: 0;
}

.itk-account__welcome,
.itk-account__section {
	background: #fff;
	border: 1px solid var(--itk-line);
	border-radius: 28px;
	margin-bottom: 18px;
	padding: 38px;
}

.itk-account__welcome > span,
.itk-account__section-title > span {
	color: var(--itk-violet);
	font-size: 9px;
	font-weight: 800;
}

.itk-account__welcome h1 {
	font-size: clamp(37px, 5vw, 62px);
	letter-spacing: -.065em;
	margin: 12px 0;
}

.itk-account__welcome > p {
	color: var(--itk-muted);
	font-size: 12px;
	line-height: 2;
}

.itk-account__cards {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 28px;
}

.itk-account__cards > div {
	background: #f5f4f1;
	border-radius: 14px;
	padding: 17px;
}

.itk-account__cards b,
.itk-account__cards span {
	display: block;
}

.itk-account__cards b {
	font-size: 12px;
}

.itk-account__cards span {
	color: var(--itk-muted);
	font-size: 8px;
	margin-top: 6px;
}

.itk-account__section-title h3 {
	font-size: 25px;
	margin: 7px 0 25px;
}

.itk-account__projects {
	display: grid;
	gap: 9px;
}

.itk-account__projects a {
	align-items: center;
	background: #f6f5f2;
	border-radius: 12px;
	display: grid;
	gap: 12px;
	grid-template-columns: 90px 1fr 24px;
	padding: 14px;
}

.itk-account__projects a span {
	color: var(--itk-muted);
	font-size: 8px;
}

.itk-account__projects a b {
	font-size: 11px;
}

.itk-account__projects a i {
	font-style: normal;
}

.itk-account__empty {
	background: #f6f5f2;
	border-radius: 12px;
	color: var(--itk-muted);
	font-size: 10px;
	padding: 22px;
	text-align: center;
}

.itk-profile-form {
	display: grid;
	gap: 15px;
	grid-template-columns: 1fr 1fr;
}

.itk-profile-form label {
	color: var(--itk-muted);
	display: flex;
	flex-direction: column;
	font-size: 9px;
	gap: 8px;
}

.itk-profile-form input {
	background: #f5f4f1;
	border: 1px solid transparent;
	border-radius: 12px;
	min-height: 45px;
	outline: 0;
	padding: 10px 12px;
}

.itk-profile-form input:focus {
	background: #fff;
	border-color: var(--itk-violet);
}

.itk-profile-form button {
	cursor: pointer;
	grid-column: 1 / -1;
	justify-self: start;
	padding: 14px 22px;
}

.itk-account__notice {
	border-radius: 12px;
	font-size: 10px;
	margin-bottom: 16px;
	padding: 13px 16px;
}

.itk-account__notice.is-success {
	background: #e9f8ec;
	color: #33753e;
}

.itk-account__notice.is-error {
	background: #fff0f1;
	color: #a83947;
}

/* Footer extras */
.itk-footer__grid {
	grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
}

.itk-footer__newsletter p {
	color: rgba(255,255,255,.4);
	font-size: 9px;
	line-height: 1.8;
	margin: 0;
}

.itk-footer__newsletter form {
	align-items: center;
	border-bottom: 1px solid rgba(255,255,255,.2);
	display: flex;
	margin-top: 8px;
}

.itk-footer__newsletter input {
	background: transparent;
	border: 0;
	color: #fff;
	font-size: 9px;
	outline: 0;
	padding: 10px 0;
	width: 100%;
}

.itk-footer__newsletter button {
	background: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
}

@media (max-width: 820px) {
	.itk-pricing__grid { grid-template-columns: 1fr; }
	.itk-pricing__grid article.is-featured { transform: none; }
	.itk-account { grid-template-columns: 1fr; }
	.itk-account__sidebar { position: static; }
	.itk-account__sidebar nav { flex-flow: row wrap; justify-content: center; }
}

@media (max-width: 520px) {
	.itk-pricing { padding: var(--itk-mobile-space, 75px) 20px; }
	.itk-pricing__grid article { min-height: 450px; padding: 27px; }
	.itk-login-card { grid-template-columns: 1fr; }
	.itk-login-card__intro,
	.itk-login-card__form { padding: 35px 25px; }
	.itk-account__welcome,
	.itk-account__section { border-radius: 22px; padding: 25px 20px; }
	.itk-account__cards,
	.itk-profile-form { grid-template-columns: 1fr; }
	.itk-account__projects a { grid-template-columns: 70px 1fr 20px; }
}
.itk-preloader{align-items:center;background:#111114;color:#fff;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;opacity:1;position:fixed;transition:opacity .5s,visibility .5s;visibility:visible;z-index:99999}.itk-preloader.is-hidden{opacity:0;visibility:hidden}.itk-preloader span{align-items:center;animation:itk-preloader-pulse 1.1s ease-in-out infinite alternate;background:#00a86b;border-radius:22px;display:flex;font:900 24px Arial;height:82px;justify-content:center;transform:rotate(-7deg);width:82px}.itk-preloader small{color:rgba(255,255,255,.5);font-size:10px;font-weight:800}@keyframes itk-preloader-pulse{to{box-shadow:0 0 0 18px rgba(0,168,107,0);transform:rotate(-2deg) scale(1.06)}}
.itk-breadcrumbs{align-items:center;color:var(--itk-muted);display:flex;flex-wrap:wrap;font-size:10px;gap:8px;margin:0 0 24px}.itk-breadcrumbs a{color:var(--itk-violet);font-weight:800}.itk-breadcrumbs i{font-style:normal;opacity:.35}.itk-page-header p{color:var(--itk-muted);line-height:2;max-width:700px}.itk-post-card__excerpt{color:var(--itk-muted);font-size:11px;line-height:1.9;margin:8px 0 0}