/* ========================================
   IPHONE FIX - INSTANT SHOW
   Disables load animations & scroll reveals
   Makes pricing section instantly visible
======================================== */

/* Force instant visibility - no delays */
.pricing-section,
.pricing-section *,
.pricing-grid,
.pricing-card,
.addon-section,
.addon-grid,
.addon-card,
.faq-section,
.faq-grid,
.faq-item {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    animation-delay: 0s !important;
    animation-duration: 0s !important;
}

/* Disable scroll reveal animations */
.apple-section {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    animation: none !important;
}

.apple-section.show {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

/* Disable page enter animation */
body {
    animation: none !important;
}

@keyframes pageEnter {
    from { opacity: 1 !important; transform: translateX(0) scale(1) !important; }
    to { opacity: 1 !important; transform: translateX(0) scale(1) !important; }
}

/* Disable fadeUp animations */
@keyframes fadeUp {
    from { opacity: 1 !important; transform: translateY(0) !important; }
    to { opacity: 1 !important; transform: translateY(0) !important; }
}

/* Remove 3D transforms that cause GPU issues */
.pricing-section .pricing-card,
.pricing-section .addon-card,
.pricing-section .faq-item {
    transform: none !important;
    transform-style: flat !important;
    perspective: none !important;
}

/* Remove backdrop blur (heavy on iPhone) */
.pricing-section .pricing-card,
.pricing-section .addon-card,
.pricing-section .faq-item {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Remove pseudo overlays that can hide content */
.pricing-section .pricing-card::before,
.pricing-section .pricing-card::after,
.pricing-section .addon-card::before,
.pricing-section .addon-card::after,
.pricing-section .faq-item::before,
.pricing-section .faq-item::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
}

/* Disable body perspective */
body {
    perspective: none !important;
}

/* Remove hover transforms */
.pricing-section .pricing-card:hover,
.pricing-section .addon-card:hover,
.pricing-section .faq-item:hover {
    transform: none !important;
}

/* Remove breathe/magnet animations on pricing */
.pricing-section .btn-primary,
.pricing-section .hero,
.pricing-section h1 {
    animation: none !important;
}

@keyframes breathe {
    from { transform: scale(1) !important; }
    to { transform: scale(1) !important; }
}

@keyframes magnet {
    from { transform: scale(1) !important; }
    to { transform: scale(1) !important; }
}

/* Disable floating animations */
@keyframes floaty {
    from { transform: translateY(0px) !important; }
    to { transform: translateY(0px) !important; }
}

/* Remove glow pulse that might interfere */
@keyframes glowPulse {
    0% { box-shadow: 0 0 10px rgba(37,99,235,.3); }
    50% { box-shadow: 0 0 10px rgba(37,99,235,.3); }
    100% { box-shadow: 0 0 10px rgba(37,99,235,.3); }
}

/* Ensure all content starts visible */
.pricing-section * {
    animation-play-state: paused !important;
}




















.btn-outline {
  display: inline-block;
  padding: 12px 26px;
  font-size: 16px;
  font-weight: 500;
  color: #667eea;
  border: 2px solid #667eea;
  border-radius: 4px;
  text-decoration: none;
  background: transparent;
}

.btn-outline:hover {
  background: #667eea;
  color: #ffffff;
}