/* ════ CASCADE AI SYSTEMS — Shared Premium Component Layer (funnel pages) ════
   Visual-only: gradient/glow buttons, glass secondaries, card elevation, motion.
   Targets the funnel pages' own class names so nothing structural changes. */

/* Primary (rust) buttons → gradient + glow + lift */
.price-cta.primary-cta, .btn-pkg-primary, .login-btn--rust, .btn-rust, .nav-cta{
  background: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 26px rgba(37,99,235,0.32), inset 0 1px 0 rgba(255,255,255,0.26) !important;
  transition: transform .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s ease !important;
}
.price-cta.primary-cta:hover, .btn-pkg-primary:hover, .login-btn--rust:hover, .btn-rust:hover, .nav-cta:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 42px rgba(37,99,235,0.48), inset 0 1px 0 rgba(255,255,255,0.30) !important;
}

/* Cyan accent button → cyan gradient + glow */
.btn-pkg-cyan{
  background: linear-gradient(135deg, #10B981 0%, #34D399 100%) !important;
  color: #06283B !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 26px rgba(16,185,129,0.28), inset 0 1px 0 rgba(255,255,255,0.40) !important;
  transition: transform .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s ease !important;
}
.btn-pkg-cyan:hover{ transform: translateY(-2px) !important; box-shadow: 0 18px 42px rgba(16,185,129,0.45) !important; }

/* Ghost / secondary → glassmorphism */
.price-cta.ghost-cta, .btn-pkg-ghost{
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 14px !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  transition: transform .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s, border-color .22s, background .22s !important;
}
.price-cta.ghost-cta:hover, .btn-pkg-ghost:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(16,185,129,0.45) !important;
  background: rgba(255,255,255,0.08) !important;
  box-shadow: 0 12px 28px rgba(16,185,129,0.14) !important;
}

/* Cards → elevation + cyan hover glow */
.price-card, .inc-card, .mock-card, .pkg-card, .ready-card, .status-card, .who-card{
  transition: transform .26s cubic-bezier(.2,.7,.3,1), box-shadow .26s, border-color .26s !important;
}
.price-card:hover, .inc-card:hover, .pkg-card:hover, .ready-card:hover, .status-card:hover, .who-card:hover{
  transform: translateY(-4px) !important;
  border-color: rgba(16,185,129,0.30) !important;
  box-shadow: 0 22px 50px rgba(0,0,0,0.40), 0 0 28px rgba(16,185,129,0.09) !important;
}

/* Featured tiers → rust glow halo */
.price-card.featured, .pkg-card.featured{
  box-shadow: 0 22px 56px rgba(0,0,0,0.50), 0 0 42px rgba(37,99,235,0.16) !important;
}
.price-card.featured:hover, .pkg-card.featured:hover{
  transform: translateY(-5px) !important;
  box-shadow: 0 30px 68px rgba(0,0,0,0.55), 0 0 54px rgba(37,99,235,0.24) !important;
}

/* Scroll-reveal (hidden state applied by JS only — safe if JS never runs) */
.cae-reveal{ opacity:0; transform: translateY(20px); }
.cae-reveal.cae-in{ opacity:1; transform:none; transition: opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1); }
@media (prefers-reduced-motion: reduce){
  .cae-reveal, .cae-reveal.cae-in{ opacity:1!important; transform:none!important; transition:none!important; }
  .price-cta, .btn-pkg-primary, .btn-pkg-cyan, .btn-pkg-ghost, .login-btn--rust, .btn-rust, .nav-cta,
  .price-card, .inc-card, .mock-card, .pkg-card, .ready-card, .status-card, .who-card{ transition:none!important; }
}