:root {
  --background:0 0% 0%;
  --foreground:0 0% 100%;
  --card:0 0% 8%;
  --card-foreground:0 0% 100%;
  --popover:0 0% 8%;
  --popover-foreground:0 0% 100%;
  --primary:263 70% 58%;
  --primary-foreground:0 0% 100%;
  --secondary:220 14% 16%;
  --secondary-foreground:0 0% 100%;
  --muted:220 14% 16%;
  --muted-foreground:220 9% 60%;
  --accent:190 95% 50%;
  --accent-foreground:0 0% 100%;
  --destructive:0 84.2% 60.2%;
  --destructive-foreground:0 0% 100%;
  --border:220 14% 20%;
  --input:220 14% 20%;
  --ring:263 70% 58%;
  --radius:0.75rem;
  --gradient-primary:linear-gradient(90deg,hsl(26, 100%, 81%),hsl(263,70%,58%) 50%,hsl(261.8, 72.9%, 66.7%));
  --gradient-button:linear-gradient(135deg,hsl(263,70%,50%),hsl(280,80%,55%));
  --gradient-card:linear-gradient(180deg,hsl(220,14%,12%),hsl(220,14%,8%));
  --shadow-glow:0 0 40px hsl(263 70% 58%/0.3);
  --shadow-card:0 4px 24px hsl(0 0% 0%/0.4)
}

.caveat {
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
}







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


	margin-bottom: 20px;
	background: url('../images/textimage.png')no-repeat center/contain;
	background-size: contain;
	backdrop-filter: blur(5px);
	font-weight: 600;
	display: inline-block;
	padding: 10px;
	background-size: 100% 100%;
}

.content-wrapper::before {

	z-index: -1;

	inset: 0;

	padding: 3px;

	border-radius: 30px;

	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

	mask-composite: add, add;

	-webkit-mask-composite: xor;

	mask-composite: exclude;



	background: linear-gradient(135deg, rgba(0, 255, 209, 1) 0%, rgba(0, 178, 255, 0.5) 100%);

}



.content-wrapper {

	background: linear-gradient(45deg, rgba(0, 148, 255, 0.75) 0%, rgba(0, 21, 36, 0.75) 30%, rgba(0, 0, 0, 0.75) 100%);

	max-width: 1120px;

	border-radius: 30px;

	margin: 0 auto 50px;

	border: 3px solid rgba(0, 255, 209, 1);

	/* border: 3px solid rgba(0,178,255,0.5) ; */

}



@media screen and (max-width: 1500px) {

	.content-wrapper {

		max-width: 1000px;

	}

}







@media screen and (max-width: 1680px) {

	.prize-section .colmn-2 .img-wrapper {

		transform-origin: 50% 105%;

	}

}



@media screen and (max-width: 1680px) {

	.prize-section .colmn-2 .img-wrapper {

		transform-origin: 50% 105%;

	}

}





.prize-section .colmn-2 .img-wrapper {

	scale: 1.1;

	/* transform-origin: -10% 105%; */

}



@media screen and (max-width: 768px) {

	.prize-section .colmn-2 .img-wrapper {

		scale: none;

		/* transform-origin: -10% 105%; */

	}



	.content-wrapper {

		padding: 18px 0 0 30px;

	}









}

.contect {
	padding: 80px 0px 100px 0px;

	/* background: url(../images/contect.png) no-repeat center bottom left; */

	background-size: cover;
	background-color: #fc41c0;
}


.buttons {
	background-color: #fc41c0;
	border-radius: 12px;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 15px;

}

.buttons .Connect {
	color: #fff;
	text-decoration: none;
}

.buttons1 .Connect {
	color: #fff;
	text-decoration: none;
}

.buttons a {
	color: #fff;
	text-decoration: none;
}

.buttons1 a {
	color: #fff;
	text-decoration: none;
}

.buttons1 {
	background-image: linear-gradient(0deg, #a15bf5 0%, #12d6df 100%);
	border-radius: 12px;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 15px;

}



.s8 {

	background: url(../images/section29.png);

	background-position-x: 0%;

	background-position-y: 0%;

	background-repeat: repeat;

	background-attachment: scroll;

	background-size: auto;

	background-position-x: 0%;

	background-position-y: 0%;

	background-repeat: repeat;

	background-size: auto;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: top;

	background-attachment: fixed;

	padding: 70px 0 0px 0;



}



.grad-txt-v2 {

	color: rgb(253, 147, 95);

}



.s8 .content:not(:last-child) {

	margin-bottom: 25px;

}



@media screen and (max-width: 1500px) {

	.s8 .content {

		max-width: 800px;

	}

}



.s8 .content {

	display: flex;

	background: rgba(0 0 0/90%);

	border: 2px solid #76CEFF;

	padding: 25px;

	border-radius: 25px;

	max-width: 900px;

	margin: 0 auto;

	margin-bottom: 0px;

}



.s8 .content .img-wrapper {

	flex: 0 0 110px;

	margin-right: 100px;

	top: 15px;

}



@media screen and (max-width: 1680px) {

	.s8 .content .img-wrapper {

		flex: 0 0 70px;

		margin-right: 50px;

	}

}



.next-section {

	background: #ffffff;

	padding: 30px 0px;

}


@media (min-width: 768px) {

	.next-section {

		padding: 100px 0px;

		background: #ffffff url(../images/next-bg.png) no-repeat bottom right;

	}

}

.lock-date .yalow-line {
	position: relative;
	bottom: -1px;
}


.next-list {

	background: #E1EFF9;

	box-shadow: 0px 0px 6px 4px rgba(86, 108, 123, 0.1);

	border-radius: 15px;

	padding: 15px;

	margin-top: 25px;

}



.underline {

	border-bottom: solid 2px #fe0000;

}

.underline1 {
	border-bottom: solid 2px #fed500;
}


.dark-red {

	color: #fe0000;

}



.postheadline {

	background: #0175FF;

	border-radius: 100px;

	display: inline-flex;

	align-items: center;

	padding: 5px 15px;

}



@media (min-width: 768px) {

	.postheadline {

		padding: 13px 42px;

	}

}



.green-color {

	color: #0cad1b;

}



.highlight11 {

	background: #F9D780;

	border-radius: 10px;

	transform: rotate(-0.22deg);

	display: inline-block;

	padding: 5px 10px;

}


.banner_btn5 {

	display: inline-block;

	/* padding: 10px 80px;

	width: 100%;

	border-radius: 16px;

	font-family: 'Outfit', sans-serif;

	font-size: 25px;

	line-height: 1.5;

	color: #fff;

	margin-bottom: 20px; */

	background: url('../images/brush1.png')no-repeat center/contain;

	backdrop-filter: blur(5px);

	/* font-weight: 600; */

	display: inline-block;

	padding: 30px;

	background-size: 100% 100%;

}


.banner_btn2 {

	display: inline-block;

	/* padding: 10px 80px;

	width: 100%;

	border-radius: 16px;

	font-family: 'Outfit', sans-serif;

	font-size: 25px;

	line-height: 1.5;

	color: #fff;

	margin-bottom: 20px; */

	background: url('../images/textimage.png')no-repeat center/contain;

	backdrop-filter: blur(5px);

	/* font-weight: 600; */

	display: inline-block;

	padding: 16px 59px;
	background-size: 100% 100%;

}

@media (max-width:768px) {
	.banner_btn2 {
		display: inline-block;
		padding: 10px 80px;
		width: 100%;
		border-radius: 16px;
		font-family: 'Outfit', sans-serif;
		font-size: 25px;
		line-height: 1.5;
		color: #fff;
		margin-bottom: 20px;
		background: url('../images/textimage.png')no-repeat center/contain;
		background-size: contain;
		backdrop-filter: blur(5px);
		font-weight: 600;
		display: inline-block;
		padding: 66px 15px 95px 15px;
		background-size: 100% 100%;
	}

	.welcome-section {
		padding: 10px 0px 220px 0px;
		position: relative;
		background: url(../images/header-140.png) no-repeat center center;
		background-attachment: scroll;
		background-size: auto;
		background-size: cover;
	}
}

.jv-announce {
	/* background: url(../images/jv-announce.png) no-repeat center bottom;
	  background-color: rgba(0, 0, 0, 0);
	  background-size: auto;
	background-color: rgba(0, 0, 0, 0); */
	background-size: auto;
	background-size: cover;
	padding: 2% 6% 2% 6%;
	border-radius: 20px;
	/* background-color: rgb(129, 73, 255); */
	background: #00d0fd;
	position: relative;
}

.affiliate-link-btn a {
	border-radius: 10px;
	box-shadow: 0px 16px 40px 0px rgba(0, 255, 171, 0.17), inset -0.244px 6.996px 10px 0px rgba(255, 197, 104, 0.64);
	color: #fff;

	display: block;
	text-align: center;
	padding: 3% 4%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	/* display: table; */
	background-image: linear-gradient(0deg, rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%);
}

.affiliate-link-btn a {
	text-decoration: none;
}

.affiliate-link-btn1 a {
	border-radius: 50px;
	box-shadow: 0px 16px 40px 0px rgba(0, 255, 171, 0.17), inset -0.244px 6.996px 10px 0px rgba(255, 197, 104, 0.64);
	color: #fff;
	background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(0, 86, 254) 100%);
	display: block;
	text-align: center;
	padding: 2% 7.7%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.affiliate-link-btn1 a {
	text-decoration: none;
}

.affilate-arrow {
	position: absolute;
	left: auto;
	top: 30px;
}

.affilate-arrow {
	position: absolute;
	margin-top: 0%;
	width: 9%;
	right: 15%;
	top: 12%;
}

.text-orangs {
	color: #fb7a09;
}




.banner_btn3 {

	display: inline-block;

	/* padding: 10px 80px;

	width: 100%;

	border-radius: 16px;

	font-family: 'Outfit', sans-serif;

	font-size: 25px;

	line-height: 1.5;

	color: #fff;

	margin-bottom: 20px; */

	background: url('../images/textimage.png')no-repeat center/contain;

	backdrop-filter: blur(5px);

	/* font-weight: 600; */

	display: inline-block;

	padding: 30px 70px 30px 70px;

	background-size: 100% 100%;

}

.lead-bg {
	border-radius: 30px;
	background-color: rgb(19, 19, 57);
	box-shadow: 0px 8px 30px 0px rgba(24, 23, 62, 0.2);
	padding: 30px;
}

@media (min-width: 768px) {
	.lead-bg {
		background: url(../images/lead-bg.png) no-repeat center center;
		background-size: auto;
		background-size: 100% 100%;
		padding: 80px 130px;
		box-shadow: none;
	}
}


/* {

	background-image: linear-gradient(0deg,rgb(0, 31, 254) 0%, rgb(117, 1, 254) 100%);

} */

.head-block {

	border-width: 13px;

	border-color: #07b207;

	border-color: #560bad;

	border-style: double;

	border-radius: 8px;

	background-color: rgb(0, 13, 80);

	box-shadow: 0px 0px 10px 0px rgb(255, 255, 255);

	position: relative;

	color: #fff;

}



.head-block-des {

	padding: 20px;

	text-align: center;

	background: #88c93a;

}



.head-block-title {

	padding: 20px;

	text-align: center;

}



.gradient-text {

	-webkit-text-fill-color: transparent;



	    background-image: -webkit-linear-gradient(0deg, #0fbdd9, #c0ffe3);

	background-repeat: repeat;

	-webkit-background-clip: text;

}



.gradient-text1 {

	-webkit-text-fill-color: transparent;

	border-bottom: 1px solid;

	border-image: -webkit-linear-gradient(0deg, #fe7716, #b11fde);

	border-image-slice: 100%;

	border-image-slice: 1;

	background-image: -webkit-linear-gradient(0deg, #fe7716, #b11fde);

	background-repeat: repeat;

	-webkit-background-clip: text;

}





@media only screen and (min-width: 960px) {

	.d244 {

		left: calc(50% + 529px);

		width: 148px;

		height: 264px;

	}

}



@media only screen and (min-width: 960px) {

	.d236 {

		top: 0;

	}

}



.form_iamge {

	margin-top: 0px;

	text-align: center;

}



.elAlign_center {

	text-align: center;

}



/* ul.point-lists {

		margin: 0px;

		padding: 0px;

	  }

	  ul.point-lists .list {

	

		background: url('../images/checked-3.png') no-repeat top left;

		  background-position-x: left;

		  background-position-y: top;

		padding-left: 30px;

		margin-bottom: 20px;

		background-position: 0px 3px;

		min-height: 30px;

	  } */
.contant-box {
	background-color: #fff;
	padding: 50px 15px 30px 15px;
	color: #fff;
	border-radius: 20px;

}

.list-contant {
	padding-left: 20px;
}

.list-box-contnt {
	background-color: rgb(6, 214, 253);
	padding: 10px 20px;
	border-radius: 10px;
	scale: 1.1;
	border-right: 2px solid #fff;
	border-bottom: 2px solid rgb(255, 255, 255);
	border-top: 2px solid rgb(255, 255, 255);
	color: rgb(255, 255, 255);
}

.list-box-contnt1 {
	background-color: #0061fe;
	padding: 10px 20px;
	border-radius: 10px;
	scale: 1.1;
	border-right: 2px solid rgb(255, 255, 255);
	color: rgb(255, 255, 255);
	border-bottom: 2px solid rgb(255, 255, 255);
	border-top: 2px solid rgb(255, 255, 255);
}

.list-box-contnt2 {
	background-color: rgb(255, 205, 100);
	padding: 10px 20px;
	border-radius: 10px;
	scale: 1.1;
	border-right: 10px solid #fff;
}

@media (min-width: 768px) {
	.list-contant {
		padding-left: 30px;
	}

	.img-wrapper img {
		max-width: 120px;
	}

	.list-box {

		display: flex;
		margin-top: 30px;
	}

	.list-box .img-wrapper {
		scale: 1.2;
		transform-origin: -10% 105%;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 1680px) {
	.list-box .img-wrapper {
		transform-origin: 255% 105%;
		margin-bottom: 50px;
	}
}

.list {

	background-image: url(../images/checked-3.png);

	background-repeat: no-repeat;

	background-size: 35px;

	padding-left: 50px;

	padding-bottom: 10px;

	padding-top: 1px;

	font-weight: 400;

	list-style-type: none;

	color: #fff;

}

.text-yallows {
	color: #f8c80c;
}

.banner_btn4 {

	display: inline-block;

	padding: 10px 80px;

	width: 100%;

	border-radius: 16px;

	font-family: 'Outfit', sans-serif;



	line-height: 1.5;

	color: #fff;

	margin-bottom: 20px;

	background: url('../images/brush.png')no-repeat center/contain;

	background-size: contain;

	backdrop-filter: blur(5px);

	font-weight: 600;

	display: inline-block;

	padding: 10px 41px 15px 40px;

	background-size: 100% 100%;

}



#section31 .feature1 {

	background-color: rgb(0, 123, 255);

	padding: 40px;

	border-radius: 40px;

	box-shadow: 10px 10px #07096c;

}



.inside-section .wrapper {

	/* background-color: #FFF;

	border-radius: 20px;

	border: 1px solid #b5023a;

	box-shadow: 3px 8px 20px -14px rgba(0, 0, 0, 0.69);

	padding: 20px; */



	border-radius: 20px;

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 0px 24px 0px rgba(15, 17, 71, 0.1);

	padding: 0px 20px 20px 20px;

	height: calc(100% - 130px);



	margin-top: 130px;

}

/* .welcome-section .video-box-wrapper {
	text-align: center;
	color: #fff;
	padding: 20px;
	background: rgb(107, 136, 222);
	background: linear-gradient(to left, #8e00fe, #7015fe);
	background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),;
	border-radius: 20px;
	position: relative;
  } */


/* .welcome-section .video_container {
	position: relative;
	width: 954px;
	height: 531px;
	background-image: url(../images/);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
  } */
@media (min-width:768px) {
	.welcome-section .video_container img {

		border-radius: 0px;
		background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(255, 186, 0) 100%);
		background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(198, 32, 228) 100%);
		padding: 18px;
	}
}

@media (max-width:768px) {
	.welcome-section .video_container img {
		border-radius: 0px;
		background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(255, 186, 0) 100%);
		background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(198, 32, 228) 100%);
		padding: 10px;
	}
}

.laptop_bg {
	width: 100%;
}

.video-container iframe {
	position: absolute;
	top: -1.9%;
	left: 3%;
	width: 76%;
	height: 82%;
}

.laptop_bg1 {
	position: relative;
	top: 10px;
	z-index: 999;
	background: url(../images/mac-book.png) 0% 0% / 100% 100% no-repeat;
	background-repeat: no-repeat;
	margin: 0px auto;
	background-repeat: no-repeat;
}

.video-container {
	position: relative;
	padding-bottom: 53%;
	height: 0px;
	overflow: hidden;
}

.you1 {
	width: 79%;
	height: 92%;
	margin-top: 4%;
	margin-left: 9%;
	border: 0px;
}



/* .laptop and  */

.script_reel_skewbox {
	background: #9939f9;
	transform: skew(-17deg);
	border-radius: 10px;
}


.promo-inner-sec {
	border: 2px dashed #f9225e;
	padding: 40px 20px 40px 20px;
	border-radius: 12px;
	background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
	margin-top: -220px;
}

a.promo-link {
	background-color: #00c4fd;

	max-width: 100%;
	padding: 15px 30px;
	border-radius: 12px;
	color: #fff;
	display: block;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
}



a.promo-link1 {

	background-color: rgb(20, 119, 255);

	max-width: 100%;
	padding: 20px 30px;
	border-radius: 12px;
	color: #000;
	display: block;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);
	border-color: rgb(8, 232, 215);
	background-color: rgb(0, 255, 235);
	border: 3px solid rgb(8, 232, 215);
}



a.promo-link2 {
	background-color: rgb(255, 220, 60);

	max-width: 100%;
	padding: 20px 30px;
	border-radius: 12px;
	color: #000;
	display: block;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);
	background-color: rgb(255, 255, 255);

	border: 3px solid rgb(253, 165, 43);
}






.text-voiled {
	color: #682af1;
}

.text-voiled1 {
	color: #7b1dd4;
}




.price {
	background-image: url(../images/price.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0 80px 0;
	background-position: center center;
}

/* .lunch-date {
	background-image: url(../images/launch.png);
	background-size: contain;
	background-repeat: no-repeat;
	padding: 1px 0 0 0;
} */

.launch-details {
	background-color: #fff;
	padding: 15px 20px;
	/* margin-top: 50px; */
	/* margin-left: 40px; */
	border: 2px solid #ffc500;
	border-radius: 30px;
	box-shadow: 0px 10px 30px 0px rgba(21, 10, 82, 0.2)
}

.text-shape {
	background: #f5f2fd;
}

.text-color {
	color: rgb(49, 55, 71);
}



.text-pink1 {
	color: rgb(255, 0, 107);
}

.text-cian {
	color: #1ccff8;
}

.text-cian1 {
	color: rgb(0, 184, 255);
}

.text-cian2 {
	color: rgb(0, 254, 213);
}

.text-blue {
	color: rgb(31, 0, 255);
}

.text-blue1 {
	color: rgb(75, 39, 195)
}

.underline50 {
	border-bottom: solid 1px #313747
}

/* .launch-details {
	background-color: #010040;
	padding: 15px 20px;
	margin-top: 65px;
	margin-left: 40px;
	border: 3px solid #ffc500;
	border-radius: 5px;
  } */




.launch-details p {
	font-size: 18px;

	text-transform: capitalize;
	/* margin-bottom: -20px;
	margin-left: -60px; */
	font-weight: 600;
}

.banner p {
	color: #fff;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.lunch-date h2 {
	font-size: 30px;
	font-weight: 600;
	color: #ffc500;

}

.lunch-date h2 img {
	width: 70px;
	vertical-align: middle;
	padding-right: 15px;
}

.lunch-date h2 span {
	font-size: 18px;
	vertical-align: -webkit-baseline-middle;
}

.btn-banner {
	box-shadow: 0px 0px 20px 0px #f8c80c;
	color: #fff;
	border-width: 2px;
	border-style: solid;
	background-color: #294377;
	box-shadow: 0px 0px 15px 0px rgba(6, 9, 48, 0.2);
	color: #010101;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 4% 1%;
}

.promo-section .img-box {
	padding: 20px;
}



#section-8 {
	color: #000;
	padding: 80px 0;
	background-color: #0061fe;
	/* background-image: linear-gradient(30deg, rgb(102, 24, 205) 0%, rgb(102, 24, 205) 100%); */
	/* background: -moz-linear-gradient(top, #000000 0%, #00080f 100%);
	background: -webkit-linear-gradient(top, #000000 0%,#00080f 100%);
	background: linear-gradient(to bottom, #000000 0%,#00080f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00080f',GradientType=0 ); */
}

#section-8 .title-area {
	margin-bottom: 220px;
}

@media screen and (max-width: 1500px) {
	#section-8 .title-area {
		margin-bottom: 60px;
	}
}

#section-8 .colmn:not(:nth-child(n+13)) {
	margin-bottom: 150px;
}

#section-8 .colmn {
	/* background: #fff; */
	/* background: -moz-linear-gradient(top, #06239a 0%, #2fdfdb 100%); */
	/* background: -moz-linear-gradient(top, #19a5b8 0%, #18d780 100%);
	background: -webkit-linear-gradient(top, #19a5b8 0%,#18d780 100%);
	background: linear-gradient(to bottom, #19a5b8 0%,#18d780 100%); */
	border-radius: 50px 50px 50px 0px;
	padding: 10px 10px 10px 10px;
	flex: 0 0 33.33%;
	max-width: 31%;
	position: relative;
	background-image: linear-gradient(30deg, rgb(0, 97, 254) 0%, rgb(0, 255, 219) 100%);
	/* background-image: linear-gradient(30deg,rgb(212, 49, 255) 0%, rgb(53, 219, 255) 100%); */
	/* box-shadow: 15px 15px 0px 0px rgb(255, 207, 96); */
	/* background: -linear-gradient(top, #06239a 0%, #2fdfdb 100%); */
}



#section-8 .colmn .wrapper {
	background: #fff0;
	/* border-radius: 0 0 0 90px; */
	padding: 170px 40px 0px;
	height: 100%;
}

@media screen and (max-width: 1500px) {

	#section-8 .colmn .wrapper {
		padding: 20px 20px 20px 20px;
	}
}

#section-8 .wrapper .content-img {
	padding: 5px;
	max-width: max-content;
	border-radius: 300px;
	/* position: absolute; */
	left: 0;
	right: 0;
	top: -108px;
	background: #fff;
	/* background: -moz-linear-gradient(top, #199dc0 45%, #0c0e15 45%);
	background: -webkit-linear-gradient(top, #199dc0 45%,#0c0e15 45%);
	background: linear-gradient(to bottom, #199dc0 45%,#0c0e15 45%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199dc0', endColorstr='#0c0e15',GradientType=0 ); */
}

@media screen and (max-width: 1500px) {
	#section-8 .wrapper .content-img {
		top: -81px;
	}
}

#section-8 .wrapper .content-img-wrapper {
	background: #0c0e15;
	border-radius: 300px;
	padding: 15px;
}

#section-8 .colmn.bg .img-wrapper {
	background-color: #0061fe;
	/* background-image: linear-gradient(30deg, rgb(250, 8, 255) 0%, rgb(53, 219, 255) 100%); */
	/* background: -webkit-linear-gradient(top, #199ebf 0%,#18d681 100%);
	background: linear-gradient(to bottom, #199ebf 0%,#18d681 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199ebf', endColorstr='#18d681',GradientType=0 ); */
}

/* #section-8 .colmn:nth-child(-n+3) .img-wrapper {
	background: blue;
  } */

#section-8 .wrapper .img-wrapper {
	height: 200px;
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: red;
	border-radius: 300px;
}

#section-8 .wrapper .content-img-wrapper {
	background: rgba(216, 221, 255, 0.52);
	box-shadow: 0px 0px 40px 0px rgb(216, 221, 255);
	border-radius: 300px;
	padding: 5px;
}

#section-8 .colmn.bs .img-wrapper {
	background-color: #0061fe;
	/* background: -moz-linear-gradient(top, #000000 0%, #1b637e 100%);
	background: -webkit-linear-gradient(top, #000000 0%,#1b637e 100%);
	background: linear-gradient(to bottom, #000000 0%,#1b637e 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#1b637e', GradientType=0);
}

@media screen and (max-width: 1500px) {
	#section-8 .wrapper .img-wrapper {
		height: 150px;
		width: 150px;
	}
}

#section-8 .wrapper .title {
	height: 70px;
	line-height: 4.2;
}

@media screen and (max-width: 1500px) {
	.md-txt {
		font-size: 18px;
	}

}

@media screen and (max-width: 1500px) {
	#section-8 p.desc {
		font-size: 16px;
		line-height: 1.6;
	}


}

@media screen and (max-width: 1199px) {
	#section-8 .colmn {
		flex: 0 0 50%;
		max-width: 48%;
	}
}

@media screen and (max-width: 1199px) {
	#section-8 .colmn:not(:nth-child(n+15)) {
		margin-bottom: 150px;
	}
}

@media screen and (max-width: 991px) {
	#section-8 .colmn:not(:nth-child(n+15)) {
		margin-bottom: 130px;
	}
}

#section-8 .colmn:not(:nth-child(n+13)) {
	margin-bottom: 150px;
}

@media screen and (max-width: 440px) {


	#section-8 .colmn:not(:nth-child(n+15)) {
		margin-bottom: 110px;
	}
}

@media screen and (max-width: 440px) {
	#section-8 .colmn {
		max-width: 100%;
	}
}

@media screen and (max-width: 991px) {
	#section-8 .colmn {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width:1200px) {

	#section-8 .colmn:not(:nth-child(n+13)) {
		margin-bottom: 70px;
	}

}

.features-bg {
	/* background-image: linear-gradient(30deg,rgb(255, 0, 204) 0%, rgb(51, 51, 153) 100%); */
	/* background-image: url(../images/box-sect-bg.png); */
	/* background-image: url(../images/box-sect.png); */
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0 200px 0;
	background-color: rgb(0, 97, 254);
}

.lbox-1 {
	padding: 0px 10px;
	background-color: rgb(255, 205, 100);
	color: rgb(49, 55, 71);
	border-radius: 10px;
}

.lbox-2 {
	padding: 0px 10px;
	background-color: rgb(129, 73, 255);
	color: #fff;
	border-radius: 10px;
}

.lbox-3 {
	padding: 0px 10px;
	background-color: #2ddaff;
	color: #06337e;
	border-radius: 10px;
}

.lbox-4 {
	padding: 0px 10px;
	background-color: #2ddaff;
	color: #06337e;
	border-radius: 10px;
}

.lbox-5 {
	padding: 0px 10px;
	background-color: #2ddaff;
	color: #06337e;
	border-radius: 10px;
}

.item-box {
	text-align: center;
	padding: 20px 20px;
	/* border: 1px solid white; */
	background-color: #ffffff2e;
	transform: skew(360deg, 0deg);
	border-radius: 12px;
	margin: 0 auto;
	box-shadow: 0px 0px 2px 0px rgb(0, 197, 253);
	color: #fff;
}

.item-box img {
	width: 120px;
}

.item-box .icon {
	padding: 15px;
}

.item-box h4 {
	color: #fff;
	font-size: 30px;
}

.item-box p {
	color: #fff;
	padding-top: 10px;
	font-size: 20px;
	line-height: 30px;
}

.step-bg {
	background-image: url(../img/steps-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 0;
	padding-right: 0px;
	padding-left: 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.step {
	background-image: url(../images/step-img.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -55px;
	z-index: 1;
	border: 4px solid #0cad1b;
	border-style: inset;
}


.step-bg h2 {
	background-image: url(../images/step-heading-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px 80px;
	font-weight: 700;
	z-index: 9;
	color: var(--black-color);
	text-align: center;
}

.step h3 {
	background-image: url(../images/step-Color-Fill-1.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 8px 65px;
	font-weight: 700;
	color: var(--black-color);
	margin-top: 50px;
}

.tp-bg {
	background-image: url(../images/prised-section.webp);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 48px 0 49px 0;
	margin-top: -90px;
}

.guiedline {
	max-width: 1200px;
	width: 100%;

}

.why-section {

	background-image: url(../images/why-section.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 48px 0 30px 0;
}


.hostbeat-shape {
	/* border-width: 2px;
  
	border-color: rgb(188, 216, 255);
  
	border-style: solid;
  
	border-radius: 20px;
  
	background-color: rgb(255, 255, 255);
  
	box-shadow: 0px 6px 15px 0px rgba(21, 21, 21, 0.15);
  
	padding: 0px 20px 20px 20px; */

	border-width: 2px;
	border-color: rgb(182, 121, 255);
	border-style: solid;
	border-radius: 20px;
	background-color: rgb(150, 74, 240);
	box-shadow: 0px 6px 15px 0px rgba(21, 21, 21, 0.15);
	padding: 0px 20px 20px 20px;
	color: #fff;

}

@media (min-width: 768px) {
	.why-section {


		background-image: url(../images/why-section.png);
		background-size: cover;
		background-repeat: no-repeat;
		padding: 48px 0 170px 0;
		/* margin-top: -90px; */
	}

	.hostbeat-shape {
		padding: 30px 10px 30px 10px;

		height: 100%;

	}
}

.hostbeat-shape ul {
	padding-left: 0px;
}

ul.features li:last-child {
	margin-bottom: 0px;

}

ul.features li {
	list-style: none;
	background: url(../images/presenting-icon1.png) no-repeat top left;
	padding-left: 50px;
	margin-bottom: 20px;
	background-position: 0px 3px;
	min-height: 35px;
}

@media (min-width: 768px) {
	ul.features li {
		background: url(../images/presenting-icon.png) no-repeat top left;
		background-position-x: left;
		background-position-y: top;
		padding-left: 70px;
		background-position: 0px 3px;
		min-height: 65px;
	}
}

.pink-clr {
	color: #FF00F5;
}






.hostbeat-shape img {
	margin-top: -65px;
}

.step-1-cont img {
	width: 200px;
	margin-bottom: 20px;
}

.step-1-cont img {
	width: 200px;
	margin-bottom: 20px;
}

.step-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

/* .step-1-cont {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	width: 100%;
  } */
.step-1-cont p {
	color: #bae8f6;
	font-weight: 600;
	font-size: 20px;
}

.step-inner {
	/* display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px; */
	padding: 40px 80px;
}

.step-inner:nth-child(3) {
	border-top: 2px solid #f37b00;
	border-bottom: 2px solid #f37b00;
}

.affliate-cont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #131313;
	border: 2px dashed #fe5847;
	padding: 20px 60px;
}

.affliate-link-box-1 {
	justify-content: center;
	display: flex;
	margin-top: 60px;

	left: 0;
	right: 0;
}

.cmn-btn:hover {
	background-color: #f60;
}

.cmn-btn {
	font-size: 40px;
	font-weight: 600;
	padding: 10px 15px;
	border-radius: 15px;
	background-color: #fe5847;
	transition: 0.5s ease-out;
	color: #fff;
}

.cmn-btn {
	text-decoration: none;
}

.affliate-cont h2 {
	color: #ffc500;
	font-size: 55px;
	font-weight: 800;
	padding-bottom: 5px;
}

.affliate-cont p {
	width: auto;
	padding-bottom: 15px;
	color: #fff;
	font-size: 28px;
}

.ai-com-bg {
	padding: 50px;
}




.cloud-layer {
	position: absolute;
	left: 0px;
	bottom: 01;
	right: 0px;
	height: 200px;
	background-repeat: repeat-x;
	animation: 30s linear 0s infinite normal none running slide;
	z-index: 0;
	/* opacity: 0.3; */
}

/* Define the combined "in" and continuous sliding animation */
@keyframes slide {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 2000px 0;
	}
}

@-webkit-keyframes slide {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 2000px 0;
	}
}

.mt-11 {
	margin-top: 11rem;
}

.need-section a {
	text-decoration: none;
}

@media screen and (max-width: 768px) {

	.cloud-layer {
		position: absolute;
		left: 0px;
		bottom: -1px;
		right: 0px;
		height: 125px;
		background-repeat: repeat-x;
		animation: 30s linear 0s infinite normal none running slide;
		z-index: 0;
		/* opacity: 0.3; */
	}

	.mt-11 {
		margin-top: 0rem;
	}

	.banner_btn3 {


		padding: 30px 30px 37px 30px;
		background-size: 100% 100%;
	}

	.option-form {
		padding: 30px 15px;
    border-width: 6px;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-radius: 20px;
    background-color: rgba(19, 17, 27, 0.2);
    box-shadow: 0px 4px 30px 0px rgb(78 88 255 / 20%);
    border: 1px solid #7a4aff7d;
	}


	.live-section {
		padding: 30px 0px 50px 0;
		background-color: rgb(0, 97, 254);
	}

	.section5 {
		background: url(../images/section5.png) no-repeat center top;
		background-size: cover;
		padding: 30px 0 30px 0;
	}

	.funnel-data {
		background: url(../images/funnel-data.png) no-repeat center center;
		background-position-x: center;
		background-position-y: center;
		background-size: auto;
		background-position-x: center;
		background-position-y: center;
		background-size: auto;
		background-size: cover;
		background-position: top;
		/* margin-top: -160px; */
		padding: 40px 0 0px 0;
	}

	.need-section .wrapper {
		padding: 5px;

	}

	.features-bg {
		background-color: rgb(0, 97, 254);
		padding: 30px 0px;
	}

	.tp-bg {
		/* background-image: url(../images/prised-section.webp); */
		background-size: cover;
		background-repeat: no-repeat;
		padding: 9px 0;
		margin-top: -70px;
		background-position: bottom;
		background-color: #4305b4;
		background-image: none;
	}
	.intro-section {
    padding: 30px 0px 50px 0px;
    background: url(../images/intro-section.png) no-repeat center top;
    background-size: cover;
    z-index: 9;

}
  .oto-oto4 {
    margin-top: 0px;
}
}
    .line-hihglight {
        padding: 4px 5px;
        display: inline-block;
        background-image: var(--gradient-primary);
        border-radius: 5px;}
section.page-video-main .video-gradient::before {
	position: absolute;
	content: "";
	width: 78px;
	height: 78px;
	background-image: url(../images/video-bf.png);
	background-repeat: no-repeat;
	background-size: 100%;
	top: -10px;
	left: -10px;
}

section.page-video-main .video-gradient::after {
	position: absolute;
	content: "";
	width: 78px;
	height: 78px;
	background-image: url(../images/video-af.png);
	background-repeat: no-repeat;
	background-size: 100%;
	top: -10px;
	right: -10px;
}

/* Add the "in" animation within the continuous sliding animation */
.running-slide {
	animation: 30s linear 0s infinite normal none running slide;
}


.testimonial {
	background-image: url(../images/testimonial.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	padding: 50px 0px 0px 0;

	color: #fff;
	background-position: center center;
}

.introducing-section {
	background-image: url(../images/introducing.png);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	color: #000;
	padding: 80px 0px 0px 0;
}


.testi2 {
	background-image: url(../images/testi2.png);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: 100px 0px 80px 0;

	color: #fff;
	background-position: center top;
}

.effect-2 {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.effect-2::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 15px;
	left: 50%;
	bottom: 16px;
background: linear-gradient(45deg, rgb(10, 223, 255) 0%, rgb(31, 81, 255) 23.9%, rgb(129, 68, 255) 47.54%, rgb(248, 133, 15) 69.67%, rgb(210, 37, 111) 100%);
	z-index: -1;
	transform: translateX(-50%);
	  animation: progressMove 1.5s linear infinite;
}

.effect-3 {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.effect-3::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 15px;
	left: 50%;
	bottom: 2px;
	background-color: #fd457e !important;
	background-color: #c620e4 !important;
	z-index: -1;
	transform: translateX(-50%)
}

@media (max-width: 768px) {
	.effect-2::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 8px;
		left: 50%;
		bottom: 10px;
		background-color: #f9c125 !important;
		z-index: -1;
		transform: translateX(-50%)
	}

}

.testimonial .testimonial-wrapper .testimonial-box {
	padding: 40px 20px;
	text-align: center;
	border-radius: 0px;
	background-color: #ffffff1c;
	/* border: 2px solid #DDD0; */
	height: 100%;
}

.testimonial .testimonial-wrapper .testimonial-box1 {
	padding: 40px 20px;
	text-align: center;
	border-radius: 0px;
	/* border: 10px solid rgb(255, 207, 96); */
	height: 100%;
	background-color: #ffffff1c;
}

.testimonial .testimonial-wrapper .testimonial-box1 .testimonial-widgit .media img {
	width: 100%;
	height: 100%;
	max-width: 100px;
	border-radius: 0;
	object-fit: cover;
}

.testimonial .testimonial-wrapper .testimonial-box1 .testimonial-widgit .media {
	margin-bottom: 20px;
}

.testimonial .testimonial-wrapper .testimonial-box1 .testimonial-widgit .content {
	text-align: center;
	margin-left: 20px;
}

.testimonial .testimonial-wrapper .testimonial-box1 .testimonial-widgit {


	padding-bottom: 15px;
	margin-bottom: 0px;
}

.testimonial .testimonial-wrapper .testimonial-box1 p {
	font-weight: 400;
	text-align: center;
	font-size: 18px !important;
	margin-bottom: 0;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit .media img {
	width: 100%;
	height: 100%;
	max-width: 100px;
	border-radius: 0;
	object-fit: cover;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit .content {
	text-align: center;
	margin-left: 20px;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit {
	/* display: flex; */
	align-items: center;
	padding-bottom: 15px;
	margin-bottom: 0px;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit .media {
	margin-bottom: 20px;
}

.testimonial .testimonial-wrapper .testimonial-box p {
	font-weight: 400;
	text-align: center;
	font-size: 18px !important;
	margin-bottom: 0;
}

.c101 {
	background-image: linear-gradient(90deg, rgb(0, 223, 182) 0%, rgb(0, 138, 244) 100%);
	color: #fff;
}

.c102 {
	background-image: linear-gradient(90deg, rgb(254, 134, 58) 0%, rgb(255, 93, 56) 100%);
	color: #fff;
}

.c103 {
	background-image: linear-gradient(90deg, rgb(41, 111, 249) 0%, rgb(102, 24, 205) 100%);
	color: #fff;
}

.c104 {
	background-image: linear-gradient(90deg, rgb(185, 176, 35) 1%, rgb(66, 168, 121) 100%);
	color: #fff;
}

.c105 {
	background-image: linear-gradient(90deg, rgb(103, 113, 229) 0%, rgb(71, 80, 155) 100%);
	color: #fff;
}

.c106 {
	background-image: linear-gradient(90deg, rgb(43, 164, 188) 0%, rgb(129, 84, 214) 100%);
	color: #fff;
}

.c107 {
	background-image: linear-gradient(90deg, rgb(238, 166, 50) 0%, rgb(212, 53, 201) 100%);
	color: #fff;
}

.c108 {
	/* background-image: linear-gradient(90deg, rgb(254, 58, 58) 0%, rgb(255, 56, 195) 100%); */
	/* background-image: linear-gradient(0deg,rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%); */
	background-image: linear-gradient(0deg, rgb(19, 213, 223) 0%, rgb(19, 213, 223) 100%);
	color: #fff;
}




.form-bg {
	border-radius: 21px;
	/* background: rgb(129, 73, 255); */
	background: #0061fe;
	padding: 15px;
}

@media (min-width: 768px) {
	.form-bg {
		padding: 40px 115px;
		position: relative;
	}
}

@media (min-width: 768px) {
	.form-bg::before {
		position: absolute;
		content: url('../images/top-bell.png');
		top: 10px;
		right: 10px;
	}
}


@media (min-width: 768px) {
	.form-bg::after {
		position: absolute;

		content: url('../images/bottom-bell.png');

		bottom: 10px;

		left: 10px;

	}
}


@media (min-width: 768px) {
	.jv-form {
		display: grid;
		gap: 20px;
		grid-template-columns: auto auto auto;
	}
}

.jv-form input {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 10px 15px;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	outline: none;
	box-shadow: none;
	width: 100%;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.jv-form input {
		font-size: 18px;
		margin-bottom: 0px;
	}
}

.jv-form input[type="submit"]:hover {
	background: linear-gradient(180deg, #FF7A00 0%, #FFF500 100%);
	border: 1px solid #000000;
}

.jv-form input[type="submit"] {
	display: inline-block;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-align: center;
	border-radius: 10px;
	background: linear-gradient(180deg, #FFF500 0%, #FF7A00 100%);
	border: none;
}

a.promo-link {
	color: #fff;
	background-color: #00c4fd;
	max-width: 100%;
	padding: 20px 30px;
	border-radius: 12px;
	box-shadow: -8px 5px 7px aliceblue rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);

	border: 2px solid rgb(251, 217, 83);
}

@media (max-width: 768px) {
	.promo-inner-sec {
		border: 2px dashed #f9225e;
		padding: 40px 20px 40px 20px;
		border-radius: 15px;
		background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
		margin-top: -120px;
	}

	.promo-section {
		padding: 44px 0px 20px 0;
	}

	.reciprocate-section {
		padding: 30px 0px 20px 0px;
	}
}


.proudly-tick li {
	background: url(../images/tick.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: 0px 7px;
	list-style: none;
	padding: 2px 0 20px 30px;
	background-size: 25px;
}

.proudly-tick {
	position: 0PX;
}

.proudly-box ul {
	padding-left: 0rem;
}

.text-color1 {
	color: rgb(22, 22, 109);
}


@media (min-width: 1200px) {
	.img-risponsive {
		margin-top: -200px;
	}
}

@media (max-width: 1200px) {
	.img-risponsive {
		margin-top: -200px;
	}
}

@media (max-width: 1024px) {
	.img-risponsive {
		margin-top: -150px;
	}
}

@media (max-width: 991px) {
	.img-risponsive {
		margin-top: -150px;
	}
}

@media (max-width: 768px) {
	.img-risponsive {
		margin-top: -150px;
	}

}

@media (max-width: 576px) {
	.img-risponsive {
		margin-top: -130px;
	}
}

@media (max-width: 390px) {
	.img-risponsive {
		margin-top: -100px;
	}
}


.text-clr9 {
	color: rgb(253, 69, 126);
}

.text-clr3 {
	color: #F89F07;
}

.text-clr7 {
	color: rgb(19, 213, 223);
}

.line-hihglight {
	padding:
		4px 5px;
	display: inline-block;

background-image: var( --gradient-primary);
	border-radius:
		5px;
}

@media (min-width: 768px) {
	.line-hihglight {
		padding:
			1px 5px;
		display: inline-block;

		background-image: var( --gradient-primary);
		border-radius:
			5px;
	}
}


.sucsess-section {
	background-image: url(../images/sucsess-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0;


}

.sucsess-card {
	background-image: linear-gradient(0deg, #a15bf5 0%, #12d6df 100%);
	padding: 40px 10px 40px 10px;
	border-radius: 20px;
}

.sucsess-content {
	background-color: #fff;
	padding: 30px 10px;
	border-radius: 12px;
}

.sucsess-tick li {
	background: url(../images/tick.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: 0 4px;
	list-style: none;
	padding: 0px 0 25px 40px;
	background-size: 25px;
}

.sucsess-tick ul li {
	padding: 0 0;
}

.bg-white {
	background-color: #fff !important;
	display: inline-block;
}

.timer-card iframe {
	height: 80% !important;
}

/* JV Launch Cards Redesign */
.jv-launch-cards-outer {
	position: relative;
	z-index: 10;
}

.jv-launch-cards-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	max-width: 1200px;
	margin: 60px auto 40px auto;
	padding: 0 15px;
}

@media (max-width: 991px) {
	.jv-launch-cards-row {
		grid-template-columns: 1fr;
		max-width: 500px;
	}
}

.jv-lc-card {
	
background: #11091c;
  border: 1px solid rgba(201, 169, 255, 0.44);
  box-shadow: 0px 4px 40px rgba(28, 28, 28, 0.66);

  	background: url(../images/sec-demo.png) no-repeat center top;
		background-size: cover;
  border-radius: 12px;
  padding: 50px 20px 40px 20px;
  position: relative;
  text-align: center;
  transition: transform 0.3s ease;
}

.jv-lc-card:hover {
	transform: translateY(-5px);
}

.jv-lc-badge {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
background: #29007b;
  border: 1px solid rgb(157, 108, 255);
	border-radius: 50px;
	padding: 8px 24px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	white-space: nowrap;
}

.jv-lc-day {
	color: #fed500;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 4px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.jv-lc-date {
	font-size: 110px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 30px;
	text-shadow: 0px 0px 30px rgba(255, 107, 0, 0.3);
	text-shadow: 0px 0px 30px rgba(75, 24, 255, 0.3);
  background: linear-gradient( 90deg, rgb(10, 223, 255), #1f51ff, #8144ff, rgb(228, 30, 79), rgb(249, 141, 10), rgb(10, 223, 255) );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}

.jv-lc-date sup {
	font-size: 40px;
	top: -50px;
	position: relative;
	margin-left: 5px;
}

.jv-lc-month {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.jv-lc-time {
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
}
.jv-launch-cards-outer{
margin-top: -230px;
}

/* Affiliate Card Additions */
.jv-lc-affiliate-title {
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
}

.jv-lc-logos {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}

.jv-lc-logo-row {
	width: 100%;
}

.jv-lc-logo-img {
	max-height: 55px;
	margin-bottom: 15px;
	filter: brightness(1.1);
}

.jv-lc-btn-wrap a {
	background: linear-gradient(90deg, #8b5cf6 0%, #f97316 100%);
	border-radius: 16px;
padding: 15px 13px;
	color: #ffffff;
	font-weight: 600;
	display: inline-block;
	width: 80%;
	margin: 0 auto;
	text-decoration: none;
	font-size: 18px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: filter 0.3s ease;
}

.jv-lc-btn-wrap a:hover {
	filter: brightness(1.15);
}

/* Contact Card White Design */
.contact-card-white {
background: #14131357;
  border-radius: 20px;
  padding: 50px 30px;
  box-shadow: 0 20px 60px rgba(80, 42, 110, 0.4);
  text-align: center;
  position: relative;
  z-index: 5;
  border: 1px solid #9853e375;
}

.contact-title {
	background: linear-gradient(90deg, #9b51e0, #7b61ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	letter-spacing: -0.5px;
}

.avatar-ring {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	border: 5px solid #8e54e9;
	padding: 6px;
	position: relative;
}

.avatar-ring::before {
	content: '';
	position: absolute;
	top: -12px;
	left: -12px;
	right: -12px;
	bottom: -12px;
	border: 1px solid #7b61ff;
	border-radius: 50%;
	opacity: 0.6;
}

.contact-avatar {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

/* Process Section Styling */
.process-section {
	padding: 100px 0;
	overflow: hidden;
}

.process-gradient {
	background: linear-gradient(90deg, #9b51e0, #7b61ff);
	-webkit-background-clip: text;
	background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.process-text-card {
	background: #0d0d0d;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
	position: relative;
	z-index: 5;
}

.process-visuals-inner {
	position: relative;
	display: inline-block;
	padding: 20px;
}

.process-visual-bg {
	position: absolute;
	width: 109%;
	height: 136%;
	background: #6c5ce7;
	border-radius: 20px;
	top: -17%;
	right: -10%;
	z-index: 1;
	opacity: 0.25;
}

.process-main-char {
	position: relative;
	z-index: 3;
	max-width: 90%;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.4));
}

.process-floating-icon {
	position: absolute;
	z-index: 4;
	max-width: 80px;
	background: #fff;
	padding: 10px;
	border-radius: 12px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.icon-v1 {
	top: 20%;
	left: -10px;
}

.icon-v2 {
	top: 30%;
	right: -20px;
}

.icon-v3 {
	bottom: 10%;
	right: -10px;
}

/* Launch Calendar v2 */
.launch-calendar-v2 {
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 0, 0, 0.06) 1px, transparent 1px);
	background-size: 40px 40px;
	padding: 40px 0;
	position: relative;
	overflow: hidden;

	    background: url(../images/feature-detail-section.png) no-repeat center top;
    /* background-color: rgb(28, 120, 253) !important; */
    /* background-size: auto; */
    background-size: cover;
}

.calendar-card {
	/* background: #020202; */
	border-radius: 24px;
	padding: 70px 40px;
	text-align: center;
	max-width: 950px;
	margin: 0 auto;
	/* box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5); */
	position: relative;
	z-index: 5;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.calendar-title {
	font-family: 'Poppins', sans-serif;
	font-weight: 900;
	font-size: 56px;
	line-height: 1;
	margin-bottom: 10px;
	background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: -2px;
}

.calendar-date {
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	font-size: 44px;
	color: #ffffff;
	margin-bottom: 45px;
	letter-spacing: -1px;
}

.calendar-buttons {
	display: flex;
	justify-content: center;
	gap: 46px;
	flex-wrap: wrap;
}

.cal-btn {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 14px 28px;
	color: #ffffff;
	font-weight: 700;
	font-size: 19px;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	min-width: 170px;
}

.cal-btn:hover {
	background: rgba(255, 255, 255, 0.12);
	transform: translateY(-4px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	color: #ffffff;
	text-decoration: none;
	border-color: rgba(255, 255, 255, 0.2);
}

.cal-float-1 {
	position: absolute;
	left: -255px;
	top: 20%;
	width: 250px;
	z-index: 10;
	animation: cal-float 6s ease-in-out infinite;
}

.cal-float-2 {
	position: absolute;
	right: -242px;
	top: 10%;
	width: 249px;
	z-index: 10;
	animation: cal-float 8s ease-in-out infinite reverse;
}

@keyframes cal-float {

	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}

	50% {
		transform: translateY(-20px) rotate(2deg);
	}
}

@media (max-width: 991px) {
	.calendar-title {
		font-size: 40px;
	}

	.calendar-date {
		font-size: 30px;
	}

	.calendar-card {
		padding: 40px 20px;
		margin: 0 15px;
	}

	.cal-btn {
		min-width: 140px;
		font-size: 16px;
		padding: 10px 20px;
	}

	.cal-float-1,
	.cal-float-2 {
		display: none;
	}
}

/* Modern Header Redesign */
.modern-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
padding: 0px 0 !important;
	position: relative;
	z-index: 1000;
	flex-wrap: wrap !important;
}

.header-logo {
	flex: 0 0 auto;
}

.header-nav {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-link-modern {
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100%;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-radius: 15px;
	padding: 10px 40px;
	display: flex;
	gap: 25px;
	list-style: none;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.header-link-modern li {
	list-style: none;
	padding: 0;
}

.header-link-modern li a {
color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  opacity: 0.85;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.header-link-modern li a:hover {
	opacity: 1;
	color: #ffffff !important;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.header-cta {
	flex: 0 0 auto;
}

.get-link-modern {
	background: #ffffff !important;
	color: #000000 !important;
	padding: 12px 35px !important;
	border-radius: 100px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	text-decoration: none !important;
	display: inline-block;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.get-link-modern:hover {
	background: #f0f0f0 !important;
	transform: translateY(-2px) scale(1.05);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
	color: #000000 !important;
}

@media (max-width: 1200px) {
	.header-link-modern {
		padding: 10px 25px;
		gap: 15px;
	}
}

@media (max-width: 1399px) {
	.modern-header {
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 20px;
	}

	.header-nav {
		order: 3;
		width: 100%;
		flex: 0 0 100%;
	}

	.header-logo {
		order: 1;
	}

	.header-cta {
		order: 2;
	}

	.header-link-modern {
		padding: 8px 15px;
		gap: 10px;
	}

	.header-link-modern li a {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.get-link-modern {
		padding: 10px 20px !important;
		font-size: 14px !important;
	}

	.header-logo img {
		width: 150px;
	}
}

/* Modern Steps Section Styling */
.modern-steps-container {
	position: relative;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.modern-step-item {
	margin-bottom: 80px;
	position: relative;
	z-index: 2;
}

.modern-step-card {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 30px;
	padding: 50px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.15);
	position: relative;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.modern-step-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
	border-color: rgba(0, 0, 0, 0.1);
}

.step-badge {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 12px;
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 25px;
	color: #fff;
}

.card-purple .step-badge {
	background: linear-gradient(135deg, #6c5ce7, #a29bfe);
	box-shadow: 0 8px 20px rgba(108, 92, 231, 0.3);
}

.card-cyan .step-badge {
	background: linear-gradient(135deg, #00cec9, #81ecec);
	box-shadow: 0 8px 20px rgba(0, 206, 201, 0.3);
}

.card-orange .step-badge {
	background: linear-gradient(135deg, #e17055, #fab1a0);
	box-shadow: 0 8px 20px rgba(225, 112, 85, 0.3);
}

.modern-step-title {
	font-size: 34px !important;
	font-weight: 900 !important;
	color: #ffffff !important;
	line-height: 1.2 !important;
	margin-bottom: 20px !important;
	text-align: left !important;
}

.modern-step-desc {
	font-size: 18px !important;
	line-height: 1.6 !important;
	color: #bfbfbf !important;
	font-weight: 400 !important;
	margin-bottom: 0 !important;
	text-align: left !important;
}

.modern-step-visual {
	padding: 20px;
	position: relative;
}

.visual-inner {
	background: rgba(255, 255, 255, 0.03);
	border-radius: 40px;
	padding: 15px;
	box-shadow: inset 0 2px 10px rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	position: relative;
	z-index: 1;
}

.modern-step-img {
	border-radius: 30px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease;
}

.modern-step-item:hover .modern-step-img {
	transform: scale(1.03) translateY(-5px);
}

.step-connector {
	width: 2px;
	height: 60px;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.05), transparent);
	margin: -30px auto;
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.modern-step-card {
		padding: 35px 25px;
		margin-bottom: 30px;
	}

	.modern-step-title {
		font-size: 28px !important;
	}

	.modern-step-item {
		margin-bottom: 60px;
	}

	.visual-inner {
		border-radius: 25px;
		padding: 10px;
	}

	.modern-step-img {
		border-radius: 20px;
	}
}

.step-arrow {
	margin: 60px auto !important;
	max-width: 150px;
	opacity: 0.8;
	transition: all 0.4s ease;
	filter: invert(1);
}

.modern-step-item:hover + .step-arrow {
	transform: scale(1.1);
	opacity: 1;
}

.bg-black {
	background-color: #000000 !important;
}

.text-white {
	color: #ffffff !important;
}

.step-section {
    background: url(../images/step-section.png) no-repeat center top;
    background-size: auto;
    background-size: cover;
    padding: 0.5% 0 0 0;
    position: relative;
    z-index: 2;
    margin-top: 0%;
    position: relative;
    z-index: 10;
}


.launchDate {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 50px;
    background: #054b5961;
    border: 1px solid #57aecf12;
    border-radius: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.08);
}
.gap-3 {
  gap: 1rem !important;
}
.launchDate-field {
      background: rgba(0, 0, 0, .1019607843);
    border: 1px solid #4f7d8f;
    border-radius: 50px;
    padding: .7rem 1.5rem;
}

.launch-intro-row .launchDate {
  margin-top: 28px;
}

.launchDate.launch-showcase {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 18px clamp(16px, 3vw, 32px);
  border: 1px solid rgba(211, 133, 239, 0.45);
  border-radius: 24px;
  background: radial-gradient(ellipse at 30% 30%, rgba(174, 96, 215, 0.24), transparent 65%),
              radial-gradient(ellipse at 100% 100%, rgba(235, 88, 166, 0.2), transparent 55%),
              linear-gradient(145deg, #281538, #171022 70%);
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.3), 0 0 35px rgba(185, 96, 211, 0.14),
              inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.launch-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(rgba(211, 133, 239, 0.05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(211, 133, 239, 0.05) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(#000, transparent 90%);
}

.launch-showcase::after {
  content: "";
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #dba4f2, #eb58a6, transparent);
  box-shadow: 0 0 20px #b960d3;
  pointer-events: none;
}

.launch-showcase-content {
  position: relative;
  z-index: 1;
  gap: 10px !important;
}

.launch-brand-logo {
  display: block;
  width: min(100%, 480px);
  height: auto;
  margin: 0 auto 4px;
  filter: drop-shadow(0 6px 20px rgba(185, 96, 211, 0.2));
}

.launch-showcase .launchDate-field {
  max-width: 100%;
  border-color: rgba(211, 133, 239, 0.55);
  background: linear-gradient(120deg, rgba(174, 96, 215, 0.18), rgba(235, 88, 166, 0.12));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 6px 24px rgba(0, 0, 0, 0.2);
}

.launch-calendar-icon {
  flex-shrink: 0;
  color: #e6b5f7;
}

.launch-spark {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #e6b5f7;
  clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
  pointer-events: none;
  opacity: 0.65;
}

.launch-spark-one { top: 20px; left: 22px; }
.launch-spark-two { top: 26px; right: 22px; width: 12px; height: 12px; }
.launch-spark-three { bottom: 18px; right: 30px; background: #fcd67b; }

@media (max-width: 575px) {
  .launch-showcase .launchDate-field { padding: 12px 14px; }
}

.pre-web {
  background: #0f071d;
  border-radius: 1rem;
  padding: .7rem 1.5rem;
}.gap-1 {
  gap: .25rem !important;
}


.step-date1 {
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
  background-color: #ffc000;
  padding: 5px 33px;
  display: inline-block;
  margin-bottom: 30px;
}
.step-date2 {
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
  background-color: rgb(242, 23, 100);
  padding: 5px 33px;
  display: inline-block;
  margin-bottom: 30px;
}

.step-form {
  position: relative;
  border-radius: 30px;
  padding: 30px;
  background-color: rgba(161, 148, 190, 0.36);
}



.step-date3 {
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
  background-color: rgb(15, 182, 245);
  padding: 5px 33px;
  display: inline-block;
  margin-bottom: 30px;
}



/* animation  start*/



.bounce-animation {
    animation: bounce 2s ease infinite;
}
.rotate-animation{
    animation: rotate-animation 10s infinite linear;
}
.shake-topbottom-animation{
    animation: shake-toptobottom 3s infinite linear;
}
.lefttoright-animation{
    animation: shake-leftoright 3s infinite linear;
}
.pulse-animation {
    animation: pulse 2s infinite ease-in-out alternate;
}
.fade-in-animation {
    animation: fade-in 2s linear infinite;
  }



  @keyframes bounce {
      70% { transform:translateY(0%); }
      80% { transform:translateY(-15%); }
      90% { transform:translateY(0%); }
      95% { transform:translateY(-7%); }
      97% { transform:translateY(0%); }
      99% { transform:translateY(-3%); }
      100% { transform:translateY(0); }
  }

  @keyframes shake-toptobottom{
      0% { transform:translateY(5px); }
      25% { transform:translateY(15px); }
      50% { transform:translateY(-5px); }
      100% { transform:translateY(0px); }
  }
  @keyframes shake-leftoright{
      0% { transform:translateX(5px); }
      25% { transform:translateX(15px); }
      50% { transform:translateX(-5px); }
      100% { transform:translateX(0px); }
  }

  


  @keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



  @keyframes pulse {
    from { transform: scale(0.9); }
    to { transform: scale(1.1); }
  }

 
  @keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }/* CARD BASE */

/* animation  start*/


/* ===== FACT section ===== */



.fact-1 {
  background: url(../images/fact-1-bg.png);
  
     background-repeat: no-repeat;
    background-size: auto;
}

.icon-box {
  background-repeat: no-repeat;
  overflow: visible;
  background-size: 90% 100%;
  padding-bottom: 20px;
  padding-top: 70px;
  background-position: center;
  height: 100%;
}






.icon-box-inner {
  box-shadow: 0 15px 60px 0px rgba(0, 28, 96, 0.24);
  padding: 48px 20px;
  overflow: visible;
  border-radius: 20px;
}


.step-1 {
  background: url(../images/fact-1-bg.png);
    background-position-x: 0%;
    background-position-y: 0%;
      background-repeat: no-repeat;
    background-size: auto;
}

.icon-box {
  background-repeat: no-repeat;
  overflow: visible;
  background-size: 90% 100%;
  padding-bottom: 20px;
  padding-top: 70px;
  background-position: center;
  height: 100%;
}
.icon-box-inner .icon {
  fill: #FFF;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
  height: 150px;
  width: 150px;
  border-radius: 50%;
  margin: auto;
    margin-top: auto;
  margin-top: auto;
  margin-top: -110px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 15px 60px 0px rgba(0, 28, 96, 0.24);
}

.p20 {
  padding: 20px !important;
}
.pt20 {
  padding-top: 20px !important;
}
@media (min-width: 992px) {
  .mb-lg-1 {
    margin-bottom: .25rem !important;
  }
}


/* Animation */
@keyframes progressMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

/* Hover speed fast */
.effect-2::before {
  animation: progressMove 1.5s linear infinite;
}



/* Container */
.mybutton-box-out {
  padding: 0 3%;
  position: relative;
  z-index: 1;
}

.mybutton-box {
  position: relative;
  text-align: center;
}

/* Button Link */
.mybutton a {
  border-radius: 15px;
  box-shadow: 0px 15px 43px 0px rgba(0, 0, 0, 0.21);
  transition: 0.4s ease;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

/* Hover Effect */
.mybutton a:hover {
  transform: scale(1.03);
  box-shadow: none;
}

/* 🔥 Animated Progress Button */
@media (min-width: 768px) {
.mybutton-btn {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 25px;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
background: linear-gradient(90deg, #00adef 0%, #000000 100%);
    background-size: auto;
  background-size: 300% 100%;
  /* animation: progressMove 4s linear infinite; */
text-decoration: none;
}
}
@media (max-width: 768px) {
.mybutton-btn {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
  padding: 20px 40px;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
  background: linear-gradient(90deg, #8b5cf6 0%, #f97316 100%);
    background-size: auto;
  background-size: 300% 100%;
  /* animation: progressMove 4s linear infinite; */
text-decoration: none;
}
    .step-section {
    background: url(../images/step-section.png) no-repeat center top;
    background-size: auto;
    background-size: cover;
    padding: 9.5% 0 0 0;
    position: relative;
    z-index: 2;
    margin-top: -19%;
    position: relative;
    z-index: 10;
}
}

/* Text */
.mybutton-text {
  color: #fff;
  font-size: 24px;
}

/* Arrow */
.btn-arrow img {
  width: 40px;
}

/* Animation */
@keyframes progressMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
a:hover{
	color: #000000 !important;
}
/* Hover speed fast */
.mybutton a:hover .mybutton-btn {
  /* animation: progressMove 1.5s linear infinite; */
   color: #fff !important;
}

/* 📱 Tablet */
@media (max-width: 768px) {
  .mybutton-btn {
  padding: 25px 20px;
  }
  .mybutton-text {
    font-size: 18px;
  }
.btn-arrow img {
width:  30px;
}
.rp-box

 {
    height: 70px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(114, 95, 137, 0.25);
    border-radius: 20px;
    position: relative;
    padding: 20px;
    z-index: 1;
}
  
}

/* 📱 Mobile */
@media (max-width: 480px) {
  .mybutton-btn {
    flex-direction: column;
    text-align: center;
    padding: 15px;
  }

  .btn-arrow {
    padding: 0px 0 0 0;
  }

  .mybutton-text {
    font-size: 16px;
  }
  .btn-arrow img {
display: none;
}
}

.affiliate-wrap {
  border-radius: 40px 40px 0px 0px;
  /* background: linear-gradient(40deg, #0d6efdad 0%, #c206fbc4 100%); */
  padding: 30px 20px;
}


/* ===== FACT section ===== */

.promo-launch-group { margin-top: 44px; }
.promo-launch-group .promo-resources-clean,
.promo-launch-group .promo-launch-timeline { width: 100%; max-width: 1040px; margin-left: auto; margin-right: auto; }
.promo-resources-clean { padding: clamp(24px, 4vw, 44px); border: 1px solid #e2d0e9; border-radius: 24px; background: #fff; box-shadow: 0 12px 32px rgba(105, 54, 124, 0.07); }
.promo-resources-clean h2 { margin: 0 auto 28px; max-width: 800px; color: #32203e; text-align: center; font-family: 'Poppins', sans-serif; font-size: clamp(24px, 3vw, 36px); font-weight: 800; line-height: 1.35; }
.promo-resources-clean h2 span { color: #9350ab; }
.promo-resource-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.promo-resource-grid .mybutton-btn { display: flex; align-items: center; justify-content: center; flex: 0 1 calc((100% - 36px) / 3); min-width: 0; min-height: 68px; padding: 16px; margin: 0; border-radius: 14px; font-size: clamp(16px, 1.7vw, 20px); font-weight: 700; line-height: 1.4; text-align: center; text-decoration: none; }
.promo-launch-group .promo-launch-timeline { margin-top: 28px; }
.promo-launch-group .promo-timeline-event > div { min-width: 0; }
@media (max-width: 767px) {
  .promo-resource-grid .mybutton-btn { flex-basis: calc((100% - 18px) / 2); }
}
@media (max-width: 479px) {
  .promo-resource-grid .mybutton-btn { flex-basis: 100%; }
}

.promo-launch-timeline { max-width: 1040px; margin: 44px auto 0; padding: clamp(24px, 4vw, 44px); border: 1px solid #e2d0e9; border-radius: 24px; background: linear-gradient(135deg, #fff, #f6eef9); color: #5c4867; font-family: 'Poppins', sans-serif; }
.promo-launch-timeline > h2 { margin: 0 0 30px; text-align: center; font-size: clamp(26px, 3vw, 36px); font-weight: 800; color: #32203e; letter-spacing: -0.03em; }
.promo-launch-timeline > h2 span { color: #9350ab; }
.promo-timeline-events { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.promo-timeline-event { display: flex; align-items: flex-start; gap: 16px; padding: 24px; border: 1px solid #dfcbe8; border-left: 3px solid #b774c9; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(77, 38, 97, 0.04); }
.promo-timeline-icon { display: inline-flex; padding: 10px; border-radius: 12px; background: #f0e3f6; color: #9250ab; flex-shrink: 0; }
.promo-timeline-event h3 { margin: 0 0 8px; color: #8b459e; font-size: 12px; font-weight: 700; letter-spacing: 0.09em; }
.promo-timeline-event time { display: block; color: #362040; font-size: clamp(17px, 1.9vw, 21px); line-height: 1.5; font-weight: 700; }
.promo-timeline-event p { margin: 8px 0 0; font-size: 14px; line-height: 1.6; }
.promo-timeline-closing { text-align: center; margin-top: 32px; padding-top: 28px; border-top: 1px solid #dfcbe8; }
.promo-timeline-closing h3 { max-width: 800px; margin: 0 auto 16px; color: #32203e; font-size: clamp(20px, 2.4vw, 28px); font-weight: 800; line-height: 1.4; }
.promo-timeline-closing p { font-size: 15px; line-height: 1.7; margin: 0; }
.promo-timeline-closing .promo-timeline-invitation { color: #9650a9; font-size: 16px; font-weight: 700; margin-bottom: 12px; }
@media (max-width: 767px) {
  .promo-timeline-events { grid-template-columns: 1fr; }
  .promo-timeline-event { padding: 18px; }
}

.promo-resources .mybutton-btn {
  background: linear-gradient(115deg, #8841ad, #bb438e);
  color: #fff !important;
  border: 1px solid rgba(240, 189, 255, 0.4);
  box-shadow: 0 8px 20px rgba(137, 64, 164, 0.2);
  transition: background 180ms ease, box-shadow 180ms ease;
}
.promo-resources .mybutton-btn:hover,
.promo-resources .mybutton-btn:focus-visible {
  background: linear-gradient(115deg, #733395, #a3337a);
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(137, 64, 164, 0.3);
}
.promo-resources .mybutton-btn:focus-visible {
  outline: 3px solid #6b3589;
  outline-offset: 4px;
}

.promoter-audience { padding: clamp(48px, 7vw, 88px) 0; background: radial-gradient(ellipse at top right, #eedff5, transparent 55%), #fcf9fd; color: #51405d; font-family: 'Poppins', sans-serif; }
.promoter-audience .container { max-width: 1120px; container-type: inline-size; }
.promoter-audience-heading { text-align: center; margin-bottom: 38px; }
.promoter-audience-heading h2 { color: #2f1d3b; margin: 0; font-size: clamp(27px, 3.6vw, 44px); font-weight: 800; line-height: 1.3; letter-spacing: -0.035em; }
.promoter-audience-heading h2 span { color: #9250ac; }
.promoter-audience-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 42px; align-items: stretch; }
.promoter-audience-visual { order: -1; }
.promoter-audience-list { list-style: none; margin: 0; padding: 0; }
.promoter-audience-list li { display: flex; align-items: center; gap: 18px; padding: 18px 0; border-bottom: 1px solid #e5d7ec; font-size: clamp(16px, 1.7vw, 19px); line-height: 1.6; font-weight: 500; }
.promoter-audience-list li:first-child { padding-top: 0; }
.promoter-audience-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.promoter-audience-icon { display: grid; place-items: center; flex: 0 0 46px; height: 46px; border: 1px solid #d9bfe5; border-radius: 13px; background: linear-gradient(135deg, #f5ebfa, #ebdbf2); color: #9451aa; box-shadow: 0 4px 12px rgba(119, 61, 140, 0.05); }
.promoter-audience-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.promoter-audience-visual { display: grid; padding: 11px; border: 1px solid #ddcbe7; border-radius: 24px; background: #fff; box-shadow: 0 18px 45px rgba(75, 38, 94, 0.07); }
.promoter-audience-image { position: relative; display: grid; place-items: center; min-height: 0; overflow: hidden; border-radius: 15px; background: linear-gradient(135deg, #eee4f5, #f9edf2); color: #b391c4; }
.promoter-audience-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.promoter-audience-closing { max-width: 100%; margin: 30px auto 0; padding: 22px min(2cqw, 26px); text-align: center; border: 1px solid #e3d0eb; border-radius: 14px; background: rgba(255, 255, 255, 0.65); font-size: min(1.8cqw, 19px); line-height: 1.7; white-space: nowrap; }
.promoter-audience-closing strong { color: #85439d; font-weight: 700; }
@media (max-width: 767px) {
  .promoter-audience-grid { grid-template-columns: 1fr; gap: 28px; }
  .promoter-audience-image { aspect-ratio: 4 / 3; }
}

.partner-trust { padding: clamp(48px, 7vw, 90px) 0; background: radial-gradient(ellipse at 90% 40%, rgba(174, 96, 215, 0.16), transparent 55%), #130f1d; color: #d4c6df; font-family: 'Poppins', sans-serif; border-bottom: 1px solid rgba(211, 133, 239, 0.18); }
.partner-trust .container { max-width: 1120px; }
.partner-trust-heading { text-align: center; margin-bottom: 42px; }
.partner-trust-emblem { display: inline-flex; padding: 13px; margin-bottom: 20px; border: 1px solid #664376; border-radius: 18px; background: #2b1c38; color: #e5b4f4; }
.partner-trust-heading h2 { margin: 0; color: #fff; font-size: clamp(27px, 3.6vw, 44px); line-height: 1.25; font-weight: 800; letter-spacing: -0.035em; }
.partner-trust-heading h2 span { color: #e7abe5; }
.partner-trust-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 44px; align-items: stretch; }
.partner-trust-list { list-style: none; padding: 0; margin: 0; }
.partner-trust-list li { position: relative; padding: 16px 0 16px 56px; font-size: 16px; line-height: 1.75; border-bottom: 1px solid #34223f; }
.partner-trust-list li:first-child { padding-top: 0; }
.partner-trust-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.partner-trust-item-icon { position: absolute; left: 0; top: 18px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: linear-gradient(135deg, #3c264b, #271a34); color: #e6b4f4; border: 1px solid #644074; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06); }
.partner-trust-list li:first-child .partner-trust-item-icon { top: 2px; }
.partner-trust-list strong { color: #f4e9fa; font-weight: 600; }
.partner-trust-pending { color: #f1cf8e; }
.partner-trust-visual { display: grid; min-height: 0; padding: 12px; border: 1px solid #60416f; border-radius: 26px; background: linear-gradient(135deg, #30203e, #1c1428); box-shadow: 0 22px 50px rgba(0, 0, 0, 0.2); }
.partner-trust-image { position: relative; display: grid; place-items: center; min-height: 0; overflow: hidden; border-radius: 17px; background: radial-gradient(ellipse at center, rgba(211, 133, 239, 0.1), transparent 75%), #22172d; color: #b38cc3; }
.partner-trust-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.partner-trust-closing { margin: 38px auto 0; padding-top: 28px; border-top: 1px solid #45304f; text-align: center; font-size: clamp(18px, 2.2vw, 25px); line-height: 1.6; font-weight: 600; color: #ede1f4; }
.partner-trust-closing strong { color: #edb4df; font-weight: 700; }
@media (max-width: 767px) {
  .partner-trust-grid { grid-template-columns: 1fr; gap: 28px; }
  .partner-trust-image { aspect-ratio: 4 / 3; }
}

.partner-benefits { padding: clamp(48px, 7vw, 90px) 0; background: radial-gradient(ellipse at top right, #f0e2f6, transparent 50%), #fcf9fd; color: #5c4a67; font-family: 'Poppins', sans-serif; }
.partner-benefits .container { max-width: 1040px; }
.partner-benefits-heading { text-align: center; margin-bottom: 42px; }
.partner-benefits-heading h2 { margin: 0; color: #30203b; font-size: clamp(28px, 3.7vw, 44px); line-height: 1.25; font-weight: 800; letter-spacing: -0.035em; }
.partner-benefits-heading h2 span { color: #9250ac; }
.partner-benefit-block { padding: clamp(22px, 3.5vw, 38px); border: 1px solid #e2d1eb; border-radius: 24px; background: #fff; box-shadow: 0 14px 40px rgba(77, 38, 97, 0.04); }
.partner-benefit-block + .partner-benefit-block { margin-top: 30px; }
.partner-benefits h3 { color: #86449c; font-size: clamp(20px, 2.4vw, 28px); line-height: 1.4; font-weight: 700; letter-spacing: -0.025em; margin: 0 0 22px; }
.partner-benefits p { font-size: 16px; line-height: 1.8; margin: 0 0 16px; }
.partner-benefits strong { color: #593268; font-weight: 700; }
.partner-benefits-table-wrap { margin-top: 24px; overflow-x: auto; border: 1px solid #ddcbe5; border-radius: 14px; }
.partner-benefits-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.65; font-variant-numeric: tabular-nums; }
.partner-benefits-table th, .partner-benefits-table td { padding: 16px 22px; text-align: left; }
.partner-benefits-table thead { background: #ddc9e7; color: #382144; }
.partner-benefits-table thead th { font-weight: 700; font-size: 13px; }
.partner-benefits-table tbody th { width: 63%; background: #f3ecf7; color: #493153; font-weight: 600; }
.partner-benefits-table tbody tr + tr { border-top: 1px solid #e9dfee; }
.partner-benefits-table tbody tr:nth-child(even) td { background: #fcf9fd; }
.partner-benefits-table td:last-child, .partner-benefits-table thead th:last-child { text-align: right; }
.partner-benefits-table td { color: #88509c; font-weight: 600; }
.partner-benefits-table tfoot { background: #efe2f5; border-top: 2px solid #c9a3d8; color: #502660; }
.partner-benefits-table tfoot td { font-size: 26px; font-weight: 800; }
.partner-support-table tbody th { width: 43%; }
.partner-support-table td { font-weight: 400; }
.partner-benefits-pending { display: block; color: #886023; font-size: 11px; }
.partner-benefits .partner-benefits-note { margin: 16px auto 0; font-size: 12px; color: #807086; text-align: center; font-style: italic; line-height: 1.7; }
.partner-benefits .partner-benefits-takeaway { margin: 24px 0 0; text-align: center; color: #33203e; font-size: clamp(17px, 2vw, 22px); line-height: 1.55; font-weight: 700; }
.partner-benefits-takeaway strong { color: #9450a9; }
.partner-benefits-relationship { max-width: 840px; text-align: center; margin: 36px auto 0; padding-top: 30px; border-top: 1px solid #e1cfe9; }
.partner-benefits-relationship svg { color: #b86eae; margin-bottom: 18px; }
.partner-benefits-relationship h3 { margin-bottom: 18px; }
.partner-benefits-relationship p:last-child { margin-bottom: 0; }
@media (max-width: 575px) {
  .partner-benefits-table th, .partner-benefits-table td { padding: 12px 10px; font-size: 13px; }
  .partner-benefits-table thead th { font-size: 12px; }
}

.upsell-stories {
  padding: clamp(52px, 7vw, 92px) 0;
  background: radial-gradient(ellipse at 0 15%, rgba(174, 96, 215, 0.13), transparent 40%), radial-gradient(ellipse at 100% 80%, rgba(235, 88, 166, 0.08), transparent 40%), #130f1d;
  color: #d6c7e0;
  font-family: 'Poppins', sans-serif;
}
.upsell-stories .container { max-width: 1120px; }
.upsell-stories-heading { text-align: center; margin-bottom: 48px; }
.upsell-stories-mark { display: inline-flex; padding: 12px; margin-bottom: 20px; border: 1px solid #624073; border-radius: 16px; background: #2b1c37; color: #e7b4f7; }
.upsell-stories-heading h2 { color: #fff; margin: 0; font-size: clamp(28px, 3.8vw, 46px); line-height: 1.25; font-weight: 800; letter-spacing: -0.035em; }
.upsell-stories-heading h2 span { color: #e7a5df; }
.upsell-stories-list { position: relative; display: grid; gap: 54px; counter-reset: upsell-stop; }
.upsell-stories-list::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: linear-gradient(transparent, #825093 5%, #825093 95%, transparent); }
.upsell-story-row { position: relative; counter-increment: upsell-stop; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(70px, 9vw, 120px); align-items: center; padding: 12px 0; }
.upsell-story-row::before { content: counter(upsell-stop, decimal-leading-zero); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #9760a8; border-radius: 50%; background: #261732; color: #eec5fa; font-size: 12px; font-weight: 600; box-shadow: 0 0 0 8px #130f1d; }
.upsell-story-row::after { content: ''; position: absolute; top: 50%; left: calc(50% - 42px); width: 84px; height: 1px; background: #825093; z-index: 0; }
.upsell-story-row::before { z-index: 1; }
.upsell-story-row:nth-child(even) .upsell-story-visual { grid-column: 1; grid-row: 1; }
.upsell-story-row:nth-child(even) .upsell-story-copy { grid-column: 2; grid-row: 1; }
.upsell-story-copy { padding: 8px 0; }
.upsell-story-label { display: inline-block; padding: 5px 10px; margin-bottom: 15px; color: #e6b1f2; border: 1px solid #5f3b70; border-radius: 6px; background: rgba(174, 96, 215, 0.1); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; }
.upsell-story-copy h3 { margin: 0 0 14px; color: #fff; font-size: clamp(22px, 2.6vw, 31px); line-height: 1.3; letter-spacing: -0.025em; font-weight: 700; }
.upsell-story-price { display: inline-block; margin-bottom: 18px; color: #fcd67b; font-size: 23px; font-weight: 700; line-height: 1.4; }
.upsell-story-copy p { margin: 0; font-size: 16px; line-height: 1.85; color: #cdbed8; font-weight: 400; }
.upsell-story-visual { position: relative; width: 100%; max-width: 360px; justify-self: center; padding: 12px 0; }
.upsell-story-visual::before { content: ''; position: absolute; inset: 0 12%; border-top: 1px solid #704381; border-bottom: 1px solid #704381; pointer-events: none; }
.upsell-story-image { display: grid; place-items: center; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 4px; background: radial-gradient(ellipse at center, rgba(174, 96, 215, 0.16), transparent 75%), #1c1426; color: #ac82bd; }
.upsell-story-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
@media (max-width: 767px) {
  .upsell-stories-list { gap: 38px; padding-left: 38px; }
  .upsell-stories-list::before { left: 16px; }
  .upsell-story-row { grid-template-columns: 1fr; padding: 0 0 26px 12px; gap: 18px; border-bottom: 1px solid #382344; }
  .upsell-story-row::before { left: -22px; top: 18px; width: 30px; height: 30px; font-size: 10px; box-shadow: 0 0 0 4px #130f1d; }
  .upsell-story-row::after { display: none; }
  .upsell-story-row:nth-child(even) .upsell-story-visual,
  .upsell-story-row:nth-child(even) .upsell-story-copy { grid-column: auto; grid-row: auto; }
  .upsell-story-copy { padding: 4px; }
}

.visual-funnel { max-width: 1000px; margin: 0 auto; }
.visual-funnel-audience { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; gap: 6px; max-width: 440px; margin: 0 auto 18px; }
.visual-funnel-audience svg { width: 30px; height: 30px; color: #ae77be; }
.visual-funnel-audience svg:nth-child(3n) { color: #d6a443; transform: translateY(-12px); }
.visual-funnel-audience svg:nth-child(2n) { width: 24px; height: 24px; color: #624275; }
.visual-funnel-caption { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-bottom: 22px; color: #765484; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; }
.visual-funnel-caption span { color: #98652b; }
.visual-funnel-stack { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.visual-funnel-stage { position: relative; isolation: isolate; width: var(--stage-width); margin: 0 auto; filter: drop-shadow(0 7px 5px rgba(70, 35, 90, 0.12)); }
.visual-funnel-stage::before { content: ''; position: absolute; z-index: -1; inset: 0; clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%); background: linear-gradient(110deg, hsl(var(--stage-hue), 35%, 30%), hsl(var(--stage-hue), 38%, 44%), hsl(var(--stage-hue), 35%, 30%)); }
.visual-funnel-stage::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 8px; border-radius: 50%; background: hsl(var(--stage-hue), 38%, 65%); box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.25); pointer-events: none; }
.visual-funnel-content { padding: 22px 9% 20px; text-align: center; color: #fff; }
.visual-funnel-eyebrow { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 14px; margin-bottom: 8px; font-size: 10px; font-weight: 600; letter-spacing: 0.09em; }
.visual-funnel-eyebrow span:first-child { padding: 3px 8px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 5px; background: rgba(0, 0, 0, 0.12); }
.visual-funnel-eyebrow span:last-child { color: #f6d9fa; }
.visual-funnel-content h3 { margin: 0 0 12px; color: #fff; font-size: clamp(17px, 2.2vw, 24px); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; }
.visual-funnel-figures { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; font-size: 11px; line-height: 1.5; color: #eddaef; }
.visual-funnel-figures > span { display: flex; align-items: baseline; gap: 7px; }
.visual-funnel-figures strong { color: #fff; font-size: 17px; font-weight: 700; white-space: nowrap; }
.visual-funnel-figures > span:last-child strong { color: #ffe3a4; }
.visual-funnel-result { position: relative; width: 62%; margin: 24px auto 0; padding: 26px 20px; background: #2e1c3a; border: 1px solid #a58051; border-radius: 18px; text-align: center; color: #fcd67b; box-shadow: 0 12px 35px rgba(70, 35, 90, 0.15); }
.visual-funnel-result::before { content: ''; position: absolute; height: 24px; width: 1px; bottom: 100%; left: 50%; background: #ba8aca; }
.visual-funnel-result p { color: #fff; margin: 10px 0 16px; font-size: 18px; font-weight: 700; }
.visual-funnel-result p span { font-size: 12px; font-weight: 400; color: #d7c0df; }
.visual-funnel-result > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px 32px; }
.visual-funnel-result > div > span { font-size: 11px; color: #d7c0df; }
.visual-funnel-result strong { display: block; font-size: 30px; line-height: 1.4; color: #fcd67b; font-weight: 800; }
@media (max-width: 767px) {
  .visual-funnel-stage { width: calc(65% + var(--stage-width) * 0.35); }
  .visual-funnel-content { padding: 21px 8% 18px; }
  .visual-funnel-figures { flex-direction: column; align-items: center; gap: 3px; }
  .visual-funnel-figures strong { font-size: 15px; }
  .visual-funnel-eyebrow { font-size: 9px; gap: 6px; }
  .visual-funnel-result { width: 88%; }
  .visual-funnel-audience { max-width: 280px; }
}

.partner-funnel-section {
  padding: clamp(52px, 7vw, 96px) 0;
  background: radial-gradient(ellipse at top left, #ecddf4, transparent 55%), #faf7fc;
  color: #4b3957;
  font-family: 'Poppins', sans-serif;
}
.partner-funnel-section .container { max-width: 1180px; }
.partner-funnel-heading { text-align: center; max-width: 940px; margin: 0 auto; }
.partner-funnel-emblem { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 1px solid #d6b7e2; border-radius: 16px; background: #f4e9f8; color: #9850b0; margin-bottom: 20px; transform: rotate(-6deg); }
.partner-funnel-heading h2 { margin: 0 0 20px; color: #2c1b38; font-size: clamp(28px, 3.7vw, 46px); line-height: 1.2; font-weight: 800; letter-spacing: -0.04em; }
.partner-funnel-heading h2 span { color: #9550a8; }
.partner-funnel-heading p { max-width: 800px; margin: 0 auto; font-size: clamp(15px, 1.6vw, 18px); line-height: 1.8; color: #716079; }
.partner-funnel-journey { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 0; padding: 0; margin: 30px auto 34px; list-style: none; }
.partner-funnel-journey li { display: inline-flex; align-items: center; color: #88509a; font-size: 10px; font-weight: 700; letter-spacing: 0.025em; }
.partner-funnel-journey li + li::before { content: '\2192'; color: #ba95c8; margin: 0 10px; font-size: 16px; font-weight: 400; }
.partner-funnel-board { overflow: hidden; border: 1px solid #d8c2e3; border-radius: 24px; box-shadow: 0 24px 65px rgba(69, 32, 89, 0.09); background: #fff; }
.partner-funnel-board-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 22px 28px; background: linear-gradient(115deg, #33203f, #4c285a); color: #f0deF8; font-size: 12px; font-weight: 600; letter-spacing: 0.09em; }
.partner-funnel-rate { padding: 7px 12px; border: 1px solid #957349; border-radius: 7px; background: rgba(252, 214, 123, 0.08); color: #fcd67b; font-size: 11px; }
.partner-funnel-scroll { overflow-x: auto; }
.partner-funnel-scroll:focus-visible { outline: 3px solid #aa6cbd; outline-offset: -3px; }
.partner-funnel-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.partner-funnel-table thead { background: #f2eaf7; }
.partner-funnel-table thead th { padding: 16px 20px; color: #71547f; font-size: 11px; font-weight: 600; text-align: left; }
.partner-funnel-table thead th:nth-last-child(-n+2) { text-align: right; }
.partner-funnel-table tbody th, .partner-funnel-table tbody td { padding: 19px 20px; border-top: 1px solid #eee5f2; }
.partner-funnel-table tbody th { text-align: left; font-weight: 600; }
.partner-funnel-table tbody tr:nth-child(even) { background: #fcfafd; }
.partner-funnel-table .partner-funnel-stage { position: relative; width: 17%; padding-left: 42px; color: #9a77a8; font-size: 10px; font-weight: 700; letter-spacing: 0.05em; white-space: nowrap; }
.partner-funnel-stage::before { content: ''; position: absolute; left: 24px; top: 0; bottom: 0; width: 1px; background: #d8bde5; }
.partner-funnel-table tbody tr:first-child .partner-funnel-stage::before { top: 50%; }
.partner-funnel-table tbody tr:last-child .partner-funnel-stage::before { bottom: 50%; }
.partner-funnel-dot { position: absolute; left: 20px; top: calc(50% - 4px); width: 9px; height: 9px; border-radius: 50%; background: #aa6cbd; box-shadow: 0 0 0 4px #f4ebf8; }
.partner-funnel-label { display: inline-block; margin-bottom: 5px; padding: 3px 7px; border-radius: 5px; background: #f0e3f7; color: #9350a9; font-size: 9px; font-weight: 700; letter-spacing: 0.07em; }
.partner-funnel-name { display: block; color: #382145; font-size: 15px; }
.partner-funnel-price { color: #73607d; text-align: right; white-space: nowrap; }
.partner-funnel-commission { background: rgba(168, 85, 190, 0.035); color: #813f98; font-size: 16px; font-weight: 700; text-align: right; white-space: nowrap; }
.partner-funnel-table tfoot { background: linear-gradient(110deg, #382144, #512c5c); color: #fff; }
.partner-funnel-table tfoot th, .partner-funnel-table tfoot td { padding: 25px 20px; border-top: 2px solid #b977c9; }
.partner-funnel-table tfoot th { font-size: 18px; text-align: left; font-weight: 700; }
.partner-funnel-table tfoot th span { display: block; font-size: 12px; font-weight: 400; color: #d6bfdF; margin-top: 3px; }
.partner-funnel-table tfoot td { text-align: right; font-size: 24px; font-weight: 700; }
.partner-funnel-table tfoot td:last-child { color: #fcd67b; font-size: 30px; }
.partner-funnel-disclaimer { margin: 20px auto 0; max-width: 820px; color: #7f6d89; text-align: center; font-size: 12px; font-style: italic; line-height: 1.8; }
@media (max-width: 767px) {
  .partner-funnel-table { min-width: 680px; }
  .partner-funnel-board-top { padding: 18px; }
  .partner-funnel-journey { margin: 24px auto; }
  .partner-funnel-journey li { font-size: 9px; }
}

.build-value-section { padding: clamp(48px, 7vw, 90px) 0; background: radial-gradient(ellipse at 100% 15%, rgba(174, 96, 215, 0.16), transparent 50%), #130f1d; color: #d4c7de; font-family: 'Poppins', sans-serif; }
.build-value-section .container { max-width: 1080px; container-type: inline-size; }
.build-value-heading { text-align: center; margin-bottom: 28px; }
.build-value-section h2 { color: #fff; font-size: clamp(26px, 3.3vw, 40px); line-height: 1.3; letter-spacing: -0.03em; font-weight: 800; margin: 0 0 20px; }
.build-value-section h2 span { color: #e7a8e7; }
.build-value-heading > p { font-size: 16px; line-height: 1.75; }
.build-value-heading .build-value-kicker { display: inline-block; margin: 6px 0 24px; padding: 9px 16px; border: 1px solid #61406f; border-radius: 30px; background: #281b35; color: #e6b4f4; font-size: 12px; letter-spacing: 0.06em; font-weight: 600; }
.build-value-section .build-value-note { margin: 16px auto 24px; color: #b5a5c2; text-align: center; font-size: 12px; font-style: italic; line-height: 1.75; }
.build-value-table-wrap { overflow-x: auto; border: 1px solid #e1d2e8; border-radius: 18px; background: #fff; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15); }
.build-value-table { width: 100%; border-collapse: collapse; color: #51415d; font-size: 15px; line-height: 1.6; font-variant-numeric: tabular-nums; }
.build-value-table th, .build-value-table td { padding: 18px 22px; text-align: center; }
.build-value-table thead { background: #decae9; color: #35203f; }
.build-value-table thead th { font-size: 13px; font-weight: 800; }
.build-value-table th:first-child { text-align: left; }
.build-value-table tbody th { font-weight: 700; color: #35203f; background: #eee3f4; }
.build-value-table tbody tr { border-top: 1px solid #e9deef; }
.build-value-table tbody tr:nth-child(even) { background: #faf6fc; }
.build-comparison-table { table-layout: fixed; }
.build-comparison-table th:first-child { width: 36%; }
.build-comparison-table td:last-child, .build-comparison-table thead th:last-child { background: rgba(172, 98, 193, 0.08); color: #77398e; border-left: 1px solid #dec9e8; }
.build-value-pending { display: block; margin-top: 4px; color: #826021; font-size: 11px; font-weight: 400; }
.build-value-total { background: #f1e7f6 !important; }
.build-value-total strong { color: #793790; font-size: 25px; font-weight: 800; }
.build-value-selling { display: flex; align-items: flex-start; gap: 22px; padding: 28px; border-left: 3px solid #c47bd2; background: linear-gradient(100deg, rgba(174, 96, 215, 0.12), transparent); margin: 30px 0 44px; }
.build-value-selling-icon { color: #e5a7ed; flex-shrink: 0; }
.build-value-selling h3 { color: #fff; font-size: clamp(20px, 2.3vw, 27px); line-height: 1.4; font-weight: 700; margin: 0 0 12px; }
.build-value-selling h3 span { color: #e6b0ef; }
.build-value-selling p { margin: 0; font-size: 16px; line-height: 1.8; }
.build-value-offer { padding: clamp(20px, 3vw, 34px); border: 1px solid #614b43; border-radius: 24px; background: radial-gradient(ellipse at top right, rgba(239, 194, 114, 0.07), transparent 65%), #211629; }
.build-value-offer-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.build-value-offer-heading h2 { max-width: 650px; font-size: clamp(24px, 3vw, 34px); margin: 0; }
.build-value-offer-heading h2 span { color: #fcd67b; }
.build-value-price { color: #fcd67b; font-size: clamp(50px, 7vw, 80px); font-weight: 800; letter-spacing: -0.06em; line-height: 1; }
.build-assigned-table td, .build-assigned-table thead th:last-child { text-align: right; }
.build-value-offer .build-value-note { margin-bottom: 0; }
.build-value-closing { margin: 32px auto 0; max-width: 100%; text-align: center; color: #fff; font-size: min(2.2cqw, 23px); font-weight: 700; line-height: 1.5; white-space: nowrap; }
.build-value-closing span { color: #f0b2df; }
@media (max-width: 575px) {
  .build-value-table th, .build-value-table td { padding: 12px 9px; font-size: 12px; overflow-wrap: break-word; }
  .build-value-table thead th { font-size: 11px; }
  .build-value-selling { padding: 20px; gap: 12px; }
  .build-value-offer-heading { flex-direction: column; align-items: flex-start; }
}

.subscriber-economics {
  padding: clamp(48px, 7vw, 90px) 0;
  background: radial-gradient(ellipse at 0 10%, #f0e3f5, transparent 50%), #fcfafc;
  color: #57475f;
  font-family: 'Poppins', sans-serif;
}
.subscriber-economics .container { max-width: 1080px; }
.economics-heading { margin-bottom: 40px; text-align: center; }
.economics-heading h2 { margin: 0; color: #2d1c3a; font-size: clamp(27px, 3.5vw, 43px); font-weight: 800; line-height: 1.25; letter-spacing: -0.035em; }
.economics-heading h2 span { color: #9250ac; }
.subscriber-economics h3 { display: flex; align-items: center; gap: 14px; color: #633879; font-size: clamp(17px, 2vw, 22px); font-weight: 700; line-height: 1.5; margin: 0 0 20px; }
.economics-step { display: inline-grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 11px; background: linear-gradient(140deg, #9855b0, #bc6cae); color: #fff; font-size: 16px; box-shadow: 0 5px 12px rgba(137, 71, 160, 0.16); }
.economics-saving { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; padding: clamp(22px, 3vw, 34px); border: 1px solid #e1cfe9; border-radius: 22px; background: linear-gradient(120deg, #fff, #f2e8f7); margin-bottom: 28px; }
.economics-saving p { margin: 0; font-size: 17px; line-height: 1.8; }
.economics-saving p strong { color: #3b244a; font-weight: 700; }
.economics-saving-figure { display: grid; gap: 5px; min-width: 190px; text-align: center; padding-left: 32px; border-left: 1px solid #dbc6e4; }
.economics-saving-figure strong { color: #85489e; font-size: clamp(40px, 5vw, 58px); font-weight: 800; line-height: 1.15; letter-spacing: -0.04em; }
.economics-saving-figure span { color: #786282; font-size: 13px; letter-spacing: 0.04em; }
.economics-panel { padding: clamp(18px, 3vw, 32px); border: 1px solid #e5daea; border-radius: 22px; background: #fff; box-shadow: 0 12px 36px rgba(68, 36, 84, 0.045); }
.economics-panel + .economics-panel { margin-top: 28px; }
.economics-table-wrap { overflow-x: auto; border: 1px solid #e2d6e9; border-radius: 13px; }
.economics-table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.6; font-variant-numeric: tabular-nums; }
.economics-table th, .economics-table td { padding: 17px 22px; text-align: center; }
.economics-table thead { background: #352041; color: #fff; }
.economics-table thead th { font-size: 13px; font-weight: 600; }
.economics-table th:first-child { text-align: left; }
.economics-table tbody th { color: #3f2b4d; font-weight: 600; }
.economics-table tbody tr + tr { border-top: 1px solid #e9dfef; }
.economics-table tbody tr:nth-child(even) { background: #faf6fc; }
.economics-table tbody td:last-child { color: #84499b; }
.economics-table strong { color: #74358d; font-weight: 700; }
.economics-models .economics-table th:first-child { width: 32%; }
.economics-models .economics-table td,
.economics-models .economics-table thead th:last-child { text-align: right; }
.economics-models .economics-table strong { display: block; }
.economics-note { margin: 16px 0 0; font-size: 12px; font-style: italic; line-height: 1.7; text-align: center; color: #786882; }
@media (max-width: 575px) {
  .economics-saving { grid-template-columns: 1fr; gap: 20px; }
  .economics-saving-figure { border-left: 0; border-top: 1px solid #dbc6e4; padding: 20px 0 0; }
  .economics-table th, .economics-table td { padding: 12px 9px; font-size: 13px; }
  .economics-table thead th { font-size: 11px; }
}

.watch-demo-section {
  position: relative;
  display: flow-root;
  margin: 0;
  padding: clamp(48px, 7vw, 88px) 0;
  background: radial-gradient(ellipse at top right, #f0e2f6, transparent 60%), #fcf9fd;
  border-top: 1px solid #e9ddec;
  border-bottom: 1px solid #e9ddec;
  font-family: 'Poppins', sans-serif;
}
.watch-demo-section .container { max-width: 1120px; }
.watch-demo-section h2 {
  margin: 0 0 clamp(26px, 4vw, 42px);
  color: #2d1d39;
  text-align: center;
  font-size: clamp(28px, 3.7vw, 46px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.035em;
}
.watch-demo-section h2 span { color: #9953af; }
.watch-demo-frame {
  padding: clamp(8px, 1.5vw, 16px);
  border: 1px solid #ddc9e7;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(74, 36, 92, 0.12);
}
.watch-demo-frame .responsive-video { overflow: hidden; border-radius: 14px; }
.watch-demo-section + .founder-story { margin-top: 0; }

.founder-story {
  position: relative;
  padding: clamp(52px, 7vw, 94px) 0;
  background: radial-gradient(ellipse at 85% 30%, rgba(168, 85, 200, 0.17), transparent 55%), linear-gradient(150deg, #1d1229, #100e19 70%);
  border-top: 1px solid rgba(217, 160, 239, 0.18);
  color: #d7c9df;
  font-family: 'Poppins', sans-serif;
}
.founder-story .container { max-width: 1120px; }
.founder-story-heading { text-align: center; margin-bottom: 44px; }
.founder-story-symbol { display: inline-flex; padding: 12px; margin-bottom: 20px; border: 1px solid #684077; border-radius: 16px; background: #30203f; color: #e9b8fa; box-shadow: 0 0 28px rgba(185, 96, 211, 0.1); }
.founder-story-heading h2 { font-size: clamp(28px, 3.7vw, 46px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.25; color: #fff; margin: 0; }
.founder-story-heading h2 span { color: #e9a8e4; }
.founder-story-grid { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 48px; }
.founder-story p { margin: 0 0 18px; font-size: clamp(16px, 1.6vw, 18px); line-height: 1.8; font-weight: 400; }
.founder-story-copy .founder-story-lead { font-size: clamp(21px, 2.3vw, 27px); color: #f6edf9; line-height: 1.5; letter-spacing: -0.02em; }
.founder-story-lead strong { color: #e5b0f1; font-weight: 700; }
.founder-story-copy .founder-story-observation { margin: 26px 0 20px; padding-left: 18px; border-left: 3px solid #d88ac6; color: #fff; font-weight: 600; }
.founder-story-barriers { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.founder-story-barriers span { padding: 6px 11px; border: 1px solid #473151; border-radius: 7px; color: #c4aed0; font-size: 12px; background: rgba(255, 255, 255, 0.02); }
.founder-story-visual { position: relative; padding: 12px; border: 1px solid #674175; border-radius: 26px; background: linear-gradient(130deg, #32213e, #1d1428); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25); }
.founder-story-visual::before { content: ''; position: absolute; top: -1px; left: 20%; right: 20%; height: 2px; background: linear-gradient(90deg, transparent, #e9a8e4, transparent); }
.founder-story-image { display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 17px; background: radial-gradient(ellipse at center, rgba(199, 122, 213, 0.13), transparent 75%), #25192f; color: #a77aba; }
.founder-story-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.founder-story-resolution { display: grid; grid-template-columns: auto 1fr; gap: 34px; align-items: center; margin-top: 44px; padding: clamp(24px, 3.5vw, 38px); border: 1px solid rgba(214, 163, 96, 0.35); border-radius: 20px; background: linear-gradient(110deg, rgba(239, 194, 114, 0.08), rgba(174, 96, 215, 0.08)); }
.founder-story-price { font-size: clamp(60px, 8vw, 100px); font-weight: 800; letter-spacing: -0.06em; color: #fcd67b; line-height: 1; }
.founder-story-resolution h3 { color: #fff; font-size: clamp(20px, 2.5vw, 29px); font-weight: 800; line-height: 1.4; letter-spacing: -0.025em; margin: 0 0 12px; }
.founder-story-resolution h3 span { color: #fcd67b; }
.founder-story-resolution p { margin: 0; font-size: 16px; }
.founder-story-resolution strong { color: #f1c5e8; font-weight: 700; }
@media (max-width: 767px) {
  .founder-story-grid { grid-template-columns: 1fr; gap: 28px; }
  .founder-story-resolution { grid-template-columns: 1fr; gap: 18px; }
}

.buyer-features {
  padding: clamp(48px, 7vw, 90px) 0;
  background: radial-gradient(ellipse at 0 15%, rgba(174, 96, 215, 0.13), transparent 45%), radial-gradient(ellipse at 100% 85%, rgba(235, 88, 166, 0.09), transparent 45%), #120e1c;
  font-family: 'Poppins', sans-serif;
  border-bottom: 1px solid rgba(211, 133, 239, 0.2);
}
.buyer-features .container { max-width: 1120px; }
.buyer-features-heading { text-align: center; margin-bottom: 42px; }
.buyer-features-heading h2 { margin: 0; font-size: clamp(28px, 3.7vw, 46px); line-height: 1.3; font-weight: 800; letter-spacing: -0.035em; color: #fff; }
.buyer-features-heading h2 span { display: inline-block; color: #fcd67b; border-bottom: 3px solid #b973c9; padding: 0 4px 4px; }
.buyer-feature-card {
  height: 100%;
  padding: 12px;
  border: 1px solid rgba(211, 133, 239, 0.24);
  border-radius: 24px;
  background: linear-gradient(145deg, #251a32, #191222);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.buyer-feature-image {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(211, 133, 239, 0.12);
  border-radius: 16px;
  background: radial-gradient(ellipse at center, rgba(190, 118, 214, 0.14), transparent 70%), linear-gradient(120deg, #2e203c, #23182f);
  color: #a97bbd;
}
.buyer-feature-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.buyer-feature-icon { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(230, 183, 249, 0.35); border-radius: 12px; background: linear-gradient(135deg, #513065, #30203f); color: #edc4ff; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); }
.buyer-feature-copy { padding: 24px 16px 18px; }
.buyer-feature-copy h3 { color: #edbaf4; font-size: clamp(18px, 2vw, 23px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.35; margin: 0 0 12px; }
.buyer-feature-copy h3::before { content: ''; display: block; width: 32px; height: 3px; margin-bottom: 16px; border-radius: 3px; background: linear-gradient(90deg, #ae60d7, #eb58a6); }
.buyer-feature-copy p { margin: 0; color: #cfc2da; font-size: 16px; line-height: 1.75; font-weight: 400; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .buyer-feature-card:hover { transform: translateY(-5px); border-color: #ac70be; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25), 0 0 22px rgba(174, 96, 215, 0.1); }
}
@media (max-width: 575px) {
  .buyer-feature-copy { padding: 20px 10px 14px; }
}

.ownership-idea {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(48px, 7vw, 88px) 0;
  background: radial-gradient(ellipse at top right, #f2e5f5, transparent 55%), #fbf8fc;
  color: #51455c;
  font-family: 'Poppins', sans-serif;
}
.ownership-idea .container { position: relative; max-width: 1120px; }
.ownership-bg-icon { position: absolute; z-index: -1; width: 240px; color: #9250ac; opacity: 0.065; pointer-events: none; }
.ownership-bg-chip { top: 70px; left: -70px; transform: rotate(-18deg); }
.ownership-bg-chart { bottom: 50px; right: -60px; transform: rotate(15deg); }
.ownership-heading { text-align: center; margin-bottom: 38px; }
.ownership-heading h2 { margin: 0; color: #2d1d39; font-size: clamp(27px, 3.5vw, 43px); line-height: 1.25; font-weight: 800; letter-spacing: -0.035em; }
.ownership-heading h2 span { color: #9953af; }
.ownership-layout { display: grid; grid-template-columns: 1fr 1.15fr; gap: 42px; align-items: center; }
.ownership-image-frame { order: -1; }
.ownership-transformations { display: grid; gap: 14px; }
.ownership-shift { display: grid; grid-template-columns: 1fr auto 1.4fr; align-items: center; gap: 16px; padding: 23px 18px; border-bottom: 1px solid #e2d4e9; font-size: clamp(12px, 1.3vw, 16px); line-height: 1.5; font-weight: 600; }
.ownership-shift:first-child { border: 1px solid #e0c9e8; border-radius: 14px; background: linear-gradient(110deg, #fff, #efe0f5); box-shadow: 0 8px 24px rgba(93, 49, 113, 0.05); }
.ownership-shift > span:nth-child(2) { color: #ac70be; font-size: 26px; }
.ownership-shift strong { color: #743b8d; font-weight: 800; }
.ownership-image-frame { padding: 10px; border: 1px solid #e4d5eb; border-radius: 24px; background: #fff; box-shadow: 0 20px 45px rgba(71, 33, 91, 0.07); }
.ownership-image { display: grid; place-items: center; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 16px; background: linear-gradient(135deg, #eee5f5, #f9eaeF); color: #b393c4; }
.ownership-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ownership-math { margin-top: 38px; }
.ownership-math-intro { font-size: 17px; line-height: 1.7; margin: 0 0 20px; }
.ownership-table-wrap { overflow-x: auto; border: 1px solid #e1d4e8; border-radius: 16px; box-shadow: 0 12px 30px rgba(71, 33, 91, 0.05); background: #fff; }
.ownership-table { width: 100%; border-collapse: collapse; font-size: 17px; font-variant-numeric: tabular-nums; }
.ownership-table th, .ownership-table td { padding: 18px 24px; text-align: center; }
.ownership-table thead { background: #342041; color: #fff; }
.ownership-table thead th { font-size: 14px; font-weight: 600; }
.ownership-table th:first-child { text-align: left; }
.ownership-table tbody tr + tr { border-top: 1px solid #ebe2f0; }
.ownership-table tbody tr:nth-child(even) { background: #f8f3fb; }
.ownership-table tbody th { color: #4a3557; font-weight: 600; }
.ownership-table td:last-child { color: #85459c; font-weight: 700; }
.ownership-idea .ownership-disclaimer { margin: 16px 0 0; text-align: center; color: #776980; font-size: 12px; font-style: italic; line-height: 1.7; }
.ownership-closing { margin: 28px auto 0; text-align: center; font-size: 18px; line-height: 1.7; }
.ownership-closing strong { color: #743b8d; font-weight: 700; }
@media (max-width: 767px) {
  .ownership-layout { grid-template-columns: 1fr; gap: 26px; }
  .ownership-shift { padding: 18px 12px; gap: 10px; }
  .ownership-table th, .ownership-table td { padding: 14px 10px; }
  .ownership-table { font-size: 14px; }
  .ownership-table thead th { font-size: 12px; }
}

.transaction-section {
  position: relative;
  z-index: 11;
  padding: clamp(48px, 7vw, 90px) 0;
  background: radial-gradient(ellipse at 90% 20%, rgba(174, 96, 215, 0.17), transparent 55%), linear-gradient(145deg, #161020, #100e19);
  color: #d8cfdf;
  font-family: 'Poppins', sans-serif;
  border-bottom: 1px solid rgba(211, 133, 239, 0.2);
}
.transaction-section .container { max-width: 1120px; }
.transaction-heading { margin-bottom: 42px; text-align: center; }
.transaction-heading h2 { margin: 0; color: #fff; font-size: clamp(27px, 3.5vw, 44px); line-height: 1.25; letter-spacing: -0.035em; font-weight: 800; }
.transaction-heading h2 span { color: #e5a7eb; }
.transaction-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 44px; align-items: center; }
.transaction-section p { font-size: clamp(15px, 1.55vw, 18px); line-height: 1.8; font-weight: 400; margin: 0 0 14px; }
.transaction-copy .transaction-worn { margin: 24px 0; padding: 12px 0 12px 18px; border-left: 3px solid #de91ca; color: #f0bedf; font-weight: 700; letter-spacing: 0.025em; }
.transaction-copy h3 { color: #fff; font-size: clamp(24px, 2.7vw, 34px); line-height: 1.35; font-weight: 800; margin: 22px 0 0; letter-spacing: -0.025em; }
.transaction-copy h3 span { color: #fcd67b; }
.transaction-visual { padding: 12px; border: 1px solid rgba(211, 133, 239, 0.3); border-radius: 26px; background: rgba(255, 255, 255, 0.025); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); }
.transaction-image { display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 17px; color: #b68dc6; background: radial-gradient(ellipse at center, rgba(211, 133, 239, 0.12), transparent 75%), #21172c; }
.transaction-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.transaction-comparison { position: relative; display: grid; grid-template-columns: 1fr 1fr; margin-top: 44px; border: 1px solid rgba(211, 133, 239, 0.3); border-radius: 20px; overflow: hidden; }
.transaction-old, .transaction-new { padding: clamp(24px, 3.5vw, 36px); }
.transaction-old { background: rgba(255, 255, 255, 0.035); }
.transaction-new { background: linear-gradient(120deg, rgba(174, 96, 215, 0.23), rgba(235, 88, 166, 0.12)); border-left: 1px solid rgba(211, 133, 239, 0.3); }
.transaction-comparison svg { margin-bottom: 18px; color: #b1a3bc; }
.transaction-new svg { color: #f1b3de; }
.transaction-comparison h3 { font-size: 13px; line-height: 1.5; letter-spacing: 0.06em; font-weight: 700; color: #bfb1ca; margin: 0 0 12px; }
.transaction-new h3 { color: #f2bde5; }
.transaction-comparison p { margin: 0; }
.transaction-new p { color: #fff; font-weight: 500; }
.transaction-new strong { color: #fcd67b; font-weight: 700; }
.transaction-arrow { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #845394; border-radius: 50%; background: #2a1936; color: #efc4ff; font-size: 22px; }
.transaction-section .transaction-closing { max-width: 900px; margin: 28px auto 0; text-align: center; color: #c9bad3; font-size: 16px; }
.transaction-section + .step-section { margin-top: 0; }
@media (max-width: 767px) {
  .transaction-grid, .transaction-comparison { grid-template-columns: 1fr; }
  .transaction-grid { gap: 26px; }
  .transaction-new { border-left: 0; border-top: 1px solid rgba(211, 133, 239, 0.3); }
  .transaction-arrow { display: none; }
}

.subscriber-story {
  padding: clamp(48px, 7vw, 88px) 0;
  background: radial-gradient(ellipse at 95% 15%, #f0e4f6, transparent 50%), #fcfaf7;
  color: #4e4658;
  font-family: 'Poppins', sans-serif;
}
.subscriber-story .container { max-width: 1120px; }
.subscriber-story-heading { text-align: center; margin-bottom: 42px; }
.subscriber-story-heading h2 { color: #241831; font-size: clamp(28px, 3.8vw, 46px); line-height: 1.2; font-weight: 800; letter-spacing: -0.035em; margin: 0 0 14px; }
.subscriber-story-heading h2 span { color: #9250ac; }
.subscriber-story .subscriber-story-heading p { font-size: 13px; font-style: italic; color: #716778; }
.subscriber-story p { font-size: clamp(15px, 1.5vw, 17px); line-height: 1.8; font-weight: 400; margin: 0 0 14px; }
.subscriber-story strong { color: #392145; font-weight: 700; }
.subscriber-story-grid { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: 44px; }
.subscriber-story-visual { order: -1; }
.subscriber-story .subscriber-story-opening { color: #2c1b38; font-size: 25px; font-weight: 700; }
.subscriber-story-cost { padding: 14px 18px; border-left: 3px solid #b272ca; background: #eee5f3; border-radius: 0 10px 10px 0; }
.subscriber-story-visual { padding: 12px; background: #fff; border: 1px solid #e4d8e9; border-radius: 26px; box-shadow: 0 20px 50px rgba(70, 40, 89, 0.08); }
.subscriber-story-image { display: grid; place-items: center; aspect-ratio: 4 / 3; border-radius: 17px; overflow: hidden; background: linear-gradient(145deg, #eee6f4, #faeee8); color: #b798c8; }
.subscriber-story-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.subscriber-story-email { display: flex; align-items: center; gap: 24px; margin: 32px 0; padding: 26px 32px; border: 1px solid #dac5e5; border-radius: 18px; background: linear-gradient(110deg, #f0e4f7, #fff6ec); }
.subscriber-story-email svg { flex-shrink: 0; color: #9250ac; }
.subscriber-story-email p { margin: 0; color: #57316b; font-size: clamp(19px, 2.2vw, 25px); line-height: 1.55; font-weight: 500; font-style: italic; }
.subscriber-story-payoff { display: grid; grid-template-columns: 1.25fr 1fr; gap: 40px; align-items: center; }
.subscriber-story-result { padding: 26px; border-left: 1px solid #d8bfdf; }
.subscriber-story-result > span { display: block; color: #ac6bb7; font-size: 40px; line-height: 1; margin-bottom: 12px; }
.subscriber-story-result h3 { color: #2c1b38; font-size: clamp(23px, 2.6vw, 31px); font-weight: 800; line-height: 1.35; margin: 0; letter-spacing: -0.025em; }
.subscriber-story-result em { color: #9250ac; font-style: normal; }
.subscriber-story .subscriber-story-closing { max-width: 840px; margin: 30px auto 0; padding-top: 24px; border-top: 1px solid #e0d4e5; text-align: center; color: #5c4769; font-weight: 500; }
@media (max-width: 767px) {
  .subscriber-story-grid, .subscriber-story-payoff { grid-template-columns: 1fr; gap: 24px; }
  .subscriber-story-email { padding: 22px; gap: 16px; align-items: flex-start; }
  .subscriber-story-result { padding: 20px; }
}

.gold-rush-section {
  padding: clamp(48px, 7vw, 90px) 0;
  background: radial-gradient(ellipse at 85% 30%, rgba(182, 124, 48, 0.12), transparent 50%), #100f19;
  color: #e6e0e8;
  font-family: 'Poppins', sans-serif;
  border-top: 1px solid rgba(239, 194, 114, 0.16);
  border-bottom: 1px solid rgba(211, 133, 239, 0.16);
}

.gold-rush-section .container { max-width: 1120px; }
.gold-rush-heading { text-align: center; margin-bottom: 44px; }
.gold-rush-emblem {
  display: inline-flex;
  padding: 12px;
  margin-bottom: 18px;
  border: 1px solid rgba(239, 194, 114, 0.4);
  border-radius: 50%;
  color: #efc272;
  background: rgba(239, 194, 114, 0.06);
}
.gold-rush-heading h2 {
  margin: 0;
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.035em;
  color: #fff;
}
.gold-rush-heading h2 span {
  background: linear-gradient(100deg, #d5a454, #ffe7ae, #d5a454);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gold-rush-story { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; }
.gold-rush-visual { display: grid; gap: 20px; min-width: 0; }
.gold-rush-image-slot {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border: 1px solid rgba(239, 194, 114, 0.3);
  border-radius: 20px;
  background: radial-gradient(ellipse at center, rgba(239, 194, 114, 0.09), transparent 75%), #17131d;
  color: rgba(239, 194, 114, 0.55);
}
.gold-rush-image-slot img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gold-rush-history { position: relative; padding: 26px 0 0 26px; border-left: 1px solid #715634; }
.gold-rush-year { display: block; color: #efc272; font-size: 52px; font-weight: 800; line-height: 1; margin-bottom: 20px; letter-spacing: -0.05em; }
.gold-rush-section p { font-size: clamp(15px, 1.6vw, 18px); line-height: 1.8; font-weight: 400; margin: 0 0 16px; }
.gold-rush-section p:last-child { margin-bottom: 0; }
.gold-rush-history strong { color: #fff0cf; font-weight: 600; }
.gold-rush-lesson {
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(239, 194, 114, 0.3);
  border-radius: 4px 28px 4px 28px;
  background: linear-gradient(135deg, rgba(239, 194, 114, 0.1), rgba(239, 194, 114, 0.02));
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
}
.gold-rush-quote-icon { color: #efc272; opacity: 0.55; margin-bottom: 20px; }
.gold-rush-history .gold-rush-lesson { margin-top: 24px; padding: 24px; }
.gold-rush-lesson p { font-size: clamp(21px, 2.4vw, 29px); font-weight: 700; line-height: 1.45; letter-spacing: -0.025em; }
.gold-rush-lesson strong { display: inline-block; margin-top: 12px; color: #efc272; font-weight: 800; }
.gold-rush-today { display: grid; grid-template-columns: 1fr 1.35fr; gap: 40px; margin-top: 42px; padding-top: 34px; border-top: 1px solid rgba(211, 133, 239, 0.25); }
.gold-rush-today-title svg { color: #d6a0ee; margin-bottom: 14px; }
.gold-rush-today h3 { color: #fff; font-size: clamp(23px, 2.6vw, 32px); font-weight: 700; line-height: 1.35; }
.gold-rush-today h3 span { color: #dfaaef; }
.gold-rush-today-copy strong { color: #f0c3e6; font-weight: 600; }
@media (max-width: 767px) {
  .gold-rush-story, .gold-rush-today { grid-template-columns: 1fr; gap: 26px; }
  .gold-rush-heading { margin-bottom: 28px; }
  .gold-rush-history { padding-top: 0; }
}

.affiliate-pitch {
  container-type: inline-size;
}

.affiliate-pitch .affiliate-pitch-title {
  margin: 0 auto 38px;
  max-width: 1000px;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(32px, 5.5vw, 70px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.035em;
}

.pitch-launch {
  color: #e6afff;
}

.pitch-intro {
  display: block;
  margin-bottom: 18px;
  font-size: min(4.6cqw, 48px);
  font-weight: 800;
  letter-spacing: -0.035em;
  white-space: nowrap;
}

.pitch-transformation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3em;
  font-size: min(4.8cqw, 50px);
  white-space: nowrap;
  margin-bottom: 16px;
}

.pitch-into {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  color: #e4b0f5;
  font-size: 0.55em;
  font-weight: 500;
  letter-spacing: 0;
}

.pitch-into svg { width: 2em; height: 0.7em; }

.pitch-buyers {
  color: #fff;
  text-shadow: 0 4px 22px rgba(211, 133, 239, 0.25);
}

.pitch-sellers {
  display: inline-block;
  padding: 0.18em 0.3em 0.24em;
  background: linear-gradient(105deg, #c896ff, #f395cc 65%, #ffd59e);
  color: #21102f;
  border-radius: 4px;
  transform: rotate(-1.5deg);
  box-shadow: 7px 7px 0 #63357d, 0 15px 40px rgba(211, 105, 205, 0.18);
}

.pitch-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0;
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Poppins', sans-serif;
  padding: 20px 0;
  border-top: 1px solid rgba(211, 133, 239, 0.4);
  border-bottom: 1px solid rgba(211, 133, 239, 0.4);
  background: radial-gradient(ellipse at 85% 50%, rgba(176, 83, 188, 0.18), transparent 65%);
}

.pitch-metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 22px 14px;
  position: relative;
  border-right: 1px solid rgba(211, 133, 239, 0.25);
}

.pitch-number {
  color: #fff;
  font-size: clamp(44px, 6vw, 76px);
  font-weight: 900;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}

.pitch-metric-label {
  margin-top: 8px;
  color: #f6edff;
  font-size: clamp(13px, 1.5vw, 17px);
  font-weight: 600;
  line-height: 1.5;
}

.pitch-metric-featured {
  border-right: 0;
}

.pitch-metric-featured .pitch-number {
  color: #fcd67b;
  font-size: clamp(58px, 8vw, 96px);
  text-shadow: 0 0 30px rgba(252, 214, 123, 0.2);
}
.pitch-metric-cap { color: #fce4ac; font-size: 13px; font-weight: 600; line-height: 1.5; margin-bottom: 3px; }

@media (max-width: 575px) {
  .pitch-metrics { grid-template-columns: 1fr 1fr; }
  .pitch-metric { padding: 18px 12px; }
  .pitch-metric:nth-child(2) { border-right: 0; }
  .pitch-metric-featured { grid-column: 1 / -1; border-top: 1px solid rgba(211, 133, 239, 0.25); }
  .pitch-sellers { box-shadow: 3px 3px 0 #63357d; }
}

.pitch-details {
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Poppins', sans-serif;
  letter-spacing: normal;
}

.pitch-details .pitch-commission-note {
  margin: 16px auto 24px;
  color: #c0b5cc;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
}

.pitch-commission-note strong {
  display: inline-block;
  padding: 0 6px;
  border-radius: 4px;
  background: rgba(252, 214, 123, 0.12);
  color: #fcd67b;
  font-weight: 700;
}

.pitch-value-panel {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid rgba(211, 133, 239, 0.24);
  border-left: 3px solid #dc91e9;
  border-radius: 0 18px 18px 0;
  background: linear-gradient(110deg, rgba(174, 96, 215, 0.16), rgba(235, 88, 166, 0.05));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  text-align: left;
}

.pitch-value-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 54px;
  height: 54px;
  border: 1px solid rgba(211, 133, 239, 0.3);
  border-radius: 15px;
  background: rgba(174, 96, 215, 0.12);
  color: #ebbcff;
}

.pitch-value-panel p {
  margin: 0;
  color: #ded6e8;
  font-size: clamp(15px, 1.7vw, 19px);
  font-weight: 400;
  line-height: 1.75;
}

.pitch-value-panel strong { color: #fff; font-weight: 700; }
.pitch-value-panel p > span { color: #f1b9dd; font-weight: 600; }

.pitch-details .pitch-manifesto {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 14px;
  margin: 28px 0 0;
  font-size: clamp(13px, 1.65vw, 18px);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.035em;
}

.pitch-manifesto > span { color: #c0b5cc; }
.pitch-manifesto svg { color: #df91d5; flex-shrink: 0; }
.pitch-manifesto strong {
  color: #f9d2ee;
  font-weight: 800;
  text-shadow: 0 0 24px rgba(235, 88, 166, 0.25);
}

@media (max-width: 575px) {
  .pitch-value-panel { flex-direction: column; gap: 14px; text-align: center; }
  .pitch-value-icon { flex-basis: auto; width: 48px; height: 48px; }
  .pitch-manifesto svg { display: none; }
  .pitch-manifesto strong { flex-basis: 100%; }
}

.launch-countdown-section {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(211, 133, 239, 0.25);
}

.pitch-details .launch-countdown-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 0 18px;
  color: #ece2f3;
  font-size: clamp(18px, 2.2vw, 25px);
  font-weight: 600;
  line-height: 1.4;
}

.launch-countdown-heading svg { color: #e5a4f0; flex-shrink: 0; }
.launch-countdown-heading strong { color: #fcd67b; font-weight: 800; }
.launch-countdown-timer { max-width: 620px; margin: 0 auto; }

.affiliate-preheading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: fit-content;
  max-width: 100%;
  margin: clamp(28px, 4vw, 48px) auto 0;
  padding: 18px 28px;
  border: 1px solid transparent;
  border-radius: 20px;
  background: linear-gradient(115deg, #24153d, #17152d) padding-box,
              linear-gradient(115deg, #fbbf24, #ed83d5 48%, #8b5cf6) border-box;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.24), 0 0 28px rgba(168, 85, 247, 0.16);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(13px, 1.3vw, 18px);
  font-weight: 600;
  line-height: 1.65;
  letter-spacing: 0.025em;
  text-align: left;
}

.affiliate-preheading-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 52px;
  height: 52px;
  border: 1px solid rgba(255, 231, 159, 0.65);
  border-radius: 15px;
  background: linear-gradient(135deg, #fde68a, #f59e0b);
  color: #392008;
  box-shadow: 0 4px 20px rgba(245, 158, 11, 0.24);
  transform: rotate(-8deg);
}

.affiliate-preheading-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.affiliate-preheading-label {
  color: #fcd67b;
  font-size: 0.72em;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.affiliate-preheading-message strong {
  color: #fff;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: #e879c0;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

@media (max-width: 575px) {
  .affiliate-preheading {
    gap: 12px;
    padding: 15px;
    border-radius: 16px;
  }

  .affiliate-preheading-icon {
    flex-basis: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .affiliate-preheading-label {
    font-size: 10px;
    letter-spacing: 0.07em;
  }
}