.hero-driver {
	background-color: #0a1128;
	background-image: 
		radial-gradient(circle at 80% 20%, rgba(0, 168, 255, 0.15) 0%, transparent 50%),
		radial-gradient(circle at 20% 80%, rgba(30, 58, 95, 0.4) 0%, transparent 40%),
		url('https://www.transparenttextures.com/patterns/carbon-fibre.png');
}

.phone-mockup {
	box-shadow: 0 25px 50px -12px rgba(0, 168, 255, 0.25), 0 0 0 10px #1e293b, 0 0 0 12px #334155;
}

.qr-scan-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #10b981;
	box-shadow: 0 0 10px 2px rgba(16, 185, 129, 0.5);
	animation: scan 2.5s infinite linear;
}

@keyframes scan {
	0% { top: 0; opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% { top: 100%; opacity: 0; }
}