/* Motion is decorative: downloads and instructions work without it. */
body{background:#060912;background-image:radial-gradient(ellipse at 85% 8%,#16273d80,transparent 36%),radial-gradient(ellipse at 8% 30%,#39281030,transparent 35%)}
.header{position:relative;z-index:5;background:#090e1890;backdrop-filter:blur(18px)}
.hero{position:relative;min-height:760px;padding-top:90px;padding-bottom:95px}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,#7592b00c 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#7592b00c 50%,transparent 50.2%);background-size:80px 80px;mask-image:linear-gradient(black,transparent);opacity:.65}
h1{font-size:clamp(45px,5.4vw,77px);letter-spacing:-3px;line-height:1.05}h1 em{background:linear-gradient(100deg,#b47d3e,#ffdda1 45%,#c89650 65%,#fff0c9);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gold-flow 9s ease-in-out infinite}
.hero-visual{isolation:isolate;perspective:900px}.hero-mark{max-width:470px;animation:levitate 7s ease-in-out infinite;will-change:transform}.glow{width:280px;height:360px;opacity:.32;animation:breath 8s ease-in-out infinite alternate}.glow.gold{animation-delay:-4s}
.orbit{position:absolute;border:1px solid #d9b77c30;width:105%;aspect-ratio:1;border-radius:50%;top:-2%;transform:rotateX(62deg) rotateZ(-25deg);pointer-events:none;z-index:-1;box-shadow:0 0 70px #498bff15}
.orbit:after{content:'';position:absolute;inset:-1px;border-radius:50%;border:2px solid transparent;border-top-color:#f8d39090;animation:orbit-spin 18s linear infinite}.orbit.two{width:85%;top:9%;transform:rotateX(48deg) rotateZ(45deg);border-color:#61b7ff40}.orbit.two:after{border-top-color:#63b8ff;animation-direction:reverse;animation-duration:24s}
.scene-label{position:absolute;z-index:3;border:1px solid #af92674d;background:#0d1420e0;backdrop-filter:blur(12px);padding:11px 16px;border-radius:12px;font-size:10px;letter-spacing:1.6px;color:#d9bf94;box-shadow:0 15px 45px #0005;animation:levitate 8s ease-in-out infinite}.scene-label.top{top:10%;right:-2%}.scene-label.bottom{bottom:12%;left:0;animation-delay:-3s}.scene-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6edac0;box-shadow:0 0 12px #6edac0;margin-right:8px}
.primary{position:relative;overflow:hidden;background:linear-gradient(110deg,#bd8748,#f7d79d 55%,#d6a35e);box-shadow:0 5px 32px #dcad6230;border-radius:9px;transition:transform .25s,box-shadow .25s}.primary:after{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(100deg,transparent 42%,#fff8 50%,transparent 58%);transform:translateX(-75%) rotate(12deg);animation:button-shine 7s ease-in-out infinite;pointer-events:none}.primary:hover{box-shadow:0 9px 45px #dcad6250;transform:translateY(-3px)}
.download-panel,.help-note,.check-panel{border-radius:16px;background:linear-gradient(125deg,#172233e0,#0c111ee0);box-shadow:0 20px 60px #0002}.download-panel{border-color:#9d804245;padding:36px}.permission-list details{transition:border-color .3s,background .3s}.permission-list details:hover{border-color:#c3a16470}.contacts a{transition:padding .25s,background .25s}.contacts a:hover{padding-left:13px;background:#cba36508}
.poster{border-radius:16px;transition:transform .45s,box-shadow .45s;transform:rotate(-2deg);box-shadow:0 25px 90px #e0a44b18}.poster:hover{transform:rotate(0deg) translateY(-7px);box-shadow:0 30px 95px #e0a44b30}.park-section{background:radial-gradient(ellipse at 20% 55%,#ac711e18,transparent 55%),radial-gradient(ellipse at 90% 40%,#17467940,transparent 70%)}
.scroll-meter{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#e5b872,#70bdff);z-index:50;pointer-events:none}
.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.visible{opacity:1;transform:none}.hero-copy{animation:hero-enter .9s both}.hero-visual{animation:hero-enter 1.2s .15s both}
@keyframes hero-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes breath{from{opacity:.2;transform:scale(.85)}to{opacity:.4;transform:scale(1.15)}}@keyframes gold-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes button-shine{0%,65%{transform:translateX(-75%) rotate(12deg)}85%,100%{transform:translateX(75%) rotate(12deg)}}
@media(max-width:900px){.hero{min-height:650px;padding-top:65px}.scene-label{font-size:8px;padding:8px 10px}.scene-label.top{right:0}.glow{width:160px;height:230px}}
@media(max-width:600px){.hero{min-height:0;padding-top:48px;padding-bottom:48px}h1{font-size:46px;letter-spacing:-2px}.hero-visual{margin-top:30px}.hero-mark{max-width:310px}.orbit{width:90%;top:0}.orbit.two{width:75%;top:8%}.scene-label.top{right:2%;top:12%}.scene-label.bottom{left:2%;bottom:15%}.visual-caption{margin-top:18px}.download-panel{padding:23px}.poster{transform:none}.header{backdrop-filter:none}.scene-label{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-mark{will-change:auto}html{scroll-behavior:auto}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:48px;padding-bottom:48px}.hero-copy{min-width:0}h1{font-size:clamp(40px,7.5vw,56px);letter-spacing:-2px}.hero-visual{margin-top:35px}.hero-mark{max-width:350px;width:85%}.orbit{width:85%}.orbit.two{width:70%}.header nav>a:not(.nav-download){display:none}.hero-actions{flex-direction:row;flex-wrap:wrap}.scene-label.top{right:5%}.scene-label.bottom{left:5%}}
.hero-visual{overflow:clip}.hero>*{min-width:0}
.join-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.join-copy h3{font-size:24px;line-height:1.3}.join-steps{list-style:none;padding:0;margin:25px 0}.join-steps li{display:flex;gap:18px;padding:14px 0;border-top:1px solid var(--line);font-size:14px}.join-steps b{color:var(--gold);font-size:11px;padding-top:3px}.join-card{border:1px solid #d6ab6260;border-radius:18px;padding:35px;background:linear-gradient(135deg,#1d2636,#14171e);box-shadow:0 20px 65px #d5a45910}.join-card h3{font-size:29px;margin:16px 0 25px}.join-card .button{display:flex;margin:14px 0;width:100%}.join-card p{font-size:12px;color:var(--muted)}.hero-actions{flex-wrap:wrap}.hero-actions .text-link{max-width:220px}@media(max-width:760px){.join-layout{grid-template-columns:1fr;gap:25px}.join-card{padding:24px}.join-copy h3{font-size:21px}.join-card .secondary{font-size:12px;padding:13px 10px}}
