*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:radial-gradient(circle at 100% 0,#ff7a001a,#0000 30%),radial-gradient(circle at 0 100%,#ff7a000f,#0000 35%),linear-gradient(135deg,#0d0d0d,#121212,#181818);min-height:100vh;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}html{scroll-behavior:smooth}section{scroll-margin-top:90px}.navbar{z-index:9999;background:#0f0f0fbf;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:90px;padding:0 60px;display:flex;position:fixed;top:0;left:0}.logo h1{color:#ff7a00;margin:0;font-size:52px;line-height:45px}.logo span{color:#fff;letter-spacing:1px;font-size:14px;font-weight:600}.desktop-nav .nav-links{gap:40px;margin:0;padding:0;list-style:none;display:flex}.desktop-nav .nav-links a{color:#fff;font-weight:500;text-decoration:none;transition:all .3s}.desktop-nav .nav-links a:hover,.desktop-nav .nav-links a.active{color:#ff8c00}.right-side{align-items:center;display:flex}.download p{color:#fff;margin-bottom:8px;font-size:13px}.stores{gap:10px;display:flex}.stores button{color:#fff;cursor:pointer;background:#1b1b1b;border:1px solid #333;border-radius:8px;padding:8px 14px;transition:all .3s}.stores button:hover{background:#ff7a00}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:32px;display:none}.mobile-menu{z-index:9998;background:#111;flex-direction:column;width:100%;display:none;position:fixed;top:70px;left:0}.mobile-menu.active{display:flex}.menu-btn{z-index:10000;position:relative}@media (width<=768px){.navbar{height:70px;padding:0 20px}.logo h1{font-size:40px;line-height:35px}.logo span{font-size:10px}.desktop-nav,.right-side{display:none}.menu-btn{display:block}.mobile-menu{background:#111;flex-direction:column;width:100%;display:none}.mobile-menu.active{display:flex}.mobile-menu a{color:#fff;border-bottom:1px solid #ffffff14;padding:18px 25px;text-decoration:none}.mobile-menu a:hover{color:#ff8c00;background:#1d1d1d}}body{padding-top:90px}@media (width<=768px){body{padding-top:70px}}.hero{background:radial-gradient(circle at 0,#ff7a0021,#0000 45%),radial-gradient(circle at 100%,#ff7a001f,#0000 45%),#111;grid-template-columns:1.1fr 1.5fr;align-items:center;width:100%;min-height:calc(100vh - 75px);padding:25px 70px;display:grid;overflow:hidden}.hero-left{z-index:20;position:relative}.welcome{color:#ff7a00;margin-bottom:12px;font-family:cursive;font-size:38px}.hero-left h1{color:#fff;margin-bottom:20px;font-size:92px;font-weight:900;line-height:92px}.hero-left span{color:#ff7a00}.hero-left h3{color:#fff;margin-bottom:22px;font-size:28px;font-weight:500}.desc{color:#bdbdbd;max-width:520px;font-size:18px;line-height:32px}.hero-buttons{gap:18px;margin-top:38px;display:flex}.delivery-bike{z-index:12;width:480px;animation:4s ease-in-out infinite bikeFloat;position:absolute;top:95px;left:-250px}.delivery-bike img{filter:drop-shadow(0 15px 30px #00000059);width:100%;height:auto;display:block}@keyframes bikeFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.hero-right{justify-content:flex-end;align-items:center;min-height:650px;display:flex;position:relative}.hero-center{z-index:5;position:absolute;top:50%;right:140px;transform:translateY(-50%)}.hero-center img{object-fit:contain;filter:drop-shadow(0 35px 45px #00000073);width:760px;max-width:none;animation:4s ease-in-out infinite float}.hero-card{z-index:15;animation:4s ease-in-out infinite floatCard;position:absolute;top:50%;right:0;transform:translateY(-50%)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}@keyframes floatCard{0%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}to{transform:translateY(-50%)}}@media (width<=1200px){.hero{text-align:center;grid-template-columns:1fr;padding:50px 35px}.hero-left{flex-direction:column;align-items:center;display:flex}.hero-left h1{font-size:72px;line-height:78px}.hero-left h3{font-size:24px}.desc{max-width:650px}.hero-right{justify-content:center;min-height:600px;margin-top:40px}.hero-center{position:relative;top:auto;right:auto;transform:none}.hero-center img{width:600px}.hero-card{top:75%;right:50%;transform:translate(50%)}}@media (width<=768px){.hero{text-align:center;flex-direction:column;min-height:auto;padding:25px 18px;display:flex}.hero-left{align-items:center}.hero-left h1{font-size:52px;line-height:58px}.hero-left h3{font-size:22px}.desc{max-width:100%}.hero-buttons{flex-direction:column;gap:15px;width:100%;display:flex}.hero-buttons button{width:100%}.delivery-bike{width:220px;margin:20px auto;position:relative;top:0;left:0}.hero-center{justify-content:center;display:flex;position:relative;top:0;right:0;transform:none}.hero-center img{width:90%;max-width:350px}.hero-card{justify-content:center;margin-top:20px;display:flex;position:relative;top:0;right:0;transform:none}.hero-right{flex-direction:column;justify-content:center;align-items:center;min-height:auto;display:flex}}.about-section{color:#fff;background:#0d0d0d;width:100%;padding:100px 8%}.about-container{justify-content:space-between;align-items:center;gap:70px;margin-bottom:70px;display:flex}.about-image{flex:1;justify-content:center;align-items:center;display:flex}.about-image img{filter:drop-shadow(0 0 35px #ff8c0059);width:100%;max-width:520px;transition:all .4s;animation:4s ease-in-out infinite floatImage}.about-image img:hover{transform:scale(1.05)}.about-content{flex:1}.about-tag{color:#ff8c00;background:#ff8c0026;border-radius:999px;margin-bottom:20px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.about-content h2{margin-bottom:20px;font-size:44px;line-height:1.2}.about-content h2 span{color:#ff8c00}.about-content p{color:#bcbcbc;margin-bottom:35px;font-size:17px;line-height:1.9}.about-features{flex-direction:column;gap:18px;display:flex}.about-feature{align-items:center;gap:14px;font-size:17px;font-weight:500;display:flex}.about-feature svg{color:#ff8c00}.about-stats{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.stat-card{text-align:center;background:#161616;border:1px solid #ffffff14;border-radius:20px;padding:35px 20px;transition:all .35s}.stat-card:hover{border-color:#ff8c00;transform:translateY(-10px);box-shadow:0 15px 35px #ff8c0033}.stat-icon{color:#ff8c00;background:#ff8c0026;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:auto auto 18px;display:flex}.stat-card h3{color:#ff8c00;margin-bottom:10px;font-size:34px}.stat-card p{color:#c5c5c5;font-size:15px}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@media (width<=992px){.about-container{text-align:center;flex-direction:column}.about-content{flex-direction:column;align-items:center;display:flex}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.about-section{padding:70px 20px}.about-content h2{font-size:34px}.about-content p{font-size:15px}.about-stats{grid-template-columns:1fr}.about-image img{max-width:330px}}.download-section{color:#fff;background:#0d0d0d;width:100%;padding:100px 8%}.download-container{justify-content:space-between;align-items:center;gap:70px;display:flex}.download-content{flex:1}.download-tag{color:#ff8c00;background:#ff8c0026;border-radius:999px;margin-bottom:20px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.download-content h2{margin:20px 0;font-size:48px;line-height:1.2}.download-content h2 span{color:#ff8c00}.download-content p{color:#c5c5c5;margin-bottom:35px;font-size:17px;line-height:1.8}.download-features{flex-direction:column;gap:18px;margin-bottom:40px;display:flex}.download-feature{align-items:center;gap:12px;font-size:17px;display:flex}.download-feature svg{color:#ff8c00}.download-buttons{flex-wrap:wrap;gap:20px;display:flex}.download-buttons button{cursor:pointer;border:none;border-radius:12px;padding:15px 28px;font-size:16px;font-weight:600;transition:all .35s}.play-btn{color:#fff;background:#ff8c00}.play-btn:hover{transform:translateY(-5px);box-shadow:0 12px 25px #ff8c0059}.app-btn{color:#fff;background:0 0;border:2px solid #ff8c00!important}.app-btn:hover{background:#ff8c00}.phone-box{flex:1;justify-content:center;align-items:center;margin-top:90px;display:flex;position:relative}.phone-glow{filter:blur(90px);background:#ff8c002e;border-radius:50%;width:380px;height:380px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-box img{z-index:2;filter:drop-shadow(0 0 40px #ff8c0066);width:320px;max-width:100%;margin:0 auto;animation:4s ease-in-out infinite phoneFloat;display:block;position:relative;top:40%}@keyframes phoneFloat{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (width<=992px){.download-container{text-align:center;flex-direction:column}.download-content{flex-direction:column;align-items:center;display:flex}}@media (width<=576px){.download-section{padding:70px 20px}.download-content h2{font-size:34px}.phone-box img{width:260px}.download-buttons{justify-content:center}}.contact-section{color:#fff;background:#0d0d0d;width:100%;padding:100px 8%}.contact-heading{text-align:center;max-width:700px;margin:auto auto 70px}.contact-tag{color:#ff8c00;background:#ff8c0026;border-radius:999px;margin-bottom:20px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.contact-heading h2{margin:20px 0;font-size:48px;line-height:1.2}.contact-heading h2 span{color:#ff8c00}.contact-heading p{color:#bdbdbd;font-size:17px;line-height:1.8}.contact-container{justify-content:space-between;gap:60px;display:flex}.contact-info{flex-direction:column;flex:1;gap:22px;display:flex}.info-card{background:#171717;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:20px;padding:22px;transition:all .35s;display:flex}.info-card:hover{border-color:#ff8c00;transform:translateY(-8px);box-shadow:0 15px 35px #ff8c002e}.info-card svg{color:#ff8c00;min-width:26px}.info-card h4{margin-bottom:6px;font-size:18px}.info-card p{color:#c5c5c5;font-size:15px}.contact-form{flex-direction:column;flex:1;gap:20px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#171717;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;padding:18px;font-size:16px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff8c00;box-shadow:0 0 20px #ff8c002e}.contact-form textarea{resize:none}.contact-form button{color:#fff;cursor:pointer;background:#ff8c00;border:none;border-radius:12px;width:fit-content;padding:16px 34px;font-size:16px;font-weight:600;transition:all .35s}.contact-form button:hover{transform:translateY(-5px);box-shadow:0 15px 35px #ff8c0059}@media (width<=992px){.contact-container{flex-direction:column}.contact-heading h2{font-size:40px}}@media (width<=576px){.contact-section{padding:70px 20px}.contact-heading h2{font-size:32px}.contact-heading p{font-size:15px}.info-card{padding:18px}.contact-form button{width:100%}}.footer{color:#fff;background:#080808;border-top:1px solid #ffffff14;padding:80px 8% 30px}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:60px;display:grid}.footer-logo{margin-bottom:18px;font-size:34px}.footer-logo span{color:#ff8c00}.footer-col p{color:#bdbdbd;margin-bottom:15px;line-height:1.8}.footer-col h3{margin-bottom:22px;font-size:22px}.footer-col a{color:#cfcfcf;margin-bottom:14px;text-decoration:none;transition:all .3s;display:block}.footer-col a:hover{color:#ff8c00;padding-left:8px}.footer-social{gap:15px;margin-top:25px;display:flex}.footer-social a{color:#fff;background:#171717;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .35s;display:flex}.footer-social a:hover{color:#fff;background:#ff8c00;transition:all .3s;transform:translateY(-6px)scale(1.08)}.footer-col p svg{color:#ff8c00;vertical-align:middle;margin-right:10px}.footer-bottom{text-align:center;color:#9a9a9a;border-top:1px solid #ffffff14;margin-top:60px;padding-top:25px}@media (width<=900px){.footer-container{grid-template-columns:1fr;gap:45px}.footer{text-align:center}.footer-social{justify-content:center}}@media (width<=576px){.footer{padding:100px 8% 35px}.footer-logo{font-size:28px}.footer-col h3{font-size:20px}}