.hero { background:linear-gradient(180deg, var(--cream) 0%, var(--soft-aqua) 120%); overflow:hidden; padding:76px 0 0; }
.hero .wrap { display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center; padding-bottom:64px; }
.hero h1 { font-size:52px; line-height:1.06; margin-bottom:20px; }
.hero h1 em { font-style:normal; color:var(--teal); }
.hero .lede { font-size:18px; color:#3E5566; max-width:480px; margin-bottom:32px; }
.hero-ctas { display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-bottom:40px; }
.hero-ctas .call-btn { font-size:17px; padding:16px 30px; }
.link-secondary { font-weight:800; font-size:15px; color:var(--navy); border-bottom:2px solid var(--aqua); padding-bottom:3px; }
.trust-row { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; padding-top:28px; border-top:1px solid rgba(36,58,78,0.12); }
.trust-item { display:flex; flex-direction:column; gap:6px; }
.trust-item .ti-label { font-size:13px; font-weight:800; color:var(--navy); }
.trust-item .ti-sub { font-size:12.5px; color:#5A6E7C; }
.trust-item svg { width:22px; height:22px; color:var(--teal); margin-bottom:2px; }
.hero-art { position:relative; }
.hero-art .photo-card { border-radius:28px; overflow:hidden; box-shadow:var(--shadow); position:relative; }
.hero-art .photo-card img { width:100%; height:520px; object-fit:cover; object-position:center 20%; }
.device-badge { position:absolute; left:-38px; bottom:-30px; background:#fff; border-radius:20px; padding:16px 18px; box-shadow:0 22px 45px -18px rgba(20,50,60,0.35); display:flex; align-items:center; gap:14px; width:250px; }
.device-badge img { width:56px; height:56px; object-fit:cover; border-radius:12px; flex-shrink:0; }
.device-badge .db-title { font-size:13px; font-weight:800; color:var(--navy); margin-bottom:2px; }
.device-badge .db-sub { font-size:11.5px; color:#5A6E7C; line-height:1.4; }
.status-chip { position:absolute; top:26px; right:26px; background:rgba(27,44,58,0.55); color:#fff; backdrop-filter:blur(6px); font-size:12px; font-weight:700; padding:8px 14px; border-radius:100px; display:flex; align-items:center; gap:8px; }
.status-chip .dot { width:7px; height:7px; border-radius:50%; background:#48F0A0; }
@media (max-width:1200px){
	.trust-row{
		gap: 10px;
	}
	.hero .wrap{
		gap: 30px;
	}
	.device-badge{
		left: -20px;
		bottom: -20px;
	}
}
@media (max-width:900px) {
 .hero .wrap { grid-template-columns:1fr; padding-bottom:48px; gap:50px;}
.hero h1 { font-size:38px; }
.trust-row { grid-template-columns:repeat(2,1fr); }
.hero-art { order:-1; }
.device-badge { left:16px; bottom:-24px; width:auto; max-width:80%; }
.hero{
	padding: 50px 0 0;
 }
}
@media (max-width:575px){
	.hero-art .photo-card img{
		height: 400px;
	}
	.device-badge{
		padding: 10px;
		border-radius: 10px;
	}
}