.section-title {
    font-size: 46px;
    font-weight: 700;
    color: #111;
}
.section-title span {
    color: #880019;
}
.bt-tag {
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    background: #ffffff21;
    color: #880019;
    font-weight: 700;
    border-radius: 40px;
    letter-spacing: .5px;
}
/* =========================
   GOOGLE ADS HERO SECTION
========================= */

.wc-ads-hero{
  position:relative;
  background:#050505;
  padding:200px 0 120px;
  overflow:hidden;
  color:#fff;
}

/* BACKGROUND */
.wc-ads-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 30%, rgba(136,0,25,.25), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(255,255,255,.04), transparent 45%);
}

/* GRID */
.wc-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:70px 70px;
  animation:gridMove 14s linear infinite;
}

@keyframes gridMove{
  0%{transform:translateY(0);}
  100%{transform:translateY(70px);}
}

/* ORBS */
.wc-orb{
  position:absolute;
  filter:blur(120px);
  border-radius:50%;
  animation:float 10s ease-in-out infinite;
}

.orb-a{
  width:400px;height:400px;
  background:#880019;
  top:-120px;left:-100px;
  opacity:.25;
}

.orb-b{
  width:300px;height:300px;
  background:#ff2d55;
  bottom:50px;right:-120px;
  opacity:.12;
  animation-delay:2s;
}

.orb-c{
  width:350px;height:350px;
  background:#3a0010;
  bottom:-120px;left:40%;
  opacity:.18;
  animation-delay:4s;
}

@keyframes float{
  50%{transform:translateY(-25px);}
}

/* LEFT VISUAL */
.wc-ads-visual{
  position:relative;
  z-index:2;
}

/* LIVE BADGE */
.wc-badge-live{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 18px;
  border-radius:50px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:20px;
  font-size:13px;
}

.wc-badge-live span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#00ff84;
  box-shadow:0 0 10px #00ff84;
}

/* MAIN CARD */
.wc-ads-card{
  background:linear-gradient(135deg,#111,#1a1a1a);
  border:1px solid rgba(255,255,255,.08);
  padding:30px;
  border-radius:24px;
  position:relative;
}

.wc-ads-card h3{
  font-size:18px;
  color:#aaa;
}

/* METRIC */
.wc-metric{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:15px;
}

.wc-metric h2{
  font-size:52px;
  color:#880019;
}

.wc-metric i{
  font-size:40px;
  color:#fff;
  opacity:1;
}

/* BARS */
.wc-bars{
  display:flex;
  gap:10px;
  margin-top:25px;
  height:90px;
  align-items:flex-end;
}

.wc-bars span{
  flex:1;
  background:linear-gradient(180deg,#ff2d55,#880019);
  border-radius:10px;
  animation:grow 2s ease forwards;
}

@keyframes grow{
  from{height:0;}
}

/* MINI CARDS */
.wc-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-top:20px;
}

.wc-mini-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  padding:18px;
  border-radius:18px;
}

.wc-mini-card i{
  color:#880019;
  margin-bottom:10px;
}

/* RIGHT CONTENT */
.wc-ads-content{
  position:relative;
  z-index:2;
}

.wc-ads-content h2{
  font-size:40px;
  margin-top:20px;
}
.wc-mini-card h4 {
    color: white;
}

.wc-ads-content h2 span{
  color:#880019;
}

.wc-ads-content p{
  color:#bbb;
  margin-top:15px;
  line-height:1.7;
}

.wc-ads-content ul{
  list-style:none;
  padding:0;
  margin:25px 0;
}

.wc-ads-content ul li{
  padding:8px 0;
  color:#ddd;
}

.wc-ads-content ul li i{
  color:#880019;
  margin-right:10px;
}

.wc-ads-content a{
  display:inline-block;
  background:#880019;
  padding:12px 25px;
  border-radius:30px;
  color:#fff;
  text-decoration:none;
}

/* =========================
   WHY SECTION (FIXED PREMIUM)
========================= */

.wc-why-section{
  position:relative;
  padding:50px 0;
  background:#f7f7f9;
  overflow:hidden;
  z-index:1;
}

.wc-why-title .wc-badge {
    color: #880019;
}

.wc-why-title p {
    color: #000;
}

/* GRID */
.wc-why-bg{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.5;
}

.wc-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.199) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.23) 1px, transparent 1px);
  background-size:70px 70px;
  animation:gridMove 20s linear infinite;
}

@keyframes gridMove{
  0%{transform:translateY(0);}
  100%{transform:translateY(70px);}
}

/* TITLE */
.wc-why-title{
  position:relative;
  z-index:2;
}

/* =========================
   LEFT VISUAL FIX (IMPORTANT)
========================= */

.wc-why-visual{
  position:relative;
  height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}

/* BIG LAPTOP */
.wc-laptop{
  position:relative;
  font-size:140px;   /* 🔥 BIG FIX */
  color:#880019;
  z-index:5;
  animation:float 4s ease-in-out infinite;
}

@keyframes float{
  50%{transform:translateY(-12px);}
}

/* RINGS (LARGER + CLEAN) */
.wc-ring{
  position:absolute;
  border:2px solid rgba(136,0,25,.15);
  border-radius:50%;
  animation:pulse 3s infinite ease-in-out;
}

.r1{width:180px;height:180px;}
.r2{width:260px;height:260px;animation-delay:.5s;}
.r3{width:340px;height:340px;animation-delay:1s;}

@keyframes pulse{
  50%{
    transform:scale(1.08);
    opacity:.4;
  }
}

/* =========================
   FLOATING ICONS (BIG FIX)
========================= */

.wc-floating-icon{
  position:absolute;
  width:85px;      /* 🔥 BIG ICON */
  height:85px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff;
  color:#880019;
  font-size:28px;  /* ICON BIG */
  box-shadow:0 20px 40px rgba(0,0,0,.12);
  animation:iconFloat 5s ease-in-out infinite;
  z-index:10;
}

@keyframes iconFloat{
  50%{transform:translateY(-18px);}
}

/* POSITION FIX (NO OVERLAP) */
.g1{top:10%;left:10%;}
.g2{bottom:10%;left:15%;animation-delay:1s;}
.g3{top:15%;right:10%;animation-delay:2s;}

/* =========================
   RIGHT CARDS
========================= */

.wc-why-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  position:relative;
  z-index:2;
}

.wc-why-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  padding:22px;
  border-radius:18px;
  display:flex;
  gap:14px;
  transition:.3s;
}

.wc-why-card i{
  font-size:22px;
  color:#880019;
  margin-top:5px;
}

.wc-why-card h4{
  margin:0;
  font-size:16px;
  font-weight:700;
}

.wc-why-card p{
  margin-top:6px;
  font-size:13px;
  color:#666;
}

.wc-why-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 45px rgba(0,0,0,.08);
}

/* =========================
   RESPONSIVE FIX
========================= */

@media(max-width:991px){

  .wc-why-visual{
    height:420px;
  }

  .wc-laptop{
    font-size:110px;
  }

  .wc-floating-icon{
    width:70px;
    height:70px;
    font-size:24px;
  }

  .wc-why-cards{
    grid-template-columns:1fr;
    margin-top:30px;
  }
}

@media(max-width:576px){

  .wc-why-visual{
    height:360px;
  }

  .wc-laptop{
    font-size:90px;
  }

  .wc-floating-icon{
    width:60px;
    height:60px;
    font-size:20px;
  }

  .r3{
    width:260px;
    height:260px;
  }
}

/* =========================
   DIFFERENTIATOR SECTION
========================= */

.wc-diff-section{
  position:relative;
  padding:120px 0;
  background:#050505;
  color:#fff;
  overflow:hidden;
}

/* BACKGROUND */
.wc-diff-bg{
  position:absolute;
  inset:0;
  z-index:0;
}

/* GRID */
.wc-diff-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:70px 70px;
  animation:gridMove 16s linear infinite;
  opacity:.5;
}

@keyframes gridMove{
  0%{transform:translateY(0);}
  100%{transform:translateY(70px);}
}

/* GLOW ORBS */
.wc-diff-glow{
  position:absolute;
  filter:blur(140px);
  border-radius:50%;
}

.glow1{
  width:420px;
  height:420px;
  background:#880019;
  top:-120px;
  left:-120px;
  opacity:.25;
}

.glow2{
  width:360px;
  height:360px;
  background:#ff2d55;
  bottom:-120px;
  right:-120px;
  opacity:.15;
}

/* TITLE */
.wc-diff-title{
  position:relative;
  z-index:2;
}


.wc-diff-title p{
  color:#bdbdbd;
  max-width:650px;
  margin:10px auto 0;
}

/* BADGE */
.wc-badge{
  display:inline-block;
  background:#880019;
  padding:6px 14px;
  border-radius:30px;
  font-size:12px;
  color:#fff;
}

/* CARDS */
.wc-diff-card{
  position:relative;
  z-index:2;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  padding:26px;
  border-radius:20px;
  transition:.4s ease;
  height:100%;
}

/* ICON */
.wc-diff-card i{
  font-size:28px;
  color:#880019;
  margin-bottom:15px;
  display:inline-block;
  animation:floatIcon 4s ease-in-out infinite;
}

@keyframes floatIcon{
  50%{transform:translateY(-6px);}
}

/* TEXT */
.wc-diff-card h4{
  font-size:18px;
  margin-bottom:10px;
}

.wc-diff-card p{
  color:#bdbdbd;
  font-size:14px;
  line-height:1.6;
}

/* HOVER */
.wc-diff-card:hover{
  transform:translateY(-10px);
  border-color:#880019;
  box-shadow:0 25px 60px rgba(0,0,0,.5);
}

/* RESPONSIVE */
@media(max-width:991px){
  .wc-diff-title h2{
    font-size:32px;
  }
}

@media(max-width:576px){
  .wc-diff-section{
    padding:80px 0;
  }

  .wc-diff-card{
    padding:20px;
  }
}
.wc-diff-card h4 {
    color: white;
}

/* =========================
   PREMIUM FUNNEL SYSTEM
========================= */

.wc-funnel-premium{
  position:relative;
  padding:40px 0;
  background:#f4f6f8;
  overflow:hidden;
}

/* SOFT GRID */
.wc-bg{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.264) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.192) 1px, transparent 1px);
  background-size:70px 70px;
  opacity:.6;
}


/* =========================
   SYSTEM LAYOUT
========================= */

.wc-system{
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
}

/* =========================
   CENTER FUNNEL (DEPTH)
========================= */

.wc-funnel-core{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  z-index:2;
      width: 100%;
}

.step{
  display:flex;
  align-items:center;
  justify-content:center;
  height:62px;
  color:#fff;
  font-weight:600;
  border-radius:12px;
  animation:float 4s ease-in-out infinite;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  transition:.3s;
}

.s1{width:460px;background:#1a1a1a;}
.s2{width:400px;background:#2a2a2a;}
.s3{width:340px;background:#3a3a3a;}
.s4{width:280px;background:#880019;}
.s5{width:220px;background:#5a0014;}

.step:hover{
  transform:scale(1.05);
}

/* FLOAT */
@keyframes float{
  50%{transform:translateY(-6px);}
}

/* =========================
   ORBIT SYSTEM (IMPORTANT FIX)
========================= */

.wc-orbit{
  display:flex;
  flex-direction:column;
  gap:45px;
  z-index:1;
}

.wc-orbit.left{
  margin-right:40px;
}

.wc-orbit.right{
  margin-left:40px;
}

/* ORB ICON */
.orb{
  width:75px;
  height:75px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;

  background:rgba(255,255,255,.8);
  border:1px solid rgba(0,0,0,.08);

  font-size:22px;
  color:#880019;

  box-shadow:0 20px 40px rgba(0,0,0,.12);

  animation:orbFloat 4s ease-in-out infinite;
}

/* stagger movement */
.orb:nth-child(2){animation-delay:.8s;}
.orb:nth-child(3){animation-delay:1.6s;}

@keyframes orbFloat{
  50%{
    transform:translateY(-18px) scale(1.05);
  }
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

  .wc-system{
    flex-direction:column;
    gap:40px;
  }

  .wc-orbit{
    flex-direction:row;
    gap:20px;
  }

  .s1{ width:95%; }
.s2{ width:85%; }
.s3{ width:75%; }
.s4{ width:65%; }
.s5{ width:55%; }
}