.imageTopWrapper { position: relative; left: 50%; width: min(1323px, calc(100vw - 112px)); max-width: calc(100vw - 40px); margin: 0; color: var(--white); transform: translateX(-50%); }

	.imageTopWrapper::before,
	.imageTopWrapper::after { content: ""; position: absolute; z-index: -1; width: 520px; height: 520px; border-radius: 50%; background: rgba(124, 61, 253, 0.44); filter: blur(135px); pointer-events: none; }

	.imageTopWrapper::before { top: 12px; left: -270px; }

	.imageTopWrapper::after { right: 30px; bottom: 270px; opacity: 0.72; }

	.imageTopWrapper .radiantWrapper { /* Ellipse 8 */ position: absolute; width: 555px; height: 555px; left: calc(50% - 555px/2 - 8.5px); top: 468px; background: rgba(124, 61, 253, 0.5); filter: blur(125px); opacity:0.3; z-index:1; pointer-events:none;}
	.imageTopWrapper .purpleRadiant { }


.topTextContent.video { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.78fr); align-items: start; gap: clamp(48px, 8vw, 135px); margin: 0 0 82px 0; padding: 22px 0 0 0; }

	.topTextContent.video .textDiv,
	.topTextContent.video.smallText .textDiv,
	.topTextContent.video.smallText .textDiv.small { width: auto; max-width: 690px; text-align: left; }

		.topTextContent.video .textDiv h1 { max-width: 680px; margin: 0 0 28px 0; font-family: "Mona-Sans", "Mona-Sans SemiBold", Arial, sans-serif; font-size: clamp(28px, 3.45vw, 42px); font-weight: 400; line-height: 1.14; text-transform: uppercase; letter-spacing: 0; }

		.topTextContent.video .textDiv > p { max-width: 660px; margin: 0 0 38px 0; color: rgba(204, 204, 210, 0.86); font-size: 16px; line-height: 1.42; }

	.topTextContent.video .textVideoDiv,
	.topTextContent.video .textVideoDiv.wide { position: relative; top: auto; width: auto; margin-top: 10px; overflow: hidden; border: 1px solid rgba(204, 204, 210, 0.18); border-radius: 28px; background: rgba(255, 255, 255, 0.035); box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.035); mix-blend-mode: normal; }

		.topTextContent.video .textVideoDiv img { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; aspect-ratio: 1.58 / 1; object-fit: cover; }

.about-us-info { display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); gap: 34px 78px; align-items: start; }

.topTextContent.video .textDiv .about-us-info { column-gap: 34px; }

.about-us-item p { display: grid; grid-template-columns: 60px minmax(0, 160px); align-items: center; gap: 16px; margin: 0; color: rgba(204, 204, 210, 0.74); font-size: 14px; line-height: 1.2; }

.about-us-item img { display: block; width: 60px; height: 56px; }

.imageTopWrapper > h2 { margin: 0 0 42px 0; font-family: "Mona-Sans", "Mona-Sans SemiBold", Arial, sans-serif; font-size: 30px; font-weight: 400; line-height: 1.18; text-align: center; text-transform: uppercase; letter-spacing: 0; position:relative; z-index: 2; }

.numberPuffList { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0 0 82px 0; }

	.numberPuffList .puffitem { min-height: 526px; padding: 42px 40px 38px 40px; border: 1px solid rgba(204, 204, 210, 0.58); border-radius: 16px; background: linear-gradient(153deg, rgba(124, 61, 253, 0.24) 0%, rgba(255, 255, 255, 0.03) 42%, rgba(0, 2, 29, 0.05) 100%); box-sizing: border-box; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); position:relative; z-index: 2; }

	.numberPuffList .counter { margin: 0 0 34px 0; color: var(--purple); font-family: "Mona-Sans", Arial, sans-serif; font-size: 45px; font-weight: 400; line-height: 1; }

	.numberPuffList h3 { margin: 0 0 26px 0; font-family: "Mona-Sans", "Mona-Sans", Arial, sans-serif; font-size: 22px; font-weight: 400; line-height: 1.24; text-transform: uppercase; }

	.numberPuffList ul { margin: 0; padding: 0; list-style: none; }

	.numberPuffList li { position: relative; margin: 0 0 18px 0; padding: 0 0 0 15px; color: rgba(204, 204, 210, 0.76); font-size: 14px; line-height: 1.34; }

		.numberPuffList li::before { content: ""; position: absolute; top: 0.55em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--purple); }

		.numberPuffList li span { display: block; margin: 0 0 4px 0; color: var(--white); font-family: "Mona-Sans", "Mona-Sans", Arial, sans-serif; font-size: 14px; line-height: 1.25; }

	.numberPuffList .column p { display: flex; flex-wrap: wrap; gap: 11px 22px; margin: 6px 0 0 0; }

		.numberPuffList .column p a { color: var(--purple); font-family: "Mona-Sans", "Mona-Sans", Arial, sans-serif; font-size: 14px; line-height: 1.2; }

.textContentBottom { position: relative; z-index: 1; max-width: none; margin: 0 0 118px 0; text-align: left; }

	.textContentBottom h2 { margin: 0 0 34px 0; font-family: "Mona-Sans", "Mona-Sans SemiBold", Arial, sans-serif; font-size: 30px; font-weight: 400; line-height: 1.2; text-transform: uppercase; }

	.textContentBottom .columns { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.86fr); gap: clamp(64px, 16vw, 225px); align-items: start; }

	.textContentBottom p { margin: 0; color: rgba(204, 204, 210, 0.86); font-size: 16px; line-height: 1.36; }

	.textContentBottom .leftColumn p:last-child { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 0 0; }

	.textContentBottom .leftColumn img { display: block; width: auto; height: 59px; }

	.textContentBottom h3 { max-width: 565px; margin: 0 0 36px 0; color: var(--white); font-family: "Mona-Sans", Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.33; }

	.textContentBottom .rightColumn .about-us-info { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 46px; }

	.textContentBottom .rightColumn .about-us-item p { grid-template-columns: 60px minmax(0, 160px); gap: 16px; font-size: 13px; }

@media screen and (max-width: 1250px) {
	.imageTopWrapper { width: calc(100vw - 40px); max-width: calc(100vw - 40px); }

	.topTextContent.video { gap: 48px; }

	.numberPuffList h3 { font-size: 20px; }

	.numberPuffList .puffitem { padding: 34px 28px; }
}

@media screen and (max-width: 960px) {
	.topTextContent.video { grid-template-columns: 1fr; gap: 28px; margin-bottom: 64px; padding-top: 0; }

		.topTextContent.video .textVideoDiv { max-width: 680px; }

	.numberPuffList,
	.textContentBottom .columns { grid-template-columns: 1fr; }

		.numberPuffList .puffitem { min-height: 0; }

	.textContentBottom .columns { gap: 38px; }
}

@media screen and (max-width: 680px) {
	.imageTopWrapper::before { top: -175px; left: -250px; width: 430px; height: 430px; filter: blur(95px); }

	.imageTopWrapper::after { right: -170px; bottom: 420px; width: 310px; height: 310px; filter: blur(90px); }

	.topTextContent.video { display: flex; flex-direction: column; gap: 0; margin-bottom: 44px; }

		.topTextContent.video .textDiv { display: contents; }

			.topTextContent.video .textDiv h1 { order: 1; width: 100%; margin-bottom: 14px; font-size: 22px; line-height: 1.08; }

			.topTextContent.video .textDiv > p { order: 2; width: 100%; margin-bottom: 22px; font-size: 14px; line-height: 1.35; }

		.topTextContent.video .textVideoDiv { order: 3; width: 100%; margin: 0 0 18px 0; border-radius: 14px; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.035); }

			.topTextContent.video .textVideoDiv img { aspect-ratio: 1.86 / 1; }

	.about-us-info { order: 4; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }

	.about-us-item p,
	.textContentBottom .rightColumn .about-us-item p { grid-template-columns: 60px minmax(0, 1fr); gap: 10px; font-size: 10px; line-height: 1.15; }

	.imageTopWrapper > h2 { margin-bottom: 22px; font-size: 20px; line-height: 1.25; }

	.numberPuffList { gap: 10px; margin-bottom: 48px; }

		.numberPuffList .puffitem { padding: 30px 30px 28px 30px; border-radius: 13px; }

		.numberPuffList .counter { margin-bottom: 28px; font-size: 36px; }

		.numberPuffList h3 { margin-bottom: 20px; font-size: 18px; line-height: 1.25; }

		.numberPuffList li { margin-bottom: 12px; font-size: 12px; line-height: 1.32; }

			.numberPuffList li span { font-size: 12px; }

		.numberPuffList .column p { gap: 8px 18px; }

			.numberPuffList .column p a { font-size: 11px; }

	.textContentBottom { margin-bottom: 52px; text-align: center; }

		.textContentBottom h2 { margin-bottom: 24px; font-size: 20px; line-height: 1.2; text-align: center; }

		.textContentBottom p { font-size: 13px; line-height: 1.35; text-align: left; }

		.textContentBottom .leftColumn p:last-child { justify-content: center; gap: 8px; margin-top: 20px; }

		.textContentBottom .leftColumn img { max-width: calc(50vw - 29px); height: auto; }

		.textContentBottom h3 { margin: 0 0 30px 0; font-size: 14px; line-height: 1.35; text-align: left; }

		.textContentBottom .rightColumn .about-us-info { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px; }

		.textContentBottom .rightColumn .about-us-item p { display: flex; flex-direction: column; align-items: center; text-align: center; }
}

@media screen and (max-width: 420px) {
	.about-us-item p { grid-template-columns: 40px minmax(0, 1fr); }

	.about-us-item img,
	.textContentBottom .rightColumn .about-us-item img { width: 40px; height: auto; }

	.numberPuffList .puffitem { padding: 28px 30px; }
}