.landing-main{background:var(--bg-primary,#0a0a0c);min-height:100vh;font-family:Inter,sans-serif}.hero-section{background-image:url(https://images.unsplash.com/photo-1558981806-ec527fa84c39?auto=format&fit=crop&w=1600&q=80);background-position:50% 40%;background-size:cover;align-items:center;min-height:100vh;display:flex;position:relative}.hero-overlay{z-index:1;background:linear-gradient(105deg,#0a0a0cf7 0%,#0a0a0ce0 45%,#0a0a0c4d 100%);position:absolute;inset:0}.hero-grid{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;padding:6rem 2rem 4rem;display:grid;position:relative}.hero-left{flex-direction:column;align-items:flex-start;max-width:600px;display:flex}.hero-right{justify-content:center;width:100%;display:flex}.mockup-container{justify-content:center;align-items:center;width:100%;max-width:420px;height:480px;margin:0 auto;display:flex;position:relative}.glow-effect{z-index:1;filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#ff6a0033 0%,#ff6a0000 70%);width:250px;height:250px;position:absolute}.phone-mockup{z-index:2;background:#000;border:8px solid #1a1a1e;border-radius:36px;width:240px;height:440px;animation:6s ease-in-out infinite floatPhone;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c,inset 0 0 10px #ffffff1a}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.phone-screen{background:#0f0f12;flex-direction:column;width:100%;height:100%;display:flex}.phone-header{background:#0a0a0ccc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem .75rem .5rem;display:flex}.phone-brand{color:#fff;font-size:.75rem;font-weight:800}.phone-dots{gap:3px;display:flex}.phone-dots .dot{background:#fff6;border-radius:50%;width:4px;height:4px}.phone-map-view{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:16px 16px;flex:1;position:relative;overflow:hidden}.map-route-line{background:linear-gradient(#ff6a00 0%,#ff9a3c 100%);width:4px;position:absolute;top:25%;bottom:25%;left:45%;transform:rotate(15deg);box-shadow:0 0 8px #ff6a0099}.map-pin{background:#ff6a00;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 10px #ff6a00cc}.pin-start{top:25%;left:35%}.pin-mid{top:50%;left:50%}.pin-end{top:75%;left:55%}.pin-tooltip{color:#fff;white-space:nowrap;background:#0a0a0ce6;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:.55rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.phone-nav-bar{color:#ffffff80;background:#0a0a0ce6;border-top:1px solid #ffffff0d;justify-content:space-around;padding:.75rem;font-size:.65rem;display:flex}.floating-card{-webkit-backdrop-filter:blur(12px);z-index:3;background:#0f0f12bf;border:1px solid #ffffff14;border-radius:16px;padding:1rem;transition:transform .3s;position:absolute;box-shadow:0 10px 30px #0006}.floating-card:hover{border-color:#ff6a004d;transform:scale(1.03)}.card-rider{align-items:center;gap:.75rem;width:160px;animation:5s ease-in-out infinite alternate floatRider;display:flex;bottom:40px;left:10px}@keyframes floatRider{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.card-rider .card-avatar{background:#ff6a001a;border:1px solid #ff6a004d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.card-rider h4{color:#fff;margin:0;font-size:.8rem;font-weight:700}.card-rider p{color:#ff6a00;margin:1px 0 4px;font-size:.6rem}.card-stats{color:#fff6;gap:6px;font-size:.55rem;display:flex}.card-mechanic{width:170px;animation:5.5s ease-in-out infinite alternate floatMechanic;top:60px;right:10px}@keyframes floatMechanic{0%{transform:translateY(0)}to{transform:translateY(8px)}}.card-header-small{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.card-tag{color:#ff6a00;background:#ff6a001f;border:1px solid #ff6a004d;border-radius:4px;padding:1px 4px;font-size:.55rem}.card-rating{color:#fff;font-size:.6rem;font-weight:600}.card-mechanic h4{color:#fff;margin:0 0 2px;font-size:.8rem;font-weight:700}.card-mechanic p{color:#ffffff80;margin:0 0 6px;font-size:.6rem}.card-status{color:#34a853;font-size:.55rem;font-weight:600}.brand-badge{background:#ff6a001f;border:1px solid #ff6a004d;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.35rem 1rem;display:inline-flex}.brand-icon{font-size:1.1rem}.brand-name{color:#ff6a00;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:700}.hero-headline{color:#fff;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;line-height:1.08}.hero-highlight{background:linear-gradient(90deg,#ff6a00 0%,#ff9a3c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-sub{color:#ffffffa6;max-width:440px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.65}.cta-main-btn{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#ff6a00 0%,#ff9a3c 100%);border:none;border-radius:16px;padding:1.15rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .25s;box-shadow:0 8px 24px #ff6a0040}.cta-main-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff6a0066}.value-section{background:#0d0d10;border-top:1px solid #ffffff0f;padding:6rem 2rem}.value-inner{max-width:1200px;margin:0 auto}.value-header{text-align:center;margin-bottom:4rem}.value-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:#ff6a00;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:inline-block}.value-title{color:#fff;letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1.15}.value-sub{color:#ffffff73;font-size:1rem}.value-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3.5rem;display:grid}.value-card{text-align:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;padding:2.5rem 2rem;transition:all .3s}.value-card:hover{background:#ff6a000a;border-color:#ff6a004d;transform:translateY(-4px)}.value-card.featured{background:#ff6a000d;border-color:#ff6a0040}.value-card-icon{margin-bottom:1.25rem;font-size:2.75rem}.value-card h3{color:#fff;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.value-card p{color:#ffffff80;font-size:.9rem;line-height:1.6}.value-cta{justify-content:center;display:flex}.cta-bottom-btn{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#ff6a00 0%,#ff9a3c 100%);border:none;border-radius:14px;padding:1rem 2.5rem;font-size:1rem;font-weight:700;transition:all .25s}.cta-bottom-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff6a0059}.cta-bottom-btn:disabled{opacity:.6;cursor:not-allowed}.landing-footer{background:#080809;border-top:1px solid #ffffff0f;padding:2.5rem 2rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.footer-brand{color:#fff9;font-size:1rem;font-weight:700}.footer-copy{color:#ffffff4d;font-size:.8rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:#ffffff59;font-size:.8rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#ff6a00}@media (max-width:1024px){.value-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem;padding:6rem 1.5rem 4rem}.hero-left{align-items:center;max-width:100%;margin:0 auto}.brand-badge,.hero-sub{margin-left:auto;margin-right:auto}.value-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}@media (max-width:640px){.footer-inner{text-align:center;flex-direction:column}}