/* ========== HERO ========== */
.hero{padding:56px 0 40px}
.hero .wrap{display:grid;grid-template-columns:1fr 0.9fr;gap:40px;align-items:start}
.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
.title{font-size:clamp(30px,4vw,44px);font-weight:900;margin:10px 0 12px;letter-spacing:-0.01em}
.subtitle{font-size:17px;line-height:1.55;color:#2a2f34;max-width:62ch}
.benefits{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.chip{background:#eef6f8;border:1px solid var(--line);padding:9px 12px;border-radius:10px;color:#1f252a;font-weight:700;font-size:13px}

/* VIDEO BANNER */
.hero-video-banner{
    position:relative;background:#eef6f8;border:1px solid var(--line);border-radius:12px;overflow:hidden;
    display:grid;grid-template-columns:140px 1fr;column-gap:16px;align-items:center;padding:14px;cursor:pointer;transition:box-shadow .3s ease;
}
.hero-video-banner:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)}
.video-thumb{position:relative;width:140px;height:100px;min-width:140px;border-radius:8px;overflow:hidden;flex-shrink:0}
.video-thumb img{width:100%;height:100%;object-fit:cover}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.play-btn:hover{background:var(--accent-600)}
.video-text{align-self:center}
.video-text h3{margin:0 0 4px;font-size:15px;font-weight:800;color:var(--text)}
.video-text p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}

/* Stats */
.hero-stats{margin-top:18px;font-size:18px;font-weight:500;color:#1a1a1a;letter-spacing:.2px}
.hero-stats-num{color:var(--accent);font-weight:800;font-size:22px}