/* ORBIT — the device is the scene. Everything is scoped to this experience. */
.orbit{--orbit-ink:#f0f2ff;--orbit-muted:#848a9d;position:relative;isolation:isolate;overflow:hidden;background:#06070b;color:var(--orbit-ink)}
.orbit-space{height:max(830px,calc(100svh - 158px));position:relative;max-width:1800px;margin:auto;isolation:isolate}
.orbit-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at var(--orbit-light,50%) 44%,#171d403d 0%,#0d0c1a12 42%,transparent 67%)}
.orbit-atmosphere>i{position:absolute;border-radius:50%;width:600px;height:600px;left:calc(50% - 290px);top:50px;background:radial-gradient(ellipse,#3f3bb013,transparent 68%);animation:orbit-breathe 9s ease-in-out infinite alternate}
.orbit-atmosphere>i:nth-child(2){width:900px;height:500px;left:calc(50% - 450px);top:300px;background:radial-gradient(ellipse,#3668950d,transparent 68%);animation-delay:-4s}
.orbit-plane{position:absolute;bottom:0;left:0;right:0;height:25%;background:radial-gradient(ellipse at 50% 100%,#738ddd07,transparent 58%)}
.orbit-intro{position:absolute;inset:0;pointer-events:none}
.orbit-wordmark{position:absolute;top:43px;left:5.7%;display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:.14em;font-weight:500}
.orbit-wordmark svg{width:28px;height:28px;fill:none;stroke:#ced6fb;stroke-width:1.1}.orbit-wordmark svg circle{fill:#cfd3ff;stroke:#e6e7ff}
.orbit-wordmark small{margin-left:8px;color:#575d70;font:8px monospace;letter-spacing:.13em}
.orbit-intro-copy{position:absolute;left:6.7%;top:38%;max-width:310px}
.orbit-kicker{font:8px/1.8 monospace;letter-spacing:.18em;color:#71798e}
.orbit-intro h1{font-size:clamp(30px,3.4vw,49px);line-height:1.15;letter-spacing:-.055em;margin:21px 0;font-weight:500}
.orbit-intro h1 em{font-style:normal;color:#a2a9c0}
.orbit-intro p{font-size:12px;line-height:1.85;color:#747d94;letter-spacing:-.01em}
.orbit-device-area{position:absolute;top:50%;left:50%;width:460px;height:800px;transform:translate(-50%,-50%);perspective:1800px;display:grid;place-items:center;z-index:2}
.orbit-device{--orbit-x:0;--orbit-y:0;width:382px;height:786px;position:relative;border-radius:58px;transform-style:flat;transform:rotateX(calc(var(--orbit-y)*-1.6deg)) rotateY(calc(-3deg + var(--orbit-x)*2.4deg)) rotateZ(.6deg);transition:filter .5s}
.orbit-edge{position:absolute;inset:0;padding:9px;border-radius:inherit;background:linear-gradient(130deg,#343947 0%,#11141d 14%,#555c70 33%,#0a0e18 42%,#10141e 64%,#545d78 85%,#161a26 94%);box-shadow:inset 0 0 0 1px #aab7d049,inset 2px 1px 0 #e8edff28,inset -2px -2px 0 #000,9px 3px 0 -3px #161c29,10px 3px 0 -3px #8490b129,0 32px 90px #000b,0 0 70px #7286f30a;overflow:hidden}
.orbit-edge:before{content:'';position:absolute;inset:5px;border:1px solid #899cc130;border-radius:52px;pointer-events:none;z-index:4}
.orbit-glass{height:100%;border-radius:49px;background:#0a0e19;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid #02040c;box-shadow:inset 0 0 0 1px #ffffff07}
.orbit-system{height:42px;flex:0 0 42px;position:relative;display:flex;justify-content:space-between;align-items:center;padding:5px 24px 0;color:#e9ebf7;font-size:11px;z-index:4;background:#0a0e19}
.orbit-system>span{font-weight:700;letter-spacing:-.03em}.orbit-system>div:last-child svg{width:49px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.orbit-island{position:absolute!important;left:50%;top:10px;width:102px;height:26px;background:#020309;border-radius:30px;transform:translateX(-50%);box-shadow:inset 0 -1px 0 #ffffff06}
.orbit-island i{position:absolute;right:12px;top:9px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#203356,#070b19 60%);border:1px solid #0e1425}
.orbit-app{flex:1;min-height:0;position:relative;isolation:isolate;overflow:hidden}
.orbit-home-bar{height:18px;flex:0 0 18px;position:relative;background:#0a0e19;z-index:5}.orbit-home-bar:after{content:'';position:absolute;top:5px;left:50%;width:102px;height:4px;border-radius:9px;background:#c7ccdf9c;transform:translateX(-50%)}
.orbit-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:6;background:linear-gradient(116deg,transparent 8%,#d8e2ff03 27%,transparent 40%);box-shadow:inset 1px 0 0 #d6ddff18;transform:translateZ(1px)}
.orbit-button{position:absolute;width:4px;left:-3px;top:147px;height:44px;background:linear-gradient(90deg,#10131c,#4a536b,#10131c);border-radius:2px;box-shadow:0 1px 1px #000}.orbit-button-a:after{content:'';position:absolute;top:54px;left:0;right:0;height:44px;background:inherit;border-radius:inherit}.orbit-button-b{left:auto;right:-9px;top:181px;height:65px;transform:translateZ(-3px)}
.orbit-halo{position:absolute;width:510px;height:740px;top:35px;left:-20px;background:radial-gradient(ellipse,#7066a309,transparent 65%);border-radius:50%;pointer-events:none;animation:orbit-breathe 7s ease-in-out infinite alternate}
.orbit-orbital{position:absolute;left:-100px;top:180px;width:660px;height:410px;border:1px solid #8298d008;border-radius:50%;transform:rotate(-30deg);pointer-events:none}
.orbit-ground{position:absolute;bottom:-12px;left:65px;right:65px;height:22px;background:radial-gradient(ellipse,#b2b1ff0a,transparent 66%);border-radius:50%;pointer-events:none}
.orbit-chapter{position:absolute;right:7.4%;top:43%;width:150px;font-size:10px;color:#747c94}
.orbit-chapter-number{font:11px monospace;color:#9299b0}.orbit-chapter-line{width:34px;height:1px;background:linear-gradient(90deg,#9198d7,transparent);margin:17px 0}.orbit-chapter-name{font-size:12px;color:#c4cbdf}.orbit-chapter-hint{font-size:10px;line-height:1.85;max-width:142px;margin-top:11px;color:#5f6982}
.orbit-gesture{position:absolute;left:6.7%;bottom:44px;display:flex;align-items:center;gap:11px;font-size:10px;color:#747e92}.orbit-gesture>i{font-style:normal;color:#434f66;margin-left:4px}
.orbit-live-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#8eabc8;box-shadow:0 0 10px #8aacdb48;animation:orbit-live 5s ease-in-out infinite}
.orbit-footer{height:82px;max-width:1800px;margin:auto;padding:0 5.7%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff08;position:relative;background:#07080c}
.orbit-footer>span{font:8px monospace;letter-spacing:.13em;color:#586278}.orbit-footer>span i{font-style:normal;margin:0 9px;color:#505b71}
.orbit-footer>a{font-size:12px;color:#b9c0d5;display:flex;gap:25px;align-items:center}.orbit-footer>a span{font-size:17px;color:#9da9d5;transition:transform .3s}.orbit-footer>a:hover span{transform:translate(3px,-3px)}
.orbit.is-responding .orbit-edge{animation:orbit-response .65s ease-out}.orbit.is-responding .orbit-ground{animation:orbit-response-ground .65s ease-out}
@keyframes orbit-breathe{from{opacity:.55;transform:translateY(0) scale(.97)}to{opacity:1;transform:translateY(-7px) scale(1.025)}}
@keyframes orbit-live{0%,100%{opacity:.48;box-shadow:0 0 5px #829cc32b}45%{opacity:1;box-shadow:0 0 12px #92b2e253}}
@keyframes orbit-response{0%,100%{filter:brightness(1)}35%{filter:brightness(1.12)}}
@keyframes orbit-response-ground{0%,100%{opacity:.5;scale:1}40%{opacity:1;scale:1.15}}
.orbit:not(.is-visible) *{animation-play-state:paused!important}
@media(min-width:1700px){.orbit-intro-copy{left:10.5%}.orbit-intro h1{font-size:54px}.orbit-chapter{right:10.5%}}
@media(max-width:1150px) and (min-width:901px){.orbit-intro-copy{left:4%;max-width:225px}.orbit-intro h1{font-size:33px}.orbit-intro p{font-size:11px}.orbit-kicker{font-size:7px}.orbit-device-area{left:55%}.orbit-chapter{right:3.5%;width:90px}.orbit-chapter-hint{font-size:9px}.orbit-gesture{left:4%;font-size:9px}}
@media(max-width:900px){.orbit-space{height:auto;min-height:0;padding:29px 0 24px}.orbit-intro{position:relative}.orbit-wordmark{position:relative;left:auto;top:auto;justify-content:center;font-size:16px;gap:9px}.orbit-wordmark svg{width:21px;height:21px}.orbit-wordmark small{font-size:7px;margin-left:6px}.orbit-intro-copy{position:relative;left:auto;top:auto;text-align:center;max-width:none;margin:22px 15px 25px}.orbit-kicker{display:none}.orbit-intro h1{font-size:28px;letter-spacing:-.05em;line-height:1.25;margin:0}.orbit-intro h1 br{display:none}.orbit-intro h1 em{margin-left:6px}.orbit-intro p{display:none}.orbit-device-area{position:relative;top:auto;left:auto;transform:none;width:100%;height:760px;perspective:none}.orbit-device{width:min(364px,calc(100vw - 26px));height:758px;transform:none;border-radius:49px}.orbit-edge{padding:7px;box-shadow:inset 0 0 0 1px #b4c5ec42,0 30px 65px #0008}.orbit-glass{border-radius:42px}.orbit-edge:before{inset:4px;border-radius:45px}.orbit-button-b{right:-4px}.orbit-system{padding-left:22px;padding-right:22px}.orbit-chapter{display:none}.orbit-halo{top:0;left:calc(50% - 210px);width:420px;height:720px}.orbit-orbital{left:calc(50% - 260px);width:520px;height:290px}.orbit-gesture{position:relative;left:auto;bottom:auto;justify-content:center;margin:23px 0 0;font-size:9px}.orbit-footer{height:auto;min-height:113px;padding:23px 20px;flex-direction:column;gap:18px}.orbit-footer>span{font-size:7px}.orbit-footer>a{font-size:12px}.orbit-atmosphere>i{top:190px;left:calc(50% - 300px)}}
@media(max-width:380px){.orbit-device{height:740px}.orbit-device-area{height:742px}.orbit-intro h1{font-size:25px}.orbit-wordmark{font-size:15px}}
@media(prefers-reduced-motion:reduce){.orbit *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.orbit-device{transform:none!important}.orbit-sheen{display:none}}