/* RealGPL Frontpage v1.4.3 — subtle motion layer
 * Adds scroll reveals, gentle hover lift and small ambient movement.
 * The base v1.4.2 design remains unchanged when JS is unavailable.
 */

.rgpl-motion-ready .gpl-compact-hero .gpl-inner-wrap,
.rgpl-motion-ready .rgpl-pricing-section .rgpl-header-box,
.rgpl-motion-ready .rgpl-reviews .rgpl-head,
.rgpl-motion-ready .rgpl-faq-section .rgpl-faq-head,
.rgpl-motion-ready .rgpl-benefits-section .rgpl-benefits-head,
.rgpl-motion-ready .rgpl-offerings-section .rgpl-offerings-head,
.rgpl-motion-ready .rgpl-lifetime-deals-host{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1);
}

.rgpl-motion-ready .gpl-compact-hero .gpl-inner-wrap.rgpl-in-view,
.rgpl-motion-ready .rgpl-pricing-section .rgpl-header-box.rgpl-in-view,
.rgpl-motion-ready .rgpl-reviews .rgpl-head.rgpl-in-view,
.rgpl-motion-ready .rgpl-faq-section .rgpl-faq-head.rgpl-in-view,
.rgpl-motion-ready .rgpl-benefits-section .rgpl-benefits-head.rgpl-in-view,
.rgpl-motion-ready .rgpl-offerings-section .rgpl-offerings-head.rgpl-in-view,
.rgpl-motion-ready .rgpl-lifetime-deals-host.rgpl-in-view{
  opacity:1;
  transform:none;
}

/* Cards reveal in a controlled stagger. */
.rgpl-motion-ready .rgpl-price-card,
.rgpl-motion-ready .rgpl-card,
.rgpl-motion-ready .rgpl-benefit-card,
.rgpl-motion-ready .rgpl-offering-card,
.rgpl-motion-ready .rgpl-faq-item,
.rgpl-motion-ready .metric-slab,
.rgpl-motion-ready .compact-trust-strip .trust-indicator{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease;
}

.rgpl-motion-ready .rgpl-price-card.rgpl-in-view,
.rgpl-motion-ready .rgpl-card.rgpl-in-view,
.rgpl-motion-ready .rgpl-benefit-card.rgpl-in-view,
.rgpl-motion-ready .rgpl-offering-card.rgpl-in-view,
.rgpl-motion-ready .rgpl-faq-item.rgpl-in-view,
.rgpl-motion-ready .metric-slab.rgpl-in-view,
.rgpl-motion-ready .compact-trust-strip .trust-indicator.rgpl-in-view{
  opacity:1;
  transform:none;
}

/* Small, natural stagger without requiring inline styles. */
.rgpl-motion-ready .rgpl-price-card:nth-child(2),
.rgpl-motion-ready .rgpl-card:nth-child(2),
.rgpl-motion-ready .rgpl-benefit-card:nth-child(2),
.rgpl-motion-ready .rgpl-faq-column .rgpl-faq-item:nth-child(2){transition-delay:.07s}
.rgpl-motion-ready .rgpl-price-card:nth-child(3),
.rgpl-motion-ready .rgpl-card:nth-child(3),
.rgpl-motion-ready .rgpl-benefit-card:nth-child(3),
.rgpl-motion-ready .rgpl-faq-column .rgpl-faq-item:nth-child(3){transition-delay:.14s}
.rgpl-motion-ready .rgpl-price-card:nth-child(4),
.rgpl-motion-ready .rgpl-card:nth-child(4),
.rgpl-motion-ready .rgpl-benefit-card:nth-child(4),
.rgpl-motion-ready .rgpl-faq-column .rgpl-faq-item:nth-child(4){transition-delay:.21s}
.rgpl-motion-ready .rgpl-price-card:nth-child(5),
.rgpl-motion-ready .rgpl-card:nth-child(5),
.rgpl-motion-ready .rgpl-benefit-card:nth-child(5){transition-delay:.28s}
.rgpl-motion-ready .rgpl-price-card:nth-child(6),
.rgpl-motion-ready .rgpl-card:nth-child(6),
.rgpl-motion-ready .rgpl-benefit-card:nth-child(6){transition-delay:.35s}

.rgpl-motion-ready .rgpl-offering-card:nth-child(2){transition-delay:.1s}
.rgpl-motion-ready .metric-slab:nth-child(2){transition-delay:.08s}
.rgpl-motion-ready .metric-slab:nth-child(3){transition-delay:.16s}
.rgpl-motion-ready .trust-indicator:nth-child(2){transition-delay:.08s}
.rgpl-motion-ready .trust-indicator:nth-child(3){transition-delay:.16s}

/* Gentle hover depth — intentionally restrained. */
.rgpl-pricing-section .rgpl-price-card,
.rgpl-reviews .rgpl-card,
.rgpl-benefits-section .rgpl-benefit-card,
.rgpl-offerings-section .rgpl-offering-card{
  transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease,border-color .28s ease;
}
.rgpl-pricing-section .rgpl-price-card:hover,
.rgpl-reviews .rgpl-card:hover,
.rgpl-benefits-section .rgpl-benefit-card:hover,
.rgpl-offerings-section .rgpl-offering-card:hover{
  transform:translateY(-5px);
}

/* Hero ambient motion. */
.gpl-compact-hero .glow-disc{
  animation:rgplAmbientGlow 7s ease-in-out infinite alternate;
}
.gpl-compact-hero .disc-right{animation-delay:-3.5s}
.gpl-compact-hero .promo-pill .pulse-indicator{
  animation:rgplPulse 2.2s ease-in-out infinite;
}

/* Keep the hero CTA alive without being distracting. */
.gpl-compact-hero .main-cta-btn:hover,
.rgpl-pricing-section .rgpl-plan-btn:hover,
.rgpl-pricing-section .rgpl-view-all-btn:hover,
.rgpl-reviews .rgpl-button:hover,
.rgpl-benefits-section .rgpl-benefits-cta:hover,
.rgpl-offerings-section .rgpl-offering-button:hover{
  transform:translateY(-2px) !important;
}

/* FAQ controls get a tiny rotate/scale interaction while preserving the accordion JS. */
.rgpl-faq-section .rgpl-faq-question:hover .rgpl-faq-icon{
  transform:scale(1.06);
}
.rgpl-faq-section .rgpl-faq-icon{
  transition:transform .2s ease,background .2s ease,color .2s ease;
}

@keyframes rgplAmbientGlow{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(8px,-6px,0) scale(1.04)}
}
@keyframes rgplPulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.72;transform:scale(1.14)}
}

@media (prefers-reduced-motion:reduce){
  .gpl-compact-hero .glow-disc,
  .gpl-compact-hero .promo-pill .pulse-indicator{animation:none!important}
  .rgpl-motion-ready .gpl-compact-hero .gpl-inner-wrap,
  .rgpl-motion-ready .rgpl-pricing-section .rgpl-header-box,
  .rgpl-motion-ready .rgpl-reviews .rgpl-head,
  .rgpl-motion-ready .rgpl-faq-section .rgpl-faq-head,
  .rgpl-motion-ready .rgpl-benefits-section .rgpl-benefits-head,
  .rgpl-motion-ready .rgpl-offerings-section .rgpl-offerings-head,
  .rgpl-motion-ready .rgpl-lifetime-deals-host,
  .rgpl-motion-ready .rgpl-price-card,
  .rgpl-motion-ready .rgpl-card,
  .rgpl-motion-ready .rgpl-benefit-card,
  .rgpl-motion-ready .rgpl-offering-card,
  .rgpl-motion-ready .rgpl-faq-item,
  .rgpl-motion-ready .metric-slab,
  .rgpl-motion-ready .compact-trust-strip .trust-indicator{
    opacity:1!important;transform:none!important;transition:none!important
  }
}