/*
 * Tekkalk Page Builder – version 1.2.1
 */

.tekkalk-landing-page .site-content {
	max-width: none;
	padding: 0;
}
.tekkalk-landing-page .content-area {
	float: none;
	width: 100%;
}
.tekkalk-landing-page .widget-area,
.tekkalk-landing-page .entry-header,
.tekkalk-landing-page .comments-area {
	display: none;
}
.tekkalk-landing-page .inside-article {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}
.tekkalk-landing-page .entry-content { margin: 0; }

.tekkalk-site .site-logo img {
	max-height: 58px;
	width: auto;
}
.tekkalk-site .site-branding {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.tekkalk-site .main-title {
	font-size: clamp(1.45rem, 2vw, 2rem);
	line-height: 1;
}
.tekkalk-site .site-description {
	margin-top: .25rem;
}

.tk-container {
	width: min(calc(100% - 32px), 1180px);
	margin-inline: auto;
}
.tk-section { padding-block: clamp(4rem, 7vw, 6rem); }
.tk-white { background: #fff; }
.tk-soft { background: #edf2f6; }
.tk-dark {
	background: #102b3f;
	color: #fff;
	overflow: hidden;
}
.tk-dark h1,
.tk-dark h2,
.tk-dark h3 { color: #fff; }
.tk-dark p { color: #bdcbd5; }

.tk-page-hero {
	background: #f5f7fa;
	padding-top: clamp(4rem, 7vw, 6.2rem);
	padding-bottom: clamp(3rem, 6vw, 5rem);
}
.tk-page-title,
.tk-hero-title {
	font-size: clamp(3.1rem, 6vw, 5.4rem);
	letter-spacing: -.055em;
	line-height: .98;
	margin: 1.3rem 0;
	max-width: 960px;
}
.tk-page-title span,
.tk-hero-title span { color: #1d668f; }

.tk-eyebrow {
	display: inline-flex;
	background: #e9f2f7;
	border: 1px solid #d0e3ee;
	border-radius: 999px;
	color: #1d668f !important;
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .04em;
	padding: .42rem .8rem;
	text-transform: uppercase;
	width: fit-content;
}
.tk-lead {
	color: #5d6975 !important;
	font-size: clamp(1.03rem, 2vw, 1.18rem);
	max-width: 760px;
}
.tk-split,
.tk-card-grid,
.tk-app-grid { gap: 1.45rem; }

.tk-card {
	background: #fff;
	border: 1px solid #d9e0e7;
	border-radius: 18px;
	box-shadow: 0 12px 30px rgba(23,33,43,.04);
	height: 100%;
	padding: 30px;
}
.tk-card p { color: #5d6975; }
.tk-card-icon,
.tk-app-icon {
	align-items: center;
	background: #eaf2f7;
	border-radius: 15px;
	color: #1d668f !important;
	display: flex;
	font-weight: 850;
	height: 52px;
	justify-content: center;
	width: 52px;
}
.tk-spaced { margin-top: 1.2rem; }

.tk-status {
	background: rgba(232,154,50,.16);
	border-radius: 999px;
	color: #8c5714 !important;
	display: inline-flex;
	font-size: .8rem;
	font-weight: 800;
	padding: .35rem .7rem;
	width: fit-content;
}
.tk-status-blue {
	background: #e7f1f7;
	color: #1d668f !important;
}

.tk-app-product {
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 24px;
	height: 100%;
	padding: 30px;
}
.tk-app-icon {
	background: rgba(255,255,255,.11);
	color: #fff !important;
	height: 72px;
	width: 72px;
	border-radius: 20px;
}
.tk-app-product .tk-status { color: #ffd291 !important; }

.tk-large-cover {
	aspect-ratio: .73;
	background:
		linear-gradient(90deg, rgba(0,0,0,.15), transparent 7%),
		radial-gradient(circle at 75% 20%, rgba(255,255,255,.17), transparent 24%),
		linear-gradient(145deg, #103854, #1e6b95 75%, #2b86b0);
	border-radius: 8px 26px 26px 8px;
	box-shadow: 22px 28px 50px rgba(23,33,43,.2);
	color: #fff;
	margin-inline: auto;
	max-width: 420px;
	padding: 48px;
	position: relative;
}
.tk-large-cover h3 {
	color: #fff;
	font-size: clamp(2.2rem, 4vw, 3.2rem);
	letter-spacing: -.04em;
	line-height: 1.02;
	margin: 88px 0 14px;
}
.tk-large-cover p { color: rgba(255,255,255,.86) !important; }
.tk-large-cover small {
	bottom: 44px;
	left: 48px;
	position: absolute;
}
.tk-mini {
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	opacity: .82;
}

.tk-check-list {
	list-style: none;
	padding-left: 0;
}
.tk-check-list li {
	color: #5d6975;
	margin: .8rem 0;
	padding-left: 2.2rem;
	position: relative;
}
.tk-check-list li::before {
	background: #e8f5ef;
	border-radius: 50%;
	color: #2f7a61;
	content: "✓";
	font-weight: 900;
	height: 1.65rem;
	left: 0;
	line-height: 1.65rem;
	position: absolute;
	text-align: center;
	top: 0;
	width: 1.65rem;
}

.tk-notice {
	background: #f8fafb;
	border: 1px solid #d9e0e7;
	border-radius: 18px;
	color: #5d6975 !important;
	padding: 22px;
}

@media (max-width: 760px) {
	.tk-page-title,
	.tk-hero-title { font-size: 3.05rem; }
	.tk-large-cover { padding: 35px; }
	.tk-large-cover small { left: 35px; }
	.tekkalk-site .site-logo img { max-height: 48px; }
}


/* Homepage hero illustration – restored in version 1.2.1 */
.tk-hero {
	background: #f5f7fa;
	overflow: hidden;
	padding-top: clamp(3.8rem, 7vw, 6.2rem);
}

.tk-hero-grid {
	gap: clamp(2.4rem, 5vw, 4.2rem);
}

.tk-buttons {
	margin-top: 1.8rem;
}

.tk-note {
	color: #5d6975 !important;
	font-size: .92rem;
	margin-top: 1.5rem;
}

.tk-secondary .wp-block-button__link {
	background: #ffffff !important;
	border-color: #d9e0e7 !important;
	color: #123c5a !important;
	box-shadow: none !important;
}

.tk-hero-art {
	min-height: 485px;
	position: relative;
	width: 100%;
}

.tk-grid-bg {
	background-image:
		linear-gradient(rgba(18, 60, 90, .06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(18, 60, 90, .06) 1px, transparent 1px);
	background-size: 38px 38px;
	border-radius: 30px;
	inset: 0;
	position: absolute;
	transform: rotate(-2deg);
}

.tk-book-card,
.tk-app-card,
.tk-tool-card {
	background: rgba(255, 255, 255, .97);
	border: 1px solid #d9e0e7;
	border-radius: 24px;
	box-shadow: 0 20px 50px rgba(23, 33, 43, .12);
	position: absolute;
}

.tk-book-card {
	background:
		radial-gradient(circle at 80% 15%, rgba(255, 255, 255, .20), transparent 25%),
		linear-gradient(145deg, #123c5a, #1d668f 72%, #2b83ae);
	color: #ffffff;
	height: 405px;
	left: 10px;
	padding: 30px;
	top: 48px;
	transform: rotate(-5deg);
	width: 300px;
	z-index: 2;
}

.tk-book-card h3 {
	color: #ffffff;
	font-size: 2rem;
	letter-spacing: -.04em;
	line-height: 1.02;
	margin: 68px 0 14px;
}

.tk-book-card p {
	color: rgba(255, 255, 255, .84) !important;
}

.tk-author {
	bottom: 28px;
	font-size: .9rem;
	left: 30px;
	position: absolute;
}

.tk-app-card {
	overflow: hidden;
	right: 0;
	top: 16px;
	transform: rotate(4deg);
	width: 330px;
	z-index: 3;
}

.tk-window-top {
	align-items: center;
	background: #ffffff;
	border-bottom: 1px solid #e1e7ed;
	display: flex;
	gap: 7px;
	height: 43px;
	padding: 0 14px;
}

.tk-window-top i {
	background: #ccd5dd;
	border-radius: 50%;
	display: block;
	height: 9px;
	width: 9px;
}

.tk-window-body {
	background: #f7f9fb;
	color: #17212b;
	padding: 18px;
}

.tk-row {
	display: grid;
	gap: 8px;
	grid-template-columns: 1.4fr .7fr .6fr;
	margin-top: 10px;
}

.tk-row b {
	background: #e4ebf0;
	border-radius: 6px;
	display: block;
	height: 25px;
}

.tk-row b:first-child {
	background: #d4e8f3;
}

.tk-row b:last-child {
	background: #f4ddb9;
}

.tk-tool-card {
	bottom: 8px;
	display: grid;
	gap: 6px;
	padding: 22px;
	right: 42px;
	transform: rotate(-2deg);
	width: 250px;
	z-index: 4;
}

.tk-tool-card span {
	align-items: center;
	background: #fff2df;
	border-radius: 14px;
	color: #9c5e10;
	display: flex;
	font-size: 1.25rem;
	font-weight: 800;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.tk-tool-card small {
	color: #5d6975;
}

.tk-section-head {
	gap: 2rem;
	margin-bottom: 2rem;
}

.tk-section-head h2,
.tk-book-section h2 {
	font-size: clamp(2.2rem, 4vw, 3.45rem);
	letter-spacing: -.045em;
	line-height: 1.04;
}

.tk-section-intro {
	color: #5d6975 !important;
	max-width: 540px;
}

.tk-book-section {
	gap: 1.45rem;
}

.tk-cta {
	background: linear-gradient(135deg, #eaf2f7, #f7fbfd);
	border: 1px solid #d3e1ea;
	border-radius: 30px;
	gap: 2rem;
	padding: clamp(2rem, 5vw, 3.3rem);
}

.tk-cta h2 {
	margin-bottom: .5rem;
}

.tk-cta p {
	color: #5d6975;
}

@media (max-width: 1000px) {
	.tk-hero-art {
		margin-inline: auto;
		max-width: 620px;
	}
}

@media (max-width: 760px) {
	.tk-hero-art {
		margin-bottom: -45px;
		min-height: 465px;
		transform: scale(.88);
		transform-origin: top center;
	}

	.tk-book-card {
		left: -8px;
	}

	.tk-app-card {
		right: -12px;
	}

	.tk-tool-card {
		right: 7px;
	}
}