*,

*::before,

*::after {

	box-sizing: border-box;

}



html {

	scroll-behavior: smooth;

}



body {

	margin: 0;

	font-family: var(--font-body);

	color: var(--color-text);

	background: var(--color-bg);

	line-height: 1.6;

}



img {

	max-width: 100%;

	height: auto;

	display: block;

}



a {

	color: var(--color-secondary);

	text-decoration-thickness: 1px;

	text-underline-offset: 0.15em;

}



.container {

	width: min(100% - 2rem, var(--container-max));

	margin-inline: auto;

}



.screen-reader-text {

	position: absolute;

	width: 1px;

	height: 1px;

	padding: 0;

	margin: -1px;

	overflow: hidden;

	clip: rect(0, 0, 0, 0);

	white-space: nowrap;

	border: 0;

}



.skip-link:focus {

	position: fixed;

	top: 1rem;

	left: 1rem;

	z-index: 10000;

	width: auto;

	height: auto;

	padding: 0.75rem 1rem;

	background: var(--color-primary);

	color: #fff;

	clip: auto;

}



.site-header {

	position: sticky;

	top: 0;

	z-index: 100;

	backdrop-filter: blur(12px);

	background: rgba(10, 11, 15, 0.72);

	border-bottom: 1px solid var(--color-border);

}



.site-header__inner {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: var(--space-4);

	min-height: var(--header-height);

}



.site-title {

	font-family: var(--font-display);

	font-weight: 700;

	color: var(--color-text);

	text-decoration: none;

}



.primary-menu {

	display: flex;

	gap: var(--space-4);

	list-style: none;

	margin: 0;

	padding: 0;

}



.primary-menu a,

.nav-link {

	color: var(--color-text);

	text-decoration: none;

}



.btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 0.85rem 1.4rem;

	border-radius: var(--radius-pill);

	border: 0;

	font-weight: 600;

	cursor: pointer;

	text-decoration: none;

	transition: transform var(--transition-base), box-shadow var(--transition-base);

}



.btn--primary {

	background: linear-gradient(135deg, var(--color-primary), #5b3fe0);

	color: #fff;

	box-shadow: var(--shadow-glow);

}



.btn--secondary {

	background: transparent;

	color: var(--color-text);

	border: 1px solid var(--color-border);

}



.section {

	padding-block: var(--space-16);

}



.section-title {

	font-family: var(--font-display);

	font-size: clamp(1.75rem, 3vw, 2.5rem);

	margin: 0 0 var(--space-6);

}



.section--hero {

	background: linear-gradient(135deg, var(--color-bg-elevated) 0%, var(--color-bg-hero) 100%);

}



.hero__grid {

	display: grid;

	gap: var(--space-8);

	align-items: center;

}



.hero__title {

	font-family: var(--font-display);

	font-size: clamp(2rem, 5vw, 3.5rem);

	line-height: 1.1;

	margin: 0 0 var(--space-4);

}



.hero__lead {

	color: var(--color-text-muted);

	max-width: 42ch;

}



.trust-band {

	background: var(--color-surface);

}



.trust-band__list {

	display: flex;

	flex-wrap: wrap;

	gap: var(--space-4);

	list-style: none;

	margin: 0;

	padding: 0;

	font-family: var(--font-mono);

	font-size: 0.85rem;

	color: var(--color-text-muted);

}



.section--lead-form {

	background: linear-gradient(135deg, var(--color-bg-hero), var(--color-bg-elevated));

}



.lead-form__grid {

	display: grid;

	gap: var(--space-8);

}



.lead-form .field {

	margin-bottom: var(--space-4);

}



.lead-form label {

	display: block;

	margin-bottom: var(--space-2);

}



.lead-form input,

.lead-form select,

.lead-form textarea {

	width: 100%;

	padding: 0.75rem 1rem;

	border-radius: var(--radius-sm);

	border: 1px solid var(--color-border);

	background: rgba(255, 255, 255, 0.04);

	color: var(--color-text);

}



.field--honeypot {

	position: absolute;

	left: -9999px;

	width: 1px;

	height: 1px;

	overflow: hidden;

}



.form-success,

.form-error {

	padding: var(--space-4);

	border-radius: var(--radius-md);

	margin-bottom: var(--space-4);

}



.form-success {

	background: rgba(45, 212, 191, 0.12);

	border: 1px solid rgba(45, 212, 191, 0.35);

}



.form-error {

	background: rgba(255, 99, 132, 0.12);

	border: 1px solid rgba(255, 99, 132, 0.35);

}



.site-footer {

	padding-block: var(--space-12);

	background: var(--color-surface);

	border-top: 1px solid var(--color-border);

}



.site-footer__grid {

	display: grid;

	gap: var(--space-8);

	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));

}



.footer-menu {

	list-style: none;

	margin: 0;

	padding: 0;

}



.footer-menu a {

	color: var(--color-text-muted);

	text-decoration: none;

}



.cookie-banner {

	position: fixed;

	inset-inline: 0;

	bottom: 0;

	z-index: 200;

	background: rgba(15, 16, 22, 0.96);

	border-top: 1px solid var(--color-border);

	padding: var(--space-4) 0;

}



.cookie-banner__inner {

	display: flex;

	flex-wrap: wrap;

	gap: var(--space-4);

	align-items: center;

	justify-content: space-between;

}



.cookie-banner[hidden] {

	display: none;

}



.page-legal__content {

	max-width: 70ch;

}



@media (min-width: 768px) {

	.hero__grid,

	.lead-form__grid {

		grid-template-columns: 1fr 1fr;

	}

}



@media (prefers-reduced-motion: reduce) {

	html {

		scroll-behavior: auto;

	}



	.btn {

		transition: none;

	}

}