/**
 * Visual polish — loads after landing.css (tokens + layout unchanged).
 */

html {
	scroll-behavior: smooth;
}

/* Slightly richer film grain */
body::after {
	opacity: 0.055;
}

/* Nav: clearer separation + soft emerald hairline */
.nav {
	background: linear-gradient(180deg, rgba(8, 10, 15, 0.94) 0%, rgba(8, 10, 15, 0.78) 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	box-shadow:
		0 1px 0 rgba(46, 204, 113, 0.1),
		0 18px 48px rgba(0, 0, 0, 0.4);
}

.nav-cta {
	box-shadow: 0 2px 12px rgba(46, 204, 113, 0.2);
}

.nav-cta:hover {
	box-shadow: 0 6px 28px rgba(46, 204, 113, 0.35);
}

/* Hero headline depth */
.hero h1 {
	text-shadow: 0 4px 48px rgba(0, 0, 0, 0.55);
}

.hero h1 .accent-term {
	text-shadow:
		0 0 28px rgba(46, 204, 113, 0.45),
		0 0 72px rgba(46, 204, 113, 0.18);
}

/* Diamond art: ambient glow without extra DOM */
.hero-diamond .diamond-art {
	filter: drop-shadow(0 0 36px rgba(46, 204, 113, 0.22));
}

/* Eyebrow chip */
.eyebrow {
	box-shadow:
		0 0 28px rgba(46, 204, 113, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Floating stat pills */
.label-pill {
	box-shadow:
		0 6px 28px rgba(0, 0, 0, 0.45),
		0 0 0 1px rgba(46, 204, 113, 0.08);
	transition:
		box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.label-pill:hover {
	box-shadow:
		0 10px 36px rgba(0, 0, 0, 0.5),
		0 0 0 1px rgba(46, 204, 113, 0.2);
}

/* Hero diamond floating chips: same hairline border as .hero-stat (no second ring) */
.hero-diamond__panel .label-pill.green,
.hero-diamond__panel .label-pill.amber,
.hero-diamond__panel .label-pill.blue {
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}
.hero-diamond__panel .label-pill.green:hover,
.hero-diamond__panel .label-pill.amber:hover,
.hero-diamond__panel .label-pill.blue:hover {
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.42);
}

/* Hero bottom stats */
.hero-stat {
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.hero-stat:hover {
	border-color: rgba(46, 204, 113, 0.22);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
	transform: translateY(-2px);
}

/* Section cards: smoother motion + lift shadow */
.pipe-card,
.glass-card,
.principle {
	transition:
		transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.35s ease,
		box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.pipe-card:hover {
	box-shadow:
		0 20px 56px rgba(0, 0, 0, 0.38),
		0 0 0 1px rgba(46, 204, 113, 0.45);
}

.principle:hover {
	box-shadow:
		0 20px 56px rgba(0, 0, 0, 0.38),
		0 0 0 1px rgba(46, 204, 113, 0.45);
}

.glass-card:hover {
	box-shadow:
		0 20px 56px rgba(0, 0, 0, 0.38),
		0 0 0 1px rgba(46, 204, 113, 0.45);
}

/* Flow panel */
.flow {
	box-shadow:
		0 4px 24px rgba(0, 0, 0, 0.35),
		0 0 80px rgba(46, 204, 113, 0.04);
}

/* Waitlist panel */
.waitlist {
	box-shadow:
		0 4px 32px rgba(0, 0, 0, 0.4),
		0 0 60px rgba(46, 204, 113, 0.08);
}

/* Focus rings (keyboard) */
.btn-primary:focus-visible,
.btn-secondary:focus-visible,
.nav-cta:focus-visible,
.form-row input:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 3px;
}

::selection {
	background: rgba(46, 204, 113, 0.28);
	color: var(--fg-max);
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.label-pill:hover,
	.hero-stat:hover {
		transform: none;
	}

	.hero-orbit-orb {
		display: none;
	}
}