.dr1060contact{
	position:relative;
	padding:120px 24px;
	overflow:hidden;

	background:
	radial-gradient(circle at top left,
	rgba(34,211,238,.15),
	transparent 35%),

	radial-gradient(circle at bottom right,
	rgba(59,130,246,.15),
	transparent 35%),

	linear-gradient(
	180deg,
	#020617 0%,
	#071220 50%,
	#020617 100%);
}

.dr1060contact::before{
	content:"";
	position:absolute;
	inset:0;

	background:
	linear-gradient(
	90deg,
	rgba(255,255,255,.03) 1px,
	transparent 1px),

	linear-gradient(
	180deg,
	rgba(255,255,255,.03) 1px,
	transparent 1px);

	background-size:70px 70px;

	mask-image:
	linear-gradient(
	to bottom,
	transparent,
	black 10%,
	black 90%,
	transparent);
}

.dr1060contact-container{
	max-width:1400px;
	margin:auto;
	position:relative;
	z-index:2;
}

.dr1060contact-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	align-items:center;
	gap:70px;
	margin-bottom:90px;
}

.dr1060contact-badge{
	display:inline-flex;
	padding:12px 22px;
	border-radius:999px;

	background:
	rgba(255,255,255,.08);

	border:1px solid
	rgba(255,255,255,.12);

	backdrop-filter:blur(20px);

	color:#67e8f9;
	font-weight:700;

	margin-bottom:24px;
}

.dr1060contact-content h1{
	font-size:clamp(3rem,6vw,5.5rem);
	line-height:1.05;
	font-weight:900;
	color:#fff;
	margin-bottom:24px;
}

.dr1060contact-content h1 span{
	display:block;

	background:
	linear-gradient(
	135deg,
	#67e8f9,
	#60a5fa);

	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

.dr1060contact-description{
	font-size:1.15rem;
	line-height:1.9;
	color:#cbd5e1;
	margin-bottom:35px;
}

.dr1060contact-highlights{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}

.dr1060contact-item{
	padding:24px;
	border-radius:24px;

	background:
	linear-gradient(
	180deg,
	rgba(255,255,255,.08),
	rgba(255,255,255,.03));

	border:1px solid
	rgba(255,255,255,.10);

	backdrop-filter:blur(20px);

	box-shadow:
	0 15px 40px rgba(0,0,0,.35);
}

.dr1060contact-item h3{
	color:#fff;
	margin-bottom:10px;
}

.dr1060contact-item p{
	color:#cbd5e1;
	line-height:1.7;
}

.dr1060contact-visual{
	position:relative;
}

.dr1060contact-visual img{
	width:100%;
	display:block;

	border-radius:32px;

	border:1px solid
	rgba(255,255,255,.15);

	box-shadow:
	0 35px 90px rgba(0,0,0,.5);

	transform:
	perspective(1200px)
	rotateY(-6deg)
	rotateX(3deg);
}

.dr1060contact-cards{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
	margin-bottom:80px;
}

.dr1060contact-card{
	padding:40px;
	text-align:center;

	border-radius:30px;

	background:
	linear-gradient(
	180deg,
	rgba(255,255,255,.08),
	rgba(255,255,255,.04));

	border:1px solid
	rgba(255,255,255,.10);

	backdrop-filter:blur(24px);

	box-shadow:
	0 20px 50px rgba(0,0,0,.4);

	transition:.4s ease;
}

.dr1060contact-card:hover{
	transform:
	translateY(-10px);

	box-shadow:
	0 35px 80px rgba(0,0,0,.55);
}

.dr1060contact-icon{
	width:80px;
	height:80px;

	margin:auto auto 20px;

	display:flex;
	align-items:center;
	justify-content:center;

	border-radius:50%;

	background:
	linear-gradient(
	135deg,
	#22d3ee,
	#3b82f6);

	color:#fff;
	font-size:1.7rem;
	font-weight:700;
}

.dr1060contact-card h2{
	color:#fff;
	margin-bottom:12px;
}

.dr1060contact-card p{
	color:#cbd5e1;
	line-height:1.8;
}

.dr1060contact-ecosystem{
	padding:60px;
	text-align:center;

	border-radius:36px;

	background:
	linear-gradient(
	180deg,
	rgba(34,211,238,.08),
	rgba(255,255,255,.04));

	border:1px solid
	rgba(255,255,255,.12);

	backdrop-filter:blur(24px);
}

.dr1060contact-ecosystem h2{
	color:#fff;
	font-size:2.4rem;
	margin-bottom:40px;
}

.dr1060ecosystem-flow{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:25px;
	margin-bottom:30px;
}

.dr1060ecosystem-flow div{
	padding:24px;
	border-radius:20px;

	background:
	rgba(255,255,255,.06);

	border:1px solid
	rgba(255,255,255,.08);

	color:#fff;
	font-weight:700;
}

.dr1060contact-ecosystem p{
	color:#cbd5e1;
	max-width:900px;
	margin:auto;
	line-height:1.9;
}

.dr1060contact .animate{
	opacity:0;
	transform:translateY(50px);
	transition:.8s ease;
}

.dr1060contact.revealed .animate{
	opacity:1;
	transform:none;
}

@media(max-width:992px){

	.dr1060contact-grid{
		grid-template-columns:1fr;
	}

	.dr1060contact-highlights{
		grid-template-columns:1fr;
	}

	.dr1060contact-cards{
		grid-template-columns:1fr;
	}

	.dr1060ecosystem-flow{
		grid-template-columns:1fr;
	}

	.dr1060contact-ecosystem{
		padding:40px 25px;
	}
}