nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{text-decoration:none;color:#37474F;font-family:MiSans-Medium,sans-serif;transition:color .3s}nav ul li a:hover{color:#3367D6}.hero{display:flex;align-items:center;min-height:60vh;padding:60px 0;background:linear-gradient(135deg,rgba(51,103,214,.05),rgba(15,157,88,.05));border-radius:20px;position:relative;overflow:hidden}.hero:before{top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(51,103,214,.1) 0,rgba(255,255,255,0) 70%)}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%;z-index:0}.hero:after{bottom:-50px;left:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(15,157,88,.1) 0,rgba(255,255,255,0) 70%)}.hero-content{padding:0 40px}.hero-content,.hero-image{flex:1;position:relative;z-index:1}.hero-image img{width:100%;max-width:550px;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.1);transform:perspective(1000px) rotateY(-5deg);transition:transform .5s}.hero-image img:hover{transform:perspective(1000px) rotateY(0)}h1{font-family:MiSans-SemiBold,sans-serif;font-size:48px;line-height:1.2;margin-bottom:20px;color:#37474F}h1 span{color:#3367D6}.tagline{font-size:18px;line-height:1.6;margin-bottom:30px;color:#546E7A}.download-buttons{display:flex;gap:15px;margin-top:30px}.btn{display:inline-flex;align-items:center;padding:12px 24px;border-radius:8px;font-family:MiSans-Medium,sans-serif;font-size:16px;text-decoration:none;transition:all .3s;cursor:pointer}.btn i{margin-right:8px;font-size:20px}.btn-primary{background-color:#3367D6;color:white;box-shadow:0 4px 12px rgba(51,103,214,.2)}.btn-primary:hover{background-color:#2857c0;transform:translateY(-2px);box-shadow:0 6px 16px rgba(51,103,214,.3)}.btn-secondary{background-color:#0F9D58;color:white;box-shadow:0 4px 12px rgba(15,157,88,.2)}.btn-secondary:hover{background-color:#0c8a4c;transform:translateY(-2px);box-shadow:0 6px 16px rgba(15,157,88,.3)}.features{padding:80px 40px;background-color:#F5F7FB;border-radius:20px;margin:40px 0}.features-grid{justify-content:center;gap:30px;margin-bottom:30px}.feature-card,.features-grid{display:flex;align-items:center}.feature-card{flex:1;flex-direction:column;background-color:white;border-radius:12px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.1)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin-bottom:20px;font-size:28px;color:white}.feature-icon.blue{background:#529cff}.feature-icon.green{background:#67ad8f}.feature-icon.purple{background:#6e6fe9}.feature-icon.yellow{background:#f8bb68}.feature-icon.aqua{background:#21aec2}.feature-icon.red{background:#e05775}.feature-card h3{font-family:MiSans-SemiBold,sans-serif;font-size:22px;margin-bottom:15px;color:#37474F}.feature-card p{color:#546E7A;line-height:1.6}.roadmap{padding:100px 0;background-color:#F5F7FB;border-radius:20px;margin:40px 0}.roadmap-container{display:flex;flex-direction:column;position:relative}.roadmap-line{width:100%;display:flex;gap:35px}.roadmap-timeline{width:20%;position:relative}.timeline-line{position:absolute;top:0;bottom:0;right:0;width:4px;background-color:#3367D6}.timeline-point{position:relative;width:20%;min-width:90px;padding-right:30px;padding-top:20px;text-align:right;border-right:4px solid #3367d6}.timeline-dot{position:absolute;right:-12px;top:25px;width:20px;height:20px;border-radius:50%;background-color:#3367D6;border:4px solid #f5f7fb;z-index:1}.timeline-date{font-size:18px;font-weight:700;color:#3367D6;margin-bottom:5px}.roadmap-content{width:70%;padding-left:40px}.milestone-card{flex:1;background:#FFFFFF;border-radius:16px;padding:30px;margin-bottom:70px;margin-right:40px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:transform .3s ease;position:relative}.milestone-card:hover{transform:translateX(10px)}.milestone-title{font-size:22px;margin-bottom:16px;color:#37474F;display:flex;align-items:center}.milestone-title i{margin-right:12px;color:#0F9D58;font-size:24px}.milestone-description{color:#546E7A}.social-links{display:flex;justify-content:center;margin-bottom:20px}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#F5F7FB;margin:0 10px;color:#3367D6;transition:all .3s}.social-links a:hover{background-color:#3367D6;color:white;transform:translateY(-3px)}@media (max-width:760px){.hero{flex-direction:column-reverse;padding:40px 0}.hero-content{padding:40px 20px 0;text-align:center}.hero-image{margin-bottom:30px}.hero-image img{max-width:100%}.download-buttons{align-items:center}.download-buttons,.features-grid,.testimonial-grid{flex-direction:column}h1{font-size:36px}.milestone-card{margin-right:0}}