:root {
	/* Color Variables */
	--color-primary: #3b82f6;
	--color-primary-dark: #2563eb;
	--color-secondary: #14b8a6;
	--color-accent-violet: #8b5cf6;
	--color-accent-amber: #f59e0b;

	--color-bg-dark: #0f172a;
	--color-bg-darker: #1e293b;
	--color-bg-overlay: rgba(30, 41, 59, 0.8);

	--color-text-primary: #f8fafc;
	--color-text-secondary: #cbd5e1;
	--color-text-tertiary: #94a3b8;

	--color-border: rgba(148, 163, 184, 0.1);
	--color-border-active: rgba(59, 130, 246, 0.5);

	/* Spacing */
	--spacing-xs: 0.5rem;
	--spacing-sm: 0.75rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--spacing-xl: 2rem;
	--spacing-2xl: 3rem;
	--spacing-3xl: 4rem;
	--spacing-4xl: 5rem;

	/* Typography */
	--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-size-xs: 0.75rem;
	--font-size-sm: 0.875rem;
	--font-size-base: 1rem;
	--font-size-lg: 1.125rem;
	--font-size-xl: 1.25rem;
	--font-size-2xl: 1.5rem;
	--font-size-3xl: 1.875rem;
	--font-size-4xl: 2.25rem;
	--font-size-5xl: 3rem;
	--font-size-6xl: 3.75rem;

	/* Border Radius */
	--radius-sm: 0.5rem;
	--radius-md: 0.75rem;
	--radius-lg: 1rem;
	--radius-xl: 1.5rem;
	--radius-full: 9999px;

	/* Shadows */
	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

	/* Layout */
	--container-max-width: 1280px;
	--section-padding: 5rem 1.25rem;
	--section-padding-tb: 5rem;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--font-family);
	background: linear-gradient(0deg, var(--color-bg-dark) 0%, var(--color-bg-dark) 100%);
	color: var(--color-text-primary);
	line-height: 1.6;
	overflow-x: hidden;
	scroll-behavior: smooth;
}
.d-flex {
	display: flex;
}
.text-align-center {
	text-align: center;
}
.mt-20 {
	margin-top: 20px;
}
/* Navigation */
.nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 66px;
	background: var(--color-bg-overlay);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--color-border);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 var(--spacing-xl);
}
.nav-content {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;

	justify-content: space-between;
}
.nav__logo {
	display: flex;
	align-items: center;
}

.nav__menu {
	display: flex;
	align-items: center;
	gap: var(--spacing-2xl);
	list-style: none;
}
.nav__menu .explore .nav__link {
	display: flex;
	padding: 0.5rem 0.75rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

.nav__link {
	color: var(--color-text-secondary);
	text-decoration: none;
	font-weight: 600;
	font-size: var(--font-size-sm);
	transition: color 0.3s;
}

.nav__link:hover {
	color: var(--color-text-primary);
}

.mob {
	display: none;
}
.desktop {
	display: none;
}
.btn-transparent {
	border: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
}
.nav__actions {
	display: flex;
	align-items: center;
	gap: var(--spacing-md);
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.625rem 1.5rem;
	border-radius: var(--radius-sm);
	font-weight: 600;
	font-size: var(--font-size-base);
	text-decoration: none;
	transition: all 0.3s;
	cursor: pointer;
	border: none;
	gap: var(--spacing-sm);
}
.btn--ln {
	display: flex;
	padding: 0.5625rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}
.btn--login {
	display: flex;
	/* width: 9.74438rem; */
	padding: 0.5rem 1.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}
.btn--login svg {
	width: 1rem;
	height: 1rem;
	flex-shrink: 0;
}
.btn--primary {
	background: linear-gradient(105deg, var(--color-primary) 0%, var(--color-accent-violet) 100%);
	color: var(--color-text-primary);
	box-shadow: var(--shadow-lg);
}
.btn-agenthink {
	background: linear-gradient(145deg, #d7d7d7, #9f9f9f);
	color: #000;
	font-weight: 700;
	font-family: 'Segoe UI', Arial, sans-serif;
	font-size: 19px;
	border: none;
	border-radius: 999px; /* rounded pill shape */
	padding: 12px 36px;
	cursor: pointer;
	box-shadow:
		inset 1px 1px 2px rgba(255, 255, 255, 0.6),
		inset -2px -2px 4px rgba(0, 0, 0, 0.3),
		0 3px 6px rgba(0, 0, 0, 0.4);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	transition: all 0.3s ease;
}
.btn--primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 25px 30px -5px rgba(0, 0, 0, 0.15);
}

.btn--secondary {
	background: var(--color-bg-overlay);
	color: var(--color-text-primary);
	border: 1px solid var(--color-border-active);
	backdrop-filter: blur(12px);
}

.btn--secondary:hover {
	border-color: var(--color-primary);
}

/* Hero Section */
.hero {
	padding: 8rem 1.25rem 4rem;
	max-width: 896px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.hero__stats {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-2xl);
	margin-bottom: var(--spacing-2xl);
	flex-wrap: wrap;
}

.stat {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
	font-size: var(--font-size-base);
}

.stat__value {
	font-weight: 600;
	color: var(--color-text-secondary);
	display: flex;
	gap: 6px;
}

.stat__label {
	color: var(--color-text-tertiary);
}

.hero__title {
	font-size: clamp(2.5rem, 5vw, 4.5rem);
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: var(--spacing-lg);
	background: linear-gradient(96deg, var(--color-primary) 0%, #ef4444 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: var(--spacing-4xl);
}

.hero__subtitle {
	font-size: var(--font-size-2xl);
	color: var(--color-text-secondary);
	margin-top: var(--spacing-xl);
	margin-bottom: var(--spacing-2xl);
	line-height: 1.5;
}

.hero__search {
	background: var(--color-bg-overlay);
	border: 1px solid var(--color-border-active);
	border-radius: var(--radius-lg);
	padding: 1.25rem 1.5rem;
	margin-bottom: var(--spacing-2xl);
	display: flex;
	align-items: center;
	gap: var(--spacing-md);
	backdrop-filter: blur(12px);
}

.hero__search input {
	flex: 1;
	background: transparent;
	border: none;
	color: var(--color-text-secondary);
	font-size: var(--font-size-base);
	outline: none;
}

.hero__search input::placeholder {
	color: var(--color-text-tertiary);
}

.hero__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-lg);
	flex-wrap: wrap;
}
.hero-down {
	display: flex;
	margin-top: var(--spacing-3xl);
	justify-content: center;
}
/* Section */
.section {
	display: block;
	width: 100%;
}
.section .container {
	padding: var(--section-padding);
	max-width: var(--container-max-width);
	margin: 0 auto;
}

.section__header {
	text-align: center;
	margin-bottom: var(--spacing-3xl);
}

.section__title {
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 700;
	margin-bottom: var(--spacing-md);
	background: linear-gradient(97deg, var(--color-accent-violet) 0%, var(--color-secondary) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.section__subtitle {
	font-size: var(--font-size-xl);
	color: var(--color-text-secondary);
}
.section__subtitle.max-w {
	max-width: 720px;
	margin: 0 auto;
}

/* Cards Grid */
.cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--spacing-xl);
}

.card {
	background: var(--color-bg-overlay);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	padding: var(--spacing-lg);
	backdrop-filter: blur(12px);
	transition:
		transform 0.3s,
		border-color 0.3s;
}

.card:hover {
	transform: translateY(-4px);
	border-color: var(--color-border-active);
}

.card__image {
	width: 100%;
	/*height: 125px;*/
	object-fit: cover;
	border-radius: var(--radius-sm);
	margin-bottom: var(--spacing-lg);
	max-height: 200px;
	overflow: hidden;
}
.card__image img {
	width: 100%;
}

.card__badge {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	border-radius: var(--radius-full);
	font-size: var(--font-size-xs);
	font-weight: 600;
	color: white;
	margin-bottom: var(--spacing-md);
	position: absolute;
	right: 30px;
	top: 30px;
}

.card__badge--popular {
	background: var(--color-secondary);
}

.card__badge--trending {
	background: var(--color-accent-violet);
}

.card__badge--new {
	background: var(--color-primary);
}

.card__badge--hot {
	background: var(--color-accent-amber);
}

.card__title {
	font-size: var(--font-size-xl);
	font-weight: 600;
	margin-bottom: var(--spacing-md);
}

.card__description {
	color: var(--color-text-secondary);
	margin-bottom: var(--spacing-sm);
	font-size: var(--font-size-sm);
	min-height: 68px;
}

.card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--spacing-md);
	font-size: var(--font-size-sm);
	color: var(--color-text-tertiary);
}

.card__rating {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.card__earnings {
	color: var(--color-secondary);
	font-weight: 600;
	font-size: 13px;
}
.card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.card-footer .btn--primary {
	padding: 0.625rem 1rem;
	font-size: 16px;
	font-weight: 500;

	background: linear-gradient(112deg, var(--color-accent-violet) 0%, var(--color-secondary) 100%);
}
/* Features */
.features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: var(--spacing-xl);
}

.feature {
	background: var(--color-bg-overlay);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	padding: var(--spacing-xl);
	backdrop-filter: blur(12px);
}

.feature__icon {
	width: 64px;
	height: 64px;
	border-radius: 8px;
	background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
	border-radius: var(--radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: var(--spacing-lg);
	font-size: 2rem;
}

.feature__title {
	font-size: var(--font-size-2xl);
	font-weight: 600;
	margin-bottom: var(--spacing-md);
}

.feature__description {
	color: var(--color-text-secondary);
}

/* Split Section */
.split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--spacing-3xl);
	align-items: center;
}

.split__content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-lg);
	order: 1;
}
.split__item {
	display: flex;
	gap: 1rem;
}
.split__item span {
	display: flex;
	width: 48px;
	height: 48px;
	padding: 9px 12px 10px 12px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: var(--radius-sm);
}

.split__item .build {
	background: linear-gradient(135deg, #8b5cf6 0%, #14b8a6 100%);
}

.split__item .discover {
	background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
}
.split__item .doller {
	background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #14b8a6 100%);
}
.split .btn {
	display: flex;
	gap: 1rem;
	width: fit-content;
}
.split__image {
	width: 100%;
	border-radius: var(--radius-xl);
	box-shadow: var(--shadow-lg);
	border-radius: 24px;
	/* border: 1px solid rgba(148, 163, 184, 0.1); */
	background: rgba(30, 41, 59, 0.8);
	backdrop-filter: blur(8px);
	display: flex;
	max-width: 616px;
	/* padding: 33px 33px 57px 33px; */
	justify-content: center;
	align-items: center;
	order: 2;
	margin: 0 auto;
}
.split__image img {
	width: 100%;
}
.split__item h3 {
	margin-bottom: 0.765rem;
	color: #f8fafc;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px; /* 140% */
}
.split__item p {
	color: #cbd5e1;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
/* Stats Circle */
.stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: var(--spacing-3xl);
	margin-top: var(--spacing-3xl);
}

.stat-circle {
	position: relative;
	max-width: 380px;
	/*height: 380px;*/
	margin: 0 auto;
	width: 100%;
	aspect-ratio: 16 / 16;
}
.stat-circle.one,
.stat-circle.three {
	margin-top: 50%;
}
.stat-circle.five {
	margin-top: -50%;
}
.stat-circle__bg {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 1px solid rgba(148, 163, 184, 0.1);
	background: rgba(30, 41, 59, 0.8);
}

.stat-circle__content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: var(--spacing-2xl);
}

.stat-circle__icon {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	/* margin-bottom: var(--spacing-xl); */
	/* background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); */
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	img {
		height: 90px;
		width: 90px;
		border-radius: 50%;
		/* margin-bottom: var(--spacing-xl); */
		/* background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); */
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.stat-circle__value {
	font-size: var(--font-size-2xl);
	font-weight: 600;
	margin-bottom: var(--spacing-sm);
}

.stat-circle__label {
	color: var(--color-text-secondary);
	font-size: var(--font-size-base);
}

/* Footer */
.footer {
	/*background: var(--color-bg-darker);*/
	border-top: 2px solid var(--color-border);
	padding: var(--spacing-3xl) var(--spacing-xl);
}

.footer__content {
	max-width: var(--container-max-width);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr;
	gap: var(--spacing-3xl);
	margin-bottom: var(--spacing-2xl);
}

.footer__brand {
	max-width: 350px;
	img {
		height: 30px;
		width: 30px;
		margin: 0 4px;
	}
}

.footer__logo {
	font-size: var(--font-size-xl);
	font-weight: 700;
	background: linear-gradient(113deg, #3b82f6 0%, #8b5cf6 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: var(--spacing-md);
}

.footer__description {
	color: var(--color-text-secondary);
	font-size: var(--font-size-sm);
	line-height: 1.6;
	margin-bottom: 20px;
}

.footer__section-title {
	font-size: var(--font-size-lg);
	font-weight: 600;
	margin-bottom: var(--spacing-lg);
}
.footer__links {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
}

.footer__links .link {
	color: var(--color-text-secondary);
	text-decoration: none;
	font-size: var(--font-size-sm);
	transition: color 0.3s;
	display: flex;
	gap: 5px;
}
.footer__links .link > span {
	width: 25px;
}
.footer__link > span {
	width: 18px;
}
.footer__link {
	color: var(--color-text-secondary);
	text-decoration: none;
	font-size: var(--font-size-sm);
	transition: color 0.3s;
	display: flex;
	gap: 5px;
}

.footer__link:hover {
	color: var(--color-text-primary);
}

.footer__bottom {
	max-width: var(--container-max-width);
	margin: 0 auto;
	padding-top: var(--spacing-xl);
	border-top: 1px solid var(--color-border);
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--color-text-tertiary);
	font-size: var(--font-size-sm);
}

.footer__social {
	display: flex;
	gap: var(--spacing-lg);
}

.footer__social-link {
	color: var(--color-text-tertiary);
	text-decoration: none;
	transition: color 0.3s;
}

.footer__social-link:hover {
	color: var(--color-text-primary);
}

/* Section Header Styles */
.section__header-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.section__header-title {
	font-size: 1.5rem;
	font-weight: 600;
}

/* Grid Layouts */
.features-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3rem;
	margin-bottom: 2rem;
}
.feature-grid-cont,
.bottom-grid-cont {
	max-width: 380px;
}

.feature-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.feature-icon {
	font-size: 1.5rem;
	display: flex;
}

.feature-title {
	font-size: 1.25rem;
	font-weight: 600;
}

.feature-description {
	color: var(--color-text-secondary);
}

/* Canvas Placeholder */
.canvas-placeholder {
	width: 100%;
	/* aspect-ratio: 16 / 9; */
	background: transparent;
	border-radius: 1rem;
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4rem;
	overflow: hidden;
}
.canvas-placeholder img {
	width: 100%;
}
/* Bottom Grid with CTA */
.bottom-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3rem;
	align-items: center;
}
.bottom-grid .order-1 {
	order: 1;
}

.bottom-grid .order-2 {
	order: 2;
}

.bottom-grid .order-3 {
	order: 3;
}

.cta-button-large {
	padding: 1rem 2rem;
}

/* Use Case Image */
.use-case-image {
	/*aspect-ratio: 16/10;*/
	/*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
	display: flex;
	align-items: center;
	justify-content: center;
	/*font-size: 3rem;*/
}
.use-case-image img {
	max-width: 616px;
	width: 100%;
}
/* Use Case Content */
.use-case-title {
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

.use-case-list {
	display: flex;
	flex-direction: column;
	gap: 1.3rem;
}

.use-case-item {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}

.use-case-icon {
	width: 32px;
	height: 32px;
	font-size: 1.5rem;
	position: relative;
	bottom: 4px;
	border-radius: 4px;
}
.use-case-text {
	font-size: 1.25rem;
	font-weight: 500;
}

.use-case-cta {
	margin-top: 1rem;
}

.market {
	position: relative;
}
.market::before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -500px;
	background: url(../images/bg-1.png) 50% 50%;
	height: 2459px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}
.platform {
	position: relative;
}
.platform::before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -400px;
	background: url(../images/bg-2.png) 50% 50%;
	height: 1584px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}
.empower {
	position: relative;
}
.empower::before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -800px;
	background: url(../images/bg-3.png) 50% 50%;
	height: 2454px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}
.footer {
	position: relative;
}
.footer::before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 100px;
	background: url(../images/bg-4.png) 50% 50%;
	height: 1949px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}

@media screen and (max-width: 1400px) and (min-width: 1201px) {
	.nav__logo .logo {
		width: 40px;
	}
	.nav__logo .text {
		width: 180px;
	}
	.nav__menu {
		gap: var(--spacing-md);
	}
	.btn--login {
		font-size: 0.875rem;
		padding: 8px 10px;
	}
	.btn--ln {
		font-size: 0.875rem;
	}
	.nav {
		padding: 0 var(--spacing-xs);
	}
	.nav__menu .explore .nav__link {
		padding: 0;
	}
	.nav__link {
		font-size: 14px;
		font-weight: 400;
	}
	.stats-grid {
		gap: var(--spacing-2xl);
		margin-top: var(--spacing-2xl);
	}

	.footer__content {
		gap: var(--spacing-xl);
	}
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
	.nav__logo .logo {
		width: 40px;
	}
	.nav__logo .text {
		width: 180px;
	}
	.nav__menu {
		gap: var(--spacing-md);
	}
	.btn--login {
		font-size: 0.875rem;
		padding: 8px 10px;
	}
	.btn--ln {
		font-size: 0.875rem;
	}
	.nav {
		padding: 0 var(--spacing-xl);
	}
	.nav__menu .explore .nav__link {
		padding: 0;
	}
	.nav__link {
		font-size: 14px;
		font-weight: 400;
	}
	.split {
		gap: var(--spacing-xl);
	}
	.split__image {
		padding: 20px;
	}

	.stats-grid {
		gap: var(--spacing-xl);
		margin-top: var(--spacing-xl);
	}
	.stat-circle__value {
		font-size: var(--font-size-xl);
		font-weight: 600;
	}
	.stat-circle__content {
		padding: var(--spacing-xl) calc(var(--spacing-3xl) / 2);
	}

	.footer__content {
		grid-template-columns: 1.5fr 1.5fr 1fr;
		gap: var(--spacing-2xl);
	}
}

/* Responsive */
@media (max-width: 1024px) {
	.nav__logo .logo {
		width: 40px;
	}
	.nav__logo .text {
		width: 160px;
	}
	.footer__content {
		grid-template-columns: 1fr 1fr;
	}

	.features-grid {
		gap: 2rem;
	}

	.bottom-grid {
		gap: 2rem;
	}

	.use-case-title {
		font-size: 1.75rem;
	}

	.use-case-text {
		font-size: 1.125rem;
	}
	.stats-grid {
		grid-template-columns: 1fr 1fr;
	}
	.stat-circle.one {
		margin-top: 0;
	}
	.stat-circle.three,
	.stat-circle.five {
		margin-top: 0;
	} /*
.stat-circle.four,.stat-circle.six {
    margin-top: -50%;
}*/
}
@media (max-width: 991px) {
	:root {
		--section-padding: 3rem 1rem;
		--section-padding-tb: 3rem;
	}

	.nav {
		padding: 0 var(--spacing-md);
	}

	.mob {
		display: block;
	}
	.desktop {
		display: none;
	}
	.nav__toggle {
		display: flex;
	}

	.nav__menu {
		position: fixed;
		top: 66px;
		left: 0;
		right: 0;
		background: var(--color-bg-overlay);
		backdrop-filter: blur(12px);
		flex-direction: column;
		padding: var(--spacing-xl);
		gap: var(--spacing-xl);
		transform: translateX(-100%);
		transition: transform 0.3s;
		border-bottom: 1px solid var(--color-border);
	}

	.nav__menu.active {
		transform: translateX(0);
		overflow: auto;
		height: calc(100vh - 66px);
	}

	.nav__link {
		font-size: var(--font-size-lg);
		width: 100%;
		padding: var(--spacing-sm) 0;
	}

	.nav__actions {
		gap: var(--spacing-sm);
	}

	.nav__actions .btn {
		padding: 0.5rem 1rem;
		font-size: var(--font-size-sm);
	}

	.nav__actions .btn:first-child {
		display: none;
	}

	.hero {
		padding: 6rem 1rem 3rem;
	}

	.hero__stats {
		flex-direction: column;
		gap: var(--spacing-md);
	}

	.hero__title {
		font-size: clamp(1.75rem, 8vw, 2.5rem);
	}

	.hero__subtitle {
		font-size: var(--font-size-lg);
	}

	.hero__search {
		/*flex-direction: column;*/
		gap: var(--spacing-sm);
		padding: var(--spacing-xs);
	}

	/*.hero__search .btn {
		width: 100%;
	}*/

	.hero__cta {
		/*flex-direction: column;*/
		width: 100%;
	}
	.hero-down {
		margin-top: var(--spacing-xl);
	}

	/*
	.section {
		padding: 1rem 1rem;
	}*/

	.section__title {
		font-size: clamp(1.5rem, 6vw, 2rem);
	}

	.section__subtitle {
		font-size: var(--font-size-base);
	}

	.cards {
		grid-template-columns: 1fr;
	}

	.features {
		grid-template-columns: 1fr;
	}

	.stats-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}

	.stat-circle {
		width: 290px;
	}

	.stat-circle__icon {
		width: 70px;
		height: 70px;
		font-size: 2rem;
	}

	.stat-circle__value {
		font-size: var(--font-size-lg);
	}

	.stat-circle__label {
		font-size: var(--font-size-sm);
	}

	.split {
		gap: var(--spacing-xl);
		grid-template-columns: 1fr;
	}
	.split__image img {
		max-height: 250px;
	}

	.split__image {
		width: auto;
		order: 1;
		padding: 15px;
	}
	.split__content {
		order: 2;
	}

	.split__content h2 {
		font-size: var(--font-size-xl);
	}

	.split__content h3 {
		font-size: var(--font-size-lg);
	}

	.split__content p {
		font-size: var(--font-size-sm);
	}

	.feature__title {
		font-size: var(--font-size-xl);
	}

	.footer__content {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}

	.footer__bottom {
		flex-direction: column;
		gap: var(--spacing-md);
		text-align: center;
	}

	.footer__bottom > div {
		flex-direction: column;
	}
	.features-grid {
		grid-template-columns: 1fr auto 1fr;
	}
	.bottom-grid {
		grid-template-columns: 1fr auto 1fr;
	}
	.use-case-image img {
		max-width: 480px;
		width: 100%;
	}
	.use-case-list {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-lg);
		align-items: center;
		max-width: 530px;
		margin: 0 auto;
	}
	.split__content.use-case {
		align-items: center;
	}
	.footer::before {
		bottom: 700px;
	}
}
@media screen and (max-width: 991px) and (min-width: 640px) {
	.cards {
		grid-template-columns: 1fr 1fr;
		gap: var(--spacing-sm);
	}

	.features {
		grid-template-columns: 1fr 1fr;
	}
	.stats-grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--spacing-2xl);
	}

	.footer__content {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.section__header-title {
		font-size: 1.25rem;
	}

	.features-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
		margin-bottom: 1.5rem;
	}

	.feature-title {
		font-size: 1.125rem;
	}

	.canvas-placeholder {
		/*aspect-ratio: 4/3;*/
		font-size: 3rem;
		margin-bottom: 1.5rem;
	}

	.bottom-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.cta-button-large {
		width: 100%;
		text-align: center;
		padding: 0.875rem 1.5rem;
	}

	.use-case-title {
		font-size: 1.5rem;
	}

	.use-case-list {
		gap: 1.25rem;
	}

	.use-case-icon {
		font-size: 1.5rem;
	}

	.use-case-text {
		font-size: 1rem;
	}

	.bottom-grid .order-1 {
		order: 1;
	}

	.bottom-grid .order-2 {
		order: 3;
	}

	.bottom-grid .order-3 {
		order: 2;
	}
	.features-grid .empty {
		display: none;
	}
}
@media (max-width: 480px) {
	.nav__logo {
		font-size: var(--font-size-base);
	}

	.nav__logo span {
		font-size: 1.25rem;
	}

	.hero__stats {
		font-size: var(--font-size-sm);
	}

	.card__title {
		font-size: var(--font-size-lg);
	}

	.btn {
		padding: 0.5rem 1rem;
		font-size: var(--font-size-sm);
	}

	.stat-circle__content {
		padding: var(--spacing-md);
	}
	.section__header-flex {
		gap: 0.375rem;
		margin-bottom: 0.75rem;
	}

	.section__header-title {
		font-size: 1.125rem;
	}

	.feature-icon {
		font-size: 1.25rem;
	}

	.feature-title {
		font-size: 1rem;
	}

	.feature-description {
		font-size: 0.875rem;
	}

	.canvas-placeholder {
		font-size: 2rem;
		border-radius: 0.75rem;
	}

	.cta-button-large {
		padding: 0.75rem 1.25rem;
		font-size: 0.875rem;
	}

	.use-case-title {
		font-size: 1.25rem;
	}

	.use-case-list {
		gap: 1rem;
	}

	.use-case-item {
		gap: 0.75rem;
	}

	.use-case-icon {
		font-size: 1.25rem;
	}

	.use-case-text {
		font-size: 0.9375rem;
	}
	.use-case-list {
		align-items: flex-start;
	}
	.split__content.use-case {
		align-items: flex-start;
	}
	.hero__search input {
		min-width: 100px;
	}
	.stats-grid {
		margin-top: var(--spacing-xl);
	}

	.section__header {
		margin-bottom: var(--spacing-xl);
	}
	.hero__title {
		font-size: 1.8rem;
		line-height: 1.3;
		margin-bottom: var(--spacing-xl);
	}
	.hero__search {
		margin-bottom: var(--spacing-xl);
	}

	.footer::before {
		bottom: 1500px;
	}
}
.hero__title {
	font-family: 'Inter', sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: white;
}

.texts-container {
	display: inline-block;
	height: 40px; /* visible height = one line */
	overflow: hidden; /* hides the next word until animated */
	vertical-align: middle;
}

.gradient-text {
	display: inline-block;
	background-clip: text;
	background: linear-gradient(90deg, #bf5676, #c4526f, #cc5066, #db4b57);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	line-height: 40px;
	animation: moveUp 4s infinite ease-in-out;
}

/* Animation */
@keyframes moveUp {
	0%,
	30% {
		transform: translateY(0); /* show Workflow */
	}
	50%,
	80% {
		transform: translateY(-40px); /* slide up to show Thinkflows */
	}
	100% {
		transform: translateY(0); /* reset back */
	}
}