/* ===== Why PAN Premium Section ===== */
.why-pan-premium{
  margin: 60px 0;
  position: relative;
}
.why-pan-premium::before{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(60% 60% at 0% 10%, rgba(255,194,10,.10), rgba(0,0,0,0) 60%);
  pointer-events:none;
}
.wp-grid{
  display:grid;
  grid-template-columns: 1.15fr 1fr;
  gap: clamp(18px, 3.5vw, 44px);
  align-items:center;
}
@media(max-width: 980px){
  .wp-grid{ grid-template-columns:1fr; }
}
.wp-eyebrow{
  color:#ffca2c; letter-spacing:.14em; text-transform:uppercase; font-weight:800; font-size:13px;
}
.wp-title{
  color:#eaf0ff; font-size: clamp(24px,3.2vw,38px); line-height:1.15; margin: 6px 0 18px; font-weight:900;
}
.wp-title .accent{ color:#ffdd69; }
.wp-accordion{ display:flex; flex-direction:column; gap: 12px; }
.wp-acc-item{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.02);
  transition: transform .2s ease, box-shadow .2s ease;
}
.wp-acc-item.is-open{ transform: translateY(-1px); box-shadow: 0 16px 40px rgba(0,0,0,.35); }
.wp-acc-head{
  width:100%; background:transparent; border:0; display:flex; align-items:center; justify-content:space-between;
  gap: 14px; padding: 18px 18px; cursor:pointer; color:#e6eeff; font-weight:800; font-size:16px;
}
.wp-acc-head .num{ font-weight:900; opacity:.8; margin-right:6px; color:#ffcf4d; }
.wp-acc-head .chev{ transition: transform .25s ease; opacity:.8; }
.wp-acc-item.is-open .wp-acc-head .chev{ transform: rotate(180deg); }
.wp-acc-body{
  max-height: 0; overflow:hidden; transition: max-height .35s ease, opacity .25s ease;
  opacity:.0; padding: 0 18px 0;
  color:#cfd8ea; line-height:1.6;
}
.wp-acc-item.is-open .wp-acc-body{ max-height: 240px; opacity:1; padding: 0 18px 18px; }
.wp-right{ position:relative; }
.wp-visual{
  border-radius: 24px; overflow:hidden; position:relative;
  background: radial-gradient(80% 80% at 70% 50%, rgba(255,214,64,.2), rgba(255,255,255,0) 60%),
              linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 28px 60px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.03);
  padding: clamp(18px, 2.4vw, 28px);
  min-height: 340px;
  display:flex; align-items:center; justify-content:center;
}
.wp-visual img{ max-width:100%; height:auto; display:block; mix-blend:normal; opacity:.95; }