#pph .ph-earn-badge{display:flex;align-items:center;gap:1.25rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:1.2rem 1.5rem;margin-bottom:2rem;}
#pph .ph-earn-big{font-family:'Playfair Display',Georgia,serif;font-size:3.4rem;font-weight:800;color:var(--gold-light);line-height:1;}
#pph .ph-earn-info p:first-child{font-weight:600;font-size:.95rem;color:#fff;}
#pph .ph-earn-info p:last-child{font-size:.8rem;font-weight:300;color:rgba(255,255,255,.62);margin-top:.2rem;}
/* Hero card */
#pph .ph-hcard{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:2.25rem;position:relative;overflow:hidden;}
#pph .ph-hcard::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(196,79,216,.25),transparent 70%);pointer-events:none;}
#pph .ph-hc-label{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:.35rem;}
#pph .ph-hc-head{font-family:'Playfair Display',Georgia,serif;font-size:1.8rem;font-weight:700;color:#fff;line-height:1.15;margin-bottom:.25rem;}
#pph .ph-hc-sub{font-size:.8rem;color:rgba(255,255,255,.62);font-weight:300;margin-bottom:1.5rem;}
#pph .ph-hc-stats{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1.5rem;}
#pph .ph-hcs{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);border-radius:var(--rs);padding:.9rem 1rem;}
#pph .ph-hcs-val{font-family:'Playfair Display',Georgia,serif;font-size:1.7rem;font-weight:700;color:#fff;line-height:1;}
#pph .ph-hcs-lbl{font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:.3rem;}
#pph .ph-wins{display:flex;flex-direction:column;gap:.6rem;}
#pph .ph-win{display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.06);border-radius:var(--rs);padding:.7rem .9rem;}
#pph .ph-win-av{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--purple-mid),var(--pink));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;}
#pph .ph-win-t p:first-child{font-size:.78rem;font-weight:500;color:rgba(255,255,255,.92);}
#pph .ph-win-t p:last-child{font-size:.68rem;color:rgba(255,255,255,.55);}
#pph .ph-win-amt{margin-left:auto;font-family:'Playfair Display',Georgia,serif;font-size:1rem;font-weight:700;color:var(--gold-light);}
/* ══════════ ABOUT ══════════ */
#pph .ph-about{background:var(--white);}
#pph .ph-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center;}
#pph .ph-lead{font-family:'Playfair Display',Georgia,serif;font-size:1.2rem;font-style:italic;color:var(--pink);margin-bottom:1.5rem;line-height:1.6;border-left:3px solid var(--pink);padding-left:1.25rem;}
#pph .ph-about-body p.t{font-size:.95rem;font-weight:300;color:var(--body);line-height:1.8;margin-bottom:.9rem;}
#pph .ph-about-body strong{font-weight:600;}
#pph .ph-blb{margin-top:1.75rem;background:var(--lavender);border:1px solid var(--lavender-dark);border-radius:var(--r);padding:1.4rem;}
#pph .ph-blb-tag{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-mid);margin-bottom:.4rem;}
#pph .ph-blb-title{font-family:'Playfair Display',Georgia,serif;font-size:1.05rem;font-weight:700;color:var(--plum);margin-bottom:.3rem;}
#pph .ph-blb-desc{font-size:.82rem;font-weight:300;color:var(--muted);line-height:1.65;}
#pph .ph-av{position:relative;}
#pph .ph-av-stack{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:170px 170px;gap:.75rem;}
#pph .ph-av-img{border-radius:var(--r);overflow:hidden;position:relative;margin:0;}
#pph .ph-av-img.tall{grid-row:span 2;}
#pph .ph-av-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
#pph .ph-av-img figcaption{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(65,41,91,.7));display:flex;align-items:flex-end;padding:.85rem;font-size:.72rem;font-weight:500;color:#fff;letter-spacing:.04em;}
#pph .ph-av-badge{position:absolute;bottom:-14px;right:-14px;z-index:3;background:linear-gradient(135deg,var(--plum),var(--pink));color:#fff;padding:.85rem 1.15rem;border-radius:var(--rs);font-size:.75rem;font-weight:600;text-align:center;box-shadow:var(--shadow);}
#pph .ph-av-badge span{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.7rem;font-weight:800;line-height:1;}
/* ══════════ PRODUCTS ══════════ */
#pph .ph-products{background:var(--cream);}
#pph .ph-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.15rem;}
#pph .ph-prod{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .22s,box-shadow .22s;}
#pph .ph-prod-th{height:105px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--lavender),var(--lavender-mid));}
#pph .ph-prod:nth-child(3n+2) .ph-prod-th{background:linear-gradient(135deg,var(--gold-pale),rgba(201,169,110,.22));}
#pph .ph-prod:nth-child(3n) .ph-prod-th{background:linear-gradient(135deg,var(--pink-pale),rgba(196,79,216,.14));}
#pph .ph-prod-ic{width:54px;height:54px;border-radius:50%;background:var(--white);color:var(--plum);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(65,41,91,.12);}
#pph .ph-prod-ic svg{width:26px;height:26px;}
#pph .ph-prod-cat{position:absolute;top:.6rem;left:.6rem;font-size:.58rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:var(--plum);color:#fff;padding:.2rem .55rem;border-radius:99px;}
#pph .ph-prod-b{padding:1rem 1.05rem 1.1rem;}
#pph .ph-prod-n{font-weight:600;font-size:.88rem;color:var(--plum);margin-bottom:.25rem;line-height:1.35;}
#pph .ph-prod-e{font-size:.78rem;color:var(--gold-dark);font-weight:700;}
#pph .ph-prod-e span{color:var(--dim);font-weight:300;}
/* ══════════ HOW IT WORKS ══════════ */
#pph .ph-hiw{background:var(--lavender);}
#pph .ph-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;}
#pph .ph-step{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:1.75rem 1.4rem;transition:transform .22s,box-shadow .22s;}
#pph .ph-step-num{width:46px;height:46px;border-radius:50%;margin-bottom:1.15rem;background:linear-gradient(135deg,var(--plum),var(--pink));color:#fff;font-family:'Playfair Display',Georgia,serif;font-size:1.35rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(65,41,91,.3);flex-shrink:0;}
#pph .ph-step-t{font-weight:700;font-size:.95rem;color:var(--plum);margin-bottom:.45rem;}
#pph .ph-step-d{font-size:.84rem;font-weight:300;color:var(--muted);line-height:1.7;}
/* ══════════ PLATFORMS ══════════ */
#pph .ph-platforms{background:var(--white);}
#pph .ph-plat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
#pph .ph-plat{background:var(--cream);border:1px solid var(--border);border-radius:var(--r);padding:1.4rem 1rem;text-align:center;transition:all .22s;}
#pph .ph-plat-ic{width:48px;height:48px;border-radius:50%;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;color:#fff;}
#pph .ph-plat-ic svg{width:24px;height:24px;}
#pph .ph-plat-ic.fb{background:var(--fb);}
#pph .ph-plat-ic.ig{background:var(--ig-grad);}
#pph .ph-plat-ic.wa{background:var(--wa);}
#pph .ph-plat-ic.x{background:var(--x);}
#pph .ph-plat-ic.tt{background:var(--tt);}
#pph .ph-plat-ic.yt{background:var(--yt);}
#pph .ph-plat-ic.pin{background:var(--pin);}
#pph .ph-plat-n{font-weight:700;font-size:.88rem;color:var(--plum);margin-bottom:.25rem;}
#pph .ph-plat-d{font-size:.75rem;font-weight:300;color:var(--muted);line-height:1.5;}
/* ══════════ EARNINGS ══════════ */
#pph .ph-earn{background:linear-gradient(160deg,var(--plum-deep) 0%,var(--plum) 50%,var(--plum-mid) 100%);position:relative;overflow:hidden;}
#pph .ph-earn::before{content:'';position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse 600px 600px at 100% 0%,rgba(196,79,216,.2) 0%,transparent 60%),
  radial-gradient(ellipse 500px 500px at 0% 100%,rgba(174,118,196,.15) 0%,transparent 60%);}
#pph .ph-earn-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1;}
#pph .ph-etable{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);overflow:hidden;margin-top:2rem;}
#pph .ph-et-row{padding:.85rem 1.4rem;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:.5rem;border-top:1px solid rgba(255,255,255,.07);align-items:center;}
#pph .ph-et-row.h{background:rgba(255,255,255,.1);border-top:0;}
#pph .ph-et-row.h span{font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);}
#pph .ph-et-row span{font-size:.86rem;color:rgba(255,255,255,.88);font-weight:300;}
#pph .ph-et-row span.hl{font-weight:700;color:var(--gold-light);}
#pph .ph-earn-hl{font-family:'Playfair Display',Georgia,serif;font-size:clamp(3.5rem,8vw,5rem);font-weight:800;color:var(--gold-light);line-height:1;}
#pph .ph-earn-hl-sub{font-size:.9rem;color:rgba(255,255,255,.68);margin:.4rem 0 1.75rem;}
@media (hover:hover){
  #pph .ph-prod:hover,#pph .ph-step:hover{transform:translateY(-5px) !important;box-shadow:var(--shadow) !important;}
  #pph .ph-plat:hover{border-color:var(--pink) !important;box-shadow:var(--shadow) !important;transform:translateY(-4px) !important;background:var(--pink-pale) !important;}
  #pph .ph-av-img:hover img{transform:scale(1.04) !important;}
}
@media (max-width:1024px){
  #pph .ph-hcard{max-width:680px !important;padding:1.75rem !important;}
  #pph .ph-hc-stats{grid-template-columns:repeat(4,1fr) !important;}
  #pph .ph-wins{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:.6rem !important;}
  #pph .ph-win{flex-direction:column !important;align-items:flex-start !important;gap:.45rem !important;}
  #pph .ph-win-amt{margin-left:0 !important;}
  #pph .ph-about-grid{grid-template-columns:1fr !important;gap:3rem !important;}
  #pph .ph-av-stack{grid-template-columns:1.2fr 1fr 1fr !important;grid-template-rows:240px !important;}
  #pph .ph-av-img.tall{grid-row:auto !important;}
  #pph .ph-av-badge{right:12px !important;bottom:12px !important;}
  #pph .ph-prod-grid{grid-template-columns:repeat(3,1fr) !important;}
  #pph .ph-steps{grid-template-columns:repeat(6,1fr) !important;}
  #pph .ph-step{grid-column:span 2 !important;}
  #pph .ph-step:nth-child(4){grid-column:2 / span 2 !important;}
  #pph .ph-earn-grid{grid-template-columns:1fr !important;gap:2.5rem !important;}
}
@media (max-width:767px){
  #pph .ph-earn-badge{padding:1rem 1.1rem !important;gap:1rem !important;}
  #pph .ph-earn-big{font-size:2.6rem !important;}
  #pph .ph-hcard{padding:1.4rem !important;border-radius:18px !important;}
  #pph .ph-hc-head{font-size:1.5rem !important;}
  #pph .ph-hc-stats{grid-template-columns:1fr 1fr !important;margin-bottom:0 !important;}
  #pph .ph-hcs-val{font-size:1.45rem !important;}
  #pph .ph-wins{display:none !important;}
  #pph .ph-lead{font-size:1.08rem !important;}
  #pph .ph-av-stack{grid-template-columns:1fr 1fr !important;grid-template-rows:200px 130px !important;}
  #pph .ph-av-img.tall{grid-column:span 2 !important;}
  #pph .ph-prod-grid{grid-template-columns:1fr 1fr !important;gap:.75rem !important;}
  #pph .ph-prod-th{height:84px !important;}
  #pph .ph-prod-ic{width:46px !important;height:46px !important;}
  #pph .ph-prod-ic svg{width:22px !important;height:22px !important;}
  #pph .ph-prod-b{padding:.8rem .85rem .9rem !important;}
  #pph .ph-prod-n{font-size:.82rem !important;}
  #pph .ph-steps{grid-template-columns:1fr !important;gap:.75rem !important;}
  #pph .ph-step{grid-column:auto !important;display:grid !important;grid-template-columns:auto 1fr !important;column-gap:1rem !important;padding:1.15rem !important;}
  #pph .ph-step:nth-child(4){grid-column:auto !important;}
  #pph .ph-step-num{width:40px !important;height:40px !important;font-size:1.15rem !important;margin:0 !important;grid-row:span 2 !important;}
  #pph .ph-plat-grid{grid-template-columns:1fr 1fr !important;gap:.65rem !important;}
  #pph .ph-plat{padding:1rem .75rem !important;}
  #pph .ph-plat-ic{width:42px !important;height:42px !important;margin-bottom:.55rem !important;}
  #pph .ph-plat-n{font-size:.82rem !important;}
  #pph .ph-plat-d{font-size:.72rem !important;}
  #pph .ph-et-row{padding:.75rem 1rem !important;}
  #pph .ph-et-row span{font-size:.82rem !important;}
}
@media (max-width:380px){
  #pph .ph-earn-badge{flex-direction:column !important;align-items:flex-start !important;gap:.5rem !important;}
  #pph .ph-et-row{grid-template-columns:1.3fr 1fr 1fr !important;padding:.7rem .8rem !important;}
}
