@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@400;500;600&display=swap";:root{font-family:Barlow,Arial,sans-serif;color:#d7e7df;background:#030706;font-synthesis:none;--mint:#5fffd2;--gold:#e2bd7c;--line:#30463d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button,a,input,select{touch-action:manipulation}button{color:inherit;border:1px solid #3c5148;background:#08130f;padding:.65rem 1rem;transition:border-color .2s,background .2s}button:hover{border-color:var(--mint);background:#11261e}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,#world:focus-visible{outline:2px solid #acffe5;outline-offset:4px}button:disabled{opacity:.45;cursor:wait}a{color:#a3caba}select{background:#08100e;color:#e0e8e1;border:1px solid #3c5148;padding:.5rem}input[type=range]{accent-color:var(--mint);max-width:150px}input[type=checkbox]{accent-color:var(--mint)}.topline{height:36px;padding:0 2vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.13em;border-bottom:1px solid #20352c;color:#94b3a2}.topline b{font-weight:400;color:#698275}.topline i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:8px;box-shadow:0 0 9px #5fffd2}.stage{position:relative;width:min(100%,1672px);aspect-ratio:1672/941;margin:0 auto;overflow:hidden;background:#020504;isolation:isolate;--scene-light:1}.artwork,.foreground{position:absolute;inset:0;background:url(/assets/fab-cockpit.png) center/100% 100% no-repeat;pointer-events:none}.artwork{z-index:0}.foreground{z-index:4;clip-path:inset(59.2% 0 0 0)}.planet-cover{position:absolute;z-index:1;left:29.3%;top:4.3%;width:41.4%;aspect-ratio:1;border-radius:50%;background:#010406;box-shadow:0 0 14px 8px #010406}.world{position:absolute;z-index:2;left:24%;top:0;width:52%;height:59.3%;touch-action:none;cursor:grab;overflow:hidden}.world:active{cursor:grabbing}.world canvas{display:block;width:100%;height:100%}.labels{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;clip-path:inset(0 0 40.8% 0)}.city-label{position:absolute;transform:translate(10px,-50%);padding:5px 8px;border-left:1px solid #52dcb29e;background:linear-gradient(90deg,#04120ed9,#04120e65);font-family:Barlow Condensed,sans-serif;font-size:clamp(8px,.76vw,13px);line-height:1.1;letter-spacing:.045em;white-space:nowrap;color:#d8efe5;text-transform:uppercase;text-shadow:0 1px 4px #000}.city-label small{display:block;font-size:.8em;color:#92b2a3;letter-spacing:.08em;margin-top:3px}.city-label.origin{border-color:var(--gold);color:#ffe1a2}.orbit-caption{position:absolute;z-index:6;left:39%;top:2%;width:22%;display:flex;justify-content:space-between;font-family:Barlow Condensed,sans-serif;letter-spacing:.2em;font-size:clamp(8px,.65vw,12px);color:#9bbfae;pointer-events:none}.telemetry{position:absolute;z-index:5;left:77.8%;top:11%;width:17%;height:17.6%;background:#03100d;padding:1% .8%;font-family:Barlow Condensed,sans-serif;font-size:clamp(9px,1.05vw,18px);letter-spacing:.045em;border:1px solid #577768;clip-path:polygon(3% 0,97% 0,100% 5%,100% 95%,97% 100%,0 100%,0 5%)}.telemetry-heading{display:flex;justify-content:space-between;border-bottom:1px solid #294b3c;padding-bottom:5%;margin-bottom:5%;font-size:.9em}.signal{color:#3be9b3;font-style:normal}.telemetry small{display:block;font-size:.65em;letter-spacing:.1em;color:#c4a977;margin-bottom:5%}.telemetry strong{color:var(--mint);font-weight:500}.telemetry>div:not(:first-child){margin-top:3%}.telemetry>span{display:block;font-size:.64em;color:#7eaa94;margin-top:5%}.console{position:absolute;z-index:7;left:25.7%;top:78.25%;width:48.6%;height:5.2%;display:grid;grid-template-columns:25.7% 47.2% 1fr;gap:3%;align-items:stretch}.console label{min-width:0;background:linear-gradient(#03110d,#03110d);border:1px solid #235d49;border-radius:8px;box-shadow:0 0 calc(7px * var(--scene-light)) #25ffbb18;font-size:clamp(8px,.83vw,15px)}.service select{width:100%;height:100%;border:0;background:transparent;padding:0 8%}.search{display:flex;align-items:center;padding:0 2%;gap:2%}.search>span{font-size:2em;color:#e9cf9c;line-height:1}.search input{width:100%;min-width:0;background:transparent;border:0;color:#eff9f3;outline-offset:1px}.search input::placeholder{color:#aec0b4}.search button{border:0;background:none;padding:0 2%;font-size:1.3em;color:#92b6a1}.console .execute{border:0;background:#02120c;display:flex;gap:8%;align-items:center;justify-content:center;padding:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(8px,.9vw,16px);text-align:left;font-weight:500;letter-spacing:.03em}.radar{width:29%;aspect-ratio:1;border:1px solid #38a988;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,#1c8e7d36 0px,#1c8e7d36 1px,transparent 2px,transparent 7px)}.radar:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 270deg,#62ffcb88 359deg,transparent);animation:scan 5s linear infinite}.radar:before{content:"";position:absolute;width:4px;height:4px;left:calc(50% - 2px);top:calc(50% - 2px);border-radius:50%;background:#a4ffe4;box-shadow:0 0 7px var(--mint)}.stage[data-state=SEARCHING] .radar:after{animation-duration:1.1s}.stage[data-state=INTENT_CAPTURE] .search{border-color:#a0ffe2;box-shadow:0 0 14px #45ffc434}.artwork-button{position:absolute;z-index:6;top:81.8%;width:20.5%;height:9%;border:1px solid #eac38755;background:transparent;clip-path:polygon(6% 0,94% 0,100% 30%,100% 70%,94% 100%,6% 100%,0 70%,0 30%);filter:drop-shadow(0 0 5px #ffd48a22)}.primary-left{left:2%}.primary-right{right:2%}.artwork-button:hover{background:#dcae5f12;border-color:#f5daa1;box-shadow:inset 0 0 24px #f1cb6355}.artwork-button:focus-visible{outline-offset:-5px}.manual-button{position:absolute;z-index:7;left:40%;top:88.8%;width:23%;height:4.8%;background:transparent;border:0}.manual-button:hover{background:#70e4b715}.load-message{position:absolute;z-index:8;left:35%;top:33%;width:30%;padding:1.2rem;border:1px solid #2f614b;background:#02120eee;text-align:center;color:#d7c298;font-family:Barlow Condensed,sans-serif;letter-spacing:.12em;font-size:14px}.load-message span{display:block;color:#93baa6;letter-spacing:0;margin-top:8px;font-family:Barlow,sans-serif;font-size:12px}.load-message[hidden]{display:none}.results{position:absolute;z-index:9;left:2%;top:23%;width:25%;max-height:48%;overflow:auto;background:#03110ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #4d7967;box-shadow:0 10px 45px #0009;padding:1.2%;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.results header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #325a49;padding-bottom:12px;margin-bottom:6px}.results small{color:#b1ac84;font-size:9px;letter-spacing:.12em}.results h2{font-family:Barlow Condensed,sans-serif;font-weight:500;font-size:clamp(15px,1.5vw,24px);margin:5px 0 0}.results header button{padding:0 8px;font-size:22px;border:0;background:none}.region-row{display:flex;justify-content:space-between;width:100%;text-align:left;border:0;border-bottom:1px solid #284a3a;background:transparent;padding:11px 3px;font-size:13px}.region-row strong{display:block;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:500}.region-row small{font-family:Barlow,sans-serif;font-size:10px;color:#84a992;letter-spacing:0}.region-row .region-count{font-size:11px;color:var(--mint);text-align:right;padding-top:4px}.results p{font-size:12px;line-height:1.7;color:#a9c1b4}.motion-desk{max-width:1672px;margin:auto;border-top:1px solid #3e4937;background:linear-gradient(110deg,#0a1511,#060b09);padding:22px 3%;display:grid;grid-template-columns:1fr auto;gap:18px}.eyebrow{font-size:9px;letter-spacing:.22em;color:#b8a37b}.desk-title h1{font-family:Barlow Condensed,sans-serif;font-size:25px;font-weight:400;margin:5px 0}.desk-title p{font-size:11px;color:#8ca595;margin:0}.motion-controls{display:flex;align-items:center;gap:12px;font-size:12px}.motion-controls label{display:flex;flex-direction:column;gap:6px;font-size:10px;letter-spacing:.06em;color:#acb5a6}.motion-controls select{font-size:12px;letter-spacing:0}.gold-button{color:#efd8a7;border-color:#8a7043;background:linear-gradient(140deg,#372c17,#10140d)}.details-controls{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding-top:14px;border-top:1px solid #25382d;font-size:11px;color:#abc2b3}.details-controls label{display:flex;align-items:center;gap:7px}.details-controls select{font-size:11px}.details-controls button{padding:.4rem .7rem;font-size:11px}.lab-options{grid-column:1/-1;font-size:10px;color:#789987}.lab-options summary{cursor:pointer;letter-spacing:.05em}.lab-options>div{border-top:1px solid #25382d;margin-top:12px;padding-top:14px}.lab-options label{display:inline-flex;gap:15px;align-items:center;margin-right:25px}.lab-options p{line-height:1.6}.lab-options button{font-size:11px;margin-right:10px}.live-message{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#031810f5;border:1px solid #4b846b;padding:11px 22px;z-index:20;font-size:12px;max-width:90vw;box-shadow:0 6px 30px #0008;pointer-events:none}.live-message:empty{display:none}dialog{max-width:500px;width:calc(100% - 32px);background:#07150f;color:#e3eee6;border:1px solid #718663;padding:35px;box-shadow:0 20px 100px #000}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog small{letter-spacing:.25em;font-size:10px;color:var(--gold)}dialog h2{font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:400}dialog p{font-size:14px;line-height:1.8;color:#aac5b5}.dialog-close{position:absolute;right:8px;top:8px;border:0;background:none;font-size:22px}.mobile-brand{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.paused .radar:after,.reduced .radar:after{animation-play-state:paused}.fallback .planet-cover,.fallback .labels{display:none}.fallback .world{cursor:default}.stage[data-connection=offline] .telemetry strong{color:#e8bf80}.stage[data-connection=offline] .signal{color:#c09255}.stage[data-connection=offline] .telemetry{border-color:#977644}@keyframes scan{to{transform:rotate(360deg)}}@media(min-width:1500px){.stage{max-height:calc(100svh - 36px);width:min(100%,calc((100svh - 36px)*1672/941))}}@media(max-width:850px){.motion-desk{grid-template-columns:1fr}.motion-controls{flex-wrap:wrap}.topline{font-size:8px}.results{width:33%;max-height:49%}.region-row strong{font-size:13px}.region-row{font-size:11px;padding:6px}.results small{font-size:7px}}@media(max-width:600px){.topline{height:32px}.topline b{display:none}.stage{height:620px;aspect-ratio:auto;width:100%}.artwork,.foreground{background-size:auto 620px;background-position:center top}.foreground{clip-path:inset(59.2% 0 0 0)}.planet-cover{width:420px;height:420px;left:calc(50% - 210px);top:29px}.world{left:0;width:100%;height:368px}.labels{clip-path:inset(0 0 42% 0)}.city-label{font-size:10px;padding:3px 5px;max-width:100px}.orbit-caption{top:3%;left:10%;width:80%;font-size:9px}.telemetry{left:16px;top:425px;width:calc(100% - 32px);height:63px;padding:8px 12px;display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:4px 14px;clip-path:none}.telemetry-heading{border:0;padding:0;margin:0;font-size:10px}.telemetry small{font-size:8px;margin:0;text-align:right}.telemetry>div:not(:first-child){margin:0}.telemetry>span{margin:0;font-size:8px;grid-column:1/-1}.console{left:16px;top:500px;width:calc(100% - 32px);height:105px;grid-template-columns:1fr 78px;grid-template-rows:32px 52px;gap:10px}.console label{font-size:12px;border-radius:4px}.service{grid-column:1/-1}.service select{padding:0 10px}.console .execute{font-size:12px;border:1px solid #3b8064;gap:5px}.radar{width:24px;flex-shrink:0}.artwork-button,.manual-button{display:none}.search input{font-size:12px}.foreground:after{content:"";position:absolute;inset:418px 0 0;background:#020a07}.orbit-caption{top:10px}.results{top:92px;left:12px;width:calc(100% - 24px);max-height:280px;padding:15px}.results h2{font-size:23px}.results small{font-size:9px}.region-row{padding:10px 4px}.region-row strong{font-size:17px}.load-message{left:15%;width:70%;top:30%}.motion-desk{padding:20px 16px}.motion-controls{gap:10px}.details-controls{gap:12px}.motion-controls button{font-size:12px;padding:10px}.desk-title h1{font-size:25px}.details-controls label:last-of-type{width:100%}.fallback .artwork{background-size:auto 620px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.radar:after{animation:none}}.static-label-shield{position:absolute;z-index:1;left:67.3%;top:20%;width:4.5%;height:7%;background:radial-gradient(ellipse,#010707 50%,#010707ee 70%,transparent 95%);pointer-events:none}.fallback .static-label-shield{display:none}@media(max-width:600px){.static-label-shield{display:none}}.mobile-title{display:none}@media(max-width:600px){.stage{height:665px}.mobile-title{display:block;position:absolute;z-index:5;left:0;top:364px;width:100%;height:85px;background:url(/assets/fab-cockpit.png) center -281px/850px auto no-repeat;pointer-events:none}.telemetry{top:454px;height:78px}.console{top:542px}.foreground{clip-path:inset(358px 0 0 0)}.labels{clip-path:inset(0 0 297px 0)}}.console .execute{position:relative;isolation:isolate}.console .execute:before{content:"";position:absolute;z-index:-1;inset:-12% -2% -18% -12%;background:#02120c;border-radius:4px}@media(max-width:600px){.console .execute:before{inset:0}}@media(min-width:601px){.telemetry>div:not(:first-child){font-size:.88em;white-space:nowrap}}.city-label.origin{border-color:#24ff85;color:#9effc0}@media(min-width:601px){.console{inset:0;width:100%;height:100%;display:block;pointer-events:none}.console>label,.console>.execute{position:absolute;pointer-events:auto;min-width:0;margin:0}.console .service{left:25.658%;top:78.321%;width:11.962%;height:5.101%;border:0;border-radius:0;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:linear-gradient(120deg,#07352b,#020d09 65%);box-shadow:inset 0 0 0 1px #20634e}.service select{appearance:none;padding:0 15% 0 25%;font-size:clamp(8px,.78vw,13px);text-overflow:ellipsis;outline-offset:-3px}.service:before{content:"";position:absolute;left:7%;top:28%;width:4px;height:4px;background:#72f7d4;box-shadow:7px 0 #72f7d4,14px 0 #72f7d4,0 7px #72f7d4,7px 7px #72f7d4,14px 7px #72f7d4,0 14px #72f7d4,7px 14px #72f7d4,14px 14px #72f7d4;pointer-events:none}.service:after{content:"";position:absolute;right:8%;top:39%;width:6px;height:6px;border-right:1px solid #e9cf9c;border-bottom:1px solid #e9cf9c;transform:rotate(45deg);pointer-events:none}.console .search{left:39.294%;top:78.321%;width:21.651%;height:5.101%;border-radius:7px;padding:0 .6%;gap:2%;font-size:clamp(8px,.78vw,13px)}.search input{flex:1;width:0}.search button{flex:none}.console .execute{left:62.679%;top:78.109%;width:11.722%;height:6.163%;gap:9%;justify-content:flex-start;padding:0 .35%;background:#02120c;clip-path:polygon(7px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.console .execute:before{display:none}.console .execute .radar{width:29%;flex-shrink:0}.console label:focus-within,.console .execute:focus-visible{box-shadow:inset 0 0 0 2px #8affdb;outline:none}}.original-brand{position:absolute;z-index:5;left:2.1%;top:2%;width:19%;height:12.8%;overflow:hidden;background:#080b09;border-radius:3px;pointer-events:none}.original-brand img{position:absolute;width:226%;max-width:none;height:auto;left:-67.5%;top:-56%}@media(max-width:600px){.original-brand{display:none}}@media(min-width:601px){.original-brand{height:16%}}@media(min-width:601px){.original-brand img{width:210%;left:-59%;top:-50%}}@media(min-width:601px){.original-brand{left:1.6%;top:2.2%;width:20%;height:14.3%;background:none;border-radius:0;overflow:visible;isolation:isolate}.original-brand:before{content:"";position:absolute;z-index:-1;inset:-12% -12% -8%;background:radial-gradient(ellipse at center,#020706 55%,#020706f5 68%,transparent 83%);pointer-events:none}.original-brand img{inset:0;width:100%;height:100%;object-fit:contain;filter:saturate(.65) brightness(.88) drop-shadow(0 0 3px #68eaa815)}}.city-label.origin{pointer-events:auto;cursor:pointer}.city-label.origin:focus-visible{outline:1px solid #9bffbe;outline-offset:4px}.stage.departing .artwork,.stage.departing .foreground,.stage.departing .original-brand,.stage.departing .console,.stage.departing .telemetry,.stage.departing .labels,.stage.departing .orbit-caption,.stage.departing .artwork-button,.stage.departing .manual-button{opacity:0;pointer-events:none;transition:opacity .7s ease}.stage.departing .world{z-index:20;left:0;width:100%;height:100%;pointer-events:none}.stage.departing .planet-cover,.stage.departing .static-label-shield{display:none}.stage.departing .mobile-title{opacity:0;pointer-events:none}#city-scene{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:80;opacity:0;pointer-events:none;transition:opacity 2s cubic-bezier(.33,0,.2,1);background:transparent}#city-scene.visible{opacity:1;pointer-events:auto}body.city-journey{overflow:hidden}.stage .artwork,.stage .foreground,.stage .original-brand,.stage .console,.stage .telemetry,.stage .labels,.stage .orbit-caption,.stage .artwork-button,.stage .manual-button,.stage .mobile-title{transition:opacity 1.6s ease}.stage.city-departure .original-brand,.stage.city-departure .console,.stage.city-departure .telemetry,.stage.city-departure .labels,.stage.city-departure .orbit-caption,.stage.city-departure .artwork-button,.stage.city-departure .manual-button,.stage.city-departure .mobile-title{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){#city-scene,.stage.city-departure *{transition:none!important}}body:has(.stage.reduced) #city-scene{transition:none}@property --city-reveal{syntax:"<length>";inherits:false;initial-value:0px}#city-scene{--city-reveal:0px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 calc(var(--city-reveal) - 18vmax),transparent var(--city-reveal));mask-image:radial-gradient(circle at 50% 50%,#000 calc(var(--city-reveal) - 18vmax),transparent var(--city-reveal));transition:--city-reveal 2s cubic-bezier(.33,0,.2,1),opacity .2s linear 1.8s}#city-scene.visible{--city-reveal:95vmax;transition:--city-reveal 2s cubic-bezier(.33,0,.2,1),opacity .1s linear}.stage.city-departure .original-brand,.stage.city-departure .console,.stage.city-departure .telemetry,.stage.city-departure .labels,.stage.city-departure .orbit-caption,.stage.city-departure .artwork-button,.stage.city-departure .manual-button,.stage.city-departure .mobile-title{opacity:1;pointer-events:none}body.city-journey .live-message{display:none}#city-scene{-webkit-mask-image:none;mask-image:none;transition:opacity .8s ease;--city-reveal:0px}#city-scene.visible{-webkit-mask-image:none;mask-image:none;transition:opacity .8s ease}.regional-flight{position:fixed;inset:0;z-index:70;pointer-events:none}#city-scene,#city-scene.visible{transition:none;-webkit-mask-image:none;mask-image:none}.stage.city-departure .labels,.city-journey .topline{opacity:0}.stage.city-departure .artwork,.stage.city-departure .foreground,.stage.city-departure .original-brand,.stage.city-departure .console,.stage.city-departure .telemetry,.stage.city-departure .orbit-caption,.stage.city-departure .artwork-button,.stage.city-departure .manual-button,.stage.city-departure .mobile-title{opacity:0;pointer-events:none}.regional-attribution{position:fixed;right:8px;bottom:6px;z-index:71;font:10px Arial;color:#b9c6c0;background:#04100ab0;padding:4px 8px;pointer-events:none}body.cinematic-journey{background:#020608;overflow:hidden}.cinematic-journey .topline,.cinematic-journey .motion-desk,.cinematic-journey .stage>:not(.world){visibility:hidden}.cinematic-journey .stage{width:100vw;max-width:none;max-height:none;height:100vh;aspect-ratio:auto;margin:0;background:transparent}.cinematic-journey .world{left:0;top:0;width:100%;height:100%}.cinematic-journey .live-message{display:none}
