.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#001f3f;color:#fff;position:sticky;top:0;z-index:999}.navbar-logo{display:flex;align-items:center}.logo-img{height:45px;width:auto}.navbar-links{list-style:none;display:flex;gap:1.5rem}.navbar-links li a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease}.navbar-links li a:hover{color:#00bcd4}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:28px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger:focus{outline:none}.bar{width:100%;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}.hamburger.active .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.navbar{flex-wrap:wrap;padding:1rem}.hamburger{display:flex}.navbar-links{flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease}.navbar-links.active{max-height:500px}.navbar-links li{margin:.75rem 0}}.background{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:-1;overflow:hidden;pointer-events:none}.particle{position:absolute;border-radius:50%;opacity:.3;will-change:transform;animation:floatUp linear infinite;transition:transform .2s ease-out}@keyframes floatUp{0%{transform:translateY(0)}to{transform:translateY(-200vh)}}html,body{margin:0;padding:0;height:100%}.hero{width:100%;height:90vh;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;background:linear-gradient(to right,#fff,#95d1eb)}.hero-inner{display:flex;width:100%;max-width:1400px;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.hero-left{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.hero-logo{width:450px;height:auto;animation:fadeIn 1s ease-in-out}.hero-left p{font-size:1.5rem;color:#001f3f}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;text-decoration:none;font-size:1rem;transition:all .3s ease}.hero-btn.primary{background-color:#00bcd4;color:#001f3f}.hero-btn.primary:hover{background-color:#00a0b0}.hero-right{flex:1;min-width:300px;display:flex;justify-content:center;align-items:center}.hero-image{width:100%;max-width:600px;height:auto;animation:fadeIn 1.2s ease-in-out}@media (max-width: 1024px){.hero-inner{flex-direction:column;align-items:center;text-align:center}.hero-left,.hero-right{align-items:center;text-align:center}.hero-logo{width:350px}.hero-left p{font-size:1.2rem}.hero-image{max-width:80%}}@media (max-width: 480px){.hero{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;background:linear-gradient(to right,#fff,#95d1eb)}.hero-logo{width:250px}.hero-left p{font-size:1rem}.hero-btn{width:100%;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.why{padding:3rem 2rem;background:transparent;text-align:center}.why-container{max-width:1200px;margin:auto}.why h2{font-size:2.5rem;margin-bottom:2.5rem;color:#001f3f}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.why-card{background:#ededed;padding:2rem;border-radius:10px;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.why-card:hover{transform:translateY(-5px);box-shadow:0 6px 24px #0000001a}.why-card h3{font-size:1.25rem;margin-bottom:1rem;color:#00bcd4}.why-card p{font-size:1rem;color:#333}@media (max-width: 768px){.why h2{font-size:2rem}.why-card h3{font-size:1.1rem}}.live{background-color:#95d1eb;padding:1rem 2rem;text-align:center}.live-container{max-width:1200px;margin:0 auto}.live h2{font-size:2.5rem;color:#001f3f;margin-bottom:.5rem}.live-subtitle{font-size:1.25rem;color:#555;margin-bottom:2rem}.live-big-card{position:relative;background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:2rem;max-width:1000px;margin:0 auto;z-index:1}.wave-inside{position:absolute;bottom:0;left:0;width:200%;height:80px;z-index:0;opacity:.25;animation:wavePulse 8s ease-in-out infinite;pointer-events:none}.wave-inside svg{width:100%;height:100%;display:block}@keyframes wavePulse{0%{transform:translate(0) translateY(0)}50%{transform:translate(-25px) translateY(5px)}to{transform:translate(0) translateY(0)}}.live-content-container{display:flex;gap:2rem;align-items:center;justify-content:space-between;position:relative;z-index:2;flex-wrap:wrap}.live-content{flex:1 1 55%;display:flex;flex-direction:column;gap:1.25rem;text-align:left}.live-text-block h3{font-size:1.2rem;color:#036;margin-bottom:.2rem}.live-text-block p{font-size:1rem;color:#222;line-height:1.4}.live-image-block{flex:1 1 40%;display:flex;justify-content:center;align-items:center}.live-image-block img{max-width:100%;height:auto;border-radius:12px;object-fit:contain}@media (max-width: 768px){.live h2{font-size:2rem}.live-subtitle{font-size:1.1rem}.live-big-card{padding:1.5rem 1rem}.live-content-container{flex-direction:column;align-items:flex-start}.live-image-block{width:100%;margin-top:1rem}.live-content{width:100%}.live-text-block h3{font-size:1.05rem}.live-text-block p{font-size:.95rem}}.suite{background-color:#95d1eb;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.suite-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.suite h2{font-size:2.5rem;color:#001f3f;margin-bottom:.5rem}.suite-subtitle{font-size:1.25rem;color:#555;margin-bottom:2rem}.suite-big-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:2rem 1.5rem;max-width:950px;margin:0 auto;z-index:1}.suite-bg-animation{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(120deg,#cce6ff,#e6f0ff,#cce6ff);background-size:200% 200%;animation:animateBG 15s ease infinite;opacity:.25;filter:blur(18px);pointer-events:none;border-radius:20px}@keyframes animateBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.suite-image{flex:0 0 33%;max-height:300px;display:flex;align-items:center;justify-content:center}.suite-image img{width:100%;max-height:3100px;object-fit:contain;border-radius:12px}.suite-points{flex:1;position:relative;z-index:2;display:flex;flex-direction:column;gap:1rem;text-align:left}.suite-point h3{font-size:1.2rem;color:#036;margin-bottom:.2rem}.suite-point p{font-size:.95rem;color:#222;line-height:1.4}@media (max-width: 768px){.suite h2{font-size:2rem}.suite-subtitle{font-size:1.1rem}.suite-big-card{flex-direction:column;padding:2rem 1.2rem}.suite-image{max-height:180px}.suite-image img{max-height:160px}.suite-point h3{font-size:1.1rem}.suite-point p{font-size:.95rem}.suite-points{text-align:center}}.platform{padding:4rem 2rem;background:transparent;text-align:center}.platform-container{max-width:1000px;margin:0 auto}.platform h2{font-size:2.5rem;color:#001f3f;margin-bottom:.5rem}.platform-subtitle{font-size:1.2rem;color:#555;margin-bottom:3rem}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.platform-card{background-color:#95d1eb;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.platform-card:hover{transform:translateY(-6px);box-shadow:0 8px 30px #0000001a}.platform-card h3{font-size:1.4rem;color:#004080;margin-bottom:1rem}.platform-card p{font-size:1rem;color:#333;line-height:1.5}@media (max-width: 768px){.platform h2{font-size:2rem}.platform-subtitle{font-size:1rem}.platform-card h3{font-size:1.2rem}.platform-card p{font-size:.95rem}}.security{padding:4rem 2rem;background:transparent;text-align:center}.security-container{max-width:1100px;margin:0 auto}.security h2{font-size:2.5rem;color:#001f3f;margin-bottom:1rem}.security-subtitle{font-size:1.1rem;color:#555;margin-bottom:3rem;line-height:1.6}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.security-card{background-color:#95d1eb;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.security-card:hover{transform:translateY(-5px);box-shadow:0 6px 24px #0000001a}.security-card h3{font-size:1.3rem;color:#004080;margin-bottom:1rem}.security-card p{font-size:1rem;color:#333;line-height:1.5}@media (max-width: 768px){.security h2{font-size:2rem}.security-subtitle{font-size:1rem}.security-card h3{font-size:1.15rem}.security-card p{font-size:.95rem}}.cta{padding:4rem 2rem;background:transparent;color:#525252;text-align:center}.cta-container{max-width:1000px;margin:0 auto}.cta h2{font-size:2.5rem;margin-bottom:1rem}.cta p{font-size:1.2rem;margin-bottom:2rem;color:#00bcd4}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;text-decoration:none;transition:all .3s ease}.cta-btn.primary{background-color:#00bcd4;color:#001f3f}.cta-btn.primary:hover{background-color:#00a0b0}.cta-btn.secondary{background-color:transparent;border:2px solid #00bcd4;color:#00bcd4}.cta-btn.secondary:hover{background-color:#00bcd4;color:#001f3f}@media (max-width: 768px){.cta h2{font-size:2rem}.cta p{font-size:1rem}.cta-btn{font-size:.95rem}}.footer{background-color:#001f3f;color:#fff;padding:3rem 2rem;text-align:center}.footer-container{max-width:1200px;margin:auto}.footer-logo{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:#00bcd4}.footer-tagline{font-size:1rem;color:#cce7ff;margin-bottom:2rem}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem;margin-bottom:2rem}.footer-links a{color:#cce7ff;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-links a:hover{color:#00bcd4}.footer-bottom{font-size:.85rem;color:#88bddd}@media (max-width: 768px){.footer-logo{font-size:1.5rem}.footer-links{gap:.75rem;flex-direction:column}}
