@font-face{font-family:Manrope;src:url('/hq-landing-20261024/assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Space;src:url('/hq-landing-20261024/assets/space-grotesk-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Space;src:url('/hq-landing-20261024/assets/space-grotesk-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#0b0e0d;--panel:#121914;--ink:#f0f2e9;--muted:#9ba99e;--lime:#c5f467;--line:#29342b;--display:Space,Arial,sans-serif;--body:Manrope,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--body);-webkit-font-smoothing:antialiased;padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow-wrap:break-word}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{border:0}img{display:block;max-width:100%}::selection{background:var(--lime);color:var(--bg)}.lime{color:var(--lime)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.phone-skip{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 18px;background:var(--lime);color:var(--bg);border-radius:8px}.phone-skip:focus{top:12px}.phone-shell{width:100%;max-width:700px;margin:auto;position:relative}
.phone-header{position:sticky;top:0;z-index:30;min-height:68px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b0e0de8;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.phone-brand{display:flex;align-items:center;gap:9px;min-height:44px;font:700 21px/1 var(--display);letter-spacing:-.9px}.phone-brand-mark{width:37px;height:37px;display:grid;place-items:center;position:relative;border:1px solid #dcffa8;background:var(--lime);color:#17220f;border-radius:11px;font-size:28px}.phone-brand-mark>span{position:absolute;right:4px;top:4px;font-size:14px}.brand-lime{color:var(--lime);font-weight:500;margin-left:2px}.phone-brand small{display:block;font:8px/1 var(--body);letter-spacing:2.4px;color:#aab5a5;margin-top:6px}.phone-header-actions{display:flex;gap:8px;align-items:center}.icon-button{display:inline-grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:#141c16;border:1px solid #31402f;border-radius:50%;font-size:22px;line-height:1;color:#d7e2ce}.icon-button:hover{background:#22301c;border-color:#758c52}.icon-button:active{background:#2d4023}.icon-button:disabled{opacity:.35;cursor:default}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.motion-control{color:var(--lime);font-size:20px}.motion-symbol{transform:translateY(-1px)}
.phone-hero{padding:24px 20px 28px;position:relative;isolation:isolate}.phone-eyebrow{font-size:10px;letter-spacing:1.35px;line-height:1.5;color:#acbca2;margin:0 0 12px}.phone-hero>.phone-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.1px}.phone-eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #c5f46777;flex-shrink:0}.phone-hero h1{font:700 clamp(44px,13.6vw,60px)/.99 var(--display);letter-spacing:-2.7px;margin:0;max-width:100%}.phone-hero h1>span{display:block;transform-origin:0 100%}.phone-hero-description{font-size:13px;line-height:1.5;color:#a4b09f;margin:14px 0 0}.phone-stage{height:220px;position:relative;margin:0 -4px 6px;isolation:isolate;pointer-events:none}.phone-stage::before{content:'';position:absolute;left:10%;right:10%;top:26%;height:43%;border:1px solid #a3ce663d;border-radius:50%;transform:rotate(-22deg);z-index:-1}.phone-stage::after{content:'';position:absolute;left:14%;right:14%;top:22%;height:49%;border:1px solid #a3ce6626;border-radius:50%;transform:rotate(27deg);z-index:-1}.phone-stage-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,#a7d96516,transparent 65%);filter:blur(8px)}#phone-portal{position:absolute;inset:0;width:100%;height:100%;z-index:0}.phone-core{position:absolute;left:50%;top:50%;width:98px;height:98px;border-radius:50%;transform:translate(-50%,-50%) rotate(-6deg);display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 30% 20%,#2d3923,#10190f 75%);border:1px solid #9bc26a80;box-shadow:0 0 0 7px #c5f46708,0 16px 35px #0008;z-index:2}.phone-core::before,.phone-core::after{content:'';position:absolute;inset:-13px;border:1px solid #c5f46744;border-radius:50%;pointer-events:none;z-index:-1}.phone-core::after{inset:-26px;border-color:#c5f46722}.phone-core>span{font-size:6px;letter-spacing:1.6px;color:#b3c896;line-height:1.2}.phone-core>strong{font:700 57px/1 var(--display);color:var(--lime);position:relative;padding-right:8px;margin:4px 0;letter-spacing:-3px}.phone-core b{font-size:24px;position:absolute;top:-1px;right:-7px}.phone-orbit{position:absolute;width:66px;aspect-ratio:1;border-radius:17px;border:1px solid #748262;background:#1b2818;box-shadow:0 15px 25px #0008;padding:3px;z-index:3;transform:rotate(var(--orbit-angle,0deg))}.phone-orbit img{width:100%;height:100%;object-fit:cover;border-radius:13px;aspect-ratio:1}.phone-orbit>span{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1px;text-shadow:0 1px 5px #000;background:#0b0e0d55}.phone-orbit-studio{left:6%;top:9%;--orbit-angle:-13deg}.phone-orbit-skull{right:4%;top:10%;width:72px;--orbit-angle:13deg}.phone-orbit-catan{right:12%;bottom:8%;width:59px;--orbit-angle:-9deg}.stage-spark{position:absolute;color:var(--lime);opacity:.8;font-family:var(--display)}.stage-spark-one{left:10%;bottom:17%;font-size:28px}.stage-spark-two{right:27%;top:6%;font-size:18px}.stage-coordinate{position:absolute;left:3%;bottom:0;font-size:7px;letter-spacing:1.3px;color:#718365}.phone-primary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:14px 18px;background:var(--lime);color:#18230f;border-radius:12px;font:700 14px/1.4 var(--display)}.phone-primary>span{font-size:24px;line-height:1}.phone-primary:active{background:#d9ff99;transform:scale(.99)}
.phone-featured-section{padding:26px 0 28px;border-top:1px solid var(--line)}.phone-section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 20px 18px}.phone-section-top .phone-eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:8px}.phone-section-top h2{font:500 clamp(25px,6.8vw,31px)/1.12 var(--display);letter-spacing:-1px;margin:0}.small-spark{font-size:31px;font-family:var(--display);color:var(--lime);line-height:1}.phone-featured{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:20px;padding:4px 20px 12px;scrollbar-width:none;overscroll-behavior-x:contain}.phone-featured::-webkit-scrollbar{display:none}.featured-card{position:relative;flex:0 0 min(82%,350px);aspect-ratio:1.3;border-radius:18px;overflow:hidden;border:1px solid #536146;background:#182318;scroll-snap-align:start;isolation:isolate}.featured-card>img{width:100%;height:100%;object-fit:cover}.featured-shade{position:absolute;inset:0;background:linear-gradient(transparent 20%,#0a120b55 45%,#060d08f5)}.featured-copy{position:absolute;inset:auto 19px 18px;display:flex;flex-direction:column;gap:6px}.featured-copy>span:first-child{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#d1e2bd}.featured-copy strong{font:700 30px/1.08 var(--display);letter-spacing:-1px}.featured-copy .featured-action{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#e1edcf;margin-top:6px}.featured-action b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #bde97d77;border-radius:50%;color:var(--lime);font-size:20px;font-weight:400}.rail-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 20px}.rail-controls>div{display:flex;gap:8px}.swipe-hint{font-size:10px;color:#8e9e88}.swipe-hint span{margin-left:5px;color:#c5f467}.rail-status{font:500 11px/1 var(--display);color:#b9c9a9;white-space:nowrap;margin-left:auto}.rail-controls .icon-button{width:44px;height:44px;font-size:22px}
.phone-worlds{padding:27px 0 14px;border-top:1px solid var(--line);scroll-margin-top:18px}.worlds-count{font:500 15px/1 var(--display);display:grid;place-items:center;width:40px;height:40px;border:1px solid #3c4c32;border-radius:50%;color:var(--lime)}.phone-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 20px 12px;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.phone-filters::-webkit-scrollbar{display:none}.phone-filter{min-height:44px;flex-shrink:0;padding:11px 16px;border:1px solid #35452f;border-radius:24px;background:#121b13;font:500 13px/1.4 var(--display);color:#b9c6ae;scroll-snap-align:start}.phone-filter span{font-size:10px;margin-left:7px;opacity:.65}.phone-filter.active{background:var(--lime);border-color:var(--lime);color:#18230f}.phone-filter:active{border-color:var(--lime)}.phone-results{font-size:11px;color:#81917b;margin:0 20px 14px;min-height:17px}.phone-grid{margin:0 20px}.phone-destination{position:relative;display:flex;align-items:center;gap:12px;min-height:112px;border-top:1px solid var(--line);padding:17px 0}.phone-destination:last-child{border-bottom:1px solid var(--line)}.phone-destination[hidden]{display:none!important}.destination-art{width:72px;height:72px;flex:0 0 72px;overflow:hidden;border-radius:16px;border:1px solid #3d4d33;background:#19251b}.destination-art img{width:100%;height:100%;object-fit:cover}.destination-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.destination-kicker{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#b7d293;line-height:1.5}.destination-kicker>span{color:#839279;letter-spacing:.1px;font-size:8px}.destination-copy h3{font:500 20px/1.12 var(--display);letter-spacing:-.55px;margin:0}.destination-description{display:block;font-size:14px;line-height:1.45;color:#a1ad9a}.destination-arrow{font-size:21px;line-height:1;color:var(--lime);flex:0 0 16px;align-self:center}.phone-destination:hover h3{color:var(--lime)}.phone-destination:active{background:#a6d56a08}.phone-about{margin:20px 20px 0;padding:31px 0;border-bottom:1px solid var(--line)}.about-star{display:inline-block;color:var(--lime);font:500 55px/1 var(--display);margin-bottom:21px}.phone-about .phone-eyebrow{font-size:9px;letter-spacing:1px}.phone-about h2{font:500 30px/1.1 var(--display);letter-spacing:-1.3px;margin:0 0 15px}.phone-about>p:not(.phone-eyebrow){font-size:13px;color:#9ba995;line-height:1.7;margin:0;max-width:440px}.phone-about>a{display:flex;justify-content:space-between;align-items:center;min-height:48px;color:var(--lime);font:500 13px/1 var(--display);margin-top:14px}.phone-about>a>span{font-size:24px}.phone-footer{padding:28px 20px 20px}.footer-logo{font:700 24px/1 var(--display);letter-spacing:-1px}.footer-logo>span{color:var(--lime);font-weight:500;margin-left:2px}.phone-footer>p{font-size:11px;color:#7f927b;margin:8px 0 18px}.phone-footer>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.phone-footer a{min-height:44px;display:flex;align-items:center;font-size:12px;color:#a6b39f}
.phone-bottom-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;margin-inline:auto;transform:none;width:100%;max-width:700px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px 20px calc(7px + env(safe-area-inset-bottom));background:#0e1510f2;backdrop-filter:blur(24px);border-top:1px solid #3d4f30;box-shadow:0 -8px 28px #0004}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;background:transparent;border-radius:12px;color:#8e9e85;font-size:10px;line-height:1.2}.bottom-nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.bottom-nav-item.is-active{background:#c5f4670d;color:var(--lime)}.bottom-nav-item:active{background:#c5f46716;color:var(--lime)}.phone-menu{width:calc(100% - 32px);max-width:440px;max-height:85dvh;padding:22px;background:#131c15;border:1px solid #536342;border-radius:24px;color:var(--ink);box-shadow:0 25px 100px #000a}.phone-menu::backdrop{background:#030704bb;backdrop-filter:blur(9px)}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.menu-header h2{font:700 32px/1 var(--display);letter-spacing:-1.3px;margin:0}.phone-menu>p{font-size:13px;color:#9eb090;margin:7px 0 23px}.menu-links{display:flex;flex-direction:column}.menu-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;border-top:1px solid var(--line);font-size:15px}.menu-links a>span{color:var(--lime);font-size:22px}.menu-signoff{display:block;font-size:9px;letter-spacing:1.5px;color:#78916b;margin-top:24px}
/* Fixed-size links stay still; decorative artwork supplies the motion. */
.phone-ready .phone-core::before{animation:phone-ring 3.5s ease-out infinite}.phone-ready .phone-core::after{animation:phone-ring 3.5s 1.2s ease-out infinite}.phone-ready .phone-core>strong{animation:phone-core 4s ease-in-out infinite}.phone-ready .phone-stage-glow{animation:phone-glow 5s ease-in-out infinite}.phone-ready .stage-spark-one,.phone-ready .about-star{animation:phone-spin 25s linear infinite}.phone-ready .destination-art img{animation:phone-art 16s ease-in-out infinite alternate}.phone-ready .phone-destination:nth-child(2n) .destination-art img{animation-delay:-8s}.phone-ready .phone-hero h1>span{animation:phone-hero-in .9s cubic-bezier(.16,1,.3,1) both}.phone-ready .phone-hero h1>span:nth-child(2){animation-delay:.12s}.phone-ready .phone-hero-description{animation:phone-hero-in .8s .22s both}.phone-ready .phone-primary{animation:phone-hero-in .8s .35s both}.phone-intro-settled .phone-hero h1>span,.phone-intro-settled .phone-hero-description,.phone-intro-settled .phone-primary{animation:none!important;opacity:1}.phone-reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}.phone-ready .phone-reveal:not(.is-visible){opacity:0;transform:translateY(20px)}.phone-ready .phone-reveal.is-visible{opacity:1;transform:none}
@keyframes phone-ring{0%{opacity:0;transform:scale(.9)}20%{opacity:.8}100%{opacity:0;transform:scale(1.35)}}@keyframes phone-core{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 #c5f46700)}50%{transform:scale(1.08);filter:drop-shadow(0 0 12px #c5f46744)}}@keyframes phone-glow{0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes phone-spin{to{transform:rotate(360deg)}}@keyframes phone-art{from{transform:scale(1.03)}to{transform:scale(1.17)}}@keyframes phone-hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.phone-hidden *,.phone-hidden *::before,.phone-hidden *::after,.phone-stage-offscreen .phone-stage *,.phone-stage-offscreen .phone-stage *::before,.phone-stage-offscreen .phone-stage *::after{animation-play-state:paused!important}.phone-paused{scroll-behavior:auto}.phone-paused *,.phone-paused *::before,.phone-paused *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}.phone-paused .phone-hero h1>span,.phone-paused .phone-hero-description,.phone-paused .phone-primary,.phone-paused .phone-reveal{opacity:1!important;transform:none!important}
@media(min-width:500px){.phone-hero{padding:28px 30px 34px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center}.phone-hero>.phone-eyebrow{grid-column:1/-1}.phone-hero h1{font-size:57px;letter-spacing:-2.7px}.phone-hero-description{grid-column:1;margin-top:15px;font-size:14px}.phone-stage{grid-column:2;grid-row:2/4;margin:0;height:240px}.phone-primary{grid-column:1/-1;margin-top:18px}.phone-featured-section,.phone-worlds{padding-top:32px}.phone-section-top,.rail-controls{margin-left:30px;margin-right:30px}.phone-featured,.phone-filters{padding-left:30px;padding-right:30px;scroll-padding:30px}.phone-grid{margin:0 30px}.phone-results{margin-left:30px}.phone-about{margin-left:30px;margin-right:30px}.phone-footer{padding-left:30px;padding-right:30px}.destination-copy h3{font-size:23px}.destination-description{font-size:14px}.destination-kicker,.destination-kicker>span{font-size:10px}.phone-header{padding-left:30px;padding-right:30px}}
@media(max-width:350px){.phone-header{padding-inline:16px}.phone-hero{padding-inline:16px}.phone-hero>.phone-eyebrow{font-size:8px;letter-spacing:1px}.phone-hero h1{font-size:44px}.phone-stage{height:204px}.phone-orbit-studio{left:2%}.phone-orbit-skull{right:1%}.phone-section-top,.rail-controls{margin-inline:16px}.phone-featured,.phone-filters{padding-inline:16px;scroll-padding:16px}.phone-grid{margin-inline:16px}.phone-results{margin-left:16px}.phone-destination{gap:10px}.destination-art{width:72px;height:72px;flex-basis:72px}.destination-copy h3{font-size:18px}.destination-description{font-size:14px}.destination-kicker{font-size:7px;letter-spacing:.7px}.destination-kicker>span{display:none}.phone-about{margin-inline:16px}.phone-about h2{font-size:27px}.phone-footer{padding-inline:16px}.swipe-hint{font-size:9px}.rail-controls{gap:8px}}
@media(max-height:690px) and (max-width:499px){.phone-header{min-height:60px;padding-block:8px}.phone-hero{padding-top:14px;padding-bottom:20px}.phone-hero>.phone-eyebrow{margin-bottom:8px}.phone-hero h1{font-size:44px;line-height:.98}.phone-hero-description{font-size:12px;margin-top:10px}.phone-stage{height:164px;margin-bottom:8px}.phone-orbit{width:55px}.phone-orbit-skull{width:58px}.phone-orbit-catan{width:49px}.phone-core{width:84px;height:84px}.phone-core>strong{font-size:48px}.phone-core>span{font-size:5px}.phone-primary{min-height:50px;padding-block:12px}.stage-coordinate{font-size:6px}.stage-spark-one{font-size:24px}}
@media(max-height:650px) and (max-width:499px){.phone-hero-description{display:none}.phone-stage{height:154px;margin-top:3px}.phone-hero{padding-bottom:17px}.phone-stage::before{top:24%}.phone-stage::after{top:21%}}
@media(prefers-reduced-motion:reduce){html:not(.phone-motion-enabled){scroll-behavior:auto}html:not(.phone-motion-enabled) *,html:not(.phone-motion-enabled) *::before,html:not(.phone-motion-enabled) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html:not(.phone-motion-enabled) .phone-hero h1>span,html:not(.phone-motion-enabled) .phone-hero-description,html:not(.phone-motion-enabled) .phone-primary,html:not(.phone-motion-enabled) .phone-reveal{opacity:1!important;transform:none!important}}

/* Keep the phone shell and controls clear of notches in either orientation. */
html{scroll-padding-top:calc(88px + env(safe-area-inset-top))}.phone-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.phone-header{padding-top:calc(var(--phone-header-pad-y,10px) + env(safe-area-inset-top));padding-bottom:var(--phone-header-pad-y,10px)}.phone-bottom-nav{padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right))}
@media(max-height:690px) and (max-width:499px){.phone-header{--phone-header-pad-y:8px}}

/* Confine the pulsing decorative glow to its non-interactive stage. */
.phone-stage{overflow:clip}.phone-stage-glow{inset:10%}

/* Keep the primary destination action above the dock on short landscape screens. */
@media(min-width:500px) and (max-height:500px){
.phone-header{--phone-header-pad-y:6px;min-height:56px}
.phone-hero{padding:12px 30px 16px;column-gap:20px}
.phone-hero>.phone-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:8px}
.phone-hero h1{font-size:42px;line-height:.99;letter-spacing:-2px}
.phone-hero-description{display:none}
.phone-stage{height:132px;margin:0}
.phone-core{width:84px;height:84px}.phone-core>strong{font-size:48px}.phone-core>span{font-size:5px}
.phone-orbit,.phone-orbit-skull,.phone-orbit-catan{width:50px}.phone-orbit>span{font-size:5px;bottom:7px}
.phone-stage .stage-coordinate{font-size:6px}.phone-stage .stage-spark-one{font-size:23px}
.phone-primary{min-height:44px;padding:10px 16px;margin-top:8px;font-size:13px}
}