/* Non-critical CSS - Below the fold styles */
.premium-glow {
  box-shadow: 0 0 50px rgba(255, 87, 34, 0.3), 0 0 100px rgba(255, 87, 34, 0.1);
}

.pulse-animation {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

.floating {
  animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Enhanced Platform Cards Visibility */
.platform-card {
  background: linear-gradient(145deg, rgba(255, 87, 34, 0.1), rgba(255, 87, 34, 0.1)) !important;
  backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.platform-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.platform-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.platform-card.orange-theme:hover {
  border-color: rgba(255, 87, 34, 0.8) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 30px rgba(255, 87, 34, 0.3);
}

.platform-card.red-theme:hover {
  border-color: rgba(220, 38, 38, 0.8) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 30px rgba(220, 38, 38, 0.3);
}

.platform-card h3 {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  font-weight: 700 !important;
  position: relative;
  z-index: 2;
}

.platform-card p {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
}

.platform-card .text-gray-300 {
  color: rgba(255, 255, 255, 0.85) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.platform-card .text-gray-400 {
  color: rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* 🔥 Red/Orange Gradient Backgrounds */
.section-gradient-1 {
  background: linear-gradient(135deg, #330000 0%, #660000 25%, #b30000 50%, #ff4500 75%, #ff6600 100%);
}

.section-gradient-2 {
  background: linear-gradient(135deg, #4b0000 0%, #800000 25%, #cc3300 50%, #ff5500 75%, #ff8800 100%);
}

.section-gradient-3 {
  background: linear-gradient(135deg, #660000 0%, #b30000 25%, #ff3300 50%, #ff6600 75%, #ffaa00 100%);
}

.section-gradient-4 {
  background: linear-gradient(135deg, #4b0000 0%, #800000 25%, #cc3300 50%, #ff6600 75%, #ff3300 100%);
}

.section-gradient-5 {
  background: linear-gradient(135deg, #330000 0%, #660000 25%, #b30000 50%, #ff4500 75%, #ff6600 100%);
}

.footer-gradient {
  background: linear-gradient(135deg, rgba(51, 0, 0, .95) 0%, rgba(102, 0, 0, .95) 50%, rgba(51, 0, 0, .95) 100%);
  backdrop-filter: blur(10px);
}

.strategic-card-hidden { display: none; }

.animate-delay-500 { animation-delay: .5s; }
.animate-delay-1000 { animation-delay: 1s; }
.animate-delay-1500 { animation-delay: 1.5s; }

.btn-bounce:active { transform: scale(.98); }

/* Glass Premium Cards */
.glass-premium {
  background: linear-gradient(135deg, rgba(255,87,34,.1) 0%, rgba(255,255,255,.05) 100%);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(255,87,34,.2);
  box-shadow: 0 12px 40px rgba(0,0,0,.4);
}

/* Modern Cards */
.card-modern {
  background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.05));
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1);
  transition: all .3s cubic-bezier(.4,0,.2,1);
}
.card-modern:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 25px 50px rgba(0,0,0,.15), 0 0 0 1px rgba(255,255,255,.1);
}

/* Premium Announcement Banner */
.premium-announcement {
  background: linear-gradient(90deg, #ff3300 0%, #ff6600 25%, #ff9900 50%, #ff4500 75%, #ff3300 100%);
  background-size: 200% 100%;
  animation: gradientShift 3s ease infinite;
}
@keyframes gradientShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Product Cards */
.product-card {
  background: linear-gradient(145deg, #330000 0%, #1a0000 100%);
  box-shadow: 0 10px 30px rgba(0,0,0,.3);
  transition: all .4s cubic-bezier(.4,0,.2,1);
  position: relative;
  overflow: hidden;
}
.product-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 25px 50px rgba(0,0,0,.4);
}
.product-card:hover.hover\:border-orange-400 {
  border-color: #ff6600;
  box-shadow: 0 25px 50px rgba(0,0,0,.4), 0 0 30px rgba(255,102,0,.3);
}
.product-card:hover.hover\:border-red-400 {
  border-color: #dc2626;
  box-shadow: 0 25px 50px rgba(0,0,0,.4), 0 0 30px rgba(220,38,38,.3);
}

/* Process Cards */
.process-card {
  background: linear-gradient(135deg, rgba(60,10,0,.8) 0%, rgba(30,0,0,.9) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,102,0,.2);
  box-shadow: 0 8px 32px rgba(0,0,0,.3);
  transition: all .3s ease;
  position: relative;
  overflow: hidden;
}
.process-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,102,0,.5), transparent);
  opacity: 0;
  transition: opacity .3s ease;
}
.process-card:hover::before { opacity: 1; }
.process-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,102,0,.4);
  box-shadow: 0 12px 40px rgba(255,102,0,.2);
}
.process-card h3 {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.5);
  font-weight: 700;
}
.process-card p {
  color: #ffeae0 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
  line-height: 1.6;
}

/* Guarantee Section */
.guarantee-section {
  background: linear-gradient(135deg, rgba(255,102,0,.1) 0%, rgba(220,38,38,.15) 100%);
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255,102,0,.3);
  box-shadow: 0 8px 32px rgba(255,87,34,.1);
  position: relative;
  overflow: hidden;
}
.guarantee-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(45deg, transparent 30%, rgba(255,102,0,.05) 50%, transparent 70%);
  animation: shimmer 3s ease-in-out infinite;
}
@keyframes shimmer {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}
.guarantee-section h3 {
  color: #ff6600 !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.3);
  font-weight: 800;
}
.guarantee-section p {
  color: #fff5f0 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.guarantee-section .text-green-300 {
  color: #ffb380 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
}