.wps-container{background:radial-gradient(circle at top,#0a0a0a 0%,#000 100%);justify-content:center;align-items:center;padding:80px 20px;display:flex}.wps-wrapper{width:100%;max-width:1200px}.wps-desktop-frame{aspect-ratio:16/9;background:#050505;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;min-height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 50px 100px #000c,0 0 0 1px #ffffff0d}.wps-browser-header{background:#111;border-bottom:1px solid #ffffff0d;align-items:center;height:40px;padding:0 16px;display:flex}.wps-browser-dots{gap:8px;width:60px;display:flex}.wps-dot{border-radius:50%;width:12px;height:12px}.wps-dot.red{background:#ff5f56}.wps-dot.yellow{background:#ffbd2e}.wps-dot.green{background:#27c93f}.wps-browser-url{color:#fff6;background:#00000080;border-radius:6px;flex:1;justify-content:center;align-items:center;height:24px;margin:0 20px;font-family:monospace;font-size:11px;display:flex}.wps-body{background:#000;flex:1;display:flex;position:relative;overflow:hidden}.wps-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0a0a0af2;border-right:1px solid #ffffff0d;flex-direction:column;width:380px;display:flex;box-shadow:20px 0 50px #00000080}.wps-sidebar-header{border-bottom:1px solid #ffffff0d;padding:24px}.wps-sidebar-title{color:#fff;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:24px;font-weight:800;display:flex}.wps-sidebar-content{flex:1;padding:24px;overflow-y:auto}.wps-map-area{background:radial-gradient(circle,#1a1a1a 0%,#000 100%);flex:1;position:relative}.wps-map-svg{opacity:.3;object-fit:cover;width:100%;height:100%}.wps-map-overlay{pointer-events:none;position:absolute;inset:0}.wps-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:16px;transition:all .3s}.wps-card:hover{background:#ffffff0d;border-color:#ffb80033}.wps-card.active{background:#ffb8001a;border-color:#ffb800}.wps-input-group{background:#00000080;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.wps-btn-primary{color:#000;cursor:pointer;background:#ffb800;border:none;border-radius:12px;width:100%;margin-top:24px;padding:16px;font-size:14px;font-weight:800;box-shadow:0 10px 20px #ffb80033}.wps-route-dot{border-radius:50%;width:8px;height:8px}.wps-route-dot.pickup{background:#34a853}.wps-route-dot.dest{background:#ea4335}.wps-fare-display{color:#ffb800;margin:16px 0;font-family:Outfit,sans-serif;font-size:32px;font-weight:800}.wps-payment-option{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px;display:flex}.wps-payment-option.active{background:#ffb8001a;border-color:#ffb800}.wps-scan-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wps-radar{border:2px solid #ffb80033;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:32px;display:flex;position:relative}.wps-radar:before{content:"";border:2px solid #0000;border-top-color:#ffb800;border-radius:50%;animation:2s linear infinite spin;position:absolute;inset:0}.wps-driver-hud{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#0a0a0ae6;border:1px solid #ffb80033;border-radius:24px;align-items:center;gap:24px;min-width:400px;padding:24px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 30px 60px #0009}.wps-driver-avatar{background:linear-gradient(135deg,#ffb800,#ff8a00);border-radius:16px;width:64px;height:64px}.wps-driver-info h4{margin-bottom:4px;font-size:20px;font-weight:800}.wps-driver-info p{color:#ffffff80;font-size:12px}.wps-live-badge{z-index:20;background:#000c;border:1px solid #ffb8004d;border-radius:12px;align-items:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:800;display:flex;position:absolute;top:40px;right:40px}@keyframes spin{to{transform:rotate(360deg)}}.wps-steps-indicator{gap:4px;margin-top:16px;display:flex}.wps-step-dot{background:#ffffff1a;border-radius:2px;flex:1;height:4px;transition:all .3s}.wps-step-dot.active{background:#ffb800}.wps-turn-instruction{background:#000;border:1px solid #ffb80066;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.wps-turn-icon{color:#000;background:#ffb800;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wps-rating-stars{gap:8px;margin-top:16px;display:flex}.wps-star{color:#fff3;cursor:pointer;transition:color .2s}.wps-star:hover,.wps-star.filled{color:#ffb800}.wps-flight-hero{z-index:10;position:absolute;top:10%;left:5%}.wps-flight-hero h1{margin-bottom:16px;font-size:64px;font-weight:800;line-height:1}.wps-flight-hero span{color:#ffb800}.wps-flight-search-widget{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#141414f2;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:800px;margin-top:24px;padding:24px;box-shadow:0 30px 60px #000c}.wps-flight-tabs{border-bottom:2px solid #ffffff0d;gap:24px;margin-bottom:24px;padding-bottom:12px;display:flex}.wps-flight-tab{color:#fff6;font-weight:800}.wps-flight-tab.active{color:#fff;position:relative}.wps-flight-tab.active:after{content:"";background:#ffb800;height:2px;position:absolute;bottom:-14px;left:0;right:0}.wps-flight-inputs{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.wps-flight-input{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:600;display:flex}.wps-flight-input-label{text-transform:uppercase;color:#ffffff80;font-size:10px}.wps-flight-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:16px;padding:24px}.wps-flight-timeline{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.wps-flight-line{background:#fff3;flex:1;height:2px;margin:0 16px;position:relative}.wps-flight-line:before{content:"✈";color:#ffb800;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wps-flight-ticket{color:#fff;background:#111;border:1px solid #ffffff1a;border-radius:24px;position:relative;overflow:hidden}.wps-ticket-header{color:#000;background:#ffb800;justify-content:space-between;align-items:center;padding:24px;display:flex}.wps-ticket-header .wps-header-subtitle{color:#0009}.wps-ticket-body{border-bottom:2px dashed #ffffff1a;padding:32px 24px}.wps-ticket-footer{background:#ffffff05;justify-content:space-between;align-items:center;padding:24px;display:flex}.wps-ticket-cutout{background:#050505;border-radius:50%;width:40px;height:40px;position:absolute;top:calc(100% - 100px)}.wps-ticket-cutout.left{border-right:1px solid #ffffff1a;left:-20px}.wps-ticket-cutout.right{border-left:1px solid #ffffff1a;right:-20px}.wps-flight-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:50;background:#141414f2;border:1px solid #ffb80080;border-radius:12px;align-items:center;gap:12px;margin-top:-16px;padding:12px 20px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 10px 30px #000c}.wps-hotel-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;z-index:40;background:#141414e6;border:1px solid #ffffff1a;border-radius:20px;width:320px;padding:24px;position:absolute;box-shadow:0 20px 50px #000c}.wps-hotel-img{background:#333 50%/cover;border-radius:12px;width:100%;height:140px;margin-bottom:16px}.wps-itinerary-screen{z-index:100;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wps-itinerary-checklist{background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;width:100%;max-width:500px;padding:40px}.wps-itinerary-item{border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;padding:16px 0;display:flex}.wps-itinerary-item:last-child{border-bottom:none}.wps-itinerary-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wps-itinerary-icon.done{color:#27c93f;background:#27c93f1a}.wps-signature-box{background:#ffffff05;border:1px dashed #fff3;border-radius:8px;justify-content:center;align-items:center;height:80px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.wps-signature-path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s forwards sign}@keyframes sign{to{stroke-dashoffset:0}}.wps-progress-track{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.wps-progress-fill{background:#ffb800;width:0%;height:100%}
.app-showcase-grid{flex-direction:row;justify-content:center;align-items:center;gap:40px;width:100%;display:flex}@media (max-width:1024px){.app-showcase-grid{flex-direction:column;gap:80px}}.desktop-mockup{aspect-ratio:16/10;background:#050505;border:4px solid #1a1a1a;border-radius:20px;flex:1.5;min-width:0;max-width:650px;min-height:clamp(350px,60vh,600px);position:relative;overflow:hidden;box-shadow:0 40px 100px #000c}.desktop-mockup:hover{transform:translateY(-10px)}.browser-header{background:#1a1a1a;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex}.browser-dots{gap:8px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{opacity:.5;background:#ff5f56}.dot-yellow{opacity:.5;background:#ffbd2e}.dot-green{opacity:.5;background:#27c93f}.browser-address{color:#fff6;background:#0000004d;border:1px solid #ffffff0d;border-radius:6px;flex:1;align-items:center;gap:8px;max-width:400px;height:24px;margin:0 auto;padding:0 12px;font-size:10px;display:flex}.browser-body{flex-direction:column;height:calc(100% - 40px);padding:24px 32px;display:flex;position:relative;overflow:hidden}.desktop-nav{z-index:20;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex;position:relative}.desktop-logo{letter-spacing:-.5px;align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.logo-icon{color:#000;background:#ffb800;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.desktop-menu{text-transform:uppercase;letter-spacing:1.5px;color:#fff6;gap:32px;font-size:10px;font-weight:700;display:flex}.menu-item.active{color:#ffb800;border-bottom:2px solid #ffb800;padding-bottom:4px}@media (max-width:768px){.desktop-nav{display:none}}.desktop-hero{z-index:10;gap:40px;height:100%;display:flex;position:relative}.hero-left{flex-direction:column;flex:1.2;justify-content:center;display:flex}.hero-right{pointer-events:none;flex:1;position:relative}.desktop-title{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:32px;font-weight:800;line-height:1.1}.desktop-subtitle{color:#ffffff80;max-width:320px;margin-bottom:24px;font-size:12px;line-height:1.5}.flight-search-widget{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:20px;padding:24px;box-shadow:0 20px 50px #00000080}.widget-tabs{text-transform:uppercase;letter-spacing:1px;color:#ffffff4d;gap:20px;margin-bottom:20px;font-size:9px;font-weight:800;display:flex}.widget-row{gap:16px;margin-bottom:16px;display:flex}.widget-field{flex-direction:column;flex:1;gap:8px;display:flex}.field-label{text-transform:uppercase;color:#ffffff4d;letter-spacing:1px;font-size:8px;font-weight:800}.field-input{white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 12px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.search-button{color:#000;cursor:pointer;background:#ffb800;border:none;border-radius:14px;width:100%;height:48px;margin-top:8px;font-size:12px;font-weight:800;transition:all .3s;box-shadow:0 10px 30px #ffb80033}.search-button:hover{background:#ffc933;transform:translateY(-2px)}.desktop-map-container{z-index:1;pointer-events:none;background:radial-gradient(circle at 60%,#1a1a1a 0%,#050505 100%);width:100%;height:100%;position:absolute;top:0;left:0}.map-svg-overlay{opacity:.4;filter:brightness(2)contrast(1.2);width:100%;height:100%}.map-pulse{background:#ffb800;border-radius:50%;width:6px;height:6px;position:absolute}.map-pulse:after{content:"";border:1px solid #ffb800;border-radius:50%;animation:2s infinite pulse-ring;position:absolute;inset:-10px}@keyframes pulse-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.ticket-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#0f0f0fcc;border:1px solid #ffb80033;border-radius:24px;width:280px;padding:24px;position:absolute;bottom:20px;left:-40px;box-shadow:0 30px 60px #0009}.ticket-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.live-badge{color:#ffb800;text-transform:uppercase;letter-spacing:1px;font-size:8px;font-weight:800}.ticket-route{justify-content:space-between;align-items:flex-end;display:flex}.city-code{font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.city-label{color:#fff6;text-transform:uppercase;margin-top:4px;font-size:8px}.mobile-mockup-wrapper{flex:1;justify-content:center;min-width:320px;display:flex;position:relative}.phone-frame{background:#0a0a0a;border:10px solid #1a1a1a;border-radius:50px;width:320px;height:650px;position:relative;overflow:hidden;box-shadow:0 50px 100px #000c}.phone-screen{background:#000;border-radius:38px;width:100%;height:100%;position:relative;overflow:hidden}.notch{z-index:50;background:#1a1a1a;border-bottom-right-radius:18px;border-bottom-left-radius:18px;width:120px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.showcase-info{flex-direction:column;flex:.8;gap:32px;min-width:280px;display:flex}.flow-step{color:#ffb800;text-transform:uppercase;letter-spacing:4px;font-size:14px;font-weight:800}.flow-title{margin-bottom:16px;font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,2.5rem);font-weight:800;line-height:1.1}.flow-desc{color:#ffffff80;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.stepper-container{flex-direction:column;gap:16px;display:flex}.step-button{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:20px;transition:all .3s;display:flex}.step-indicator-wrapper{flex-direction:column;justify-content:center;align-items:center;width:12px;height:40px;display:flex;position:relative}.step-indicator{z-index:2;background:#fff3;border-radius:50%;width:4px;height:4px;transition:all .5s}.step-progress-fill{z-index:1;background:#ffb800;width:2px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffb80080}.step-button.active .step-indicator{background:#ffb800;transform:scale(2);box-shadow:0 0 20px #ffb800cc}.glass-dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f0fb3;border:1px solid #ffffff0d;box-shadow:0 20px 50px #0000004d}.text-primary{color:#ffb800!important}.bg-green-500{background-color:#22c55e}.bg-yellow-500{background-color:#eab308}.bg-red-500{background-color:#ef4444}.bg-blue-500{background-color:#3b82f6}.bg-green-500\/20{background-color:#22c55e33}.bg-yellow-500\/20{background-color:#eab30833}.bg-red-500\/20{background-color:#ef444433}.bg-blue-500\/20{background-color:#3b82f633}.desktop-grid{grid-template-columns:repeat(12,1fr);align-items:center;gap:32px;height:100%;display:grid}.col-12{grid-column:span 12/span 12}.col-7{grid-column:span 7/span 7}.col-5{grid-column:span 5/span 5}.col-4{grid-column:span 4/span 4}.col-3{grid-column:span 3/span 3}.flex-col-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.spacing-y-4>*+*{margin-top:16px}.spacing-y-6>*+*{margin-top:24px}.spacing-y-8>*+*{margin-top:32px}.spacing-y-10>*+*{margin-top:40px}.w-full{width:100%}.max-w-sm{max-w:384px}.max-w-md{max-w:448px}.mx-auto{margin-left:auto;margin-right:auto}.dashboard-card{border-radius:24px;padding:24px}.mobile-container{color:#fff;background:#000;flex-direction:column;width:100%;height:100%;padding:20px;display:flex;position:relative}.mobile-header-spacing{padding-top:40px}.mobile-welcome-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.mobile-logo-circle{background:#ffb800;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex;box-shadow:0 10px 30px #ffb8004d}.mobile-input-field{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:48px;margin-bottom:16px}.mobile-primary-button{color:#000;cursor:pointer;background:#ffb800;border-radius:14px;justify-content:center;align-items:center;width:100%;height:52px;font-size:14px;font-weight:800;display:flex;box-shadow:0 10px 30px #ffb80033}.mobile-hub-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:16px}.mobile-hub-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-top:auto;margin-bottom:80px;display:grid}.mobile-hub-item{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.mobile-hub-item.active{background:#ffb8001a;border-color:#ffb8004d}.mobile-search-bar{background:#fff;border-radius:16px;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:absolute;bottom:24px;left:20px;right:20px;box-shadow:0 20px 40px #0006}.mobile-search-icon{color:#ffb800;background:#000;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-trip-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:20px;padding:20px}.mobile-route-dot{border-radius:50%;width:8px;height:8px}.mobile-category-card{border:1px solid #ffffff1a;border-radius:16px;padding:16px}.mobile-category-card.active{background:#ffb8000d;border-color:#ffb8004d}.mobile-driver-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f0fe6;border:1px solid #ffb80033;border-radius:24px;gap:16px;padding:20px;display:flex;position:absolute;bottom:24px;left:20px;right:20px}.mobile-avatar{background:linear-gradient(135deg,#ffb800,#ff8a00);border-radius:12px;width:48px;height:48px}.mobile-live-hud{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f0fe6;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;top:48px;left:20px;right:20px}.step-button.active .step-label{color:#fff}