/* ── IG.cr Landing Page ─────────────────────────────────────────────────────── */

/* Reset layout: no sidebar, no mobile chrome, full width */
.igcr-landing {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100% !important;
}

body:has(.igcr-landing) .igcr-sidebar,
body:has(.igcr-landing) .igcr-mobile-header,
body:has(.igcr-landing) .igcr-mobile-footer {
	display: none !important;
}

body:has(.igcr-landing) {
	background: var( --igcr-theme-landing-bg );
}

/* ── Sections ──────────────────────────────────────────────────────────────── */

.igcr-landing-section {
	padding: 80px 24px;
	max-width: 100%;
}

.igcr-landing-section .wp-block-group__inner-container,
.igcr-landing-section > * {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

/* ── Hero ───────────────────────────────────────────────────────────────────── */

.igcr-landing-hero {
	padding: 120px 24px 80px;
	background: linear-gradient(165deg, var( --igcr-theme-landing-bg-alt ) 0%, var( --igcr-theme-landing-hero-mid ) 40%, var( --igcr-theme-landing-hero-end ) 100%);
	text-align: center;
	position: relative;
	overflow: hidden;
}

.igcr-landing-hero::before {
	content: '';
	position: absolute;
	top: -200px;
	right: -200px;
	width: 600px;
	height: 600px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(61,103,146,0.04) 0%, transparent 70%);
	pointer-events: none;
}

.igcr-landing-hero h1 {
	font-size: clamp(32px, 6vw, 56px) !important;
	line-height: 1.1 !important;
	letter-spacing: -0.03em;
	font-weight: 700 !important;
	color: var( --igcr-theme-landing-heading ) !important;
	margin-bottom: 20px !important;
}

.igcr-landing-hero .igcr-hero-sub {
	font-size: clamp(16px, 2.4vw, 20px) !important;
	line-height: 1.6 !important;
	color: var( --igcr-theme-landing-sub ) !important;
	max-width: 580px;
	margin: 0 auto 40px !important;
}

.igcr-landing-hero .wp-block-buttons {
	justify-content: center;
	margin-bottom: 60px;
}

.igcr-landing-hero .wp-block-button__link {
	padding: 14px 32px !important;
	border-radius: 10px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.igcr-landing-hero .wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(61,103,146,0.2);
}

.igcr-landing-hero .igcr-hero-img {
	max-width: 780px;
	margin: 0 auto;
	filter: drop-shadow(0 20px 60px rgba(0,0,0,0.08));
}

.igcr-landing-hero .igcr-hero-img img {
	width: 100%;
	height: auto;
}

/* ── Feature Cards ─────────────────────────────────────────────────────────── */

.igcr-landing-features {
	padding: 100px 24px;
	background: var( --igcr-theme-landing-bg );
}

.igcr-landing-features .igcr-section-label {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var( --igcr-theme-accent ) !important;
	text-align: center;
	margin-bottom: 12px !important;
}

.igcr-landing-features .igcr-section-title {
	font-size: clamp(24px, 4vw, 36px) !important;
	font-weight: 700 !important;
	text-align: center;
	color: var( --igcr-theme-landing-heading ) !important;
	letter-spacing: -0.02em;
	margin-bottom: 60px !important;
}

.igcr-feature-card {
	background: var( --igcr-theme-landing-bg );
	border: 1px solid var( --igcr-theme-landing-border );
	border-radius: 16px;
	padding: 40px 32px !important;
	text-align: center;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.igcr-feature-card:hover {
	border-color: var( --igcr-theme-accent );
	box-shadow: 0 8px 32px rgba(61,103,146,0.08);
}

.igcr-feature-card img {
	width: 120px;
	height: 120px;
	margin: 0 auto 24px;
	display: block;
}

.igcr-feature-card h3 {
	font-size: 20px !important;
	font-weight: 600 !important;
	color: var( --igcr-theme-landing-heading ) !important;
	margin-bottom: 12px !important;
}

.igcr-feature-card p {
	font-size: 15px !important;
	color: var( --igcr-theme-landing-muted ) !important;
	line-height: 1.6 !important;
}

/* ── How It Works ──────────────────────────────────────────────────────────── */

.igcr-landing-how {
	padding: 100px 24px;
	background: var( --igcr-theme-landing-bg-alt );
}

.igcr-landing-how .igcr-section-label {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var( --igcr-theme-accent ) !important;
	text-align: center;
	margin-bottom: 12px !important;
}

.igcr-landing-how .igcr-section-title {
	font-size: clamp(24px, 4vw, 36px) !important;
	font-weight: 700 !important;
	text-align: center;
	color: var( --igcr-theme-landing-heading ) !important;
	letter-spacing: -0.02em;
	margin-bottom: 60px !important;
}

.igcr-step-card {
	text-align: center;
	padding: 32px 24px !important;
}

.igcr-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var( --igcr-theme-accent );
	color: var( --igcr-theme-on-accent );
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.igcr-step-card h3 {
	font-size: 20px !important;
	font-weight: 600 !important;
	color: var( --igcr-theme-landing-heading ) !important;
	margin-bottom: 10px !important;
}

.igcr-step-card p {
	font-size: 15px !important;
	color: var( --igcr-theme-landing-muted ) !important;
	line-height: 1.6 !important;
}

/* ── Why IG.cr ─────────────────────────────────────────────────────────────── */

.igcr-landing-why {
	padding: 100px 24px;
	background: var( --igcr-theme-landing-bg );
}

.igcr-landing-why .igcr-section-label {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var( --igcr-theme-accent ) !important;
	margin-bottom: 12px !important;
}

.igcr-landing-why .igcr-section-title {
	font-size: clamp(24px, 4vw, 36px) !important;
	font-weight: 700 !important;
	color: var( --igcr-theme-landing-heading ) !important;
	letter-spacing: -0.02em;
	margin-bottom: 16px !important;
}

.igcr-landing-why .igcr-section-sub {
	font-size: 17px !important;
	color: var( --igcr-theme-landing-muted ) !important;
	line-height: 1.6 !important;
	margin-bottom: 40px !important;
}

.igcr-why-item {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	margin-bottom: 24px;
}

.igcr-why-check {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var( --igcr-theme-accent );
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}

.igcr-why-check svg {
	width: 14px;
	height: 14px;
	stroke: var( --igcr-theme-on-accent );
	stroke-width: 2.5;
	fill: none;
}

.igcr-why-text strong {
	display: block;
	font-size: 16px;
	color: var( --igcr-theme-landing-heading );
	margin-bottom: 4px;
}

.igcr-why-text span {
	font-size: 14px;
	color: var( --igcr-theme-landing-muted );
	line-height: 1.5;
}

/* ── Final CTA ─────────────────────────────────────────────────────────────── */

.igcr-landing-cta {
	padding: 100px 24px;
	background: linear-gradient(165deg, var( --igcr-theme-accent-dark ) 0%, var( --igcr-theme-accent ) 50%, var( --igcr-theme-accent-light ) 100%);
	text-align: center;
}

.igcr-landing-cta h2 {
	font-size: clamp(26px, 4.5vw, 42px) !important;
	font-weight: 700 !important;
	color: var( --igcr-theme-on-accent ) !important;
	letter-spacing: -0.02em;
	margin-bottom: 16px !important;
}

.igcr-landing-cta p {
	font-size: 18px !important;
	color: rgba(255,255,255,0.75) !important;
	max-width: 480px;
	margin: 0 auto 40px !important;
}

.igcr-landing-cta .wp-block-button__link {
	background: var( --igcr-theme-on-accent ) !important;
	color: var( --igcr-theme-accent-dark ) !important;
	padding: 16px 40px !important;
	border-radius: 10px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.igcr-landing-cta .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

/* ── Landing Footer ────────────────────────────────────────────────────────── */

.igcr-landing-footer {
	padding: 40px 24px;
	background: var( --igcr-theme-landing-footer-bg );
	text-align: center;
}

.igcr-landing-footer p {
	font-size: 14px !important;
	color: rgba(255,255,255,0.4) !important;
	margin: 0 !important;
}

.igcr-landing-footer a {
	color: rgba(255,255,255,0.6) !important;
	text-decoration: none;
}

.igcr-landing-footer a:hover {
	color: var( --igcr-theme-on-accent ) !important;
}

/* ── Nav Bar ───────────────────────────────────────────────────────────────── */

.igcr-landing-nav {
	padding: 16px 24px;
	background: var( --igcr-theme-landing-nav-bg );
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var( --igcr-theme-landing-nav-border );
}

.igcr-landing-nav .wp-block-columns {
	align-items: center;
	margin-bottom: 0 !important;
}

.igcr-nav-logo {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var( --igcr-theme-landing-heading ) !important;
	margin: 0 !important;
	letter-spacing: -0.02em;
}

.igcr-nav-cta .wp-block-button__link {
	padding: 8px 20px !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

/* ── Responsive ────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
	.igcr-landing-hero {
		padding: 80px 20px 60px;
	}

	.igcr-landing-section {
		padding: 60px 20px;
	}

	.igcr-landing-features,
	.igcr-landing-how,
	.igcr-landing-why,
	.igcr-landing-cta {
		padding: 60px 20px;
	}

	.igcr-feature-card,
	.igcr-step-card {
		padding: 28px 20px !important;
	}

	.igcr-landing-cta {
		padding: 60px 20px;
	}
}