:root {
				--bg: #f7f7f8;
				--surface: #ffffff;
				--text: #161616;
				--text-soft: #666666;
				--line: rgba(22, 22, 22, 0.1);
				--brand: #393939;
				--accent: #ff6b35;
				--accent-soft: rgba(255, 107, 53, 0.12);
				--shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.05);
				--shadow-md: 0 18px 38px rgba(0, 0, 0, 0.08);
				--shadow-lg: 0 28px 60px rgba(0, 0, 0, 0.16);
				--radius: 24px;
				--radius-sm: 18px;
				--container: 1180px;
			}

			* {
				box-sizing: border-box;
			}

			html {
				scroll-behavior: smooth;
			}

			body {
				margin: 0;
				font-family: 'Montserrat', system-ui, sans-serif;
				background: var(--bg);
				color: var(--text);
				line-height: 1.7;
				overflow-x: hidden;
			}

			a {
				color: inherit;
				text-decoration: none;
			}

			img {
				display: block;
				max-width: 100%;
			}

			p,
			ul,
			blockquote {
				margin-top: 0;
			}

			.container {
				width: min(calc(100% - 2rem), var(--container));
				margin: 0 auto;
			}

			.section {
				position: relative;
				padding: 120px 0;
			}

			.section:nth-of-type(even) {
				background: #f4f4f5;
			}

			.section:nth-of-type(odd) {
				background: #ffffff;
			}

			.section-heading {
				max-width: 760px;
				margin-bottom: 3.25rem;
			}

			.section-tag,
			.eyebrow,
			.mini-label {
				display: inline-block;
				margin-bottom: 1rem;
				font-size: 0.8rem;
				font-weight: 700;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				color: var(--accent);
			}

			h1,
			h2,
			h3 {
				margin: 0 0 1rem;
				line-height: 1.08;
				letter-spacing: -0.03em;
			}

			h1 {
				max-width: 12ch;
				font-size: clamp(2.6rem, 5vw, 5rem);
			}

			h2 {
				max-width: 14ch;
				font-size: clamp(2rem, 4vw, 3rem);
			}

			h3 {
				font-size: 1.1rem;
			}

			.lead {
				max-width: 54ch;
				font-size: 1.08rem;
				color: rgba(255, 255, 255, 0.84);
			}

			.muted {
				color: var(--text-soft);
			}

			.button {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				padding: 0.95rem 1.4rem;
				border: 0;
				border-radius: 999px;
				font-weight: 700;
				transition:
					transform 0.2s ease,
					opacity 0.2s ease,
					box-shadow 0.2s ease,
					background 0.2s ease;
			}

			.button:hover {
				transform: translateY(-2px);
			}

			.button-primary {
				cursor: pointer;
				color: #fff;
				background: var(--accent);
				box-shadow: 0 14px 28px rgba(255, 107, 53, 0.22);
			}

			.button-secondary {
				color: #fff;
				border: 1px solid rgba(255, 255, 255, 0.28);
				background: rgba(255, 255, 255, 0.06);
			}

			.site-header {
				position: sticky;
				top: 0;
				z-index: 20;
				border-bottom: 1px solid rgba(255, 255, 255, 0.08);
				background: rgba(22, 22, 22, 0.78);
				backdrop-filter: blur(16px);
			}

			.nav-wrap {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 2rem;
				min-height: 92px;
			}

			.brand {
				display: inline-flex;
				align-items: center;
				color: #fff;
				min-width: 220px;
			}

			.brand-logo {
				display: block;
				height: 80px;
				width: auto;
				max-width: 320px;
				object-fit: contain;
			}

			.main-nav {
				display: flex;
				align-items: center;
				gap: 1.4rem;
				color: #f9f9f9;
			}

			.main-nav a {
				font-weight: 600;
				opacity: 0.86;
			}

			.main-nav a:hover,
			.main-nav a:focus-visible {
				opacity: 1;
			}

			.nav-cta {
				padding: 0.78rem 1.1rem;
				border: 1px solid rgba(255, 255, 255, 0.18);
				border-radius: 999px;
				background: var(--accent-soft);
			}

			.menu-toggle {
				display: none;
				flex-shrink: 0;
				width: 46px;
				padding: 0;
				border: 0;
				background: transparent;
			}

			.menu-toggle span {
				display: block;
				height: 3px;
				margin: 6px 0;
				border-radius: 999px;
				background: #fff;
			}

			.hero {
				padding: 112px 0 108px;
				color: #fff;
				background:
					radial-gradient(
						circle at top right,
						rgba(160, 160, 160, 0.28),
						transparent 26%
					),
					linear-gradient(135deg, #161616 0%, #2f2e2e 52%, #393939 100%);
			}

			.hero-grid,
			.split-grid,
			.contact-grid,
			.footer-grid,
			.quote-layout {
				display: grid;
				gap: 3rem;
			}

			.hero-grid {
				grid-template-columns: 1.35fr 0.85fr;
				align-items: center;
			}

			.hero-actions {
				display: flex;
				flex-wrap: wrap;
				gap: 1rem;
				margin-top: 2.5rem;
			}

			.hero-panel {
				display: grid;
				gap: 1.25rem;
			}

			.hero-card {
				padding: 1.75rem;
				border: 1px solid rgba(255, 255, 255, 0.12);
				border-radius: var(--radius);
			}

			.glass-card {
				background: linear-gradient(
					180deg,
					rgba(255, 255, 255, 0.12),
					rgba(255, 255, 255, 0.05)
				);
				box-shadow: var(--shadow-md);
			}

			.glass-card ul {
				margin: 0;
				padding-left: 1.2rem;
			}

			.glass-card li + li {
				margin-top: 0.75rem;
			}

			.stat-card {
				color: var(--brand);
				background: rgba(255, 255, 255, 0.92);
			}

			.stat-card strong {
				display: block;
				margin-bottom: 0.3rem;
				font-size: 2.4rem;
			}

			.intro-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 4rem;
				align-items: center;
			}

			.intro-image {
				position: relative;
			}

			.intro-image img {
				border-radius: var(--radius);
				box-shadow: var(--shadow-md);
				filter: contrast(1.05) brightness(0.95);
			}

			.intro-image::after {
				content: '';
				position: absolute;
				inset: 0;
				border-radius: var(--radius);
				background: linear-gradient(
					to top,
					rgba(0, 0, 0, 0.12),
					transparent 40%
				);
			}

			.intro-copy {
				max-width: 760px;
			}

			.intro-copy h2 {
				max-width: 11ch;
				margin-bottom: 1.5rem;
			}

			.intro-copy p {
				max-width: 58ch;
				color: var(--text-soft);
				font-size: 1.03rem;
			}

			.primary-services {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 1.5rem;
				margin-bottom: 3rem;
			}

			.service-card-primary {
				padding: 2.35rem;
				border: 1px solid rgba(255, 107, 53, 0.22);
				background: linear-gradient(180deg, #fff7f3 0%, #ffffff 100%);
				box-shadow: var(--shadow-md);
			}

			.primary-services .service-card h3 {
				font-size: 1.35rem;
				margin-bottom: 0.7rem;
			}

			.primary-services .service-card p {
				font-size: 1.02rem;
			}

			.service-card-primary::before {
				height: 3px;
				background: linear-gradient(90deg, var(--accent), rgba(255, 107, 53, 0.15));
				opacity: 1;
			}

			.services-grid,
			.team-grid {
				display: grid;
				gap: 1.5rem;
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}

			.services-grid-secondary {
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}

			.service-card,
			.team-card,
			.quote-featured,
			.quote-secondary,
			.contact-form {
				position: relative;
				overflow: hidden;
				padding: 1.75rem;
				border: 1px solid var(--line);
				border-radius: var(--radius);
				background: var(--surface);
				box-shadow: var(--shadow-sm);
			}

			.service-card::before,
			.team-card::before,
			.contact-form::before {
				content: '';
				position: absolute;
				inset: 0 auto auto 0;
				width: 100%;
				height: 2px;
				background: linear-gradient(90deg, var(--accent), transparent 80%);
				opacity: 0.7;
			}

			.service-card,
			.team-card,
			.spotlight-box,
			.contact-form,
			.quote-featured,
			.quote-secondary {
				transition:
					transform 0.22s ease,
					box-shadow 0.22s ease,
					border-color 0.22s ease;
			}

			.service-card:hover,
			.team-card:hover,
			.contact-form:hover,
			.quote-featured:hover,
			.quote-secondary:hover {
				transform: translateY(-4px);
				box-shadow: var(--shadow-md);
			}

			.service-card p,
			.team-card p:last-child,
			.quote-intro p,
			.systems-copy p {
				color: var(--text-soft);
			}

			.service-icon {
				width: 44px;
				height: 44px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 1rem;
				border-radius: 12px;
				background: rgba(255, 107, 53, 0.18);
				color: var(--accent);
			}

			.service-icon svg {
				width: 22px;
				height: 22px;
				stroke-width: 2;
			}

			.service-card h3 {
				margin-top: 0;
				margin-bottom: 0.5rem;
			}

			.spotlight {
				background: linear-gradient(180deg, #f4f4f4 0%, #ececee 100%);
			}

			.split-grid {
				grid-template-columns: 1.05fr 0.95fr;
				align-items: center;
			}

			.spotlight-box {
				position: relative;
				padding: 2.25rem;
				border: 1px solid rgba(255, 255, 255, 0.05);
				border-radius: var(--radius);
				color: #fff;
				background: linear-gradient(135deg, #2b2b2b, #161616);
				box-shadow: var(--shadow-lg);
			}

			.spotlight-box::before {
				content: '';
				position: absolute;
				top: 0;
				left: 24px;
				right: 2rem;
				height: 2px;
				background: linear-gradient(90deg, var(--accent), transparent 75%);
				opacity: 0.8;
				width: 100%;
			}

			.spotlight-box p,
			.spotlight-box span {
				color: rgba(255, 255, 255, 0.86);
			}

			.spotlight-box span {
				display: block;
				margin-bottom: 1rem;
				opacity: 0.78;
			}

			.logo-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 3rem;
				align-items: center;
				margin-top: 4rem;
			}

			.logo-chip {
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 1.2rem 2rem;
				border-radius: 16px;
				background: rgba(255, 255, 255, 0.5);
				box-shadow: 0 6px 18px rgba(0, 0, 0, 0.03);
				transition: all 0.25s ease;
			}

			.logo-chip img {
				max-height: 60px;
				width: auto;
				object-fit: contain;
			}

			.logo-chip:hover {
				background: #fff;
				box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
				transform: translateY(-2px);
			}

			.logo-chip img.logo-157 {
				max-height: 56px;
			}

			.logo-chip img.logo-haven {
				max-height: 48px;
			}

			.logo-chip img.logo-hafa {
				max-height: 56px;
			}

			.systems-copy p {
				max-width: 760px;
			}

			.systems-copy h2 {
				max-width: 11ch;
			}

			.partners-logos {
				display: grid;
				grid-template-columns: repeat(6, 1fr);
				gap: 1.5rem;
				margin-top: 4rem;
				align-items: stretch;
			}

			.partners-logos img {
				max-height: 38px;
				width: auto;
				display: block;
				max-width: 100%;
			}

			.partners-logo-chip {
				display: flex;
				align-items: center;
				justify-content: center;
				min-height: 78px;
				padding: 0.2rem;
				border-radius: 16px;
				background: rgba(244, 244, 245, 0.5);
				box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
				transition: all 0.25s ease;
			}

			.partners-logo-chip:hover {
				background: #f4f4f5;
				box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
				transform: translateY(-2px);
			}

			.avatar {
				width: 56px;
				aspect-ratio: 1;
				display: grid;
				place-items: center;
				margin-bottom: 1rem;
				border-radius: 50%;
				color: #fff;
				font-weight: 800;
				background: linear-gradient(135deg, #393939, #808080);
			}

			.role {
				margin-bottom: 0.5rem;
				color: #6f6f6f;
				font-weight: 700;
			}

			.quote-layout {
				grid-template-columns: 0.9fr 1.1fr;
				align-items: start;
			}

			.quote-stack {
				display: grid;
				gap: 1.5rem;
			}

			.quote-featured p {
				margin-bottom: 1.25rem;
				font-size: clamp(1.15rem, 2vw, 1.5rem);
				line-height: 1.45;
			}

			.quote-featured p::before {
				content: '“';
				display: block;
				margin-bottom: 0.4rem;
				line-height: 1;
				font-size: 2.7rem;
				color: var(--accent);
			}

			.quote-secondary p {
				margin-bottom: 0.9rem;
				color: var(--text-soft);
			}

			.quote-featured footer,
			.quote-secondary footer {
				font-weight: 700;
				color: #5e5e5e;
			}

			.section.contact-section {
				color: #eaeaea;
				background:
					radial-gradient(
						circle at top right,
						rgba(160, 160, 160, 0.22),
						transparent 26%
					),
					linear-gradient(135deg, #161616 0%, #2f2e2e 52%, #393939 100%);
			}

			.contact-section h2,
			.contact-section .section-tag {
				color: #fff;
			}

			.contact-section p,
			.contact-section a {
				color: rgba(255, 255, 255, 0.75);
			}

			.contact-grid {
				grid-template-columns: 0.95fr 1.05fr;
				align-items: start;
			}

			.contact-points {
				display: grid;
				gap: 1.5rem;
				margin-top: 2.5rem;
			}

			.contact-points span {
				display: block;
				margin-bottom: 0.3rem;
				font-size: 0.85rem;
				font-weight: 700;
				letter-spacing: 0.08em;
				text-transform: uppercase;
				color: rgba(255, 255, 255, 0.48);
			}

			.contact-form {
				color: var(--brand);
				background: rgba(255, 255, 255, 0.92);
			}

			.contact-form label {
				display: block;
				margin-bottom: 1rem;
				font-weight: 600;
			}

			.contact-form input,
			.contact-form textarea {
				width: 100%;
				margin-top: 0.45rem;
				padding: 0.95rem 1rem;
				border: 1px solid rgba(22, 22, 22, 0.14);
				border-radius: 14px;
				background: #fff;
				font: inherit;
			}

			.contact-form input:focus,
			.contact-form textarea:focus {
				outline: none;
				border-color: rgba(255, 107, 53, 0.5);
				box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.12);
			}

			.contact-form textarea {
				min-height: 150px;
				resize: vertical;
			}

			.site-footer {
				position: relative;
				padding-top: 3rem;
				border-top: none;
				color: #eaeaea;
				background: #161616;
			}

			.site-footer::after {
				content: '';
				display: block;
				height: 3px;
				margin-top: 2rem;
				background: linear-gradient(
					90deg,
					transparent 0%,
					rgba(255, 107, 53, 0.5) 20%,
					rgba(255, 255, 255, 0.12) 50%,
					rgba(255, 107, 53, 0.35) 80%,
					transparent 100%
				);
			}

			.footer-grid {
				grid-template-columns: 1.2fr 0.7fr 0.7fr;
				gap: 3rem;
			}

			.footer-grid a,
			.footer-grid p {
				display: block;
				margin-bottom: 0.7rem;
				color: rgba(255, 255, 255, 0.72);
			}

			.footer-grid a:hover {
				color: #fff;
			}

			.footer-grid h3 {
				position: relative;
				margin-bottom: 1rem;
				color: #fff;
				letter-spacing: 0.02em;
			}

			.footer-grid h3::after {
				content: '';
				display: block;
				width: 24px;
				height: 2px;
				margin-top: 6px;
				border-radius: 2px;
				background: var(--accent);
			}

			.footer-bottom {
				padding: 1.5rem 0 2rem;
				color: rgba(255, 255, 255, 0.5);
				font-size: 0.92rem;
			}

			@media (max-width: 980px) {
				.hero-grid,
				.split-grid,
				.contact-grid,
				.footer-grid,
				.quote-layout,
				.services-grid,
				.team-grid,
				.logo-grid {
					grid-template-columns: 1fr 1fr;
				}

				.hero-grid > :first-child,
				.split-grid > :first-child,
				.contact-grid > :first-child,
				.footer-grid > :first-child,
				.quote-layout > :first-child {
					grid-column: 1 / -1;
				}

				.primary-services,
				.services-grid-secondary {
					grid-template-columns: 1fr 1fr;
				}

				.partners-logos {
					grid-template-columns: repeat(3, 1fr);
				}
			}

			@media (max-width: 760px) {
				h1 {
					font-size: 2rem;
					line-height: 1;
					letter-spacing: -0.04em;
				}

				.eyebrow {
					margin-bottom: 0.8rem;
					font-size: 0.72rem;
				}

				.lead {
					font-size: 1rem;
					line-height: 1.65;
				}

				.nav-wrap {
					min-height: 76px;
				}

				.brand-logo {
					height: 52px;
					max-width: 220px;
				}

				.hero {
					padding: 72px 0 76px;
				}

				.section {
					padding: 88px 0;
				}

				.menu-toggle {
					display: block;
				}

				.main-nav {
					position: absolute;
					top: calc(100% + 10px);
					left: 1rem;
					right: 1rem;
					display: none;
					flex-direction: column;
					align-items: stretch;
					gap: 0.4rem;
					padding: 0.8rem;
					border: 1px solid rgba(255, 255, 255, 0.08);
					border-radius: 18px;
					background: rgba(22, 22, 22, 0.98);
				}

				.main-nav.open {
					display: flex;
				}

				.main-nav a {
					padding: 0.8rem 0.9rem;
				}

				.hero-grid,
				.split-grid,
				.contact-grid,
				.footer-grid,
				.quote-layout,
				.services-grid,
				.team-grid,
				.logo-grid {
					grid-template-columns: 1fr;
				}

				.primary-services,
				.services-grid-secondary {
					grid-template-columns: 1fr;
				}

				.partners-logos {
					grid-template-columns: repeat(2, 1fr);
				}

				h1,
				h2 {
					max-width: 100%;
				}
			}