@charset "UTF-8";
.startups-hero {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 100vh;
		min-height: 100svh;
		--ratings: clamp(70px, 6.25rem, 100px);
		background: #000;
}
.startups-hero .bg {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
}
.startups-hero .bg video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
}
.startups-hero .text {
		padding: var(--header) var(--side-padding);
		font-weight: 500;
		line-height: 1.5;
		font-size: clamp(21px, 2.125rem, 34px);
}
.startups-hero .text > *:not(.ratings) {
		position: relative;
}
.startups-hero .title {
		font-weight: 500;
		line-height: 0.9;
		font-size: clamp(56px, 7.5rem, 120px);
		margin: 0 0 clamp(10px, 1.25rem, 20px) 0;
}
.startups-hero .ratings {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: var(--ratings);
		background: var(--white);
		display: flex;
		align-items: center;
		overflow: hidden;
}
.startups-hero .ratings ul, .startups-hero .ratings li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.startups-hero .ratings ul {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
}
.ready .startups-hero .ratings ul {
		animation: marquee 20s linear infinite;
}
.startups-hero .ratings li {
		flex: 0 0 auto;
		padding-right: 16px;
		position: relative;
}
.startups-hero .ratings li:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 8px;
		width: 2px;
		height: 22px;
		border-radius: 1px;
		background: var(--black);
		opacity: 0.2;
		transform: translate3d(50%, -50%, 0);
}
.startups-hero .ratings img {
		height: 60px;
		width: auto;
		display: block;
}
@media only screen and (orientation: landscape) {
		.startups-hero .bg .vert {
				display: none;
		}
		.startups-hero .text {
				width: 45.677%;
				margin-left: auto;
				position: relative;
				padding: clamp(20px, 3.75rem, 60px) clamp(20px, 3.75rem, 60px) calc(clamp(20px, 2.5rem, 40px) + var(--ratings)) clamp(20px, 3.75rem, 60px);
				background: var(--black);
		}
		@media only screen and (min-width: 1920px) {
				.startups-hero .text {
						width: 877px;
						margin-right: calc((100vw - 1920px) / 2);
				}
		}
}
@media only screen and (orientation: portrait) {
		.startups-hero {
				padding-bottom: calc(var(--header) + var(--ratings));
		}
		.startups-hero .bg .hor {
				display: none;
		}
		.startups-hero .text {
				text-align: center;
				margin: 0 auto;
				max-width: 20em;
				width: 100%;
		}
}
.startups-steps-title {
		font-weight: 500;
		margin: 0;
		line-height: 1;
		padding: var(--vert-padding) var(--side-padding) 0 var(--side-padding);
		font-size: clamp(44px, 7.5rem, 120px);
		position: relative;
		z-index: 2;
}
.startups-steps-title > * {
		font: inherit;
		margin: 0;
		display: block;
		max-width: 8.5em;
}
.mainwrap:has(.startups) {
		overflow: visible;
}
.startups-steps {
		position: relative;
		height: 400vh;
		height: 400lvh;
		--percent1: 0;
		--percent2: 0;
		--percent3: 0;
		--links: clamp(60px, 5.625rem, 90px);
		--links-margin: clamp(20px, 1.875rem, 30px);
}
.startups-steps .wrap {
		position: sticky;
		top: 0;
		height: 100vh;
		height: 100lvh;
		display: flex;
		flex-direction: column;
		overflow: hidden;
}
.startups-steps ol, .startups-steps li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.startups-steps ol {
		font-weight: 500;
		line-height: 1.5;
		font-size: clamp(18px, 2.25rem, 36px);
		margin: 0 var(--side-padding);
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		position: relative;
}
.startups-steps ol:before, .startups-steps ol:after {
		content: '';
		position: absolute;
		backface-visibility: hidden;
}
.startups-steps ol:before {
		border-radius: 2px;
		background: var(--white);
		opacity: 0.2;
}
.startups-steps ol:after {
		border-radius: 4px;
		background: var(--pink);
}
.startups-steps li {
		backface-visibility: hidden;
		will-change: transform, opacity;
}
.startups-steps ol .title {
		font-weight: 500;
		line-height: 1;
		font-size: clamp(44px, 5.625rem, 90px);
		margin: 0 0 10px 0;
}
.startups-steps li:nth-child(1) {
		opacity: calc(0.2 + 0.8 * var(--percent1));
}
.startups-steps li:nth-child(2) {
		opacity: calc(0.2 + 0.3 * var(--percent1) + 0.5 * var(--percent2));
}
.startups-steps li:nth-child(3) {
		opacity: calc(0.2 + 0.3 * var(--percent2) + 0.5 * var(--percent3));
}
.startups-steps .image {
		pointer-events: none;
}
.startups-steps .image > * {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		max-width: 100%;
		backface-visibility: hidden;
		will-change: transform, opacity;
		aspect-ratio: 1/1;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		width: 100%;
		max-width: 100vh;
		max-width: 100lvh;
}
.startups-steps .image video {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.startups-steps .image .cube1, .startups-steps .image .cube2 {
		background-color: var(--black);
}
.startups-steps .image .cube1 {
		background-image: url("../img/graphics/startups-steps-cube1.png");
		opacity: calc(1 - 2 * var(--percent3));
}
.startups-steps .image .cube2 {
		background-image: url("../img/graphics/startups-steps-cube2.png");
		opacity: calc(1 * var(--percent2) - 2 * var(--percent3));
}
.startups-steps .image .cube1, .startups-steps .image .cube2 {
		transform: translate3d(-50%, -50%, 0) scale(calc(1 - 0.5 * var(--percent3)));
}
.startups-steps .image .icecream {
		transform: translate3d(-50%, -50%, 0) scale(calc(0.5 + 0.5 * var(--percent3)));
		opacity: calc(2 * var(--percent3) - 1);
}
.startups-steps .links {
		display: flex;
		gap: clamp(10px, 1.25rem, 20px);
		margin-top: var(--links-margin);
		max-width: 24.666em;
		font-size: clamp(16px, 1.5rem, 24px);
}
/*

.startups-steps:not(.done) .links {
		opacity: 0;
		pointer-events: none;
}
*/
.startups-steps .links .btn {
		flex: 1;
		padding-left: 0;
		padding-right: 0;
		height: var(--links);
		font-size: clamp(16px, 1.5rem, 24px);
}
.startups-steps .links .btn:after {
		border-color: rgba(255, 255, 255, 0.2);
		opacity: 1;
}
@media only screen and (orientation: landscape) {
		.startups-steps {
				--links: clamp(60px, 7.5vh, 90px);
				--links: clamp(60px, 7.5lvh, 90px);
		}
		.startups-steps ol {
				flex-direction: column;
				gap: 3.333em;
				gap: 2.75em;
				margin-top: auto;
				margin-bottom: auto;
				padding-left: 2.888em;
				transform: translate3d(0, var(--links), 0);
				font-size: clamp(18px, 3vh, 36px);
				font-size: clamp(18px, 3lvh, 36px);
		}
		.startups-steps ol .title {
				font-size: 2.5em;
		}
		.startups-steps ol:before {
				top: 0;
				bottom: calc(var(--links) + var(--links-margin));
				width: 4px;
				left: 2px;
		}
		.startups-steps ol:after {
				top: 0;
				left: 0;
				width: 8px;
				min-height: 8px;
				height: calc(((100% - var(--links) - var(--links-margin)) / 3 * var(--percent1)) + ((100% - var(--links) - var(--links-margin)) / 3 * var(--percent2)) + ((100% - var(--links) - var(--links-margin)) / 3 * var(--percent3)));
		}
		.startups-steps li {
				opacity: 0.2;
		}
		.startups-steps .image {
				position: absolute;
				top: 0;
				left: 50%;
				bottom: 0;
				right: var(--side-padding);
		}
}
@media only screen and (orientation: portrait) {
		.startups-steps {
				margin-bottom: var(--vert-padding);
		}
		.startups-steps ol {
				margin-top: auto;
				padding-top: 2.444em;
				padding-bottom: 2.444em;
				width: calc(100% - var(--side-padding) * 2);
		}
		.startups-steps ol:before {
				top: 2px;
				height: 4px;
				left: 0;
				right: 0;
		}
		.startups-steps ol:after {
				top: 0;
				left: 0;
				height: 8px;
				min-width: 8px;
				width: calc(33.333% * var(--percent1) + 33.333% * var(--percent2) + 33.333% * var(--percent3));
		}
		.startups-steps li {
				width: 90%;
				flex: 0 0 auto;
				transform: translate3d(calc((-100% * var(--percent2)) + -100% * var(--percent3)), 0, 0);
		}
		.startups-steps .links {
				width: calc(100vw - var(--side-padding) * 2);
		}
		.startups-steps .image {
				flex: 1 0 auto;
				width: 100%;
				position: relative;
				margin-top: var(--header);
		}
		.startups-steps .image > * {
				height: 100%;
				width: auto;
				max-height: 115vw;
		}
}
.startups-benefits {
		--percent1: 0;
		--percent2: 0;
		--percent3: 0;
		--percent4: 0;
		--percent5: 0;
		--percent6: 0;
}
.startups-benefits-head {
		height: 100vh;
		height: 100lvh;
		display: flex;
		flex-direction: column;
		position: relative;
		padding: 0 var(--side-padding);
		overflow: hidden;
}
.startups-benefits-head .title {
		position: relative;
		z-index: 2;
		font-weight: 500;
		line-height: 1;
		font-size: clamp(56px, 7.5rem, 120px);
		margin: 0 0 20px 0;
		max-width: 7em;
}
.startups-benefits-head .text {
		font-weight: normal;
		line-height: 1.5;
		font-size: clamp(21px, 2.25rem, 36px);
		max-width: 19.444em;
		position: relative;
		z-index: 2;
}
.startups-benefits-head .bg video {
		mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
		position: absolute;
		height: 100%;
		aspect-ratio: 1/1;
		object-fit: contain;
		object-position: center;
}
@media only screen and (orientation: portrait) {
		.startups-benefits {
				margin-bottom: -25vh;
				margin-bottom: -25svh;
		}
		.startups-benefits-head {
				margin-bottom: -10vh;
				margin-bottom: -10svh;
		}
		.startups-benefits-head .bg {
				flex: 1 0 auto;
				width: calc(100% + var(--side-padding) * 2);
				margin-left: calc(var(--side-padding) * -1);
				position: relative;
				order: 2;
		}
		.startups-benefits-head .bg video {
				top: 50%;
				left: 50%;
				transform: translate3d(-50%, -50%, 0) rotate(15deg);
		}
}
@media only screen and (orientation: landscape) {
		.startups-benefits-head {
				justify-content: center;
		}
		.startups-benefits-head .bg {
				pointer-events: none;
				position: absolute;
				top: 0;
				left: 40%;
				height: 100%;
				aspect-ratio: 1/1;
		}
		.startups-benefits-head .bg video {
				top: 0;
				left: 0;
		}
}
.startups-benefits .space {
		pointer-events: none;
}
.startups-benefits .list {
		list-style: none;
		margin: 0;
		padding: 0;
}
.startups-benefits .card {
		list-style: none;
		padding: 0;
		flex: 0 0 auto;
		width: 100%;
		margin: 0 auto;
		container-type: inline-size;
		container-name: explore-card;
		backface-visibility: hidden;
}
.startups-benefits .card1 {
		--angle: calc(-4deg * 3);
		--speed: 5;
}
.startups-benefits .card2 {
		--angle: calc(6deg * 2);
		--speed: 2.5;
}
.startups-benefits .card3 {
		--angle: calc(-4deg * 2);
		--speed: 3;
}
.startups-benefits .card4 {
		--angle: calc(2.5deg * 2.5);
		--speed: 1.25;
}
.startups-benefits .card5 {
		--angle: calc(-6.71deg * 1.1);
		--speed: 1.75;
}
.startups-benefits .card6 {
		--angle: calc(3deg * 1.5);
		--speed: 0.5;
}
.startups-benefits .card1 .inner {
		background: #161616;
}
.startups-benefits .card2 .inner {
		background: #977584;
}
.startups-benefits .card3 .inner {
		background: #3443E0;
}
.startups-benefits .card4 .inner {
		background: #EA87DF;
}
.startups-benefits .card5 .inner {
		background: #57416B;
}
.startups-benefits .card6 .inner {
		background: #7221A3;
}
.startups-benefits .card .inner {
		width: 100%;
		color: var(--white);
		text-align: left;
		font-weight: 500;
		font-size: clamp(16px, 1.6875rem, 27px);
		line-height: 1.5;
		padding: clamp(45px, 5rem, 80px);
		display: flex;
		flex-direction: column;
		border-radius: clamp(22px, 2.5rem, 40px);
}
.startups-benefits .card .inner > * {
		margin: 0;
		flex: 0 0 auto;
		max-width: 100%;
}
.startups-benefits .card .pic {
		flex: 0 0 auto;
		width: clamp(60px, 7.5rem, 120px);
		height: clamp(60px, 7.5rem, 120px);
		background: rgba(255, 255, 255, 0.12);
		border-radius: 50%;
		position: relative;
		margin-bottom: clamp(73px, 7.8125rem, 125px);
}
.startups-benefits .card .pic img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.startups-benefits .card .card-title {
		font-weight: 500;
		font-size: clamp(36px, 4.375rem, 70px);
		line-height: 1.2;
		height: 2.4em;
		margin: 0;
		color: var(--white);
}
.startups-benefits .card .text {
		height: calc(4.5em + clamp(73px, 7.8125rem, 125px));
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
}
@media only screen and (orientation: portrait) {
		.startups-benefits .startups-benefits-head {
				display: none;
				visibility: hidden;
		}
		.startups-benefits .space {
				height: 500vh;
				height: 500lvh;
		}
		.startups-benefits .wrap + .space {
				display: none;
		}
		.startups-benefits .list {
				overflow: hidden;
				display: flex;
				position: sticky;
				z-index: 2;
				top: 0;
				margin: 0 auto;
				max-width: 654px;
		}
		.startups-benefits .card {
				height: 100vh;
				height: 100lvh;
				padding: 0 var(--side-padding);
				flex: 0 0 auto;
				width: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
		}
		.startups-benefits .card:not(:first-child) {
				margin-left: -100%;
		}
		.startups-benefits .card .inner {
				transform-origin: 50% 100%;
				backface-visibility: hidden;
		}
		.startups-benefits .card1 .inner {
				transform: translate3d(0, calc(10px * var(--percent1) + 10px * var(--percent2) + 10px * var(--percent3) + 10px * var(--percent4) + 10px * var(--percent5)), 0) scale(calc(1 - (0.1 * var(--percent1) + 0.1 * var(--percent2) + 0.1 * var(--percent3) + 0.1 * var(--percent4) + 0.1 * var(--percent5))));
		}
		.startups-benefits .card2 .inner {
				transform: translate3d(0, calc(10px * var(--percent2) + 10px * var(--percent3) + 10px * var(--percent4) + 10px * var(--percent5)), 0) scale(calc(1 - (0.1 * var(--percent2) + 0.1 * var(--percent3) + 0.1 * var(--percent4) + 0.1 * var(--percent5))));
		}
		.startups-benefits .card3 .inner {
				transform: translate3d(0, calc(10px * var(--percent3) + 10px * var(--percent4) + 10px * var(--percent5)), 0) scale(calc(1 - (0.1 * var(--percent3) + 0.1 * var(--percent4) + 0.1 * var(--percent5))));
		}
		.startups-benefits .card4 .inner {
				transform: translate3d(0, calc(10px * var(--percent4) + 10px * var(--percent5)), 0) scale(calc(1 - (0.1 * var(--percent4) + 0.1 * var(--percent5))));
		}
		.startups-benefits .card5 .inner {
				transform: translate3d(0, calc(10px * var(--percent5)), 0) scale(calc(1 - (0.1 * var(--percent5))));
		}
		.startups-benefits .card2 {
				transform: translate3d(0, calc(100% - 100% * var(--percent1)), 0);
		}
		.startups-benefits .card3 {
				transform: translate3d(0, calc(100% - 100% * var(--percent2)), 0);
		}
		.startups-benefits .card4 {
				transform: translate3d(0, calc(100% - 100% * var(--percent3)), 0);
		}
		.startups-benefits .card5 {
				transform: translate3d(0, calc(100% - 100% * var(--percent4)), 0);
		}
		.startups-benefits .card6 {
				transform: translate3d(0, calc(100% - 100% * var(--percent5)), 0);
		}
}
@media only screen and (orientation: landscape) {
		.startups-benefits {
				margin-bottom: -250vh;
				margin-bottom: -250lvh;
				position: relative;
				z-index: 3;
				pointer-events: none;
		}
		.startups-benefits-head {
				flex: 0 0 auto;
				width: 100%;
				position: relative;
				align-self: flex-start;
				opacity: calc(1 - 1 * var(--percent) * 6);
		}
		.startups-benefits .wrap {
				display: flex;
				align-items: center;
				height: 100vh;
				height: 100lvh;
				position: sticky;
				top: 0;
				overflow: hidden;
		}
		.startups-benefits .wrap .space {
				display: none;
		}
		.startups-benefits .space {
				height: 600vh;
				height: 600lvh;
		}
		.startups > .startups-benefits-head {
				display: none;
		}
		.startups-benefits .list {
				flex: 0 0 auto;
				display: flex;
				transform: translate3d(calc((-110% - 100vw) * var(--percent)), 0, 0) !important;
		}
		.startups-benefits .card {
				width: clamp(370px, 40.875rem, 654px);
		}
		.startups-benefits .card {
				transform-origin: 50% 0;
				transform: translate3d(calc(-50% * var(--speed) * var(--percent)), 0, 0) rotate(calc(var(--angle) * var(--percent) * 3));
		}
}
.startups-priorities {
		height: auto;
		--slide: 0;
		background: #000;
		color: #fff;
}
.startups-priorities .wrap {
		height: 100vh;
		height: 100lvh;
		overflow: hidden;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 var(--side-padding);
}
.startups-priorities .bg {
		position: absolute;
		top: 0;
		left: 50%;
		width: 100%;
		transform: translate3d(-50%, 0, 0);
		aspect-ratio: 1920/1080;
		pointer-events: none;
}
.startups-priorities .bg video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top center;
		backface-visibility: hidden;
		will-change: opacity;
		opacity: 0;
		transition: opacity 0.6s ease;
}
.startups-priorities.is-slide-0 .bg video:nth-child(1),
.startups-priorities.is-slide-1 .bg video:nth-child(2),
.startups-priorities.is-slide-2 .bg video:nth-child(3) {
		opacity: 1;
}
.startups-priorities .text {
		font-weight: normal;
		font-size: clamp(16px, 1.5rem, 24px);
		line-height: 1.5;
		opacity: 1;
}
.startups-priorities .text > * {
		max-width: 27.5em;
		position: relative;
		display: flex;
}
.startups-priorities .text > * > * {
		flex: 0 0 auto;
		width: 100%;
		transition: opacity 0.6s ease;
		pointer-events: none;
		opacity: 0;
}
.startups-priorities .text > * > *:not(:first-child) {
		margin-left: -100%;
}
.startups-priorities.is-slide-0 .text > * > *:nth-child(1),
.startups-priorities.is-slide-1 .text > * > *:nth-child(2),
.startups-priorities.is-slide-2 .text > * > *:nth-child(3) {
		opacity: 1;
		pointer-events: all;
}
.startups-priorities .inner {
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		z-index: 1;
}
.startups-priorities .title {
		margin: 0;
		color: #3e0093;
}
.startups-priorities .title,
.startups-priorities .list {
		font-weight: 500;
		line-height: 1;
		font-size: clamp(44px, 6.25rem, 100px);
}
.startups-priorities .list,
.startups-priorities .list li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.startups-priorities .list li {
		backface-visibility: hidden;
		will-change: transform, opacity;
		transform: translate3d(0, calc(-100% * var(--slide)), 0);
		transition: transform 0.6s ease, opacity 0.6s ease;
		opacity: 0.2;
		color: #fff;
}
.startups-priorities.is-instant .list li,
.startups-priorities.is-instant .text > * > *,
.startups-priorities.is-instant .bg video {
		transition: none !important;
}
.startups-priorities .list li.is-active {
		opacity: 1;
}
@media only screen and (orientation: landscape) {
		.startups-priorities .wrap {
				padding-top: var(--header);
				--gap: clamp(10px, 1.875rem, 30px);
		}
		.startups-priorities .inner {
				display: flex;
				align-items: flex-start;
				flex-wrap: wrap;
		}
		.startups-priorities .title,
		.startups-priorities .list {
				flex: 0 0 auto;
				width: 50%;
		}
		.startups-priorities .title {
				text-align: right;
				padding-right: var(--gap);
		}
		.startups-priorities .list {
				padding-left: var(--gap);
				padding-top: 1em;
				margin-top: -1em;
				height: 3em;
				position: relative;
				overflow: hidden;
				-webkit-mask-image:
					linear-gradient(to bottom, transparent 0.25em, black 1em),
					linear-gradient(to top, transparent 0.25em, black 1em);
				mask-image:
					linear-gradient(to bottom, transparent 0.25em, black 1em),
					linear-gradient(to top, transparent 0.25em, black 1em);
				-webkit-mask-composite: intersect;
				mask-composite: intersect;
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
				-webkit-mask-size: 100% 100%;
				mask-size: 100% 100%;
				isolation: isolate;
		}
		.startups-priorities .list li {
				padding-bottom: 10px;
		}
		.startups-priorities .text {
				flex: 0 0 auto;
				width: 100%;
				margin-top: 20px;
				margin-bottom: calc(-4.5em - 20px);
				z-index: 1;
		}
		.startups-priorities .text > * {
				margin-left: 50%;
				padding-left: var(--gap);
		}
		.startups-priorities .text > *:before {
				content: '';
				position: absolute;
				top: 1.5em;
				right: 100%;
				margin-right: var(--gap);
				height: 1px;
				border-radius: 0.5px;
				background: var(--white);
				opacity: 0.4;
				transform: translate3d(0, -50%, 0);
				width: clamp(40px, 8.125rem, 130px);
		}
}
@media only screen and (orientation: portrait) {
		.startups-priorities {
				text-align: center;
				margin-bottom: 0;
		}
		.startups-priorities .text {
				margin-top: 20px;
		}
		.startups-priorities .text > * {
				margin-left: auto;
				margin-right: auto;
		}
		.startups-priorities .title {
				opacity: 0.2;
				line-height: 1.2;
		}
		.startups-priorities .list {
				height: 1.2em;
				overflow: hidden;
				line-height: 1.2;
		}
		.startups-priorities .bg {
				width: 250%;
		}
}
.startups-invite {
		background: #fff !important;
		color: #000 !important;
		text-align: center;
}
.startups-invite .wrap {
		min-height: 100vh;
		min-height: 100lvh;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: var(--header) var(--side-padding) clamp(48px, 6rem, 96px);
		position: relative;
		overflow: hidden;
		background: #fff;
		color: #000;
}
.startups-invite .wrap:before {
		content: '';
		position: absolute;
		left: 50%;
		top: 46%;
		width: min(70vw, 720px);
		height: min(70vw, 720px);
		transform: translate(-50%, -50%) scale(0.7);
		background: radial-gradient(circle, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 68%);
		opacity: 0;
		pointer-events: none;
		transition: opacity 1.1s ease, transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.startups-invite.is-inview .wrap:before {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
}
.startups-invite .inner {
		position: relative;
		width: max-content;
		max-width: calc(100vw - (var(--side-padding) * 2));
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
}
.startups-invite .line {
		margin: 0;
		width: max-content;
		max-width: 100%;
		font-weight: 500;
		line-height: 1.15;
		font-size: clamp(22px, 4.2vw, 64px);
		letter-spacing: -0.02em;
		text-align: center;
		white-space: nowrap;
}
.startups-invite .line + .line {
		margin-top: 0.28em;
}
.startups-invite .line--accent {
		margin-top: 0.55em;
		font-size: clamp(28px, 5.5vw, 88px);
		line-height: 1;
		position: relative;
		color: #3e0093;
}
.startups-invite .line--accent:after {
		content: '';
		display: block;
		width: 0;
		height: 2px;
		margin: 0.35em auto 0;
		background: #3e0093;
		opacity: 1;
		transition: width 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.55s;
}
.startups-invite.is-inview .line--accent:after {
		width: clamp(64px, 8rem, 140px);
}
.startups-invite--no-line .line--accent:after,
.startups-invite--no-line.is-inview .line--accent:after {
		content: none;
}

/* Decorative dots — About "Zero in on us" section only (markup only present there) */
.startups-invite__dot {
		position: absolute;
		border-radius: 50%;
		background: #3e0093;
		opacity: 0;
		transform: scale(0.4);
		pointer-events: none;
		transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
.startups-invite.is-inview .startups-invite__dot {
		opacity: var(--dot-opacity, 0.5);
		transform: scale(1);
}
.startups-invite__dot:nth-of-type(1) {
		width: 10px;
		height: 10px;
		left: 14%;
		top: 30%;
		--dot-opacity: 0.45;
		transition-delay: 0.15s;
}
.startups-invite__dot:nth-of-type(2) {
		width: 16px;
		height: 16px;
		right: 16%;
		top: 60%;
		--dot-opacity: 0.28;
		transition-delay: 0.35s;
}
.startups-invite__dot:nth-of-type(3) {
		width: 7px;
		height: 7px;
		left: 24%;
		bottom: 18%;
		--dot-opacity: 0.55;
		transition-delay: 0.55s;
}
@media (max-width: 640px) {
		.startups-invite__dot {
				display: none;
		}
}

/* Homepage-only enhanced graphics — "You've already taken step one. Let's build." */
.startups-invite--home .wrap {
		isolation: isolate;
}
.startups-invite--home .inner {
		position: relative;
		z-index: 1;
}
.startups-invite--home .startups-invite__grid {
		position: absolute;
		inset: -10%;
		background-image: radial-gradient(rgba(0, 0, 0, 0.08) 1px, transparent 1px);
		background-size: 28px 28px;
		opacity: 0;
		z-index: 0;
		pointer-events: none;
		mask-image: radial-gradient(circle at 50% 45%, #000 0%, transparent 70%);
		-webkit-mask-image: radial-gradient(circle at 50% 45%, #000 0%, transparent 70%);
		transition: opacity 1.4s ease 0.2s;
}
.startups-invite--home.is-inview .startups-invite__grid {
		opacity: 1;
}
.startups-invite--home .startups-invite__orb {
		position: absolute;
		border-radius: 50%;
		filter: blur(40px);
		opacity: 0;
		z-index: 0;
		pointer-events: none;
		animation-play-state: paused;
		transition: opacity 1.2s ease;
}
.startups-invite--home.is-inview .startups-invite__orb {
		opacity: var(--orb-opacity, 0.5);
		animation-play-state: running;
}
.startups-invite--home .startups-invite__orb--1 {
		width: min(38vw, 420px);
		height: min(38vw, 420px);
		left: -8%;
		top: 8%;
		background: radial-gradient(circle, rgba(62, 0, 147, 0.28) 0%, rgba(62, 0, 147, 0) 70%);
		--orb-opacity: 0.9;
		animation: orbFloat1 16s ease-in-out infinite;
}
.startups-invite--home .startups-invite__orb--2 {
		width: min(30vw, 320px);
		height: min(30vw, 320px);
		right: -6%;
		bottom: 4%;
		background: radial-gradient(circle, rgba(62, 0, 147, 0.22) 0%, rgba(62, 0, 147, 0) 70%);
		--orb-opacity: 0.85;
		animation: orbFloat2 20s ease-in-out infinite;
		animation-delay: 0.4s;
}
.startups-invite--home .startups-invite__orb--3 {
		width: min(18vw, 200px);
		height: min(18vw, 200px);
		left: 54%;
		top: -6%;
		background: radial-gradient(circle, rgba(62, 0, 147, 0.18) 0%, rgba(62, 0, 147, 0) 70%);
		--orb-opacity: 0.7;
		animation: orbFloat3 14s ease-in-out infinite;
		animation-delay: 0.8s;
}
@keyframes orbFloat1 {
		0%, 100% { transform: translate(0, 0) scale(1); }
		50% { transform: translate(4%, 6%) scale(1.08); }
}
@keyframes orbFloat2 {
		0%, 100% { transform: translate(0, 0) scale(1); }
		50% { transform: translate(-5%, -4%) scale(1.06); }
}
@keyframes orbFloat3 {
		0%, 100% { transform: translate(0, 0) scale(1); }
		50% { transform: translate(-3%, 5%) scale(1.12); }
}
.startups-invite--home .startups-invite__plus {
		position: absolute;
		font-size: 20px;
		line-height: 1;
		font-weight: 300;
		color: #3e0093;
		opacity: 0;
		z-index: 0;
		pointer-events: none;
		transform: scale(0.5) rotate(-20deg);
		transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.startups-invite--home.is-inview .startups-invite__plus {
		opacity: var(--plus-opacity, 0.5);
		transform: scale(1) rotate(0deg);
		animation: plusDrift 6s ease-in-out infinite;
}
.startups-invite--home .startups-invite__plus--1 {
		left: 13%;
		top: 24%;
		--plus-opacity: 0.4;
		transition-delay: 0.3s;
		animation-delay: 0.3s;
}
.startups-invite--home .startups-invite__plus--2 {
		right: 15%;
		top: 32%;
		font-size: 14px;
		--plus-opacity: 0.55;
		transition-delay: 0.5s;
		animation-delay: 1.1s;
}
.startups-invite--home .startups-invite__plus--3 {
		left: 22%;
		bottom: 18%;
		font-size: 16px;
		--plus-opacity: 0.3;
		transition-delay: 0.7s;
		animation-delay: 0.6s;
}
@keyframes plusDrift {
		0%, 100% { transform: translateY(0) rotate(0deg); }
		50% { transform: translateY(-10px) rotate(8deg); }
}
.startups-invite--home .line--accent {
		position: relative;
}
.startups-invite--home .line--accent:before {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		width: 140%;
		height: 220%;
		transform: translate(-50%, -50%) scale(0.85);
		background: radial-gradient(circle, rgba(62, 0, 147, 0.16) 0%, rgba(62, 0, 147, 0) 70%);
		opacity: 0;
		z-index: -1;
		pointer-events: none;
		transition: opacity 1s ease 0.5s;
}
.startups-invite--home.is-inview .line--accent:before {
		opacity: 1;
		animation: glowPulse 4s ease-in-out 1.2s infinite;
}
@keyframes glowPulse {
		0%, 100% { transform: translate(-50%, -50%) scale(0.85); opacity: 0.7; }
		50% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
@media (max-width: 640px) {
		.startups-invite--home .startups-invite__plus {
				display: none;
		}
		.startups-invite--home .startups-invite__orb--3 {
				display: none;
		}
}

@media (prefers-reduced-motion: reduce) {
		.startups-invite .word {
				transition: none !important;
				opacity: 1 !important;
				filter: none !important;
				transform: none !important;
		}
		.startups-invite .wrap:before {
				transition: none !important;
				opacity: 1 !important;
		}
		.startups-invite .line--accent:after {
				transition: none !important;
		}
		.startups-invite__dot {
				transition: none !important;
				opacity: var(--dot-opacity, 0.5) !important;
				transform: none !important;
		}
		.startups-invite--home .startups-invite__orb,
		.startups-invite--home .startups-invite__plus,
		.startups-invite--home .line--accent:before {
				animation: none !important;
				transform: none !important;
				transition: opacity 0.3s ease !important;
		}
		.startups-invite--home .startups-invite__grid {
				transition: none !important;
		}
}
.startups-invite .line[data-line="2"] {
		color: #000;
}
.startups-invite .line[data-line="2"] .word {
		color: #000;
}
.startups-invite .word {
		display: inline-block;
		opacity: 0;
		filter: blur(10px);
		transform: translate3d(0, 0.7em, 0) scale(0.96);
		transition:
			opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
			transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
			filter 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.startups-invite.is-inview .word {
		opacity: 1;
		filter: blur(0);
		transform: translate3d(0, 0, 0) scale(1);
}
.startups-invite .line--accent .word {
		color: #3e0093;
}
@media (max-width: 640px) {
		.startups-invite .wrap {
				min-height: 0;
				padding: clamp(48px, 12vw, 72px) var(--side-padding);
		}
		.startups-invite .wrap:before {
				width: min(90vw, 420px);
				height: min(90vw, 420px);
		}
		.startups-invite .line {
				white-space: normal;
				width: 100%;
		}
}