body{background-color:#f5f5f5;font-family:Arial,sans-serif;text-align:center}.App{padding:20px}.header{background-color:#444;box-sizing:border-box;left:0;margin:0 auto;padding:5x;position:fixed;right:0;top:0;width:100%;z-index:750}body{padding-top:30px}.nav-links{display:flex;justify-content:space-around;list-style:none;padding:0}.nav-links a{color:#fff;text-decoration:none}.footer{background-color:#222;bottom:0;box-shadow:0 -2px 5px #00000080;color:#fff;font-size:14px;left:50%;padding:10px 20px;position:fixed;text-align:center;transform:translateX(-50%);width:100%}.footer a{color:#4caf50;margin:0 5px;text-decoration:none}.footer a:hover{text-decoration:underline}.homepage-container{background-color:#222;box-sizing:border-box;color:#f4f4f4;font-family:Arial,sans-serif;margin:0 auto;padding:40px 20px 80px;text-align:center;width:100%}.section-title h2{border-bottom:2px solid #444;color:#fc0;font-size:2.5em;margin-bottom:30px;padding-bottom:10px;text-align:center}.loading-overlay{align-items:center;background-color:#0009;color:#fff;display:flex;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:1000}.loading-overlay h2{font-size:2em;margin:0}.metrics-box{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-items:center;margin-bottom:40px}.metric-card{background-color:#333;border-radius:8px;box-shadow:0 4px 10px #00000080;color:#f4f4f4;padding:20px;text-align:center;width:90%}.metric-card h3{color:#fc0;font-size:1.2em;margin-bottom:10px}.metric-card p{color:#f4f4f4;font-size:1.1em}.collapsible-section{background-color:#444;border-radius:8px;box-shadow:0 4px 10px #00000080;margin:20px auto;padding:15px;width:90%}.collapsible-button{background-color:#333;border:none;border-radius:8px;color:#fc0;cursor:pointer;font-size:1.2em;font-weight:700;padding:15px;text-align:left;transition:background-color .3s ease;width:100%}.collapsible-button:hover{background-color:#555}.chart-container{background-color:#222;border-radius:8px;box-shadow:0 4px 10px #00000080;margin-top:15px;padding:20px}@media (max-width:768px){.metrics-box{grid-template-columns:1fr}.metric-card{width:100%}.section-title h2{font-size:2em}.homepage-container{padding-top:120px}.collapsible-button{font-size:1em}}.home-container{background-color:#222;box-sizing:border-box;color:#f4f4f4;margin-bottom:25px;padding:20px;width:100%}.home-page-title{border-bottom:2px solid #444;color:#fc0;font-size:2.5em;margin-bottom:30px;padding-bottom:10px;text-align:center}.grid-section{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-auto-rows:1fr;grid-template-areas:"frontend backend data" "alerts alerts alerts" "self-hosting diagram diagram";grid-template-columns:repeat(3,1fr);margin-bottom:40px;padding:10px}.grid-box{align-items:center;background-color:#333;border-radius:8px;box-shadow:0 4px 10px #00000080;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.grid-box h3{color:#fc0;margin-bottom:10px}.grid-box p{font-size:1em;line-height:1.6}.grid-box.frontend{grid-area:frontend}.grid-box.backend{grid-area:backend}.grid-box.data{grid-area:data}.grid-box.alerts{background-color:#fc0;color:#222;grid-area:alerts}.grid-box.alerts h3{color:#222}.grid-box.self-hosting{grid-area:self-hosting}.grid-box.diagram{align-items:center;background-color:#222;border-radius:8px;display:flex;grid-area:diagram;justify-content:center;min-height:400px;padding:10px}.diagram-image{height:auto;max-width:100%;object-fit:contain;width:100%}.blog-section{background-color:#333;border-radius:8px;box-sizing:border-box;margin-bottom:40px;margin-top:40px;padding:20px;width:100%}.blog-section-title{color:#fc0;font-size:1.8em;margin-bottom:20px;text-align:center}.blog-previews{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.blog-preview{background-color:#444;border-radius:8px;box-shadow:0 4px 10px #00000080;box-sizing:border-box;flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;max-width:calc(50% - 20px);padding:15px}.blog-preview h3{color:#fc0;font-size:1.5em;margin-bottom:10px}.blog-preview p{color:#f4f4f4;font-size:1em;margin-bottom:15px}.blog-button{background-color:#fc0;border:none;border-radius:5px;color:#222;cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:10px 20px;text-align:center;text-decoration:none}.blog-button:hover{background-color:#e6b800}.cta-section{margin-bottom:35px}.cta-section h3{margin-bottom:10px}.cta-section a,.cta-section button{background-color:#222;border:none;border-radius:5px;color:#fc0;cursor:pointer;font-size:1.5em;padding:15px 30px;text-decoration:none}.cta-section a:hover,.cta-section button:hover{background-color:#333}@media (max-width:768px){.grid-section{grid-template-areas:"frontend" "backend" "data" "alerts" "self-hosting" "diagram";grid-template-columns:1fr}.home-page-title{font-size:2em}.blog-previews{flex-direction:column}.blog-preview{flex:1 1 100%;max-width:100%}.grid-box.diagram,.grid-box.self-hosting{min-height:auto}}.modal-overlay{align-items:center;background-color:#000c;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#222;border-radius:8px;box-shadow:0 4px 10px #00000080;max-height:90%;max-width:90%;padding:10px;position:relative}.modal-image{border-radius:8px;height:auto;object-fit:contain;width:100%}.faq-section{border-radius:10px;box-shadow:0 4px 15px #0009;margin-bottom:30px;padding:40px}.content-block{background-color:#3a3a3a;border-left:4px solid #fc0;border-radius:5px;margin-bottom:30px;padding:20px}.content-block p{font-size:1.1em;margin-bottom:10px}.contact-form{background-color:#444;border-radius:10px;box-shadow:0 6px 18px #0009;margin:30px auto;max-width:600px;padding:30px}.contact-form label{color:#fc0;display:block;font-weight:700;margin-bottom:8px}.contact-form input,.contact-form select,.contact-form textarea{background-color:#222;border:1px solid #555;border-radius:5px;color:#f4f4f4;font-size:1em;margin-bottom:20px;padding:12px;width:100%}.contact-form select{-webkit-appearance:none;appearance:none;cursor:pointer}.contact-form button{background-color:#fc0;border:none;border-radius:5px;color:#222;cursor:pointer;display:block;font-size:1.3em;font-weight:700;padding:12px;text-align:center;transition:background-color .3s ease,transform .2s ease;width:100%}.contact-form button:hover{background-color:#e6b800;transform:scale(1.02)}@media (max-width:768px){.faq-page-title{font-size:2em}.contact-form,.faq-section{padding:20px}.contact-form button{font-size:1.2em}}.centered-text{font-size:1.1em;line-height:1.6;margin:0 auto 20px;text-align:center}.faq-container{background-color:#222;color:#f4f4f4;padding:20px;width:100%}.faq-page-title{border-bottom:2px solid #444;color:#fc0;font-size:2.5em;margin-bottom:30px;padding:10px;text-align:center}.faq-section{background-color:#333;border-radius:8px;box-shadow:0 4px 10px #00000080;margin:0 auto;padding:30px;width:100%}.faq-section h3{color:#fc0;font-size:2em;margin-bottom:20px;text-align:center}.faq-content{line-height:1.8;margin:0 auto;max-width:1000px;text-align:justify}.faq-item{border-bottom:1px solid #444;margin-bottom:25px;padding-bottom:10px}.faq-item h4{color:#fc0;font-size:1.5em;margin-bottom:10px;text-align:center}.faq-item p{color:#f4f4f4;font-size:1.1em;margin:0 auto;padding:0 10px}@media (max-width:768px){.faq-container{padding:10px}.faq-section{padding:20px}.faq-content{max-width:90%}.faq-item h4{font-size:1.3em}.faq-item p{font-size:1em}}.cta-section{background-color:#fc0;border-radius:5px;margin-bottom:60px;margin-top:40px;padding:20px;text-align:center}.cta-section h3{color:#222;font-size:2em;margin-bottom:30px}.cta-section p{color:#222;font-size:1.2em}.cta-section .cta-button{background-color:#222;border:none;border-radius:5px;color:#fc0;cursor:pointer;display:inline-block;font-size:1.5em;padding:15px 30px;text-decoration:none}.blog-container,.cta-section .cta-button:hover{background-color:#333}.blog-container{border-radius:10px;box-shadow:0 6px 15px #0009;color:#f4f4f4;line-height:1.8;margin:75px auto;max-width:1000px;overflow-wrap:break-word;padding:30px}.blog-container h1{border-bottom:3px solid #444;color:#fc0;font-size:3em;margin-bottom:25px;padding-bottom:15px;text-align:center}.blog-container h2{color:#fc0;font-size:1.8em;margin-bottom:15px;margin-top:30px;text-align:center}.blog-container p{color:#e6e6e6;font-size:1.25em;margin-bottom:25px;text-align:left}.blog-container ul{list-style:none;margin:20px 0;padding-left:0}.blog-container ul li{color:#e6e6e6;font-size:1.25em;margin-bottom:15px;padding-left:1em;text-indent:-1em}.blog-container ul li strong{color:#fc0}.blog-container hr{border:0;border-top:2px solid #444;margin:30px 0}.blog-container a{color:#fc0;font-weight:700;text-decoration:none}.blog-container a:hover{text-decoration:underline}.blog-container img{border-radius:10px;box-shadow:0 4px 10px #00000080;height:auto;margin:20px 0;max-width:100%}body{background-color:#f9f9f9;margin:0;padding:0}.blog-container{margin-bottom:100px;margin-top:100px}header{margin-bottom:25px}@media (max-width:768px){.blog-container{padding:20px}.blog-container h1{font-size:2.5em}.blog-container p{font-size:1.1em}}
/*# sourceMappingURL=main.a2de61c2.css.map*/