.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:900px) {
 .hero .wrap { grid-template-columns:1fr; padding-bottom:48px; }
.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%; }
 }