/* ==========================================================
   Kreate Edgee — Home page polish
   ========================================================== */

/* Hero outcome line + Free AI Visibility Check link */
.banner-section-h2 .ke-hero-outcome { margin: -4px 0 16px; font-size: clamp(17px, 1.5vw, 20px); font-weight: 600; line-height: 1.5; color: var(--theme-color1, #C0B7F0); }
.banner-section-h2 .ke-hero-aicheck { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(192, 183, 240, .45); color: #fff; font-weight: 600; font-size: 15px; transition: background .2s, border-color .2s; }
.banner-section-h2 .ke-hero-aicheck:hover { background: rgba(192, 183, 240, .15); border-color: var(--theme-color1, #C0B7F0); color: #fff; }

/* Slim "see our case studies" strip (replaces the old project cards) */
.ke-home-cs { padding: 70px 0; }
.ke-home-cs__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding: 34px 40px; border-radius: 24px; border: 1px solid rgba(192, 183, 240, .25); background: rgba(192, 183, 240, .06); }
.ke-home-cs__in h2 { margin: 0 0 6px; font-size: clamp(24px, 2.6vw, 34px); }
.ke-home-cs__in p { margin: 0; }
@media (max-width: 575.98px) { .ke-home-cs__in { padding: 26px 20px; } }

/* Hero headline is now the page H1 — keep the theme's hero size, refined */
.banner-section-h2 > .outer-container { padding-left: clamp(16px, 4vw, 72px); padding-right: clamp(16px, 4vw, 72px); }
.banner-section-h2 .hero-content .title {
	font-family: var(--title-font);
	font-size: clamp(40px, 5vw, 76px);
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.08;
}
.call-to-action-three .text-box .title-two { font-family: var(--title-font); }

/* ---------------- Boxed services grid ---------------- */
.ke-home-services {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin-top: 56px;
}
.ke-hs-card {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 22px;
	background: rgba(255, 255, 255, .035);
	border: 1px solid rgba(192, 183, 240, .16);
	transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
.ke-hs-card:hover {
	transform: translateY(-6px);
	border-color: rgba(192, 183, 240, .5);
	background: rgba(192, 183, 240, .06);
	box-shadow: 0 24px 50px rgba(0, 0, 0, .35);
}
.ke-hs-card__cover { position: absolute; inset: 0; z-index: 2; }
.ke-hs-card__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #1B152C; }
.ke-hs-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.ke-hs-card:hover .ke-hs-card__media img { transform: scale(1.05); }
.ke-hs-card__num {
	position: absolute; left: 16px; top: 16px;
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 44px; height: 32px; padding: 0 10px; border-radius: 999px;
	background: rgba(19, 13, 26, .78); backdrop-filter: blur(6px);
	color: var(--theme-color1); font-size: 13px; font-weight: 700; letter-spacing: .06em;
}
.ke-hs-card__body { display: flex; flex-direction: column; flex: 1; padding: 24px 24px 26px; }
.ke-hs-card__title {
	margin: 0 0 10px; color: #fff;
	font-family: var(--title-font); font-size: 21px; line-height: 1.3; font-weight: 600;
}
.ke-hs-card__text { margin: 0 0 18px; color: rgba(255, 255, 255, .7); font-size: 15px; line-height: 1.65; }
.ke-hs-card__more {
	margin-top: auto; display: inline-flex; align-items: center; gap: 10px;
	color: var(--theme-color1); font-size: 15px; font-weight: 600;
}
.ke-hs-card__more i { transition: transform .25s ease; }
.ke-hs-card:hover .ke-hs-card__more i { transform: translateX(4px); }

/* Tighter section spacing */
.services-section-h2 .lower-box { padding-bottom: 110px; }

@media (max-width: 1199.98px) {
	.ke-home-services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
	/* Compact row cards on phones: thumbnail left, text right */
	.ke-home-services { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 32px; }
	.ke-hs-card { flex-direction: row; align-items: stretch; border-radius: 18px; }
	.ke-hs-card:hover { transform: none; }
	.ke-hs-card__media { flex: 0 0 104px; aspect-ratio: auto; min-height: 100%; }
	.ke-hs-card__num { left: 8px; top: 8px; min-width: 34px; height: 24px; font-size: 11px; }
	.ke-hs-card__body { padding: 14px 16px; }
	.ke-hs-card__title { font-size: 17px; margin-bottom: 6px; }
	.ke-hs-card__text { font-size: 13.5px; line-height: 1.5; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.ke-hs-card__more { font-size: 13.5px; }
	.services-section-h2 .lower-box { padding-bottom: 70px; }

	/* Team: two per row instead of one */
	.team-section-h1 .team-block-h1 { flex: 0 0 50%; max-width: 50%; padding-left: 7px; padding-right: 7px; }
	.team-section-h1 .row { margin-left: -7px; margin-right: -7px; }
	.team-section-h1 .team-block-h1 .inner-block { margin-bottom: 14px; }
	.team-section-h1 .team-block-h1 .image { overflow: hidden; border-radius: 16px; }
	.team-section-h1 .team-block-h1 .content-box .name { font-size: 16px; }
	.team-section-h1 .team-block-h1 .content-box .designation { font-size: 12px; line-height: 1.35; }
	.team-section-h1 .team-block-h1 .socials { display: none; }

	/* Project buttons fit the screen */
	.project-section-h2 .theme-btn { max-width: 100%; white-space: normal; text-align: center; }
}
