/* Главная Orbit: Земля на весь экран, история при прокрутке. Сначала телефон, потом широкий экран. */
html{background:#02040a}
.space-theme{background:#02040a;overflow-x:clip}
.space-theme .orbit-bar{position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 8px);height:54px;max-width:1120px;margin:auto;padding:0 8px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:999px;border:1px solid #ffffff24;background:linear-gradient(180deg,#ffffff1c,#ffffff0a);backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7);box-shadow:inset 0 1px 0 #ffffff2e,0 10px 34px #0000006b;z-index:40}
.orbit-logo{display:flex;align-items:center;gap:9px;color:#fff}
.orbit-logo span{font-size:24px;font-weight:600;letter-spacing:-.045em;line-height:1;padding-bottom:2px;background:linear-gradient(100deg,#fff 30%,#bcd2ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.orbit-mark{width:34px;height:34px;flex:none;overflow:visible;fill:none;stroke:none}
.orbit-mark ellipse{stroke:#ffffffb8;stroke-width:1.5;fill:none}
.m-planet{fill:#fff}
.m-sat{fill:#8fb4ff;filter:drop-shadow(0 0 3px #8fb4ff)}
.space-theme .orbit-bar nav a{color:#c2cbdb}
.space-theme .orbit-bar nav a:hover{color:#fff}
.bar-login{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px 0 16px;border-radius:999px;background:#ffffff1f;box-shadow:inset 0 1px 0 #ffffff2e;color:#fff;font-size:15px;font-weight:600;letter-spacing:-.01em}
.bar-login svg{width:16px;height:16px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.story{position:relative;height:100vh;height:100svh}
.story-live .story{height:640vh;height:640lvh}
.stage{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;background:#02040a;isolation:isolate}
.orbital-scene{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.5s ease}
.orbital-scene.scene-ready{opacity:1}
.orbital-scene canvas{display:block;width:100%;height:100%}
.orbital-scene.scene-failed{opacity:1;background:radial-gradient(circle at 50% 118%,#3b78d8 0,#123a7c 34%,#071a3f 45%,#02040a 58%)}
.stage-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#02040ad9 0,#02040a66 22%,transparent 40%),linear-gradient(0deg,#02040a 0,transparent 9%)}
.chapter{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 80px);padding:0 24px;z-index:2;opacity:0;visibility:hidden;will-change:opacity,transform;text-shadow:0 2px 26px #000c;text-align:center}
.chapter[data-from="-1"]{opacity:1;visibility:visible}
.chapter h1{font-size:min(11.2vw,44px);font-size:min(11.2vw,7.6svh);font-weight:600;letter-spacing:-.058em;line-height:.98;margin:0;color:#fff}
.chapter h1 span{display:block;white-space:nowrap;background:linear-gradient(100deg,#fff 8%,#bcd2ff 52%,#6e97f2 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;padding-bottom:.06em}
.chapter h2{font-size:min(8.6vw,34px);font-size:min(8.6vw,5.2svh);font-weight:600;letter-spacing:-.05em;line-height:1.04;margin:0;color:#fff}
.chapter p{font-size:17px;line-height:1.42;color:#c8d2e4;margin:12px auto 0;letter-spacing:-.015em;max-width:27em}
.hero-chapter h1>em,.hero-chapter p{font-style:normal}
.hero-chapter h1,.hero-chapter p{animation:rise 1.1s cubic-bezier(.16,1,.3,1) both}
.hero-chapter p{animation-delay:.16s}
@keyframes rise{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
.app-tag{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:-.015em;color:#fff;margin-bottom:8px}
.app-tag i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.app-tag svg{width:18px;height:18px;fill:#fff;stroke:none}
.tag-ig i{background:linear-gradient(35deg,#fdc468,#fa7e1e 26%,#d62976 54%,#962fbf 78%,#4f5bd5)}
.tag-yt i{background:#f00}
.tag-tt i{background:#000;box-shadow:-1.5px 0 0 #25f4ee,1.5px 0 0 #fe2c55}
.tag-th i{background:#000;box-shadow:inset 0 0 0 1px #ffffff40}
/* Кнопка: по её краю, как спутник по орбите, идёт свет. */
.orbit-cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 9px 0 26px;border-radius:999px;color:#fff;text-align:left;box-shadow:0 12px 46px #3f7bff59;transition:transform .2s}
.orbit-cta:active{transform:scale(.98)}
.orbit-cta::before{content:"";position:absolute;left:50%;top:50%;width:125%;aspect-ratio:1;z-index:-2;background:conic-gradient(#ffffff40 0 6%,#ffffff26 34%,#6e97f2 44%,#fff 50%,#ffffff26 50.5%,#ffffff26 84%,#6e97f2 94%,#fff 100%);transform:translate(-50%,-50%);animation:orbit-light 5s linear infinite}
.orbit-cta::after{content:"";position:absolute;inset:1.5px;border-radius:inherit;z-index:-1;background:linear-gradient(180deg,#1a2543,#0a0f20)}
@keyframes orbit-light{to{transform:translate(-50%,-50%) rotate(360deg)}}
.cta-text{display:flex;flex-direction:column;gap:1px}
.cta-text b{font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.15}
.cta-text small{font-size:13px;color:#a9b8d6;letter-spacing:-.005em;line-height:1.2}
.cta-go{width:46px;height:46px;border-radius:50%;background:#fff;color:#0b1120;display:grid;place-items:center;flex:none}
.cta-go svg{width:20px;height:20px;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.closing .orbit-cta{width:300px;margin-top:26px}
.orbit-facts{display:flex;gap:30px;margin:16px 0 0;justify-content:center}
.orbit-facts b{display:block;font-size:27px;font-weight:600;letter-spacing:-.04em;color:#fff;line-height:1.1}
.orbit-facts span{font-size:13px;color:#aab5c8;letter-spacing:-.01em}
.space-theme footer small{display:block;color:#5d6880;font-size:11px;width:100%;line-height:1.5}
@media(min-width:900px) and (min-aspect-ratio:17/20){
 .space-theme .orbit-bar{left:5%;right:5%;top:14px;height:60px;padding:0 10px 0 20px}
 .chapter{top:50%;left:5%;right:auto;width:min(46%,640px);padding:0;margin-top:-150px;text-align:left}
 .chapter p{margin-left:0}
 .orbit-facts{justify-content:flex-start}
 .hero-chapter{margin-top:-190px}
 .chapter h1{font-size:clamp(56px,4.9vw,88px)}
 .chapter h2{font-size:clamp(44px,4.5vw,72px)}
 .chapter p{font-size:19px}
 .stage-shade{background:linear-gradient(90deg,#02040acc 0,#02040a55 28%,transparent 48%),linear-gradient(0deg,#02040a 0,transparent 8%)}
}
@media(prefers-reduced-motion:reduce){.hero-chapter h1,.hero-chapter p,.orbit-cta::before{animation:none}.orbital-scene{transition:none}}