:root {
	/* Colors — confirmed exact via Figma variables (get_variable_defs) */
	--pv-black: #0a0a0a;
	--pv-gray-700: #4b4b4b;
	--pv-gray-500: #6b7280;
	--pv-gray-200: #e5e7eb;
	--pv-gray-100: #f5f5f7;
	--pv-white: #ffffff;
	--pv-gray-A3: 	#A3A3A8;
	--pv-gray-9A: #9A9A9E;

	--pv-purple: #8f49c1;
	--pv-purple-dark: #8f49c1;
	--pv-pink: #ec36c4;
	--pv-gold: #f5b800;
	--pv-green: #00bd7c;

	/* Confirmed via Figma node 1054:9658 (hero subheading), 1054:9688 (fund disclaimer),
	   1054:9682 (live badge), 1054:9664/9665 (scroll indicator) */
	--pv-grey-subtext: #6b6b70;
	--pv-grey-fine: #555555;
	--pv-grey-badge: #3a3a3d;

	--pv-grey-scroll: #b7b7bb;
	--pv-grey-scroll-line: #d8d8db;

	/* Nav bar border — confirmed via Figma node 2023:3275 */
	--pv-border: #ececec;

	/* Button gradient — confirmed via Figma nodes 1054:9659, 1054:9686 */
	--pv-gradient-btn: linear-gradient(90deg, var(--pv-purple), var(--pv-pink));
	--pv-shadow-btn: 0px 6px 12.5px rgba(143, 73, 193, 0.3);
	/* Heading gradient text — confirmed via Figma node 1054:9677 ("what comes") */
	--pv-gradient-text: linear-gradient(90deg, #8f49c1 0%, #ec36c4 45.064%, #f5b800 90.128%, #00bd7c 135.19%);
	--pv-gradient-text2: linear-gradient(90deg, #8F49C1 0%, #EC36C4 22.98%, #F5B800 31.64%, #00BD7C 68.94%);
	--pv-gradient-text3: linear-gradient(93deg, #EC36C4 4%, #F5B800 38%, #00BD7C 66%, #8F49C1 96%);

	/* Type — Figma labels this "Stack Sans Headline" but the live production site
	   (popventure.com) renders both headings and body in Inter — headings at weight 800. */
	--pv-font-heading: "Stack Sans Headline", sans-serif;
	--pv-font-body: "Stack Sans Headline", sans-serif;
	--pv-weight-heading: 700;

	/* Layout */
	--pv-container: 1120px;
	--pv-container-narrow: 760px;
	--pv-radius-btn: 12px;
	--pv-radius-md: 16px;
	--pv-section-spacing: 120px;
	--pv-section-spacing-mobile: 72px;
}

*, *::before, *::after {
	box-sizing: border-box;
}

/* Confirmed on popventure.com (live site): html { scroll-behavior: smooth } */
html {
	scroll-behavior: smooth;
}

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

body {
	margin: 0;
	font-family: var(--pv-font-body);
	color: var(--pv-black);
	background: var(--pv-white);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

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

h1, h2, h3, h4 {
	font-family: var(--pv-font-heading);
	font-weight: var(--pv-weight-heading, 700);
	line-height: 1.1;
	margin: 0;
}

p {
	margin: 0;
	line-height: 1.2;
}

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

button {
	font-family: var(--pv-font-body);
	cursor: pointer;
}

.pv-container {
	max-width: var(--pv-container);
	margin: 0 auto;
	padding: 0 24px;
}

.pv-container--narrow {
	max-width: var(--pv-container-narrow);
}

/* padding-top/bottom only (not the shorthand) — this class is combined with .pv-container
   on many sections, and the shorthand form would zero out .pv-container's horizontal padding */
.pv-section {
	padding-top: var(--pv-section-spacing);
	padding-bottom: var(--pv-section-spacing);
}

.pv-text-center {
	text-align: center;
}

.pv-eyebrow {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pv-gray-500);
}

.pv-gradient-text {
	background: var(--pv-gradient-text);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.pv-gradient-text + span{
	background: var(--pv-gradient-text2);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.pv-gradient-text + span::after{
	content: "";
	display: inline-block;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background-color: #0A0A0A;
	margin-left: 10px;
}

/* Keeps anchor-jump/scroll-to targets (footer links, "Explore the Fund" etc.) from
   landing under the sticky ~69px .pv-ticker bar once it's stuck. */
[id] {
	scroll-margin-top: 96px;
}

.pv-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}