/* WAKUWAKU TV Hero Banner */
.ww-hero {
  background: linear-gradient(120deg, #00d4c8 0%, #00b8c8 25%, #009fbe 50%, #007aaa 75%, #005f96 100%);
  min-height: 420px;
}
.ww-hero-blob1 {
  position: absolute; bottom: -80px; left: 38%;
  width: 340px; height: 340px; border-radius: 50%;
  background: rgba(0,220,160,0.28); filter: blur(70px);
  pointer-events: none; z-index: 0;
}
.ww-hero-blob2 {
  position: absolute; bottom: 20px; left: 28%;
  width: 180px; height: 180px; border-radius: 50%;
  background: rgba(0,200,220,0.22); filter: blur(50px);
  pointer-events: none; z-index: 0;
}
.ww-hero-blob3 {
  position: absolute; top: -80px; right: 10%;
  width: 300px; height: 300px; border-radius: 50%;
  background: rgba(100,240,220,0.12); filter: blur(60px);
  pointer-events: none; z-index: 0;
}
.ww-hero-inner {
  max-width: 1400px; margin: 0 auto; min-height: 420px;
}
.ww-hero-left {
  width: 100%; max-width: 560px;
}
.ww-badge {
  display: inline-block;
  font-size: 12px; font-weight: 600; color: #fff;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 6px; padding: 4px 12px;
  letter-spacing: 0.04em;
}
.ww-logo-img {
  height: clamp(80px, 12vw, 130px);
  width: auto; max-width: 320px;
  filter: drop-shadow(0 4px 16px rgba(0,0,0,0.18));
}
.ww-tagline-main {
  font-size: clamp(14px, 1.6vw, 17px);
  font-weight: 700; color: #fff;
  margin-bottom: 4px; line-height: 1.6;
}
.ww-tagline-sub {
  font-size: clamp(13px, 1.2vw, 15px);
  color: rgba(255,255,255,0.88);
  line-height: 1.8; margin-bottom: 28px;
}
.ww-btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 15px; font-weight: 700; color: #111;
  background: #fff; padding: 13px 26px;
  border-radius: 50px; text-decoration: none;
  transition: all .25s;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.ww-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0,0,0,0.2);
}
.ww-btn-secondary {
  display: none; align-items: center; gap: 8px;
  font-size: 15px; font-weight: 600; color: #fff;
  background: transparent;
  border: 2px solid rgba(255,255,255,0.5);
  padding: 13px 26px; border-radius: 50px;
  text-decoration: none; transition: all .25s;
}
.ww-btn-secondary:hover {
  background: rgba(255,255,255,0.12);
  transform: translateY(-2px);
}
.ww-hero-right {
  min-height: 360px; position: relative;
}
.ww-hero-img {
  position: absolute; bottom: 0; right: 0;
  height: 115%; width: auto; max-width: none;
  object-fit: cover; object-position: left bottom;
  filter: drop-shadow(-20px 0 40px rgba(0,80,120,0.25));
}
.ww-btn-svg { width: 16px; height: 16px; }