*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Outfit,sans-serif}h1,h2,h3{color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.landing-page{font-family:Arial,sans-serif}.landing-page .landing-header{background-color:#0d1b2a;padding:1.5rem 0;color:#fff;position:fixed;width:100%;top:0;left:0;z-index:10}.landing-page .landing-header .header-content{display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.landing-page .landing-header .header-content nav ul{display:flex;list-style-type:none}.landing-page .landing-header .header-content nav ul li{margin-left:2rem}.landing-page .landing-header .header-content nav ul li a{color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease}.landing-page .landing-header .header-content nav ul li a:hover{color:#66fcf1}.landing-page .hero-section{padding:5rem 0;background-color:#f4f4f4;text-align:center;margin-top:4rem}.landing-page .hero-section h2{font-size:2.5rem;margin-bottom:2rem}.landing-page .hero-section button{margin:0 1rem}.landing-page .features-section{padding:4rem 0;background-color:#fff}.landing-page .features-section .feature{text-align:center}.landing-page .features-section .feature i{display:block;font-size:4rem;color:#3d4c7e;margin-bottom:1rem}.landing-page .features-section .feature .icon-real-time{color:#3d4c7e}.landing-page .features-section .feature .icon-filter{color:#7076b6}.landing-page .features-section .feature .icon-ui{color:#e2e4f0}.landing-page .call-to-action{padding:3rem 0;background-color:#f4f4f4;text-align:center}.landing-page .landing-footer{background-color:#0d1b2a;color:#fff;padding:2rem 0;text-align:center}.landing-page .landing-footer nav ul{display:flex;justify-content:center;list-style-type:none;padding:0}.landing-page .landing-footer nav ul li{margin-left:1.5rem}.landing-page .landing-footer nav ul li a{color:#fff;text-decoration:none}.hero-section{background-image:url(https://images.unsplash.com/photo-1673209034091-fa720e36e327?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;color:#fff;text-align:center;padding:6rem 0}.hero-section button{margin:1rem}@media (max-width: 768px){.hero-section{height:70vh}.hero-section h2{font-size:1.8rem}}