.hero-section.svelte-1ybmb7g {
		--font-display:
			'SF Pro Display', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
		--font-body: 'SF Pro Text', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

		position: relative;
		width: 100%;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 8rem 1.5rem 4rem;
		overflow: hidden;
	}

	@media (min-width: 768px) {
		.hero-section.svelte-1ybmb7g {
			padding: 10rem 3.5rem 6rem;
		}
	}

	@media (min-width: 1024px) {
		.hero-section.svelte-1ybmb7g {
			padding: 12rem 5rem 8rem;
		}
	}

	/* Background */
	.hero-background.svelte-1ybmb7g {
		position: absolute;
		inset: 0;
	}

	.background-image.svelte-1ybmb7g {
		position: absolute;
		inset: 0;
		background-size: cover;
		background-position: top center;
		background-attachment: fixed;
	}

	.background-overlay.svelte-1ybmb7g {
		position: absolute;
		inset: 0;
		background: linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.92) 0%,
			rgba(255, 255, 255, 0.85) 50%,
			rgba(255, 255, 255, 0.75) 100%
		);
	}

	.dark .background-overlay.svelte-1ybmb7g {
		background: linear-gradient(
			to bottom,
			rgba(9, 9, 11, 0.95) 0%,
			rgba(9, 9, 11, 0.88) 50%,
			rgba(9, 9, 11, 0.8) 100%
		);
	}

	.background-credit.svelte-1ybmb7g {
		position: absolute;
		bottom: 1.5rem;
		right: 1.5rem;
		font-family: var(--font-body);
		font-size: 0.625rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: rgb(161 161 170);
		z-index: 1;
	}

	/* Content */
	.hero-content.svelte-1ybmb7g {
		position: relative;
		z-index: 10;
		display: flex;
		flex-direction: column;
		max-width: 56rem;
	}

	/* Label */
	.hero-label.svelte-1ybmb7g {
		display: flex;
		align-items: center;
		gap: 1rem;
		margin-bottom: 2rem;
	}

	@media (min-width: 768px) {
		.hero-label.svelte-1ybmb7g {
			margin-bottom: 2.5rem;
		}
	}

	.label-line.svelte-1ybmb7g {
		width: 2rem;
		height: 1px;
		background: rgb(24 24 27);
	}

	@media (min-width: 768px) {
		.label-line.svelte-1ybmb7g {
			width: 3rem;
		}
	}

	.dark .label-line.svelte-1ybmb7g {
		background: rgb(250 250 250);
	}

	.label-text.svelte-1ybmb7g {
		font-family: var(--font-body);
		font-size: 0.65rem;
		font-weight: 600;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: rgb(113 113 122);
	}

	@media (min-width: 768px) {
		.label-text.svelte-1ybmb7g {
			font-size: 0.75rem;
		}
	}

	.dark .label-text.svelte-1ybmb7g {
		color: rgb(161 161 170);
	}

	.label-dot.svelte-1ybmb7g {
		width: 6px;
		height: 6px;
		background: rgb(34 197 94);
		border-radius: 50%;
		animation: svelte-1ybmb7g-pulse 2s ease-in-out infinite;
	}

	@keyframes svelte-1ybmb7g-pulse {
		0%,
		100% {
			opacity: 1;
			transform: scale(1);
		}
		50% {
			opacity: 0.5;
			transform: scale(0.8);
		}
	}

	/* Heading */
	.hero-heading.svelte-1ybmb7g {
		margin-bottom: 2rem;
	}

	@media (min-width: 768px) {
		.hero-heading.svelte-1ybmb7g {
			margin-bottom: 2.5rem;
		}
	}

	.hero-title.svelte-1ybmb7g {
		font-family: var(--font-display);
		font-size: clamp(3.5rem, 12vw, 9rem);
		font-weight: 900;
		letter-spacing: -0.04em;
		line-height: 0.9;
		text-transform: uppercase;
		color: rgb(24 24 27);
		margin: 0;
	}

	.dark .hero-title.svelte-1ybmb7g {
		color: rgb(250 250 250);
	}

	.title-accent.svelte-1ybmb7g {
		color: rgb(161 161 170);
	}

	.dark .title-accent.svelte-1ybmb7g {
		color: rgb(82 82 91);
	}

	/* Description */
	.hero-description.svelte-1ybmb7g {
		font-family: var(--font-body);
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.8;
		color: rgb(113 113 122);
		max-width: 40ch;
		margin: 0 0 3rem;
	}

	@media (min-width: 768px) {
		.hero-description.svelte-1ybmb7g {
			font-size: 1.125rem;
			margin-bottom: 3.5rem;
		}
	}

	.dark .hero-description.svelte-1ybmb7g {
		color: rgb(161 161 170);
	}

	.brand-name.svelte-1ybmb7g {
		font-weight: 700;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		color: rgb(24 24 27);
	}

	.dark .brand-name.svelte-1ybmb7g {
		color: rgb(250 250 250);
	}

	/* CTA */
	.hero-cta.svelte-1ybmb7g {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		margin-bottom: 4rem;
	}

	@media (min-width: 768px) {
		.hero-cta.svelte-1ybmb7g {
			margin-bottom: 5rem;
		}
	}

	.cta-primary.svelte-1ybmb7g {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 1rem 2.5rem;
		background: rgb(24 24 27);
		color: rgb(250 250 250);
		border-radius: 9999px;
		font-family: var(--font-body);
		font-size: 0.8125rem;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		text-decoration: none;
		overflow: hidden;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.dark .cta-primary.svelte-1ybmb7g {
		background: rgb(250 250 250);
		color: rgb(24 24 27);
	}

	.cta-primary.svelte-1ybmb7g:hover {
		transform: scale(1.02);
	}

	.cta-primary.svelte-1ybmb7g:active {
		transform: scale(0.98);
	}

	.cta-primary.svelte-1ybmb7g span:where(.svelte-1ybmb7g) {
		position: relative;
		z-index: 10;
	}

	.cta-bg.svelte-1ybmb7g {
		position: absolute;
		inset: 0;
		background: rgb(63 63 70);
		transform: translateY(100%);
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.dark .cta-bg.svelte-1ybmb7g {
		background: rgb(228 228 231);
	}

	.cta-primary.svelte-1ybmb7g:hover .cta-bg:where(.svelte-1ybmb7g) {
		transform: translateY(0);
	}

	.cta-secondary.svelte-1ybmb7g {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		padding: 1rem 2rem;
		background: rgba(255, 255, 255, 0.8);
		backdrop-filter: blur(8px);
		border: 1px solid rgb(228 228 231);
		color: rgb(24 24 27);
		border-radius: 9999px;
		font-family: var(--font-body);
		font-size: 0.8125rem;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		text-decoration: none;
		transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.dark .cta-secondary.svelte-1ybmb7g {
		background: rgba(39, 39, 42, 0.8);
		border-color: rgb(63 63 70);
		color: rgb(250 250 250);
	}

	.cta-secondary.svelte-1ybmb7g:hover {
		border-color: rgb(24 24 27);
		transform: scale(1.02);
	}

	.dark .cta-secondary.svelte-1ybmb7g:hover {
		border-color: rgb(250 250 250);
	}

	.cta-secondary.svelte-1ybmb7g .cta-icon {
		width: 1rem;
		height: 1rem;
		transition: transform 0.3s ease;
	}

	.cta-secondary.svelte-1ybmb7g:hover .cta-icon {
		transform: translate(2px, -2px);
	}

	/* Stats */
	.hero-stats.svelte-1ybmb7g {
		display: flex;
		align-items: center;
		gap: 1.5rem;
		padding-top: 2rem;
		border-top: 1px solid rgb(228 228 231 / 0.5);
	}

	@media (min-width: 768px) {
		.hero-stats.svelte-1ybmb7g {
			gap: 2.5rem;
		}
	}

	.dark .hero-stats.svelte-1ybmb7g {
		border-top-color: rgb(63 63 70 / 0.5);
	}

	.stat-item.svelte-1ybmb7g {
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
	}

	.stat-number.svelte-1ybmb7g {
		font-family: var(--font-display);
		font-size: 1.25rem;
		font-weight: 800;
		letter-spacing: -0.02em;
		color: rgb(24 24 27);
	}

	@media (min-width: 768px) {
		.stat-number.svelte-1ybmb7g {
			font-size: 1.5rem;
		}
	}

	.dark .stat-number.svelte-1ybmb7g {
		color: rgb(250 250 250);
	}

	.stat-label.svelte-1ybmb7g {
		font-family: var(--font-body);
		font-size: 0.625rem;
		font-weight: 600;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		color: rgb(161 161 170);
	}

	@media (min-width: 768px) {
		.stat-label.svelte-1ybmb7g {
			font-size: 0.6875rem;
		}
	}

	.stat-divider.svelte-1ybmb7g {
		width: 1px;
		height: 2rem;
		background: rgb(228 228 231 / 0.5);
	}

	.dark .stat-divider.svelte-1ybmb7g {
		background: rgb(63 63 70 / 0.5);
	}

	.point-section.svelte-m1ubhg {
		--font-display:
			'SF Pro Display', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
		--font-body: 'SF Pro Text', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

		width: 100%;
		padding: 6rem 1.5rem;
		background: rgb(250, 250, 250);
		overflow: hidden;
	}

	@media (min-width: 768px) {
		.point-section.svelte-m1ubhg {
			padding: 8rem 3.5rem;
		}
	}

	@media (min-width: 1024px) {
		.point-section.svelte-m1ubhg {
			padding: 10rem 5rem;
		}
	}

	.dark .point-section.svelte-m1ubhg {
		background: rgb(12, 12, 14);
	}

	.section-content.svelte-m1ubhg {
		display: grid;
		grid-template-columns: 1fr;
		gap: 4rem;
		max-width: 90rem;
		margin: 0 auto;
	}

	@media (min-width: 1024px) {
		.section-content.svelte-m1ubhg {
			grid-template-columns: 1fr 1fr;
			gap: 6rem;
			align-items: center;
		}
	}

	/* Text Content */
	.content-text.svelte-m1ubhg {
		display: flex;
		flex-direction: column;
	}

	/* Label */
	.section-label.svelte-m1ubhg {
		display: flex;
		align-items: center;
		gap: 1rem;
		margin-bottom: 2rem;
	}

	.label-line.svelte-m1ubhg {
		width: 2rem;
		height: 1px;
		background: rgb(24, 24, 27);
	}

	.dark .label-line.svelte-m1ubhg {
		background: rgb(250, 250, 250);
	}

	.label-text.svelte-m1ubhg {
		font-family: var(--font-body);
		font-size: 0.65rem;
		font-weight: 600;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: rgb(113, 113, 122);
	}

	.dark .label-text.svelte-m1ubhg {
		color: rgb(161, 161, 170);
	}

	/* Title */
	.section-title.svelte-m1ubhg {
		font-family: var(--font-display);
		font-size: clamp(2.5rem, 5vw, 4rem);
		font-weight: 800;
		letter-spacing: -0.02em;
		line-height: 1;
		color: rgb(24, 24, 27);
		margin: 0 0 2.5rem;
	}

	.dark .section-title.svelte-m1ubhg {
		color: rgb(250, 250, 250);
	}

	/* Descriptions */
	.descriptions.svelte-m1ubhg {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	.description-text.svelte-m1ubhg {
		font-family: var(--font-body);
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.7;
		color: rgb(82, 82, 91);
	}

	.dark .description-text.svelte-m1ubhg {
		color: rgb(161, 161, 170);
	}

	@media (min-width: 768px) {
		.description-text.svelte-m1ubhg {
			font-size: 1.125rem;
		}
	}

	/* Image */
	.content-image.svelte-m1ubhg {
		position: relative;
		width: 100%;
	}

	.image-wrapper.svelte-m1ubhg {
		position: relative;
		width: 100%;
		aspect-ratio: 4/5;
		border-radius: 1.5rem;
		overflow: hidden;
	}

	@media (min-width: 768px) {
		.image-wrapper.svelte-m1ubhg {
			aspect-ratio: 16/10;
		}
	}

	@media (min-width: 1024px) {
		.image-wrapper.svelte-m1ubhg {
			aspect-ratio: 1;
		}
	}

	.image-inner.svelte-m1ubhg {
		position: absolute;
		inset: 0;
		background-size: cover;
		background-position: center;
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.content-image.svelte-m1ubhg:hover .image-inner:where(.svelte-m1ubhg) {
		transform: scale(1.05);
	}

	.image-overlay.svelte-m1ubhg {
		position: absolute;
		inset: 0;
		background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 50%);
		opacity: 0.6;
	}

	.image-credit.svelte-m1ubhg {
		position: absolute;
		bottom: 1.5rem;
		right: 1.5rem;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		text-align: right;
		z-index: 10;
	}

	.credit-label.svelte-m1ubhg {
		font-family: var(--font-body);
		font-size: 0.625rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.7);
		margin-bottom: 0.125rem;
	}

	.credit-name.svelte-m1ubhg {
		font-family: var(--font-display);
		font-size: 0.875rem;
		font-weight: 600;
		color: rgb(255, 255, 255);
	}

	.approach-section.svelte-1bg8d7k {
		--font-display:
			'SF Pro Display', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
		--font-body: 'SF Pro Text', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
		--font-mono: 'SF Mono', 'Fira Code', monospace;

		width: 100%;
		padding: 6rem 1.5rem;
		background: rgb(255, 255, 255);
	}

	@media (min-width: 768px) {
		.approach-section.svelte-1bg8d7k {
			padding: 8rem 3.5rem;
		}
	}

	@media (min-width: 1024px) {
		.approach-section.svelte-1bg8d7k {
			padding: 10rem 5rem;
		}
	}

	.dark .approach-section.svelte-1bg8d7k {
		background: rgb(9, 9, 11);
	}

	.content-wrapper.svelte-1bg8d7k {
		max-width: 90rem;
		margin: 0 auto;
	}

	/* Header */
	.section-header.svelte-1bg8d7k {
		margin-bottom: 4rem;
	}

	@media (min-width: 768px) {
		.section-header.svelte-1bg8d7k {
			margin-bottom: 6rem;
		}
	}

	.header-label.svelte-1bg8d7k {
		display: flex;
		align-items: center;
		gap: 1rem;
		margin-bottom: 2rem;
	}

	.label-line.svelte-1bg8d7k {
		width: 2rem;
		height: 1px;
		background: rgb(24, 24, 27);
	}

	.dark .label-line.svelte-1bg8d7k {
		background: rgb(250, 250, 250);
	}

	.label-text.svelte-1bg8d7k {
		font-family: var(--font-body);
		font-size: 0.65rem;
		font-weight: 600;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: rgb(113, 113, 122);
	}

	.dark .label-text.svelte-1bg8d7k {
		color: rgb(161, 161, 170);
	}

	.section-title.svelte-1bg8d7k {
		font-family: var(--font-display);
		font-size: clamp(2.5rem, 5vw, 4.5rem);
		font-weight: 800;
		letter-spacing: -0.02em;
		line-height: 1;
		color: rgb(24, 24, 27);
	}

	.dark .section-title.svelte-1bg8d7k {
		color: rgb(250, 250, 250);
	}

	/* Grid */
	.approach-grid.svelte-1bg8d7k {
		display: grid;
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	@media (min-width: 1024px) {
		.approach-grid.svelte-1bg8d7k {
			grid-template-columns: 2fr 1fr;
			gap: 6rem;
		}
	}

	/* Content Column */
	.approach-content.svelte-1bg8d7k {
		display: flex;
		flex-direction: column;
		gap: 3rem;
	}

	.description-card.svelte-1bg8d7k {
		display: flex;
		gap: 1.5rem;
		align-items: flex-start;
	}

	@media (min-width: 768px) {
		.description-card.svelte-1bg8d7k {
			gap: 2.5rem;
		}
	}

	.card-number.svelte-1bg8d7k {
		font-family: var(--font-mono);
		font-size: 0.875rem;
		font-weight: 600;
		color: rgb(161, 161, 170);
		padding-top: 0.25rem;
	}

	.card-text.svelte-1bg8d7k {
		font-family: var(--font-body);
		font-size: 1.125rem;
		line-height: 1.7;
		color: rgb(82, 82, 91);
		max-width: 45ch;
	}

	.dark .card-text.svelte-1bg8d7k {
		color: rgb(161, 161, 170);
	}

	@media (min-width: 768px) {
		.card-text.svelte-1bg8d7k {
			font-size: 1.25rem;
		}
	}

	/* CTA Column */
	.approach-cta.svelte-1bg8d7k {
		position: sticky;
		top: 2rem;
	}

	.cta-card.svelte-1bg8d7k {
		background: rgb(24, 24, 27);
		border-radius: 1.5rem;
		padding: 2.5rem;
		color: rgb(250, 250, 250);
	}

	.dark .cta-card.svelte-1bg8d7k {
		background: rgb(250, 250, 250);
		color: rgb(24, 24, 27);
	}

	.cta-title.svelte-1bg8d7k {
		font-family: var(--font-display);
		font-size: 1.5rem;
		font-weight: 700;
		margin: 0 0 1rem;
	}

	.cta-desc.svelte-1bg8d7k {
		font-family: var(--font-body);
		font-size: 1rem;
		color: rgba(255, 255, 255, 0.7);
		margin: 0 0 2rem;
		line-height: 1.6;
	}

	.dark .cta-desc.svelte-1bg8d7k {
		color: rgba(24, 24, 27, 0.7);
	}

	.cta-button.svelte-1bg8d7k {
		display: inline-flex;
		align-items: center;
		gap: 0.75rem;
		padding: 1rem 2rem;
		background: rgb(255, 255, 255);
		color: rgb(24, 24, 27);
		border-radius: 999px;
		font-family: var(--font-body);
		font-size: 0.875rem;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		text-decoration: none;
		transition: transform 0.3s ease;
	}

	.dark .cta-button.svelte-1bg8d7k {
		background: rgb(24, 24, 27);
		color: rgb(250, 250, 250);
	}

	.cta-button.svelte-1bg8d7k:hover {
		transform: translateY(-2px);
	}

	.about-page.svelte-6yh93n {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
	}