{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .gp-component-id-01wIOkWQZq { width: 100%; } @media (max-width: 639px) { .gp-component-id-01wIOkWQZq { width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-01wIOkWQZq { width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-01wIOkWQZq { width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-01wIOkWQZq { width: 100%; } } @media (min-width: 1200px) { .gp-component-id-01wIOkWQZq { width: 100%; } } .gp-component-id-CSN9poMCY { cursor: pointer;position: relative;height: 0px;padding-bottom: 56.25%; } @media (max-width: 639px) { .gp-component-id-CSN9poMCY { cursor: pointer;position: relative;height: 0px;padding-bottom: 56.25%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-CSN9poMCY { cursor: pointer;position: relative;height: 0px;padding-bottom: 56.25%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-CSN9poMCY { cursor: pointer;position: relative;height: 0px;padding-bottom: 56.25%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-CSN9poMCY { cursor: pointer;position: relative;height: 0px;padding-bottom: 56.25%; } } @media (min-width: 1200px) { .gp-component-id-CSN9poMCY { cursor: pointer;position: relative;height: 0px;padding-bottom: 56.25%; } } .gp-component-id-gjo8XbqNR8 { left: 0px;position: absolute;height: 100%;width: 100%; } @media (max-width: 639px) { .gp-component-id-gjo8XbqNR8 { left: 0px;position: absolute;height: 100%;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-gjo8XbqNR8 { left: 0px;position: absolute;height: 100%;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-gjo8XbqNR8 { left: 0px;position: absolute;height: 100%;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-gjo8XbqNR8 { left: 0px;position: absolute;height: 100%;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-gjo8XbqNR8 { left: 0px;position: absolute;height: 100%;width: 100%; } } body { font-family: 'Inter', sans-serif; margin: 0; background: #f9f9f9; color: #333; } header { background-color: #25D366; color: white; padding: 60px 20px; text-align: center; } header h1 { font-size: 2.5em; margin-bottom: 15px; } header p { font-size: 1.2em; max-width: 600px; margin: auto; } .cta-button { background-color: #fff; color: #25D366; border: none; padding: 15px 30px; margin-top: 25px; font-size: 1em; font-weight: bold; cursor: pointer; border-radius: 5px; transition: background 0.3s; } .cta-button:hover { background-color: #e5ffe9; } .section { padding: 60px 20px; max-width: 1000px; margin: auto; } .section h2 { text-align: center; font-size: 2em; margin-bottom: 30px; } .benefits-list, .use-cases { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .benefit, .use-case { background: white; padding: 20px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } .benefit h3, .use-case h3 { margin-top: 0; font-size: 1.1em; } .bonus { background: #e8fce7; padding: 40px 20px; border-radius: 10px; text-align: center; } .footer-cta { background-color: #25D366; color: white; padding: 50px 20px; text-align: center; } .footer-cta h2 { font-size: 2em; } .footer-cta button { background: white; color: #25D366; border: none; padding: 15px 30px; font-size: 1.1em; font-weight: bold; margin-top: 20px; border-radius: 5px; cursor: pointer; } @media (max-width: 600px) { header h1 { font-size: 2em; } .section h2 { font-size: 1.6em; } }