Pulse - Fiter body { margin: 0; font-family: 'Inter', sans-serif; background-color: #0B0B0C; color: #ffffff; } header { display: flex; align-items: center; justify-content: space-between; padding: 20px 40px; background-color: #0B0B0C; border-bottom: 1px solid #1A1A1D; } header img { height: 40px !important; width: auto !important; max-width: 200px !important; object-fit: contain !important; } .fiter-button-outline { display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 9999px; border: 2px solid #fff; background-color: transparent; color: #fff; font-weight: 600; font-size: 16px; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease; } .fiter-button-outline:hover { background-color: #fff; color: #0B0B0C; } .hero { text-align: center; padding: 120px 20px 100px; background-color: #0B0B0C; background-image: url('uploaded:image_42ec37.jpg-cd8334dc-90d3-4aa5-829b-29d6e886340d'); background-size: cover; background-position: center; } .hero h1 { font-size: 40px; background: linear-gradient(90deg, #9A4EFF, #FF42F5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; margin-bottom: 20px; } .hero p { font-size: 18px; color: #ccc; max-width: 600px; margin: 0 auto 30px; } section { max-width: 1100px; margin: 0 auto; padding: 60px 20px; } h2 { text-align: center; font-size: 30px; font-weight: 700; color: #ffffff; margin-bottom: 30px; } .benefit-blocks { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; text-align: center; } .benefit { flex: 1 1 300px; background: #1A1A1D; border-radius: 20px; padding: 30px 20px; color: #fff; display: flex; flex-direction: column; align-items: center; } .benefit img { width: 60px; height: 60px; background: #2E2E33; border-radius: 50%; margin-bottom: 20px; display: block; } .benefit h3 { color: #FF42F5; font-weight: 700; margin-bottom: 10px; font-size: 18px; } .benefit p { color: #ccc; font-size: 15px; } .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; } .testimonial { background: #1A1A1D; padding: 20px; border-radius: 12px; text-align: center; color: #fff; } .testimonial img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; margin-bottom: 10px; } .testimonial p { color: #ccc; } .testimonial span { color: #9A4EFF; font-weight: 600; font-size: 14px; } .product-demo { text-align: center; margin-bottom: 40px; } .product-demo img { max-width: 100%; height: auto; border-radius: 20px; background: #1A1A1D; padding: 10px; margin: 30px 0; } .gemini-section { background: #1A1A1D; border: 1px solid #333; border-radius: 20px; padding: 50px 30px; text-align: center; } .gemini-section h2 { color: #FF42F5; } .gemini-section p { color: #ccc; font-size: 16px; margin-bottom: 30px; } .gemini-section .fiter-button-outline { margin-top: 20px; } .lead-form, .trust-section { background: #141417; border-radius: 20px; margin-bottom: 30px; padding: 40px 30px; } .lead-form p, .trust-section p { text-align: center; color: #ccc; font-size: 16px; } form { display: flex; flex-direction: column; gap: 15px; max-width: 500px; margin: 0 auto; } input, button[type="submit"] { padding: 15px; border-radius: 8px; border: none; font-size: 16px; } input { background: #2E2E33; color: #fff; } button[type="submit"] { background: linear-gradient(90deg, #9A4EFF, #FF42F5); color: #fff; font-weight: 700; cursor: pointer; } button[type="submit"]:hover { background: linear-gradient(90deg, #FF42F5, #9A4EFF); } footer { background: #1A1A1D; color: #888; font-size: 14px; text-align: center; padding: 30px 20px; }