/* Add this to Tilda Site Settings → CSS for all pages */ .iswim-hero { background: linear-gradient(135deg, #0a1a2e 0%, #16213e 100%); color: white; padding: 100px 0; text-align: center; min-height: 80vh; display: flex; align-items: center; justify-content: center; } .iswim-stats { display: flex; justify-content: center; gap: 3rem; margin: 2rem 0; flex-wrap: wrap; } .iswim-stat { text-align: center; } .iswim-stat-number { font-size: 2.5rem; font-weight: bold; color: #00d4ff; display: block; } .iswim-cta { background: linear-gradient(45deg, #ff6b35, #f7931e); color: white; padding: 1rem 2rem; border: none; border-radius: 30px; font-weight: bold; text-decoration: none; display: inline-block; margin: 1rem; transition: all 0.3s ease; } .iswim-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(255, 107, 53, 0.3); } .iswim-problem-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin: 3rem 0; } .iswim-problem-card { background: rgba(255, 255, 255, 0.05); padding: 2rem; border-radius: 20px; border: 1px solid rgba(0, 212, 255, 0.2); text-align: center; transition: all 0.3s ease; } .iswim-problem-card:hover { transform: translateY(-5px); border-color: #00d4ff; } .iswim-innovation-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin: 3rem 0; } .iswim-innovation-card { background: rgba(255, 255, 255, 0.05); padding: 2rem; border-radius: 20px; border: 1px solid rgba(255, 107, 53, 0.2); transition: all 0.3s ease; } .iswim-pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; max-width: 1000px; margin: 3rem auto; } .iswim-pricing-card { background: rgba(255, 255, 255, 0.05); padding: 2rem; border-radius: 20px; border: 2px solid transparent; text-align: center; transition: all 0.3s ease; } .iswim-pricing-card.featured { border-color: #00d4ff; transform: scale(1.05); } @media (max-width: 768px) { .iswim-stats { gap: 1rem; } .iswim-problem-grid { grid-template-columns: 1fr; } .iswim-innovation-grid { grid-template-columns: 1fr; } .iswim-pricing-grid { grid-template-columns: 1fr; } }