.what-sec{padding:6rem 0;background:var(--bg);}
.sec-body{font-size:.93rem;line-height:1.85;color:var(--mid);}
.sec-body p+p{margin-top:1rem;}
.sec-body strong{color:var(--p1);font-weight:700;}

/* info list */
.info-list{list-style:none;padding:0;margin:1.8rem 0 0;}
.info-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--mid);}
.info-list li:last-child{border-bottom:none;}
.info-list li i{color:var(--p2);font-size:.9rem;margin-top:2px;flex-shrink:0;}
.info-list li strong{color:var(--txt);font-weight:600;}



/* Hero right — dashboard mockup */
.hero-mockup {
  position: relative; z-index: 2;
  padding: 3rem 0 0;
}

.dashboard-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 1.6rem;
  box-shadow: var(--shadowL);
  position: relative;
  overflow: hidden;
}
.dashboard-card::before {
  content: ''; position: absolute;
  top: 0; left: 0; right: 0; height: 3px;
  background: var(--grad3);
}

.dc-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 1.2rem;
}
.dc-title { font-size: .78rem; font-weight: 700; color: var(--dark); }
.dc-badge {
  font-size: .6rem; font-weight: 700; letter-spacing: .08em;
  background: rgba(90,0,181,.08); color: var(--p1);
  border-radius: 100px; padding: .22rem .7rem;
}

/* waveform visual */
.wave-visual {
  height: 64px;
  display: flex; align-items: center; gap: 3px;
  margin-bottom: 1.2rem;
}
.wv {
  flex: 1; border-radius: 3px;
  background: var(--p3-20);
  animation: wvAnim 1.6s ease-in-out infinite alternate;
}
.wv.a { background: var(--grad); }
@keyframes wvAnim { from{transform:scaleY(.2)} to{transform:scaleY(1)} }
.wv:nth-child(1){height:30%;animation-delay:.00s}
.wv:nth-child(2){height:65%;animation-delay:.07s}
.wv:nth-child(3){height:85%;animation-delay:.14s}
.wv:nth-child(4){height:55%;animation-delay:.21s}
.wv:nth-child(5){height:100%;animation-delay:.28s}.wv:nth-child(5){background:var(--grad);}
.wv:nth-child(6){height:75%;animation-delay:.35s}
.wv:nth-child(7){height:45%;animation-delay:.42s}
.wv:nth-child(8){height:90%;animation-delay:.49s}.wv:nth-child(8){background:var(--grad);}
.wv:nth-child(9){height:60%;animation-delay:.56s}
.wv:nth-child(10){height:35%;animation-delay:.63s}
.wv:nth-child(11){height:80%;animation-delay:.70s}
.wv:nth-child(12){height:50%;animation-delay:.77s}
.wv:nth-child(13){height:95%;animation-delay:.84s}.wv:nth-child(13){background:var(--grad);}
.wv:nth-child(14){height:40%;animation-delay:.91s}
.wv:nth-child(15){height:70%;animation-delay:.98s}
.wv:nth-child(16){height:55%;animation-delay:1.05s}
.wv:nth-child(17){height:88%;animation-delay:1.12s}
.wv:nth-child(18){height:42%;animation-delay:1.19s}
.wv:nth-child(19){height:72%;animation-delay:1.26s}
.wv:nth-child(20){height:28%;animation-delay:1.33s}

/* stats row inside card */
.dc-stats {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: .8rem; margin-bottom: 1.2rem;
}
.dcs {
  background: var(--bg); border-radius: 10px;
  padding: .8rem; text-align: center;
}
.dcs-val { font-size: 1.3rem; font-weight: 800; letter-spacing: -.03em; color: var(--p1); }
.dcs-lbl { font-size: .6rem; font-weight: 600; color: var(--muted); letter-spacing: .06em; text-transform: uppercase; margin-top: .15rem; }

/* platform icons row */
.plat-row {
  display: flex; gap: .5rem; flex-wrap: wrap;
}
.plat-chip {
  display: inline-flex; align-items: center; gap: .35rem;
  background: var(--white); border: 1px solid var(--border);
  border-radius: 100px; padding: .3rem .75rem;
  font-size: .65rem; font-weight: 700; color: var(--mid);
  box-shadow: 0 2px 8px rgba(90,0,181,.05);
}
.plat-chip i { color: var(--p2); }

/* floating notification */
.notif-float {
  position: absolute; bottom: -20px; left: -20px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 14px; padding: .8rem 1rem;
  box-shadow: var(--shadowM);
  display: flex; align-items: center; gap: .75rem;
  min-width: 210px;
  animation: floatUp 4s ease-in-out infinite;
  z-index: 3;
}
@keyframes floatUp { 0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)} }
.notif-icon {
  width: 36px; height: 36px; border-radius: 10px;
  background: var(--grad); display: flex; align-items: center;
  justify-content: center; color: #fff; font-size: 1rem; flex-shrink: 0;
}
.notif-title { font-size: .75rem; font-weight: 700; color: var(--dark); }
.notif-sub { font-size: .65rem; color: var(--muted); }

/* earnings float */
.earn-float {
  position: absolute; top: 30px; right: -24px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 14px; padding: .7rem 1rem;
  box-shadow: var(--shadowM);
  animation: floatUp 5s 1.5s ease-in-out infinite;
  z-index: 3;
}
.earn-amt { font-size: 1.3rem; font-weight: 800; color: var(--p1); letter-spacing: -.04em; }
.earn-sub { font-size: .62rem; font-weight: 600; color: var(--muted); }
.earn-up { display: inline-flex; align-items: center; gap: .2rem; font-size: .62rem; font-weight: 700; color: #16a34a; background: #f0fdf4; border-radius: 100px; padding: .15rem .5rem; }

/* ─── LOGOS STRIP ─────────────────── */
.logos-strip {
  padding: 2rem 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: var(--white);
  overflow: hidden;
}
.logos-label { font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); white-space: nowrap; padding-right: 3rem; }
.logos-track { display: flex; animation: logoScroll 22s linear infinite; width: max-content; }
.logo-item {
  padding: 0 2.5rem; flex-shrink: 0;
  font-size: .85rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); opacity: .45;
  display: flex; align-items: center; gap: 2.5rem;
  transition: opacity .3s;
}
.logo-item:hover { opacity: .9; }
.ld { width: 4px; height: 4px; background: var(--p3); border-radius: 50%; flex-shrink: 0; }
@keyframes logoScroll { to { transform: translateX(-50%); } }

/* ─── STATS ROW ──────────────────── */
.stats-row {
  padding: 4rem 0;
  background: var(--white);
}
.stat-item {
  text-align: center; padding: 1.5rem;
  border-right: 1px solid var(--border);
}
.stat-item:last-child { border-right: none; }
.stat-num {
  font-size: 3rem; font-weight: 800; letter-spacing: -.05em; line-height: 1;
  background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.stat-lbl { font-size: .72rem; font-weight: 600; color: var(--muted); letter-spacing: .1em; text-transform: uppercase; margin-top: .4rem; }

.pricing-sec { padding: 7rem 0; background: var(--bg); }

.pc {
  background: var(--white);
  border: 1.5px solid var(--border);
  border-radius: 20px; padding: 2.5rem 2rem;
  height: 100%;
  transition: transform .3s, box-shadow .3s, border-color .3s;
  position: relative; overflow: hidden;
}
.pc:hover { transform: translateY(-6px); box-shadow: var(--shadowL); }
.pc.hot {
  background: var(--grad);
  border-color: transparent; color: #fff;
  box-shadow: 0 20px 60px rgba(90,0,181,.3);
}
.pc.hot::before {
  content: '';
  position: absolute; top: -60px; right: -60px;
  width: 200px; height: 200px; border-radius: 50%;
  background: rgba(255,255,255,.08);
}
.pc-badge {
  display: inline-flex; align-items: center; gap: .35rem;
  font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  background: rgba(255,255,255,.2); color: #fff;
  border: 1px solid rgba(255,255,255,.25);
  padding: .28rem .85rem; border-radius: 100px; margin-bottom: 1.4rem;
}
.pc-name { font-size: .9rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--muted); margin-bottom: .9rem; }
.pc.hot .pc-name { color: rgba(255,255,255,.65); }
.pc-price-eski { font-size: 1.5rem; font-weight: 300; letter-spacing: -.06em; line-height: 1; margin-bottom: .3rem; color:#000000; }
.pc-price { font-size: 4rem; font-weight: 800; letter-spacing: -.06em; line-height: 1; margin-bottom: .3rem; color:#000000; }
.pc.hot .pc-price { color: #fff; }
.pc.hot .pc-price-eski { color: #fff; }
.pc-price sup { font-size: 1.5rem; vertical-align: super; }
.pc-cycle { font-size: .79rem; color: var(--muted); margin-bottom: 2rem; }
.pc.hot .pc-cycle { color: rgba(255,255,255,.6); }
.pc-sep { height: 1px; background: var(--border); margin-bottom: 1.5rem; }
.pc.hot .pc-sep { background: rgba(255,255,255,.2); }
.pc-list { list-style: none; padding: 0; margin: 0 0 2rem; }
.pc-list li { font-size: .9rem; font-weight: 500; padding: .52rem 0; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: .7rem; }
.pc.hot .pc-list li { border-bottom-color: rgba(255,255,255,.15); color: rgba(255,255,255,.9); }
.pc-list li i { color: var(--p3); font-size: .7rem; flex-shrink: 0; }
.pc.hot .pc-list li i { color: rgba(255,255,255,.8); }
.pc-list li.off { color: var(--muted); text-decoration: line-through; }
.pc-list li.off i { opacity: .35; }
.btn-pc-ghost { display: block; text-align: center; padding: .88rem; border-radius: 10px; font-size: .78rem; font-weight: 700; letter-spacing: .05em; border: 1.5px solid var(--border); color: var(--p2); background: transparent; transition: all .25s; }
.btn-pc-ghost:hover { border-color: var(--p2); background: var(--p1-10); }
.btn-pc-white { display: block; text-align: center; padding: .9rem; border-radius: 10px; font-size: .78rem; font-weight: 700; letter-spacing: .05em; background: #fff; color: var(--p1); transition: all .3s; box-shadow: 0 4px 16px rgba(0,0,0,.15); }
.btn-pc-white:hover { box-shadow: 0 8px 28px rgba(0,0,0,.2); transform: translateY(-1px); color: var(--p1); }