@import"https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #F5A520;--primary-dark: #E8941A;--primary-light: #FFF3D4;--dark: #3D1C00;--darker: #2A1200;--white: #FFFFFF;--cream: #FFFBF0;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-400: #9CA3AF;--gray-600: #4B5563;--gray-800: #1F2937;--green: #16A34A;--red: #DC2626;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 10px 40px rgba(0,0,0,.12);--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--transition: .25s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--white);color:var(--gray-800);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit;border:none;outline:none}.container{max-width:1180px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius);font-size:1rem;font-weight:600;transition:all var(--transition);cursor:pointer}.btn-primary{background:var(--primary);color:var(--dark);border:2px solid var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #f5a52066}.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background:var(--white);color:var(--dark);transform:translateY(-2px)}.btn-dark{background:var(--dark);color:var(--white);border:2px solid var(--dark)}.btn-dark:hover{background:var(--darker);transform:translateY(-2px);box-shadow:var(--shadow)}.section-tag{display:inline-block;background:var(--primary-light);color:var(--dark);font-size:.8rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:16px}.section-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;color:var(--dark);line-height:1.2;margin-bottom:16px}.section-subtitle{font-size:1.05rem;color:var(--gray-600);max-width:560px;margin:0 auto;line-height:1.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes busMove{0%{transform:translate(-120px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 120px));opacity:0}}@keyframes pulse{0%,to{box-shadow:0 0 #f5a52080}50%{box-shadow:0 0 0 16px #f5a52000}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes roadDash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle{0%{transform:translateY(0) translate(0) scale(1);opacity:.8}to{transform:translateY(-120px) translate(40px) scale(0);opacity:0}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-50px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(50px);transition:opacity .7s ease,transform .7s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.88);transition:opacity .6s ease,transform .6s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.fade-up{animation:fadeUp .6s ease forwards}.anim-float{animation:float 4s ease-in-out infinite}.anim-pulse{animation:pulse 2s infinite}.anim-bounce{animation:bounce 2s ease-in-out infinite}.page-enter{animation:fadeUp .5s ease forwards}@keyframes busRide{0%{transform:scale(1)}to{transform:scale(1)}}@keyframes bellRing{0%,to{transform:rotate(0);transform-origin:top center}10%,50%{transform:rotate(20deg);transform-origin:top center}30%,70%{transform:rotate(-20deg);transform-origin:top center}85%{transform:rotate(8deg);transform-origin:top center}92%{transform:rotate(-4deg);transform-origin:top center}}@keyframes phoneVibrate{0%,to{transform:rotate(0) scale(1)}10%{transform:rotate(-10deg) scale(1.05)}20%{transform:rotate(10deg) scale(1.05)}30%{transform:rotate(-7deg) scale(1.02)}40%{transform:rotate(7deg) scale(1.02)}50%{transform:rotate(-3deg) scale(1)}60%{transform:rotate(3deg) scale(1)}70%{transform:rotate(0)}}@keyframes shieldGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 0px rgba(99,102,241,0))}50%{transform:scale(1.12);filter:drop-shadow(0 0 10px rgba(99,102,241,.75))}}@keyframes pinDrop{0%{transform:translateY(-16px) scale(.8);opacity:0}60%{transform:translateY(4px) scale(1.1);opacity:1}80%{transform:translateY(-3px) scale(.96)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pinBounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-14px) scale(1.12)}60%{transform:translateY(-5px) scale(.94)}80%{transform:translateY(-2px) scale(1.02)}}@keyframes chartPop{0%,to{transform:scaleY(1);transform-origin:bottom}40%{transform:scaleY(1.18);transform-origin:bottom}70%{transform:scaleY(.92);transform-origin:bottom}}@keyframes driverWave{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-15deg) scale(1.1)}40%{transform:rotate(15deg) scale(1.1)}60%{transform:rotate(-8deg) scale(1.05)}80%{transform:rotate(8deg) scale(1.05)}}@keyframes linkRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.15)}}@keyframes mapSpin{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.08)}}@keyframes routeAnimate{0%{stroke-dashoffset:600;opacity:0}10%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes busPulse{0%,to{r:12;opacity:1}50%{r:15;opacity:.85}}@keyframes notifSlide{0%,80%,to{transform:translateY(0);opacity:1}90%{transform:translateY(-8px);opacity:0}91%{transform:translateY(12px);opacity:0}}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom;opacity:0}to{transform:scaleY(1);transform-origin:bottom;opacity:1}}@keyframes liveBlip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@keyframes etaCount{0%,to{opacity:1}50%{opacity:.4}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glow{0%,to{box-shadow:0 0 #f5a52000}50%{box-shadow:0 0 24px 6px #f5a52059}}@keyframes particleFloat{0%{transform:translateY(0) translate(0) scale(1);opacity:.7}33%{transform:translateY(-18px) translate(10px) scale(1.1);opacity:1}66%{transform:translateY(-8px) translate(-8px) scale(.9);opacity:.6}to{transform:translateY(0) translate(0) scale(1);opacity:.7}}@keyframes gradientPan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-6deg)}75%{transform:translateY(-4px) rotate(4deg)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes borderGlow{0%,to{border-color:#f5a52033}50%{border-color:#f5a520b3}}@keyframes countPop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes heroEntrance{0%{opacity:0;transform:translateY(50px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.anim-glow{animation:glow 2.5s ease-in-out infinite}.anim-icon-bounce{animation:iconBounce 2.2s ease-in-out infinite}.anim-gradient-pan{background-size:200% 200%;animation:gradientPan 4s ease infinite}.anim-border-glow{animation:borderGlow 2s ease-in-out infinite}.anim-count-pop{animation:countPop .4s ease}.marquee-wrap{overflow:hidden}.marquee-track{display:flex;width:max-content;animation:marquee 22s linear infinite}.marquee-track:hover{animation-play-state:paused}@media (max-width: 768px){.section{padding:60px 0}.container{padding:0 16px}}