/* HERO LITE
   Deliberately simpler than HERO 1.x:
   - no canvas particles
   - no laser beams
   - no full-screen intro
   - no Lenis / scroll scrubbing
   - one quiet ambient glow
   - one video card
*/

.hero-lite {
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:132px 0 82px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 26%, rgba(0,217,255,.16), transparent 30%),
    radial-gradient(circle at 72% 74%, rgba(139,92,246,.08), transparent 32%),
    linear-gradient(180deg,#1B2B38 0%,#172633 58%,#13202B 100%);
}
.hero-lite::after {
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,217,255,.22),transparent);
}
.hero-lite-copy {
  max-width:690px;
  position:relative;
  z-index:3;
}
.hero-lite-kicker {
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  color:#BDD1E1;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800;
  margin-bottom:1.4rem;
}
.hero-lite-kicker::before {
  content:"";
  width:34px;
  height:1px;
  background:var(--pv-electric);
  box-shadow:0 0 12px rgba(0,217,255,.45);
}
.hero-lite h1 {
  font-size:clamp(3.2rem,6.4vw,6.8rem);
  line-height:.93;
  letter-spacing:-.06em;
  font-weight:800;
  margin:0 0 1.5rem;
}
.hero-lite h1 span {
  display:block;
}
.hero-lite h1 .accent {
  color:var(--pv-electric);
  text-shadow:0 0 32px rgba(0,217,255,.10);
}
.hero-lite-description {
  max-width:630px;
  color:#D0DCE6;
  font-size:clamp(1.05rem,1.7vw,1.22rem);
  line-height:1.7;
}
.hero-lite-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:2rem;
}
.hero-lite-meta {
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:28px;
  color:#A7B8C6;
  font-size:.84rem;
}
.hero-lite-meta span::before {
  content:"";
  display:inline-block;
  width:5px; height:5px;
  margin-right:.55rem;
  border-radius:50%;
  background:var(--pv-electric);
  box-shadow:0 0 10px rgba(0,217,255,.5);
  transform:translateY(-1px);
}

.hero-video-wrap {
  position:relative;
  border-radius:30px;
  overflow:hidden;
  min-height:590px;
  background:#1B2A37;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 28px 70px rgba(0,0,0,.28);
}
.hero-video-wrap::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,10,16,.02),rgba(4,10,16,.19)),
    linear-gradient(90deg,rgba(0,217,255,.05),transparent 38%);
}
.hero-video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.hero-video-label {
  position:absolute;
  left:22px;
  bottom:20px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.55rem .75rem;
  border-radius:999px;
  background:rgba(20,32,43,.72);
  border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(12px);
  color:#D9E9F5;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero-video-label::before {
  content:"";
  width:7px; height:7px;
  border-radius:50%;
  background:var(--pv-electric);
  box-shadow:0 0 12px rgba(0,217,255,.8);
}

.hero-video-product {
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:4;
  display:flex;
  align-items:end;
  gap:0;
  pointer-events:none;
  opacity:.92;
}
.hero-video-product .mini-carton {
  width:78px;
  transform:translateX(18px);
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.4));
}
.hero-video-product .mini-jar {
  width:88px;
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.45));
}

.lite-strip {
  border-block:1px solid rgba(255,255,255,.1);
  background:#182735;
  padding:20px 0;
}
.lite-strip-inner {
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  color:#9FB1C0;
  font-size:.82rem;
  letter-spacing:.04em;
}
.lite-strip-inner strong {
  color:#E7F8FF;
  font-weight:700;
}

.lite-section {
  padding:88px 0;
}
.lite-card {
  height:100%;
  padding:28px;
  border-radius:22px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.16);
}
.lite-card i {
  color:var(--pv-electric);
  font-size:1.35rem;
}
.lite-card h3 {
  margin:1.3rem 0 .7rem;
  font-size:1.15rem;
}
.lite-card p {
  color:#97AABB;
  margin:0;
}

@media (max-width:991.98px) {
  .hero-lite { padding-top:120px; }
  .hero-lite-copy { text-align:center; margin-inline:auto; }
  .hero-lite-kicker,.hero-lite-actions,.hero-lite-meta { justify-content:center; }
  .hero-video-wrap { min-height:500px; margin-top:12px; }
}
@media (max-width:575.98px) {
  .hero-lite { padding-bottom:58px; }
  .hero-video-wrap { min-height:390px; border-radius:22px; }
  .hero-video-product { display:none; }
  .hero-lite-actions .btn-pv { width:100%; }
}