:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#1a1a1a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}*{box-sizing:border-box}.app{width:100%;overflow-x:hidden}.navbar{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100;padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo-section .logo{height:50px;width:auto}.nav-links{display:flex;gap:2rem}.nav-links a{color:#1a1a1a;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#2c9dd3}.hero{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:5rem 2rem;gap:4rem}.hero-content{flex:1;text-align:left}.hero h1{font-size:3rem;line-height:1.2;margin-bottom:1.5rem;color:#1a1a1a}.hero-subtitle{font-size:1.5rem;color:#2c9dd3;margin-bottom:1rem;font-weight:600}.hero-description{font-size:1.1rem;line-height:1.6;color:#555;margin-bottom:2rem}.cta-button{background:linear-gradient(135deg,#2c9dd3,#1e6b8f);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #2c9dd34d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2c9dd366}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.bus-icon{font-size:15rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features{background:#f8f9fa;padding:5rem 2rem}.container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#1a1a1a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#1a1a1a}.feature-card p{color:#666;line-height:1.6}.how-it-works{padding:5rem 2rem;background:#fff}.steps{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:3rem}.step{flex:1;min-width:250px;text-align:center;padding:2rem}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#2c9dd3,#1e6b8f);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h3{font-size:1.3rem;margin-bottom:.5rem;color:#1a1a1a}.step p{color:#666;line-height:1.6}.step-arrow{font-size:2rem;color:#2c9dd3;font-weight:700}.benefits{background:#f8f9fa;padding:5rem 2rem}.benefits-content{display:flex;align-items:center;gap:4rem;flex-wrap:wrap}.benefits-text{flex:1;min-width:300px}.benefits-text h2{font-size:2.5rem;margin-bottom:2rem;color:#1a1a1a}.benefits-list{list-style:none;padding:0}.benefits-list li{padding:.8rem 0 .8rem 2rem;position:relative;font-size:1.1rem;color:#555}.benefits-list li:before{content:"✓";position:absolute;left:0;color:#2c9dd3;font-weight:700;font-size:1.3rem}.benefits-visual{flex:1;min-width:300px;display:flex;justify-content:center}.phone-mockup{width:300px;height:500px;background:#fff;border-radius:30px;box-shadow:0 10px 40px #0003;padding:2rem;display:flex;align-items:center;justify-content:center}.map-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8f4f8,#d0e8f2);border-radius:15px;position:relative;overflow:hidden}.map-marker,.bus-marker{position:absolute;font-size:2rem}.map-marker{top:20%;left:30%;animation:pulse 2s ease-in-out infinite}.bus-marker{bottom:30%;right:25%;animation:move 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes move{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.contact{background:#fff;padding:5rem 2rem;text-align:center}.contact-subtitle{font-size:1.2rem;color:#666;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;max-width:1000px;margin-left:auto;margin-right:auto}.contact-card{background:#f8f9fa;padding:2rem;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.contact-icon{font-size:3rem;margin-bottom:1rem}.contact-card h3{font-size:1.3rem;margin-bottom:.8rem;color:#1a1a1a}.contact-card p{color:#2c9dd3;font-size:1.1rem;font-weight:500}.footer{background:#1a1a1a;color:#fff;padding:3rem 2rem}.footer-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.footer-logo-img{height:80px;width:auto}.footer-text{text-align:center}.footer-text p{margin:.5rem 0;color:#ccc}@media(max-width:768px){.nav-links{gap:1rem;font-size:.9rem}.hero{flex-direction:column;padding:3rem 1rem;text-align:center}.hero-content{text-align:center}.hero h1{font-size:2rem}.bus-icon{font-size:8rem}.features-grid{grid-template-columns:1fr}.steps{flex-direction:column}.step-arrow{transform:rotate(90deg)}.benefits-content{flex-direction:column}.section-title{font-size:2rem}}