:root {
	--ctdaaw-navy: #0c2d4a;
	--ctdaaw-navy-dark: #061a2b;
	--ctdaaw-blue: #1a5f8a;
	--ctdaaw-gold: #c9a84c;
	--ctdaaw-gold-hover: #b8943f;
	--ctdaaw-cream: #f7f5f0;
	--ctdaaw-white: #ffffff;
	--ctdaaw-text: #2c3e50;
	--ctdaaw-text-muted: #5a6b7d;
	--ctdaaw-border: #dde4ea;
	--ctdaaw-radius: 12px;
	--ctdaaw-radius-lg: 20px;
	--ctdaaw-shadow: 0 8px 30px rgba(6, 26, 43, 0.08);
	--ctdaaw-font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	--ctdaaw-max: 1140px;
}

.ctkf-page {
	font-family: var(--ctdaaw-font) !important;
	color: var(--ctdaaw-text) !important;
	line-height: 1.65 !important;
}

.ctkf-page * {
	box-sizing: border-box !important;
}

.ctkf-container {
	width: min(100% - 2rem, var(--ctdaaw-max)) !important;
	margin-inline: auto !important;
}

.ctkf-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.35rem !important;
	padding: 0.85rem 1.6rem !important;
	border-radius: 999px !important;
	font-weight: 600 !important;
	font-size: 0.95rem !important;
	text-decoration: none !important;
	border: 2px solid transparent !important;
	transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s !important;
	cursor: pointer !important;
}

.ctkf-btn:hover {
	transform: translateY(-1px) !important;
}

.ctkf-btn--primary {
	background: #1a5f8a !important;
	color: #fff !important;
}

.ctkf-btn--primary:hover {
	background: var(--ctdaaw-gold-hover) !important;
	color: var(--ctdaaw-navy-dark) !important;
}

.ctkf-btn--outline {
	background: transparent;
	color: var(--ctdaaw-navy) !important;
	border-color: var(--ctdaaw-navy) !important;
}

.ctkf-btn--outline:hover {
	background: var(--ctdaaw-cream) !important;
	color: var(--ctdaaw-navy) !important;
}

.ctkf-btn--outline-light {
	background: transparent !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.7) !important;
}

.ctkf-btn--outline-light:hover {
	background: rgba(255, 255, 255, 0.12) !important;
	color: #fff !important;
}

.ctkf-btn--large {
	padding: 1rem 2rem !important;
	font-size: 1.05rem !important;
}

/* Hero */
#key-features-hero {
	background: linear-gradient(148deg, var(--ctdaaw-cream) 0%, rgba(26, 95, 138, 0.55) 100%) !important;
	color: var(--ctdaaw-navy)!important;
	padding: 4.5rem 0 4rem !important;
/* 	border-radius: 0 0 20px 20px !important; */
}

#key-features-hero .ctkf-hero__title {
	margin: 0 0 1.25rem !important;
	font-size: clamp(2rem, 5vw, 3rem) !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
}

#key-features-hero .ctkf-hero__lead {
	margin: 0 0 2rem !important;
	max-width: 42rem !important;
	font-size: 1.125rem !important;
	color: var(--ctdaaw-text-muted) !important;
}

#key-features-hero .ctkf-hero__actions {
	display: flex !important;
	flex-wrap: wrap!important;
	gap: 1rem !important;
}

/* Proof bar */
#proof-bar {
	background: var(--ctdaaw-navy);
	color: #fff;
	padding: 2rem 0 !important;
}

#proof-bar .ctkf-proof-grid {
	display: grid !important;
	gap: 1.25rem !important;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
	text-align: center !important;
}

#proof-bar .ctkf-proof-item strong {
	display: block !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	margin-bottom: 0.25rem !important;
	color: var(--ctdaaw-gold) !important;
}

#proof-bar .ctkf-proof-item span {
	font-size: 0.9rem !important;
	color: rgba(255, 255, 255, 0.85) !important;
}

/* Feature sections */
.ctkf-feature {
	padding: 4.5rem 0 !important;
}

.ctkf-feature--alt {
	background: var(--ctdaaw-cream) !important;
}

.ctkf-feature__split {
	display: grid !important;
	gap: 2.5rem !important;
	align-items: center !important;
}

@media (min-width: 900px) {
	.ctkf-feature__split {
		grid-template-columns: 1fr 1fr !important;
		gap: 3.5rem !important;
	}

	.ctkf-feature__split--image-right .ctkf-feature__media {
		order: 2 !important;
	}

	.ctkf-feature__split--image-right .ctkf-feature__content {
		order: 1 !important;
	}

	.ctkf-feature__split--image-left .ctkf-feature__media {
		order: 1 !important;
	}

	.ctkf-feature__split--image-left .ctkf-feature__content {
		order: 2 !important;
	}
}

.ctkf-feature__eyebrow {
	display: inline-block !important;
	margin: 0 0 0.75rem !important;
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: var(--ctdaaw-blue) !important;
}

.ctkf-feature__title {
	margin: 0 0 0.85rem !important;
	font-size: clamp(1.5rem, 3vw, 2rem) !important;
	font-weight: 700 !important;
	color: var(--ctdaaw-navy) !important;
	line-height: 1.2 !important;
}

.ctkf-feature__tagline {
	margin: 0 0 1rem !important;
	font-size: 1.1rem !important;
	font-weight: 600 !important;
	color: var(--ctdaaw-text) !important;
}

.ctkf-feature__text {
	margin: 0 0 1.5rem !important;
	color: var(--ctdaaw-text-muted) !important;
	max-width: 36rem !important;
}

.ctkf-feature__includes {
	margin: 0 0 1rem !important;
	font-size: 0.9rem !important;
	color: var(--ctdaaw-blue) !important;
	font-weight: 600 !important;
}

.ctkf-feature__media {
	background: var(--ctdaaw-white) !important;
	border: 1px solid var(--ctdaaw-border) !important;
	border-radius: var(--ctdaaw-radius-lg) !important;
	box-shadow: var(--ctdaaw-shadow) !important;
	overflow: hidden !important;
	min-height: 220px !important;
	display: grid !important;
	place-items: center !important;
	padding: 2rem !important;
	text-align: center !important;
	color: var(--ctdaaw-text-muted) !important;
	font-size: 0.95rem !important;
}

.ctkf-feature__media img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

/* Supporting features grid */
#supporting-features {
	padding: 4.5rem 0 !important;
	background: var(--ctdaaw-white) !important;
}

#supporting-features .ctkf-section-title {
	margin: 0 0 0.75rem !important;
	text-align: center !important;
	font-size: clamp(1.5rem, 3vw, 2rem) !important;
	font-weight: 700 !important;
	color: var(--ctdaaw-navy) !important;
}

#supporting-features .ctkf-section-lead {
	margin: 0 auto 2.5rem !important;
	max-width: 40rem !important;
	text-align: center !important;
	color: var(--ctdaaw-text-muted) !important;
}

#supporting-features .ctkf-support-grid {
	display: grid !important;
	gap: 1.25rem !important;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
}

#supporting-features .ctkf-support-card {
	background: var(--ctdaaw-cream) !important;
	border: 1px solid var(--ctdaaw-border) !important;
	border-radius: var(--ctdaaw-radius) !important;
	padding: 1.5rem !important;
}

#supporting-features .ctkf-support-card h3 {
	margin: 0 0 0.5rem !important;
	font-size: 1.05rem !important;
	color: var(--ctdaaw-navy) !important;
}

#supporting-features .ctkf-support-card p {
	margin: 0 !important;
	font-size: 0.95rem !important;
	color: var(--ctdaaw-text-muted) !important;
}

/* Integrations */
#integrations {
	padding: 4rem 0 !important;
	background: var(--ctdaaw-cream) !important;
	border-block: 1px solid var(--ctdaaw-border) !important;
}

#integrations .ctkf-section-title {
	margin: 0 0 0.75rem !important;
	text-align: center !important;
	font-size: clamp(1.35rem, 2.5vw, 1.75rem) !important;
	font-weight: 700 !important;
	color: var(--ctdaaw-navy) !important;
}

#integrations .ctkf-integrations-text {
	margin: 0 auto 1.5rem !important;
	max-width: 48rem !important;
	text-align: center !important;
	color: var(--ctdaaw-text-muted) !important;
}

#integrations .ctkf-integrations-actions {
	text-align: center !important;
}

/* Closing CTA */
#closing-cta {
	background: linear-gradient(135deg, var(--ctdaaw-navy-dark), var(--ctdaaw-navy)) !important;
	color: #fff !important;
	padding: 4.5rem 0 !important;
	text-align: center !important;
}

#closing-cta h2 {
	margin: 0 0 1rem !important;
	font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
	font-weight: 700 !important;
}

#closing-cta p {
	margin: 0 auto 1.75rem !important;
	max-width: 36rem !important;
	color: rgba(255, 255, 255, 0.9) !important;
}

#closing-cta .ctkf-cta__actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.85rem !important;
	justify-content: center !important;
}

/* Sticky section nav */
#key-features-nav {
	position: sticky !important;
	top: 0 !important;
	z-index: 50 !important;
	background: rgba(255, 255, 255, 0.96) !important;
	border-bottom: 1px solid var(--ctdaaw-border) !important;
	backdrop-filter: blur(8px) !important;
}

#key-features-nav .ctkf-nav-inner {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.35rem !important;
	justify-content: center !important;
	padding: 0.65rem 0 !important;
	overflow-x: auto !important;
}

#key-features-nav a {
	padding: 0.45rem 0.85rem !important;
	border-radius: 999px !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	color: var(--ctdaaw-text-muted) !important;
	white-space: nowrap !important;
}

#key-features-nav a:hover,
#key-features-nav a.is-active {
	background: var(--ctdaaw-navy) !important;
	color: #fff !important;
}