/* QA3: decorative, scroll-linked glass ribbons. The existing transparent artwork
   and colour palette stay intact; content never moves with this effect. */
.plans-section,
.redesigned-footer {
  position: relative;
  overflow: hidden;
  overflow: clip;
}
.plans-section > .container { position: relative; z-index: 1; }
.okg-glass-ribbon[data-okg-ribbon-motion] {
  pointer-events: none;
  user-select: none;
  transform-origin: center;
  transform: translateY(var(--okg-ribbon-y, 0px)) rotate(var(--okg-ribbon-turn, 0deg));
  /* No transition, animated blur or permanent will-change layer */
}
.okg-glass-ribbon.okg-pricing-ribbon {
  width: clamp(168px, 22vw, 300px);
  height: auto;
  right: -40px;
  top: 24px;
  opacity: .86;
}
.okg-glass-ribbon.okg-footer-ribbon {
  width: clamp(180px, 24vw, 320px);
  height: auto;
  right: -48px;
  bottom: -24px;
  opacity: .75;
}
@media (max-width: 760px) {
  .homepage-hero .okg-glass-ribbon.okg-hero-ribbon {
    width: 88%;
    top: 45%;
    right: -14%;
  }
  .okg-glass-ribbon.okg-pricing-ribbon { width: 168px; right: -36px; }
  .okg-glass-ribbon.okg-footer-ribbon { width: 180px; right: -36px; }
}
[data-okg-reduced-motion="true"] .okg-glass-ribbon[data-okg-ribbon-motion] {
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .okg-glass-ribbon[data-okg-ribbon-motion] { transform: none; }
}
[data-okg-reduced-transparency="true"] .okg-glass-ribbon[data-okg-ribbon-motion],
[data-theme="contrast"] .okg-glass-ribbon[data-okg-ribbon-motion] { display: none; }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  .okg-glass-ribbon[data-okg-ribbon-motion] { display: none; }
}
@media print {
  .okg-glass-ribbon[data-okg-ribbon-motion] { display: none; }
}