@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=DM+Sans:wght@400;500&display=swap');
:root{color-scheme:dark;--accent:#77aaff;--rgb:47,101,202}*{box-sizing:border-box}body{margin:0;background:#03060d;color:#eef3fc;font-family:'DM Sans',sans-serif;min-height:100svh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,rgba(var(--rgb),.15),transparent 60%);transition:background .7s}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 20%,#8eaacf88 50%,transparent),radial-gradient(1px 1px at 60% 70%,#8eaacf66 50%,transparent),radial-gradient(1px 1px at 80% 30%,#8eaacf55 50%,transparent);background-size:223px 237px,317px 283px,181px 359px;opacity:.5}header{height:94px;margin:0 4.5%;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;position:relative}.brand{font:600 18px 'Space Grotesk',sans-serif;letter-spacing:2px;display:flex;align-items:center;gap:13px}.mark{color:var(--accent);font-size:28px}.brand-divider{color:#485568}.brand-sub{font-size:12px;color:#96a3b8;letter-spacing:3px}.meta{display:flex;align-items:center;gap:9px;color:#728098;font:9px monospace;letter-spacing:1.5px}.status-dot{height:4px;width:4px;border-radius:50%;background:var(--accent)}.keyboard-hint{border-left:1px solid #ffffff1c;margin-left:18px;padding-left:25px;color:#53627a}main{position:relative;max-width:1200px;margin:auto;display:flex;flex-direction:column;align-items:center}.tabs{display:flex;align-items:center;gap:5px;border:1px solid #ffffff10;border-radius:50px;background:#0b101bcc;padding:5px;margin-top:27px}.tabs button{border:0;border-radius:40px;padding:12px 21px;background:transparent;font-size:12px;color:#78869c;display:flex;align-items:center;gap:9px;transition:color .3s,background .3s}.tabs button:hover{color:#e4edff}.tabs button[aria-current=true]{background:rgba(var(--rgb),.16);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--rgb),.25)}.tab-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.tab-version{font:8px monospace;opacity:.65}.showcase{width:100%;height:340px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:10px}.scene{width:640px;height:100%;position:relative;display:flex;align-items:center;justify-content:center;perspective:1100px;touch-action:pan-y}.app-object{width:232px;height:232px;position:relative;display:block;transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-19deg) rotateZ(-7deg);animation:float 7s ease-in-out infinite;z-index:2}.app-object:hover{filter:brightness(1.2)}.object-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(var(--rgb),.8);border-radius:28px;background:linear-gradient(140deg,rgba(var(--rgb),.27),#0a101c 60%,rgba(var(--rgb),.12));box-shadow:inset 0 1px 2px #ffffff1c,0 0 80px rgba(var(--rgb),.15),20px 25px 70px #0008;overflow:hidden}.object-face:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff0d,transparent 45%);pointer-events:none}.object-edge{position:absolute;inset:5px -12px -8px 10px;border:1px solid rgba(var(--rgb),.5);border-radius:28px;background:linear-gradient(110deg,#0b1323,rgba(var(--rgb),.3));transform:translateZ(-12px)}.object-top,.object-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px;color:var(--accent);font:8px monospace;letter-spacing:1.7px}.object-top{opacity:.7}.object-top span:last-child{font-size:16px}.object-bottom{font-size:9px}.object-bottom span:last-child{font-size:8px;opacity:.6}.object-icon{height:100px;display:flex;align-items:center;justify-content:center;color:var(--accent);filter:drop-shadow(0 0 20px rgba(var(--rgb),.5))}.object-icon svg{width:98px;height:98px}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(var(--rgb),.2);border-radius:50%;pointer-events:none}.orbit-one{width:500px;height:170px;transform:translate(-50%,-15%) rotate(-16deg)}.orbit-two{width:410px;height:110px;transform:translate(-50%,25%) rotate(13deg);border-style:dashed;opacity:.45}.ground{position:absolute;width:300px;height:90px;left:50%;top:72%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(var(--rgb),.19),transparent 70%);filter:blur(12px)}.coordinate{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);color:#596b87;white-space:nowrap;font:8px monospace;letter-spacing:2px}.arrow{position:absolute;top:45%;z-index:3;border:1px solid #ffffff15;width:44px;height:44px;border-radius:50%;background:#0b111c88;color:#8c9bb3;font-size:20px}.arrow:hover{color:var(--accent);border-color:var(--accent)}.previous{left:15%}.next{right:15%}.details{text-align:center;margin-top:24px;padding:0 22px}.eyebrow{color:var(--accent);font:9px monospace;letter-spacing:2.5px}h1{font:500 42px/1.1 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin:16px 0 13px}h1 span{color:var(--accent);font-weight:400}p{font-size:13px;color:#94a2b9;margin:0;line-height:1.7}.launch{display:inline-flex;gap:38px;align-items:center;border:1px solid rgba(var(--rgb),.65);background:rgba(var(--rgb),.16);color:var(--accent);font-size:12px;padding:14px 24px;border-radius:30px;margin-top:24px;transition:background .2s}.launch:hover{background:rgba(var(--rgb),.3)}.launch span{font-size:17px}.domain{display:block;font:9px monospace;color:#788aa6;letter-spacing:1px;margin-top:13px}.pagination{display:flex;gap:4px;margin-top:17px}.pagination button{padding:12px 6px;border:0;background:none}.pagination button:before{content:'';display:block;height:4px;width:4px;border-radius:5px;background:#53637c;transition:width .3s,background .3s}.pagination button[aria-current=true]:before{width:23px;background:var(--accent)}footer{position:relative;display:flex;justify-content:space-between;align-items:center;margin:25px 4.5% 0;padding:22px 0 24px;border-top:1px solid #ffffff0d;color:#7787a0;font:8px monospace;letter-spacing:1.5px}footer b{color:var(--accent);font-weight:400}.footer-slash{margin:0 13px;color:#52617a}.announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.details.changing{animation:reveal .45s ease both}.app-object.changing{animation:object-reveal .55s ease both,float 7s .55s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotateX(10deg) rotateY(-19deg) rotateZ(-7deg)}50%{transform:translateY(-13px) rotateX(13deg) rotateY(-13deg) rotateZ(-4deg)}}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes object-reveal{from{opacity:0;scale:.85}to{opacity:1;scale:1}}@media(min-height:950px){.showcase{height:420px;margin-top:30px}.app-object{width:270px;height:270px}.object-icon svg{width:115px;height:115px}.details{margin-top:38px}footer{margin-top:50px}}@media(max-width:700px){header{height:76px;margin:0 22px}.brand{font-size:16px;gap:8px}.brand-sub{font-size:10px}.meta{font-size:8px;letter-spacing:.5px}.keyboard-hint{display:none}.tabs{margin-top:25px;gap:0;max-width:calc(100% - 28px)}.tabs button{font-size:10px;padding:11px 12px;gap:6px}.tab-version{display:none}.showcase{height:310px;margin-top:7px}.scene{width:100%;overflow:hidden}.app-object{width:205px;height:205px}.object-icon svg{width:85px;height:85px}.object-top,.object-bottom{padding:20px;font-size:7px}.orbit-one{width:370px;height:140px}.orbit-two{width:330px;height:95px}.previous{left:16px}.next{right:16px}.arrow{width:33px;height:33px;font-size:16px;background:#080d16dd}.details{margin-top:20px}h1{font-size:36px}.eyebrow{font-size:8px;letter-spacing:2px}p{font-size:12px}.launch{margin-top:22px}footer{margin:20px 22px 0;font-size:7px;letter-spacing:.8px}.swipe-hint{font-size:6px;letter-spacing:.3px}.coordinate{font-size:7px;letter-spacing:1.5px}}@media(max-width:360px){.meta{display:none}.tabs button{padding:10px}.showcase{height:280px}.app-object{width:185px;height:185px}.swipe-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}