/* Landing page — Figma design tokens (index.html) */

.page-profile-figma.page-landing {
	background: var(--pf-bg);
	color: var(--pf-text);
	--text: var(--pf-text);
	--text-muted: var(--pf-muted);
	--surface: var(--pf-modal-bg);
	--surface-hover: rgba(255, 255, 255, 0.04);
	--border: rgba(45, 58, 79, 0.65);
	--primary: var(--pf-primary);
	--lp-section-alt-bg: rgba(13, 18, 28, 0.72);
}

html[data-theme="light"] .page-profile-figma.page-landing {
	--surface-hover: rgba(13, 27, 46, 0.04);
	--border: rgba(0, 0, 0, 0.10);
	--lp-section-alt-bg: rgba(229, 237, 248, 0.96);
}

.page-profile-figma.page-landing .view--landing {
	max-width: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

body.page-profile-figma.page-landing .app-shell .main {
	padding: 0;
}

.page-profile-figma.page-landing .lp-main {
	flex: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Header: frosted glass — content visible through blur while scrolling */
.page-profile-figma.page-landing .header.app-topbar {
	background: color-mix(in srgb, var(--shell-sidebar-bg) 78%, transparent) !important;
	backdrop-filter: blur(16px) saturate(1.12);
	-webkit-backdrop-filter: blur(16px) saturate(1.12);
	border-bottom: 1px solid color-mix(in srgb, var(--shell-border) 72%, transparent) !important;
}

html[data-theme="light"] .page-profile-figma.page-landing .header.app-topbar {
	background: color-mix(in srgb, var(--shell-sidebar-bg) 78%, transparent) !important;
	border-bottom-color: color-mix(in srgb, var(--shell-border) 72%, transparent) !important;
}

/* Header: align with app shell instead of legacy landing gradient */
.page-profile-figma.page-landing .header:not(.app-topbar) {
	background: var(--pf-modal-bg) !important;
	border-bottom: 0.8px solid rgb(45, 58, 79) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
}

html[data-theme="light"] .page-profile-figma.page-landing .header:not(.app-topbar) {
	background: var(--pf-modal-bg) !important;
	border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

.page-profile-figma.page-landing .lp-divider {
	background: rgba(45, 58, 79, 0.55);
}

html[data-theme="light"] .page-profile-figma.page-landing .lp-divider {
	background: rgba(0, 0, 0, 0.09);
}

.page-profile-figma.page-landing .lp-hero-bg,
.page-profile-figma.page-landing .lp-cta-bg {
	background:
		radial-gradient(ellipse 80% 60% at 50% -5%, rgba(79, 108, 246, 0.16) 0%, transparent 70%),
		radial-gradient(ellipse 50% 30% at 80% 60%, rgba(129, 140, 248, 0.08) 0%, transparent 70%);
}

.page-profile-figma.page-landing .lp-accent {
	background: linear-gradient(130deg, rgb(96, 165, 250) 0%, rgb(129, 140, 248) 55%, rgb(167, 139, 250) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.page-profile-figma.page-landing .lp-badge {
	background: rgba(79, 108, 246, 0.1);
	border: 0.8px solid rgba(79, 108, 246, 0.28);
	color: var(--pf-primary-light, rgb(129, 140, 248));
}

.page-profile-figma.page-landing .lp-hero-stats,
.page-profile-figma.page-landing .lp-screenshot-box,
.page-profile-figma.page-landing .lp-scanner-item,
.page-profile-figma.page-landing .lp-step,
.page-profile-figma.page-landing .lp-feature,
.page-profile-figma.page-landing .lp-trust-card {
	background: var(--pf-modal-bg);
	border: 0.8px solid rgb(45, 58, 79);
	border-radius: var(--pf-radius-card, 16px);
	backdrop-filter: blur(8px);
}

html[data-theme="light"] .page-profile-figma.page-landing .lp-hero-stats,
html[data-theme="light"] .page-profile-figma.page-landing .lp-screenshot-box,
html[data-theme="light"] .page-profile-figma.page-landing .lp-scanner-item,
html[data-theme="light"] .page-profile-figma.page-landing .lp-step,
html[data-theme="light"] .page-profile-figma.page-landing .lp-feature,
html[data-theme="light"] .page-profile-figma.page-landing .lp-trust-card {
	border-color: rgba(0, 0, 0, 0.09);
}

.page-profile-figma.page-landing .lp-scanner-item:hover {
	border-color: rgba(79, 108, 246, 0.45);
	box-shadow: 0 8px 32px rgba(79, 108, 246, 0.1);
}

.page-profile-figma.page-landing .lp-si-content,
.page-profile-figma.page-landing .lp-scanner-item--flip .lp-si-content {
	border-color: rgba(45, 58, 79, 0.55);
}

html[data-theme="light"] .page-profile-figma.page-landing .lp-si-content,
html[data-theme="light"] .page-profile-figma.page-landing .lp-scanner-item--flip .lp-si-content {
	border-color: rgba(0, 0, 0, 0.09);
}

.page-profile-figma.page-landing .lp-si-shot {
	background: rgba(255, 255, 255, 0.02);
}

html[data-theme="light"] .page-profile-figma.page-landing .lp-si-shot {
	background: rgba(15, 23, 42, 0.03);
}

.page-profile-figma.page-landing .lp-section-title,
.page-profile-figma.page-landing .lp-hero-title,
.page-profile-figma.page-landing .lp-cta-title,
.page-profile-figma.page-landing .lp-sc-title,
.page-profile-figma.page-landing .lp-step-title,
.page-profile-figma.page-landing .lp-feature-title,
.page-profile-figma.page-landing .lp-trust-title {
	color: var(--pf-text);
}

.page-profile-figma.page-landing .lp-section-desc,
.page-profile-figma.page-landing .lp-hero-sub,
.page-profile-figma.page-landing .lp-body-text,
.page-profile-figma.page-landing .lp-sc-desc,
.page-profile-figma.page-landing .lp-step-desc,
.page-profile-figma.page-landing .lp-feature-desc,
.page-profile-figma.page-landing .lp-trust-desc,
.page-profile-figma.page-landing .lp-cta-sub,
.page-profile-figma.page-landing .lp-hero-stat-label {
	color: var(--pf-muted);
}

.page-profile-figma.page-landing .lp-checklist li {
	color: var(--pf-text-soft, var(--pf-text));
}

.page-profile-figma.page-landing .lp-filter-tag {
	background: rgba(255, 255, 255, 0.03);
	border: 0.8px solid rgba(45, 58, 79, 0.55);
	color: var(--pf-muted);
}

html[data-theme="light"] .page-profile-figma.page-landing .lp-filter-tag {
	background: rgba(15, 23, 42, 0.03);
	border-color: rgba(0, 0, 0, 0.10);
}

.page-profile-figma.page-landing .lp-eyebrow,
.page-profile-figma.page-landing .lp-sc-link {
	color: var(--pf-primary-light, rgb(129, 140, 248));
}

.page-profile-figma.page-landing .lp-step-num {
	background: var(--pf-primary);
}

.page-profile-figma.page-landing .btn.btn-primary {
	background: var(--pf-primary);
	border-color: var(--pf-primary);
}

.page-profile-figma.page-landing .btn.btn-primary:hover {
	background: color-mix(in srgb, var(--pf-primary) 88%, white);
	border-color: color-mix(in srgb, var(--pf-primary) 88%, white);
}

.page-profile-figma.page-landing .btn.btn-secondary {
	background: transparent;
	border: 0.8px solid rgb(45, 58, 79);
	color: var(--pf-text);
}

html[data-theme="light"] .page-profile-figma.page-landing .btn.btn-secondary {
	border-color: rgba(45, 58, 79, 0.22);
}

.page-profile-figma.page-landing .btn.btn-secondary:hover {
	border-color: rgba(79, 108, 246, 0.45);
	background: rgba(79, 108, 246, 0.06);
}

.page-profile-figma.page-landing .btn-trial {
	border: 0.8px solid rgba(34, 197, 94, 0.45);
	background: rgba(34, 197, 94, 0.1);
	color: rgb(74, 222, 128);
}

.page-profile-figma.page-landing .lp-check-icon {
	background: rgba(34, 197, 94, 0.12);
	color: rgb(74, 222, 128);
}

.page-profile-figma.page-landing .lp-feature-icon,
.page-profile-figma.page-landing .lp-trust-icon {
	background: rgba(79, 108, 246, 0.12);
	color: rgb(129, 140, 248);
}

.page-profile-figma.page-landing .lp-sc-icon--spot {
	background: rgba(59, 130, 246, 0.14);
	color: rgb(96, 165, 250);
}

.page-profile-figma.page-landing .lp-sc-icon--futures {
	background: rgba(139, 92, 246, 0.14);
	color: rgb(167, 139, 250);
}

.page-profile-figma.page-landing .lp-sc-icon--sf {
	background: rgba(34, 197, 94, 0.14);
	color: rgb(74, 222, 128);
}

.page-profile-figma.page-landing .lp-hero {
	padding-top: 4rem;
}

@media (max-width: 720px) {
	.page-profile-figma.page-landing .lp-inner,
	.page-profile-figma.page-landing .lp-inner--wide {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.page-profile-figma.page-landing .lp-section {
		padding: 3rem 0;
	}

	.page-profile-figma.page-landing .lp-hero {
		padding: 3rem 1rem 2.5rem;
	}
}

.page-profile-figma.page-landing .lp-sc-icon--funding {
	background: rgba(245, 158, 11, 0.14);
	color: rgb(251, 191, 36);
}

.page-profile-figma.page-landing .lp-sc-icon--api {
	background: rgba(79, 108, 246, 0.12);
	color: var(--pf-primary-light, rgb(129, 140, 248));
}