/* =========================
   OUR MAIN FOCUS - ULTRA LUXURY REAL ESTATE
========================= */
.dr1056moto {
	position: relative;
	width: 100%;
	padding: 120px 20px;
	overflow: hidden;

	background:
		radial-gradient(circle at 12% 18%, rgba(212,175,55,0.08), transparent 30%),
		radial-gradient(circle at 88% 20%, rgba(0,180,255,0.06), transparent 30%),
		radial-gradient(circle at 50% 92%, rgba(212,175,55,0.06), transparent 35%),
		linear-gradient(180deg, #f9fbfd 0%, #eef5f9 100%);

	color: #0f1f2a;
	isolation: isolate;
}

/* ===== FLOATING ORBS (SOFT GOLD) ===== */
.dr1056moto .moto-bg-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(90px);
	opacity: 0.35;
	animation: motoFloat 18s ease-in-out infinite alternate;
}

.moto-orb-1 {
	width: 260px;
	height: 260px;
	background: rgba(212,175,55,0.15);
	top: 40px;
	left: -80px;
}

.moto-orb-2 {
	width: 320px;
	height: 320px;
	background: rgba(0,180,255,0.10);
	right: -90px;
	top: 70px;
}

.moto-orb-3 {
	width: 280px;
	height: 280px;
	background: rgba(212,175,55,0.12);
	left: 50%;
	bottom: -80px;
	transform: translateX(-50%);
}

/* ===== HEADER ===== */
.dr1056moto .moto-header {
	max-width: 900px;
	margin: 0 auto 50px;
	text-align: center;
}

.moto-badge {
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;

	background: linear-gradient(135deg,#d4af37,#f6e27a);
	color: #1a1a1a;

	box-shadow: 0 6px 18px rgba(212,175,55,0.25);
}

.moto-header h2 {
	font-size: clamp(32px,4vw,54px);
	font-weight: 800;
	line-height: 1.1;
	margin: 18px 0;
	color: #0c1f2b;
}

.moto-header p {
	color: #5b6b75;
	line-height: 1.8;
	font-size: 16px;
}

/* ===== INTRO BANNER ===== */
.moto-intro-banner {
	display:flex;
	align-items:center;
	gap:18px;

	max-width:900px;
	margin:0 auto 40px;
	padding:24px;

	border-radius:24px;

	background: rgba(255,255,255,0.65);
	backdrop-filter: blur(20px);

	border:1px solid rgba(255,255,255,0.8);

	box-shadow:
		0 25px 60px rgba(0,0,0,0.08),
		inset 0 1px 0 rgba(255,255,255,0.9);

	position:relative;
}

.moto-intro-banner::before {
	content:"";
	position:absolute;
	top:0;
	left:20px;
	right:20px;
	height:3px;

	background: linear-gradient(90deg,#d4af37,#f6e27a,#d4af37);
}

.moto-intro-icon {
	width:70px;
	height:70px;
	border-radius:18px;

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

	font-size:26px;

	background: linear-gradient(135deg,#d4af37,#f6e27a);
	color:#1a1a1a;

	box-shadow:0 10px 25px rgba(212,175,55,0.35);
}

.moto-intro-content h3 {
	font-size:22px;
	font-weight:800;
	margin-bottom:6px;
}

.moto-intro-content p {
	color:#5b6b75;
	line-height:1.7;
}

/* ===== GRID ===== */
.moto-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}

/* ===== CARD ===== */
.moto-card {
	position:relative;
	padding:30px 26px;
	border-radius:26px;

	background: rgba(255,255,255,0.7);
	backdrop-filter: blur(18px);

	border:1px solid rgba(255,255,255,0.85);

	box-shadow:
		0 25px 60px rgba(0,0,0,0.08),
		inset 0 1px 0 rgba(255,255,255,0.9);

	transition: all 0.45s ease;
}

.moto-card::before {
	content:"";
	position:absolute;
	top:0;
	left:18px;
	right:18px;
	height:3px;

	background: linear-gradient(90deg,#d4af37,#f6e27a,#d4af37);
}

/* hover */
.moto-card:hover {
	transform: translateY(-8px) scale(1.01);

	box-shadow:
		0 35px 70px rgba(0,0,0,0.12),
		0 0 0 1px rgba(212,175,55,0.25);
}

/* top */
.moto-card-top {
	display:flex;
	align-items:center;
	gap:14px;
	margin-bottom:18px;
}

.moto-icon {
	width:60px;
	height:60px;
	border-radius:16px;

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

	font-size:22px;

	background: linear-gradient(135deg,#d4af37,#f6e27a);
	color:#1a1a1a;

	box-shadow:0 10px 25px rgba(212,175,55,0.3);
}

.moto-label {
	font-size:12px;
	font-weight:700;
	letter-spacing:1px;

	padding:6px 14px;
	border-radius:50px;

	background:rgba(212,175,55,0.12);
	color:#9c7c2b;
}

/* text */
.moto-card h3 {
	font-size:22px;
	font-weight:800;
	margin-bottom:12px;
}

.moto-card p {
	color:#5b6b75;
	line-height:1.9;
}

/* ===== QUOTE ===== */
.moto-quote-box {
	margin:50px auto 0;
	max-width:900px;

	padding:28px;
	border-radius:24px;

	background: linear-gradient(135deg,#0f2027,#203a43);
	color:white;

	text-align:center;

	box-shadow:0 25px 50px rgba(0,0,0,0.2);
}

.moto-quote-icon {
	width:50px;
	height:50px;
	margin:0 auto 14px;

	border-radius:14px;

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

	background: linear-gradient(135deg,#d4af37,#f6e27a);
	color:#000;
}

/* ===== ANIMATION ===== */
@keyframes motoFloat {
	0% { transform: translateY(0); }
	100% { transform: translateY(-25px); }
}

/* ===== RESPONSIVE ===== */
@media (max-width:1100px){
	.moto-grid {
		grid-template-columns:1fr;
	}
}

@media (max-width:768px){
	.dr1056moto {
		padding:80px 16px;
	}

	.moto-intro-banner {
		flex-direction:column;
		text-align:center;
	}

	.moto-card {
		padding:22px;
	}
}