:root{--sky-blue:#EAF6FF;--white:#FFF;--navy:#1D3557;--gold:#F7C948;--green:#58B368;--coral:#FF5A3C;--water:#d6efff;--land:#a8e6cf;--shadow:rgba(29,53,87,0.1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Nunito',sans-serif;background-color:var(--sky-blue);color:var(--navy);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;position:relative}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(29,53,87,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(29,53,87,0.03) 1px,transparent 1px);background-size:40px 40px;z-index:-2}.bg-routes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.6}.bg-routes svg{width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:1;stroke-dasharray:4 8;opacity:.3}.bg-lock{position:fixed;top:20%;left:50%;transform:translate(-50%,0);width:80vw;max-width:600px;opacity:.03;z-index:-1;animation:driftLock 40s linear infinite alternate,fadeLock 20s ease-in-out infinite alternate;pointer-events:none}@keyframes driftLock{0%{transform:translate(-55%,-5%)}100%{transform:translate(-45%,5%)}}@keyframes fadeLock{0%{opacity:.02}100%{opacity:.05}}.container{width:100%;max-width:1200px;margin:0 auto;padding:1rem;flex:1;display:flex;flex-direction:column;z-index:1}header{padding:1rem 0;display:flex;align-items:flex-start}.logo{max-height:40px;width:auto}.hero{flex:1;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;padding:1rem 0 2rem}.hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.hero-visual{display:flex;justify-content:center;align-items:center;width:100%}.badge-direct{display:inline-flex;align-items:center;background:rgba(247,201,72,0.15);border:1px solid var(--gold);color:var(--navy);font-size:.875rem;font-weight:700;padding:.375rem .75rem;border-radius:2rem;animation:stampIn .5s cubic-bezier(0.175,0.885,0.32,1.275) forwards,pulseBadge 3s infinite 2s}@keyframes stampIn{0%{transform:scale(0.5);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes pulseBadge{0%,100%{box-shadow:0 0 0 0 rgba(247,201,72,0)}50%{box-shadow:0 0 0 6px rgba(247,201,72,0.3)}}.platform-cue{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--navy);opacity:0;animation:fadeIn .5s ease forwards 1s}.platform-dot{width:8px;height:8px;background-color:var(--green);border-radius:50%;position:relative}.platform-dot::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background-color:var(--white);border-radius:50%;animation:blinkDot 3s infinite 2s}@keyframes blinkDot{0%,90%,100%{opacity:1}95%{opacity:0}}@keyframes fadeIn{to{opacity:1}}h1{font-family:'Fredoka',sans-serif;font-size:clamp(2rem,6vw,3.5rem);line-height:1.1;color:var(--navy)}.supporting{font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.5;opacity:.9;max-width:500px}.cta-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:.5rem;width:100%;max-width:100%}.cta-btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--coral);color:var(--white);font-family:'Fredoka',sans-serif;font-size:clamp(1.25rem,4vw,1.5rem);text-decoration:none;padding:1rem 2rem;border-radius:1rem;border:2px solid var(--gold);position:relative;box-shadow:0 10px 25px rgba(255,90,60,0.3),inset 0 -3px 0 rgba(0,0,0,0.1);transition:transform .2s,box-shadow .2s;width:100%;max-width:400px;text-align:center;overflow:hidden;z-index:2}.cta-btn::before{content:'';position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:var(--sky-blue);border-radius:50%;border-left:2px solid var(--gold)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(255,90,60,0.4),inset 0 -3px 0 rgba(0,0,0,0.1);outline:none}.cta-btn:focus-visible{outline:3px solid var(--navy);outline-offset:4px}.cta-sub{font-size:.875rem;opacity:.8}.centerpiece{background:var(--white);border-radius:2rem;padding:.75rem;box-shadow:0 20px 40px var(--shadow),inset 0 2px 0 rgba(255,255,255,0.5);width:100%;max-width:320px;aspect-ratio:9/16;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.8);z-index:1}.map-view{background-color:var(--water);width:100%;height:100%;border-radius:1.5rem;position:relative;overflow:hidden}.landmass{position:absolute;background-color:var(--land);border-radius:40%;opacity:.8}.land1{width:200%;height:60%;bottom:-20%;left:-50%;transform:rotate(15deg)}.land2{width:150%;height:50%;top:-10%;right:-40%;transform:rotate(-20deg)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.3) 1px,transparent 1px);background-size:20px 20px}.map-point{position:absolute;transform:translate(-50%,-50%)}.start-pin{bottom:30%;left:25%;animation:bobPin 2s ease-in-out infinite}.dest-marker{top:25%;right:25%}.pin-svg{width:32px;height:32px;fill:var(--coral);filter:drop-shadow(0 4px 6px rgba(255,90,60,0.4))}.dest-svg{width:24px;height:24px;fill:var(--navy);animation:pulseDest 2s infinite}@keyframes bobPin{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-65%)}}@keyframes pulseDest{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.route-path{position:absolute;inset:0;pointer-events:none}.route-line{fill:none;stroke:var(--gold);stroke-width:3;stroke-dasharray:8 6;stroke-linecap:round;stroke-linejoin:round}.route-anim{fill:none;stroke:var(--coral);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(255,90,60,0.6));opacity:0;transition:opacity .3s}.radar-ring{position:absolute;border:2px solid rgba(255,90,60,0.4);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;animation:radarPulse 3s infinite}.radar-ring:nth-child(2){animation-delay:1.5s}@keyframes radarPulse{0%{transform:translate(-50%,-50%) scale(0.2);opacity:1}100%{transform:translate(-50%,-50%) scale(3);opacity:0}}.star-burst{position:absolute;top:-10px;right:-10px;width:20px;height:20px;fill:var(--gold);opacity:0;animation:starPop 3s infinite}@keyframes starPop{0%,80%{opacity:0;transform:scale(0) rotate(0deg)}90%{opacity:1;transform:scale(1.2) rotate(45deg)}100%{opacity:0;transform:scale(1) rotate(90deg)}}.joystick-panel{position:absolute;bottom:15%;right:15%;width:60px;height:60px;background:rgba(255,255,255,0.9);border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.1);display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,1)}.joy-base{width:40px;height:40px;background:var(--navy);border-radius:50%;position:relative;box-shadow:inset 0 2px 5px rgba(0,0,0,0.5)}.joy-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--gold);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.3);animation:tiltJoy 4s ease-in-out infinite}@keyframes tiltJoy{0%,100%{transform:translate(-50%,-50%)}25%{transform:translate(-20%,-80%) scale(0.95)}75%{transform:translate(-80%,-20%) scale(0.95)}}footer{padding:1.5rem 0;text-align:center;font-size:.875rem;opacity:.6;font-weight:700}@media(min-width:768px){.hero{grid-template-columns:1fr 1fr;padding:4rem 0}.hero-content{padding-right:2rem}.hero-visual{justify-content:flex-end}.cta-btn{width:auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}