/* Broadcast section — sits between the ticker and Fund, confirmed via popventure.com (live site) */
.pv-broadcast {
	padding-top: 48px;
	padding-bottom: 0;
}

/* margin-bottom: 12px confirmed via popventure.com — the gap to the caption is
   much tighter than a generic 32px spacer. */
.pv-broadcast__picture {
	display: block;
	width: 100%;
	margin: 0 0 12px;
}

/* width/max-height/object-fit confirmed via popventure.com's own inline style — the
   full image is shown (contain), not cropped, capped at 60% of the viewport height. */
.pv-broadcast__image {
	display: block;
	width: 100%;
	max-height: 60vh;
	object-fit: contain;
}

.pv-broadcast__caption {
	font-size: 11px;
	color: var(--pv-gray-9A);
	margin-bottom: 32px;
}

.pv-broadcast__body {
	font-size: clamp(18px, 1.5vw + 10px, 24px);
	line-height: 1.65;
	color: var(--pv-grey-subtext);
	margin-bottom: 12px;
}

.pv-broadcast__tagline {
	font-size: clamp(24px, 1.5vw + 15px, 36px);
	font-weight: 800;
	color: var(--pv-black);
	margin-bottom: 32px;
}

/* margin-top: 0 confirmed via popventure.com — the gap after the tagline comes
   entirely from .pv-broadcast__tagline's own 32px margin-bottom, not this element. */
.pv-broadcast__disclaimer {
	font-size: 12px;
	color: #7a7a7e;
	max-width: 720px;
	margin: 0 auto;
}

/* Fund section */
/* padding-top: 106px confirmed via popventure.com — combined with .pv-broadcast's
   own padding-bottom:0 above, matches production's total gap after the broadcast
   disclaimer. */
.pv-fund {
	text-align: center;
	padding-top: 106px;
}

/* Heading size/line-height/tracking confirmed via Figma node 1054:9677 (150px/151.2px/-4.32px at 1440px desktop) */
/* margin-bottom: 40px confirmed via popventure.com — the heading sits directly
   above the "Become a Founding Venturer" button, with no subtext between them. */
.pv-fund__heading {
	font-size: clamp(40px, 10.4vw, 154px);
	line-height: 1.008;
	letter-spacing: -0.0288em;
	margin-bottom: 40px;
	color: var(--pv-black);
}

.pv-fund__heading span {
	display: block;
}

.pv-fund__live-btn {
	margin-bottom: 36px;
}

/* max-width/font-size/line-height confirmed via popventure.com — wraps to 2
   lines instead of local's previous narrower 614px/fixed-21px box (3 lines). */
.pv-fund__body {
	max-width: 680px;
	margin: 0 auto 76px;
	color: var(--pv-gray-500);
	font-size: clamp(17px, 1.6vw, 21px);
	font-weight: 400;
	line-height: 1.6;
}

.pv-circle-wrap {
  position: relative;
  width: 100%;
  max-width: 360px;
  aspect-ratio: 1 / 1;
  margin: 48px auto 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pv-circle-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}


@media (prefers-reduced-motion: reduce) {
  .pv-circle-button {
    transition: none;
  }
}


/* Animated ring canvas — size/position confirmed via popventure.com (live reference site):
   360px square, centered, between the body paragraph and the "Explore the Fund" button. */
.pv-fund__canvas-wrap {
	width: 100%;
	max-width: 360px;
	aspect-ratio: 1 / 1;
	margin: 8px auto 40px;
}

.pv-fund__canvas {
	display: block;
	width: 100%;
	height: 100%;
}

/* Disclaimer — confirmed via Figma node 1054:9688 */
.pv-fund__disclaimer {
	max-width: 380px;
	margin: 16px auto 0;
	font-size: 13px;
	line-height: 20px;
	color: rgba(85, 85, 85, 0.7);
}

.pv-fund__disclaimer-link {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.pv-fund__disclaimer-link:hover {
	color: var(--pv-black);
}

/* Force / 6-grid — sizes derived from exact Figma box heights (node 1054:9690-9714);
   colors/font not independently confirmed via get_design_context, pending quota reset. */
.pv-section.pv-force {
	padding-top: 0;
	padding-bottom: 110px;
}

.pv-force__eyebrow {
	font-family: var(--pv-font-heading);
	font-weight: var(500);
	font-size: 40px;
	color: #A3A3A8;
	margin-bottom: 8px;
}

.pv-force__heading {
	font-family: var(--pv-font-heading);
	font-weight: var(--pv-weight-heading, 700);
	font-size: clamp(32px, 5vw, 72px);
	line-height: 1.1;
	color: var(--pv-black);
	margin-bottom: 24px;
}

.pv-force__subtext {
	font-size: 21px;
	color: var(--pv-grey-subtext);
	margin-bottom: 4px;
}

.pv-force__body {
	font-size: 21px;
	font-weight: 600;
	color: var(--pv-black);
}

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

/* Colored dot per item — confirmed against production (popventure.com): plain 8px dots,
   not icons. Colors match .pv-feature-list__chip below exactly. */
.pv-force-item-dot {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--pv-purple);
	margin: 0 auto 14px;
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.pv-force-item-dot.item-2 { background: #BE40C3; }
.pv-force-item-dot.item-3 { background: #EC36C4; }
.pv-force-item-dot.item-4 { background: #F17762; }
.pv-force-item-dot.item-5 { background: #F5B800; }
.pv-force-item-dot.item-6 { background: #7ABB3E; }

.pv-force-item:hover .pv-force-item-dot {
	transform: scale(1.6);
}

.pv-feature-list__chip:nth-child(2):before{
	background: #BE40C3;
}
.pv-feature-list__chip:nth-child(3):before{
	background: #EC36C4;
}
.pv-feature-list__chip:nth-child(6):before{
	background: #F17762;
}
.pv-feature-list__chip:nth-child(4):before{
	background: #F5B800;
}
.pv-feature-list__chip:nth-child(5):before{
	background: #7ABB3E;
}

.pv-force-item__title {
	font-size: 22px;
	font-weight: var(--pv-weight-heading, 700);
	text-transform: uppercase;
	margin-bottom: 6px;
	letter-spacing: -0.22px;
}

.pv-force-item__desc {
	font-size: 15px;
	color: var(--pv-gray-500);
}

/* Adviser/fiduciary disclaimer — confirmed via popventure.com — closes out the
   Force section, styled distinctly from .pv-fund__disclaimer (different
   max-width/margin/color). */
.pv-force__disclaimer {
	max-width: 720px;
	margin: 56px auto 0;
	font-size: 13px;
	line-height: 1.65;
	color: #7a7a7e;
	text-align: center;
}

/* Map — sizes/dimensions confirmed via Figma node 1054:9715-9718 (880px section, 880x660 image) */
.pv-map {
	text-align: center;
	max-width: 880px;
}

.pv-map__heading {
	font-family: var(--pv-font-heading);
	font-weight: var(--pv-weight-heading, 700);
	font-size: clamp(26px, 3vw, 34px);
	color: var(--pv-grey-subtext);
	margin-bottom: 32px;
}

.pv-map__image-wrap {
	max-width: 880px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: var(--pv-radius-md);
}

.pv-map__image-wrap img {
	transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 767.98px) {
	.pv-map__image-wrap img {
		height: 100%;
		width: 100%;
	}
}

.pv-map__image-wrap:hover img {
	transform: scale(1.04);
}

.pv-map__placeholder {
	aspect-ratio: 880 / 660;
	background: var(--pv-gray-100);
	border-radius: var(--pv-radius-md);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--pv-gray-500);
	font-size: 14px;
}

.pv-map__caption {
	max-width: 870px;
	margin: 31px auto 0;
	font-size: clamp(16px, 1.8vw, 22px);
	line-height: 1.6;
	color: var(--pv-black);
	font-weight: 700;
}

/* Launch — sizes derived from exact Figma box heights (node 1054:9719-9724) */
/* padding-top: 20px confirmed via popventure.com (live site) — the gap from the
   tagline above is much tighter than the generic .pv-section 120px top padding. */
.pv-launch {
	text-align: center;
	padding-top: 20px;
}

.pv-launch__heading {
	font-family: var(--pv-font-heading);
	font-weight: var(--pv-weight-heading, 700);
	font-size: clamp(30px, 4.3vw, 58px);
	line-height: 1.25;
	color: var(--pv-black);
	max-width: 650px;
	margin: 0 auto 32px;
}

/* font-size/line-height confirmed via popventure.com. */
.pv-launch__body {
	font-size: clamp(17px, 1.7vw, 21px);
	line-height: 1.6;
	color: var(--pv-grey-subtext);
	max-width: 724px;
	margin: 0 auto 20px;
}
/* Was `:last-of-type`, which actually matched the section's later
   .pv-launch__cta-sub <p> instead of this paragraph — silently never applying.
   A modifier class (matching the .pv-live__body.two precedent) is exact. */
.pv-launch__body.two {
	color: var(--pv-black);
	font-weight: 600;
	margin-bottom: 52px;
}

/* "Put us to work." CTA — confirmed via popventure.com (live site) */
.pv-launch__cta-heading {
	font-family: var(--pv-font-heading);
	font-weight: var(--pv-weight-heading, 700);
	font-size: 28px;
	letter-spacing: -0.42px;
	color: var(--pv-black);
	margin: 0 auto 24px;
}

.pv-launch__cta-sub {
	font-size: 14px;
	color: #8A8A8E;
	margin: 20px auto 0;
}

/* Built. Registered. Live. — heading/body sizes derived from exact Figma box heights (node 1054:9757-9779);
   chips need contrast against the section, so section bg is white and chips carry the light fill. */
/* padding-top: 24px confirmed via popventure.com (live site) — much tighter than
   the generic .pv-section 120px top padding. */
.pv-live {
	text-align: center;
	padding-top: 24px;
	padding-bottom: 0;
}

.pv-live__heading {
	font-family: var(--pv-font-heading);
	font-weight: var(--pv-weight-heading, 700);
	font-size: clamp(34px, 5vw, 64px);
	color: var(--pv-black);
	margin-bottom: 34px;
}
.pv-live__heading .pv-gradient-text{
	background: var(--pv-gradient-text3);
	-webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.pv-live__body {
	max-width: 754px;
	margin: 0 auto 28px;
	font-size: 21px;
	line-height: 1.6;
	color: var(	--pv-grey-badge);
}
.pv-live__body.two{
	color: var(--pv-grey-subtext);
	margin-bottom: 46px;
}

.pv-live .pv-feature-list {
	max-width: 800px;
	margin: 0 auto 64px;
}

.pv-live__disclaimer {
	max-width: 599px;
	margin: 24px auto 0;
	font-size: 13px;
	line-height: 1.6;
	color: #B0B0B4;
}

/* Confirmed via popventure.com — link color is #8A8A8E, distinct from the
   disclaimer's own lighter #B0B0B4 text color. */
.pv-live__disclaimer-link {
	color: #8A8A8E;
	text-decoration: underline;
}
.pv-live__disclaimer-link:hover {
	color: var(--pv-black);
}

/* Quote */
/* padding-bottom: 0 confirmed via popventure.com — the gap to the next section
   (Someone has launched...) comes entirely from that section's own top padding. */
.pv-quote {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 0;
}

.pv-quote__text {
	font-size: clamp(22px, 2.2vw, 28px);
	max-width: 810px;
	margin: 0 auto;
	font-family: var(--pv-font-heading);
	font-weight: var(--pv-weight-heading, 700);
}
.pv-quote__text .pv-gradient-text{
	background: var(--pv-gradient-text3);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* Beginning — sizes derived from exact Figma box heights (node 1054:9781-9788) */
/* padding-top: 109px confirmed via popventure.com — combined with .pv-live's own
   padding-bottom:0, matches production's total gap after the risk disclaimer.
   padding-bottom: 0 confirmed via popventure.com — the 24px gap to the Share
   button comes entirely from .pv-share's own padding-top, not from this section. */
.pv-beginning {
	text-align: center;
	padding-top: 109px;
	padding-bottom: 0;
}

.pv-beginning__heading {
	font-family: var(--pv-font-heading);
	font-weight: var(--pv-weight-heading, 700);
	font-size: clamp(34px, 5vw, 68px);
	color: var(--pv-black);
	max-width: 706px;
	margin: 0 auto 40px;
}

/* Confirmed via popventure.com (live site) */
.pv-beginning__image {
	display: block;
	width: 100%;
	max-width: 320px;
	height: auto;
	border-radius: 16px;
	margin: 0 auto 40px;
}

.pv-beginning__body {
	font-size: 20px;
	color: var(--pv-grey-subtext);
	max-width: 495px;
	margin: 0 auto 30px;
}
/* margin-bottom: 20px confirmed via popventure.com — the gap to the button is
   much tighter than a generic 60px spacer. */
.pv-beginning__body.text-2{
	max-width: 436px;
	margin-bottom: 20px;
	color: var(--pv-black);
	font-weight: 600;
}

/* Share Pop Venture — confirmed via popventure.com (live site) */
.pv-share {
	padding: 24px 24px 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.pv-share__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: none;
	border: none;
	padding: 6px;
	font-family: var(--pv-font-body);
	font-size: 15px;
	font-weight: 600;
	color: var(--pv-grey-subtext);
	cursor: pointer;
	margin-bottom: 56px;
}

.pv-share__btn:hover {
	color: var(--pv-black);
}

.pv-share__logo {
	height: 56px;
	width: auto;
	opacity: 0.5;
	margin-bottom: 16px;
}

.pv-share__tagline {
	font-size: 16px;
	font-weight: 500;
	color: #8A8A8E;
	margin-bottom: 40px;
}

/* Footer — layout confirmed via Figma node 1054:9807-9828: logo left, two link
   columns clustered on the right (not spread across full width) */
.pv-footer {
	border-top: 1px solid var(--pv-gray-200);
	padding: 80px 0 46px;
}

.pv-footer__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 36px;
	flex-wrap: wrap;
}

.pv-footer__brand {
	display: flex;
	flex-direction: column;
}

/* Contact info block — confirmed via Figma node 1534:1705-1708 (name/address/phone/email
   stacked under the logo, Inter type, 15px) */
.pv-footer__contact {
	margin-top: 16px;
}



.pv-footer__contact-name {
	font-family: var(--pv-font-body);
	font-weight: 700;
	font-size: 15px;
	color: var(--pv-black);
	margin-bottom: 6px;
}

.pv-footer__contact-address {
	font-family: var(--pv-font-body);
	font-weight: 300;
	font-size: 15px;
	line-height: 24px;
	color: var(--pv-grey-subtext);
	margin:4px 0 13px;
}

.pv-footer__contact-phone,
.pv-footer__contact-email {
	font-family: var(--pv-font-body);
	font-weight: 600;
	font-size: 15px;
}

.pv-footer__contact-phone {
	margin-bottom: 4px;
}

.pv-footer__contact-phone a,
.pv-footer__contact-email a {
	color: var(--pv-black);
	text-decoration: none;
}

.pv-footer__contact-phone a:hover,
.pv-footer__contact-email a:hover {
	text-decoration: underline;
}

.pv-footer__nav {
	display: flex;
	gap: 106px;
	flex-wrap: wrap;
}

.pv-footer__col h4 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.96px;
	margin-bottom: 12px;
	color: #B0B0B4;
}

.pv-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
	font-size: 14px;
}
.pv-footer__col ul a,
.pv-footer__col ul button {
	color: var(--pv-grey-subtext);
}

/* "Contact" is a <button> (it opens a modal, not a page) but reuses the exact
   link look/spacing of its <a> siblings. */
.pv-footer__col ul button {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

/* color:#0a0a0a on hover confirmed via popventure.com (live site). */
.pv-footer__col ul a:hover,
.pv-footer__col ul button:hover {
	color: var(--pv-black);
}

.pv-footer__legal {
	font-size: 13px;
	line-height: 1.7;
	color: #B0B0B4;
	border-top: 1px solid var(--pv-gray-200);
	padding-top: 32px;
	display: flex;
    flex-direction: column;
    gap: 20px;
}

.pv-footer__copyright {
	margin-top: 20px;
	font-size: 13px;
	color: #B0B0B4;
}