/* ── HERO ── */
#hero{position:relative;min-height:100vh;background:#071518;overflow:hidden;display:flex;align-items:center}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero-fog{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,
    rgba(7,21,24,.97) 0%,
    rgba(7,21,24,.92) 30%,
    rgba(7,21,24,.62) 55%,
    rgba(7,21,24,.18) 75%,
    rgba(7,21,24,.0) 100%)}
.hero-content{position:relative;z-index:2;padding:80px 5% 56px 5%;width:62%;min-width:320px}
.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(44,201,206,.1);border:1px solid rgba(44,201,206,.28);border-radius:50px;padding:6px 16px;font-size:.71rem;font-weight:700;color:var(--teal);margin-bottom:26px;letter-spacing:.8px;text-transform:uppercase;width:fit-content}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:blink 2s infinite;flex-shrink:0}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
h1{font-size:clamp(2.4rem,4.2vw,4rem);font-weight:900;line-height:1.06;letter-spacing:-1.5px;margin-bottom:18px;color:#fff}
h1 em{font-style:normal;color:var(--teal)}
.hero-p{font-size:.98rem;color:rgba(255,255,255,.58);line-height:1.78;margin-bottom:34px;max-width:480px;font-weight:400}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:54px}
.btn-primary{background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#071518;padding:13px 28px;border-radius:9px;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .4s ease;box-shadow:0 8px 28px var(--teal-glow);letter-spacing:.2px}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(44,201,206,.52)}
.btn-outline{background:rgba(44,201,206,.08);border:1px solid rgba(44,201,206,.3);color:#fff;padding:13px 22px;border-radius:9px;font-weight:500;font-size:.9rem;text-decoration:none;transition:all .4s ease;display:flex;align-items:center;gap:8px}
.btn-outline:hover{background:rgba(44,201,206,.14);transform:translateY(-2px)}
.btn-outline svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}
.hero-stats{display:flex;gap:42px;flex-wrap:wrap}
.hstat-n{font-size:1.85rem;font-weight:900;color:var(--teal);line-height:1}
.hstat-l{font-size:.67rem;color:rgba(255,255,255,.38);text-transform:uppercase;letter-spacing:.9px;margin-top:4px}