/* MOVEX: glass navigation, space atmosphere and travelling signals. */
@font-face{font-family:Archivo;src:url('assets/archivo.ttf') format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
.header{position:fixed;top:22px;left:5%;width:90%;max-width:1440px;height:72px;padding:0 23px;border:1px solid #ffffff26;border-radius:24px;background:linear-gradient(115deg,#ffffff09,transparent 32%,#ffce4209),#111216b8;backdrop-filter:blur(24px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #ffffff07,0 14px 50px #0005;transition:background .35s,box-shadow .35s;isolation:isolate}
.header::before{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(180px 70px at var(--shine-x,85%) 0%,#ffe79778,transparent 75%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px}
.header.scrolled{background-color:#111216ec;box-shadow:inset 0 1px 0 #ffffff21,0 12px 40px #0004}
.header .brand{width:155px}.header nav{gap:8px;font-size:13px}.header nav a{padding:10px 15px;border-radius:12px;transition:color .25s,background .25s,box-shadow .25s}.header nav a:hover,.header nav a:focus-visible{color:#fff4d2;background:#ffffff09;box-shadow:inset 0 1px 0 #ffffff12}
.header .account-btn{border-radius:15px;background:linear-gradient(#ffffff0d,#ffffff02);border:1px solid #ffffff22;box-shadow:inset 0 1px 0 #ffffff15;padding:11px 17px;gap:15px}.header .account-btn:hover{border-color:#ffd26988;box-shadow:0 0 22px #ffa90016,inset 0 1px 0 #fff3}
.hero{background:radial-gradient(ellipse at 87% 22%,#b781001c,transparent 44%),radial-gradient(ellipse at 54% 90%,#ba8d0010,transparent 46%),#06070a;isolation:isolate}
.space-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.space-atmosphere::before{content:'';position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20px 45px,#ffffffba 80%,transparent),radial-gradient(1px 1px at 150px 170px,#ffe49bb0 80%,transparent),radial-gradient(1px 1px at 75px 215px,#ffffff6b 80%,transparent);background-size:279px 269px,359px 397px,223px 353px;opacity:.55}.space-atmosphere::after{content:'';position:absolute;width:110%;height:55%;left:23%;top:36%;border-radius:50%;transform:rotate(-35deg);background:radial-gradient(ellipse,#ffde0528,transparent 68%);filter:blur(35px);animation:space-breathe 12s ease-in-out infinite alternate}
.hero h1{font-family:Archivo,Arial,sans-serif;font-weight:570;font-stretch:105%;font-variation-settings:'wdth' 105;letter-spacing:-.045em;font-size:clamp(70px,7.1vw,115px);line-height:1.025}.hero h1 span{color:#ffc400}.hero-copy{width:70%;padding-top:clamp(225px,28vh,350px)}.hero-copy>p{color:#bcbcb8}.hero #globe-stage{height:103%;top:4%;left:34%;width:79%}
.hero .button.amber{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffc8508c;background:linear-gradient(175deg,#fff0c71c,transparent 45%,#ffd76420),#17140cdc;color:#ffe28b;box-shadow:inset 0 1px 0 #ffe49b75,inset 0 -2px 3px #ffc40045,0 0 28px #ffa90013;transition:transform .3s,box-shadow .3s}
.hero .button.amber::before{content:'';position:absolute;inset:-100%;z-index:-1;background:conic-gradient(from 0deg,transparent 0deg 215deg,#fff2bfaa 250deg,transparent 285deg);animation:button-orbit 7s linear infinite}.hero .button.amber::after{content:'';position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(165deg,#282315,#0b0c0ded 58%,#2a2312);z-index:-1}.hero .button.amber:hover{box-shadow:0 0 35px #ffa90035,inset 0 1px 0 #fff9;transform:translateY(-2px)}.hero .button.amber .plus{font-size:21px;transition:transform .3s}.hero .button.amber:hover .plus{transform:translateX(4px)}
.route-dot{position:relative;overflow:visible;box-shadow:0 0 14px #ffc400,0 0 34px #ffa90070;animation:beacon-core 3.6s ease-in-out infinite}.route-dot::after{content:'';position:absolute;inset:-4px;border:1px solid #ffe392;border-radius:50%;animation:beacon-ring 3.6s ease-out infinite}.destination .route-dot,.destination .route-dot::after{animation-delay:2.6s}.route-line::after{content:'';position:absolute;top:-2px;left:0;width:42px;height:5px;border-radius:50%;background:linear-gradient(90deg,transparent,#ffe79c);box-shadow:7px 0 16px #ffca43;animation:route-transit 3.6s ease-in-out infinite}.route-visual{overflow:hidden}
@keyframes button-orbit{to{transform:rotate(360deg)}}@keyframes space-breathe{to{opacity:.55;transform:rotate(-31deg) scale(1.08)}}@keyframes beacon-core{0%,100%{filter:brightness(1)}45%{filter:brightness(1.8)}}@keyframes beacon-ring{0%{transform:scale(.7);opacity:.9}75%,100%{transform:scale(2.4);opacity:0}}@keyframes route-transit{0%{left:0;opacity:0}10%{opacity:1}85%{opacity:1}100%{left:calc(100% - 42px);opacity:0}}
.motion-paused .space-atmosphere::after,.motion-paused .hero .button.amber::before,.motion-paused .route-dot,.motion-paused .route-dot::after,.motion-paused .route-line::after{animation-play-state:paused}
@media(min-width:1600px){.header{left:50%;transform:translateX(-50%)}}
@media(max-width:1050px){.header{left:4%;width:92%;gap:16px}.header nav a{padding:10px 9px}.header .brand{width:138px}.hero h1{font-size:clamp(64px,8.6vw,90px)}.hero #globe-stage{left:29%;width:90%}}
@media(max-width:760px){.header{top:14px;left:4%;width:92%;height:65px;padding:0 16px;border-radius:20px;gap:14px}.header .brand{width:119px}.header .account-btn{padding:9px 11px;font-size:11px;gap:9px}.header nav{top:76px;left:0;right:0;border:1px solid #ffffff26;border-radius:20px;padding:15px;background:#111216f5;box-shadow:0 18px 40px #0007}.header nav.open{gap:4px}.header nav a{padding:14px;font-size:15px}.hero-copy{width:100%;padding-top:145px}.hero h1{font-size:clamp(52px,12.8vw,85px);font-stretch:100%;font-variation-settings:'wdth' 100;letter-spacing:-.04em}.hero #globe-stage{left:-15%;width:140%;top:445px;height:550px}.hero .eyebrow{max-width:310px;font-size:8px;line-height:1.6}.hero .button.amber{min-width:169px}.space-atmosphere::after{top:52%;left:-30%;width:150%;height:35%}}
@media(prefers-reduced-transparency:reduce){.header,.header.scrolled{background:#131416;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.space-atmosphere::after,.hero .button.amber::before,.route-dot,.route-dot::after,.route-line::after{animation:none!important}.route-line::after{left:60%}}
