:root {
			--home-font-sans: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
			--home-font-display: 'Avenir Next', 'Segoe UI Variable Display', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
		}
		body {
			font-family: var(--home-font-sans);
		}
		body {
			background:
				radial-gradient(circle at top left, rgba(212, 168, 67, 0.10), transparent 28%),
				radial-gradient(circle at 80% 20%, rgba(91, 168, 245, 0.10), transparent 32%),
				var(--color-background);
		}
		.nav-mobile-icon {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 1em;
			font-size: 1.3rem;
			line-height: 1;
		}
		#main-content {
			margin-top: 0;
		}
		.home-stack {
			max-width: 1200px;
			width: 100%;
			margin: 0 auto;
			padding: 24px;
		}
		.home-hero {
			min-height: auto;
			padding-bottom: 72px;
		}
		.home-hero-grid {
			display: grid;
			grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
			align-items: center;
			gap: 36px;
		}
		.hero-kicker,
		.section-kicker {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			padding: 8px 14px;
			border: 1px solid rgba(255, 255, 255, 0.12);
			border-radius: var(--radius-full);
			background: rgba(255, 255, 255, 0.05);
			color: var(--color-accent);
			font-size: 0.85rem;
			font-weight: 700;
			letter-spacing: 0.04em;
			text-transform: uppercase;
			margin-bottom: 18px;
		}
		.hero-title,
		.home-panel-title,
		.section-title,
		.cta-title,
		.faq-question {
			font-family: var(--home-font-display);
		}
		.hero-title {
			margin-bottom: 18px;
		}
		.hero-lead {
			font-size: 1.1rem;
			max-width: 720px;
			color: var(--color-text-secondary);
			margin-bottom: 24px;
		}
		.hero-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 14px;
			margin-bottom: 18px;
		}
		.btn-large {
			padding: 14px 22px;
			font-size: 0.95rem;
			font-weight: 700;
			border-radius: var(--radius-lg);
		}
		.hero-sub-actions {
			color: var(--color-text-muted);
			margin-bottom: 22px;
		}
		.hero-sub-actions a {
			color: var(--color-accent);
			font-weight: 600;
		}
		.hero-signal-list {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin-bottom: 22px;
		}
		.signal-chip {
			padding: 10px 14px;
			border-radius: var(--radius-full);
			background: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.08);
			color: var(--color-text-secondary);
			font-size: 0.9rem;
			font-weight: 600;
		}
		.hero-search-shell {
			max-width: 640px;
			background: rgba(255, 255, 255, 0.05);
			border: 1px solid rgba(255, 255, 255, 0.08);
			border-radius: var(--radius-xl);
			padding: 16px;
		}
		.hero-search-title {
			font-size: 0.95rem;
			font-weight: 700;
			color: var(--color-text-primary);
			margin-bottom: 10px;
		}
		.hero-search-shell .search-bar {
			max-width: none;
		}
		.home-hero-panel {
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
			border: 1px solid var(--color-border);
			border-radius: 28px;
			padding: 24px;
			box-shadow: var(--shadow-elevated);
		}
		.home-panel-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 12px;
			margin-bottom: 18px;
		}
		.live-badge {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			font-size: 0.8rem;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.06em;
			color: var(--color-success);
		}
		.live-badge::before {
			content: '';
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: var(--color-success);
			box-shadow: 0 0 0 6px rgba(52, 211, 153, 0.12);
		}
		.home-panel-title {
			font-size: 1.5rem;
			margin-bottom: 8px;
		}
		.home-panel-copy {
			font-size: 0.98rem;
			color: var(--color-text-secondary);
			margin-bottom: 18px;
		}
		.workflow-list {
			display: grid;
			gap: 14px;
			margin-bottom: 20px;
		}
		.workflow-step {
			display: grid;
			grid-template-columns: 42px 1fr;
			gap: 14px;
			padding: 14px;
			border-radius: 18px;
			background: rgba(255, 255, 255, 0.04);
			border: 1px solid rgba(255, 255, 255, 0.06);
		}
		.workflow-index {
			width: 42px;
			height: 42px;
			border-radius: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			background: linear-gradient(135deg, var(--color-accent), var(--color-primary));
			color: var(--color-black);
			font-weight: 800;
		}
		.workflow-step strong {
			display: block;
			color: var(--color-text-primary);
			margin-bottom: 4px;
		}
		.workflow-step p {
			color: var(--color-text-secondary);
			font-size: 0.95rem;
		}
		.panel-metrics {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 12px;
		}
		.panel-metric {
			padding: 14px;
			border-radius: 18px;
			background: rgba(255, 255, 255, 0.04);
			border: 1px solid rgba(255, 255, 255, 0.06);
		}
		.panel-metric-value {
			font-family: 'Space Grotesk', 'Inter', sans-serif;
			font-size: 1.35rem;
			font-weight: 700;
			color: var(--color-text-primary);
			margin-bottom: 4px;
		}
		.panel-metric-label {
			font-size: 0.9rem;
			color: var(--color-text-muted);
		}
		.home-main {
			padding-top: 0;
		}
		.trust-band {
			max-width: 1200px;
			margin: -16px auto 0;
			padding: 0 24px;
			position: relative;
			z-index: 2;
		}
		.trust-band-inner {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 12px;
			padding: 18px 20px;
			background: var(--glass-bg);
			backdrop-filter: blur(12px);
			border: 1px solid var(--color-border);
			border-radius: 22px;
			box-shadow: var(--shadow-card);
		}
		.trust-band-title {
			color: var(--color-text-secondary);
			font-size: 0.95rem;
			font-weight: 600;
			margin-right: 6px;
		}
		.trust-pill {
			padding: 8px 12px;
			border-radius: var(--radius-full);
			background: rgba(255, 255, 255, 0.05);
			color: var(--color-text-primary);
			font-size: 0.85rem;
			font-weight: 600;
		}
		.section-shell {
			padding: 24px;
			border-radius: 28px;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
			border: 1px solid var(--color-border);
			box-shadow: var(--shadow-card);
		}
		.section-shell + .section-shell,
		.home-stack > * + * {
			margin-top: 24px;
		}
		.home-section-header {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			gap: 18px;
			margin-bottom: 20px;
		}
		.section-lead {
			max-width: 680px;
			color: var(--color-text-secondary);
		}
		.journey-grid,
		.benefit-grid,
		.path-grid,
		.faq-grid-home {
			display: grid;
			gap: 18px;
		}
		.journey-grid {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
		.benefit-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.path-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.home-card {
			padding: 22px;
			border-radius: 22px;
			background: rgba(255, 255, 255, 0.04);
			border: 1px solid rgba(255, 255, 255, 0.06);
		}
		.home-card-icon {
			width: 48px;
			height: 48px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 16px;
			background: linear-gradient(135deg, rgba(34, 211, 238, 0.22), rgba(167, 139, 250, 0.25));
			margin-bottom: 16px;
			font-size: 1.35rem;
		}
		.home-card h3 {
			margin-bottom: 10px;
		}
		.home-card p {
			color: var(--color-text-secondary);
		}
		.creator-snapshot-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 16px;
			margin-bottom: 16px;
		}
		.marketplace-note {
			font-size: 0.95rem;
			color: var(--color-text-muted);
			margin-bottom: 18px;
		}
		.snapshot-tags {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin-top: 18px;
		}
		.snapshot-tag {
			padding: 10px 14px;
			border-radius: var(--radius-full);
			background: rgba(255, 255, 255, 0.05);
			border: 1px solid rgba(255, 255, 255, 0.06);
			color: var(--color-text-secondary);
			font-size: 0.9rem;
			font-weight: 600;
		}
		.path-list {
			list-style: none;
			margin: 16px 0 22px;
			display: grid;
			gap: 10px;
		}
		.path-list li {
			position: relative;
			padding-left: 22px;
			color: var(--color-text-secondary);
		}
		.path-list li::before {
			content: '•';
			position: absolute;
			left: 0;
			color: var(--color-accent);
			font-weight: 700;
		}
		.faq-grid-home {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.faq-item {
			padding: 18px 20px;
			border-radius: 20px;
			background: rgba(255, 255, 255, 0.04);
			border: 1px solid rgba(255, 255, 255, 0.06);
		}
		.faq-item summary {
			list-style: none;
			cursor: pointer;
		}
		.faq-item summary::-webkit-details-marker {
			display: none;
		}
		.faq-question {
			font-size: 1rem;
			font-weight: 700;
			color: var(--color-text-primary);
		}
		.faq-answer {
			margin-top: 12px;
			color: var(--color-text-secondary);
		}
		.home-cta {
			min-height: auto;
			padding-top: 84px;
			padding-bottom: 84px;
			margin-top: 24px;
		}
		.home-cta .hero-content {
			max-width: 860px;
			text-align: center;
			justify-content: center;
		}
		.preview-fallback {
			grid-column: 1 / -1;
			padding: 28px;
			text-align: center;
			border-radius: 22px;
			background: rgba(255, 255, 255, 0.04);
			border: 1px solid rgba(255, 255, 255, 0.06);
		}
		.preview-fallback p {
			margin: 10px auto 18px;
			max-width: 560px;
		}
		.preview-fallback-actions {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 12px;
		}
		.preview-status {
			font-size: 0.85rem;
			font-weight: 700;
			color: var(--color-text-muted);
			text-transform: uppercase;
			letter-spacing: 0.05em;
		}
		.offer-preview-grid,
		.blog-preview-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 18px;
		}
		.offer-preview-card,
		.blog-preview-card {
			display: block;
			border-radius: 22px;
			background: rgba(255, 255, 255, 0.04);
			border: 1px solid rgba(255, 255, 255, 0.06);
			overflow: hidden;
			transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
		}
		.offer-preview-card:hover,
		.blog-preview-card:hover {
			transform: translateY(-3px);
			border-color: rgba(34, 211, 238, 0.3);
			box-shadow: var(--shadow-card-hover);
		}
		.offer-preview-top,
		.blog-preview-top {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			gap: 12px;
			margin-bottom: 14px;
		}
		.offer-preview-image-wrap,
		.blog-preview-image-wrap {
			position: relative;
			height: 190px;
			background: linear-gradient(135deg, rgba(184, 255, 89, 0.18), rgba(34, 211, 238, 0.16));
			overflow: hidden;
		}
		.offer-preview-image,
		.blog-preview-image {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			background: rgba(255, 255, 255, 0.04);
			transition: filter 0.35s ease, opacity 0.35s ease;
		}
		.is-blur {
			filter: blur(10px);
			opacity: 0.78;
		}
		.offer-preview-image-fallback,
		.blog-preview-image-fallback {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 3rem;
			background: linear-gradient(135deg, rgba(184, 255, 89, 0.26), rgba(34, 211, 238, 0.16));
		}
		.offer-preview-content,
		.blog-preview-content {
			display: flex;
			flex-direction: column;
			gap: 14px;
			padding: 20px;
		}
		.offer-preview-platform,
		.offer-preview-price,
		.blog-preview-category,
		.blog-preview-date {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			padding: 8px 10px;
			border-radius: var(--radius-full);
			font-size: 0.8rem;
			font-weight: 700;
		}
		.offer-preview-platform,
		.blog-preview-category {
			background: rgba(255, 255, 255, 0.06);
			color: var(--color-text-secondary);
		}
		.offer-preview-price {
			background: rgba(34, 211, 238, 0.14);
			color: var(--color-accent);
		}
		.blog-preview-date {
			background: rgba(167, 139, 250, 0.14);
			color: var(--color-primary);
		}
		.offer-preview-card h3,
		.blog-preview-card h3 {
			font-size: 1.15rem;
			margin-bottom: 10px;
			color: var(--color-text-primary);
		}
		.offer-preview-copy,
		.blog-preview-copy {
			color: var(--color-text-secondary);
			font-size: 0.95rem;
			margin-bottom: 16px;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}
		.offer-preview-meta,
		.blog-preview-meta {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
			margin-bottom: 14px;
		}
		.offer-meta-chip,
		.blog-meta-chip {
			padding: 8px 10px;
			border-radius: var(--radius-full);
			background: rgba(255, 255, 255, 0.05);
			font-size: 0.82rem;
			font-weight: 600;
			color: var(--color-text-secondary);
		}
		.offer-preview-footer,
		.blog-preview-footer {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 12px;
			padding-top: 14px;
			border-top: 1px solid rgba(255, 255, 255, 0.06);
		}
		.offer-preview-creator,
		.blog-preview-author {
			font-size: 0.9rem;
			color: var(--color-text-muted);
		}
		.offer-preview-link,
		.blog-preview-link {
			font-size: 0.9rem;
			font-weight: 700;
			color: var(--color-accent);
		}
		html.light .home-hero-panel,
		html.light .trust-band-inner,
		html.light .section-shell,
		html.light .home-card,
		html.light .faq-item,
		html.light .workflow-step,
		html.light .panel-metric,
		html.light .offer-preview-card,
		html.light .blog-preview-card,
		html.light .preview-fallback {
			background: rgba(255, 255, 255, 0.92);
			border-color: rgba(0, 0, 0, 0.08);
		}
		html.light .signal-chip,
		html.light .trust-pill,
		html.light .snapshot-tag,
		html.light .offer-meta-chip,
		html.light .blog-meta-chip {
			background: rgba(0, 0, 0, 0.04);
			border-color: rgba(0, 0, 0, 0.06);
			color: var(--color-text-secondary);
		}
		@media (max-width: 1024px) {
			.home-hero-grid,
			.journey-grid,
			.benefit-grid,
			.path-grid,
			.faq-grid-home,
			.offer-preview-grid,
			.blog-preview-grid {
				grid-template-columns: 1fr;
			}
			.trust-band {
				padding: 0 20px;
			}
		}
		@media (max-width: 768px) {
			.home-hero {
				padding-bottom: 52px;
			}
			.section-shell {
				padding: 20px;
			}
			.home-section-header,
			.creator-snapshot-header {
				flex-direction: column;
				align-items: flex-start;
			}
			.hero-actions,
			.preview-fallback-actions {
				flex-direction: column;
			}
			.panel-metrics {
				grid-template-columns: 1fr;
			}
		}
		@supports (content-visibility: auto) {
			.below-fold {
				content-visibility: auto;
				contain-intrinsic-size: 720px;
			}
		}
		.section-shell,
		.home-card,
		.workflow-step,
		.panel-metric,
		.faq-item,
		.preview-fallback,
		.blog-preview-card {
			background: var(--bg-card);
			border: 1px solid var(--border);
			box-shadow: var(--shadow);
		}
		.section-shell {
			border-radius: var(--radius-xl);
		}
		.home-card,
		.workflow-step,
		.panel-metric,
		.faq-item,
		.preview-fallback,
		.blog-preview-card {
			border-radius: var(--radius-lg);
		}
		.offer-preview-grid .offer-card-modern,
		.cards-grid .influencer-card-modern {
			height: 100%;
		}
		@media (max-width: 768px) {
			.home-stack {
				padding: 20px 16px;
			}
		}