:root{--px: 0;--py: 0;--sc: 0;--ink: #000105;--panel: #000105;--card: #0e1018;--text: #eef0f8;--muted: #9aa1b6;--violet: #c07bf5;--blue: #7fa7ff;--magenta: #c95df0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{height:100%;overflow-x:hidden;scroll-behavior:smooth}body{min-height:100%;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero{position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(to bottom,#000207,#030412 55%,#060820)}#galaxy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 2.4s ease .4s}.go #galaxy{opacity:1}.spark{position:absolute;top:5%;right:7%;width:20px;height:25px;translate:calc(var(--px) * -18px) calc(var(--py) * -12px);color:#dfe8ff;filter:drop-shadow(0 0 6px rgba(160,190,255,.8));opacity:0}.go .spark{animation:spark-in 1.6s ease 1.2s forwards}.ready .spark{animation:spark-pulse 4.5s ease-in-out infinite}@keyframes spark-in{to{opacity:.9}}@keyframes spark-pulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.brand{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(48px,13vh,150px) 24px 0;transform:translate3d(calc(var(--px) * 9px),calc(var(--py) * 7px - var(--sc) * 11vh),0);opacity:calc(1 - var(--sc) * 1.3)}.ready .brand{transition:transform .8s cubic-bezier(.22,1,.36,1)}.logoBox{position:relative;width:clamp(104px,15vh,150px);aspect-ratio:512 / 640;opacity:0;transform:scale(.92);transform-style:preserve-3d;perspective:700px}.ready .logoBox{transform:rotateY(calc(var(--px) * 7deg)) rotateX(calc(var(--py) * -5deg)) translate3d(calc(var(--px) * 7px),calc(var(--py) * 5px),0);transition:transform .7s cubic-bezier(.22,1,.36,1);animation:none;opacity:1}.logoBox .halo{position:absolute;left:50%;top:50%;width:300%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#7887ff4d,#6e5ff024 40%,#6e5ff000 68%);pointer-events:none}.go .logoBox{animation:rise 1.6s cubic-bezier(.16,1,.3,1) .15s forwards}.logoBox svg{position:relative;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 30px rgba(110,125,255,.4))}.ready .logoStar{animation:star-breathe 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes star-breathe{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.12);opacity:1}}h1{margin:clamp(18px,3vh,36px) 0 0;font-family:Poppins,Inter,sans-serif;font-size:clamp(32px,5.8vw,62px);font-weight:400;line-height:1.05;letter-spacing:.42em;text-indent:.42em;color:#f5f7ff;text-shadow:0 2px 16px rgba(0,0,0,.6),0 0 44px rgba(0,0,0,.4);opacity:0;transform:scaleY(.9)}.go h1{animation:title-in 1.9s cubic-bezier(.16,1,.3,1) .55s forwards}@keyframes title-in{0%{opacity:0;letter-spacing:.66em;text-indent:.66em;filter:blur(10px);transform:translateY(14px) scaleY(.9)}55%{opacity:1}to{opacity:1;letter-spacing:.42em;text-indent:.42em;filter:blur(0);transform:translateY(0) scaleY(.9)}}.sub{margin-top:clamp(10px,1.7vh,20px);font-size:clamp(13px,2.3vw,25px);font-weight:500;line-height:1;letter-spacing:.68em;transform:scaleY(.9);color:#ccd2e6;opacity:0}.go .sub{animation:rise 1.4s cubic-bezier(.16,1,.3,1) .75s forwards}.sub .dot{color:#8f7bf0;letter-spacing:0;text-indent:0}.sub .dot:first-child{margin-right:.68em}.sub .dot:last-child{margin-left:0}.tagline{margin:clamp(22px,3.6vh,42px) 0 0;font-size:clamp(14px,1.6vw,18px);font-weight:400;line-height:1.25;text-shadow:0 2px 10px rgba(0,0,0,1);color:#fff;max-width:30ch;opacity:0}.go .tagline{animation:rise 1.4s cubic-bezier(.16,1,.3,1) .95s forwards}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.bgphoto{position:absolute;inset:0;display:block;opacity:0}.bgphoto img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;filter:contrast(1.1);transform:scale(1.07) translate3d(calc(var(--px) * -.55%),calc(var(--py) * -.4%),0)}.ready .bgphoto img{transition:transform .9s cubic-bezier(.22,1,.36,1)}.veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(2,3,10,.45) 0%,rgba(2,3,10,.1) 34%,rgba(0,0,0,0) 52%,rgba(0,2,7,0) 80%,rgba(0,2,7,.92) 98%,var(--panel) 100%),radial-gradient(ellipse at 50% 46%,#0000 46%,#02030a61)}.go .bgphoto{animation:land-in 2.6s ease .5s forwards}@keyframes land-in{to{opacity:1}}.cue{position:absolute;left:50%;bottom:clamp(18px,3.5vh,40px);transform:translate(-50%);opacity:calc(1 - var(--sc) * 4);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:.42em;text-indent:.42em;color:#b9c0d6;opacity:0}.go .cue{animation:spark-in 1.6s ease 2s forwards}.cue .line{position:relative;width:1px;height:clamp(34px,5.5vh,58px);background:linear-gradient(to bottom,#b9c3e1a6,#b9c3e114);overflow:hidden}.cue .line:after{content:"";position:absolute;left:-2.5px;top:0;width:6px;height:6px;border-radius:50%;background:#dfe6ff;box-shadow:0 0 8px 2px #c8d7ffb3}.ready .cue .line:after{animation:cue-drop 2.6s cubic-bezier(.45,0,.55,1) infinite}@keyframes cue-drop{0%{transform:translateY(-8px);opacity:0}18%{opacity:1}78%{opacity:1}to{transform:translateY(56px);opacity:0}}.studio{position:relative;background:var(--ink);padding:clamp(56px,9vh,96px) 24px clamp(8px,1.5vh,18px);text-align:center}.studio .prose{max-width:62ch;margin:clamp(20px,3.4vh,34px) auto 0;display:flex;flex-direction:column;gap:clamp(14px,2vh,20px)}.studio .prose p{margin:0;font-size:clamp(14px,1.5vw,16.5px);line-height:1.75;color:var(--muted);text-wrap:pretty}.apps{position:relative;background:var(--ink);padding:clamp(28px,4.5vh,52px) 24px 0;text-align:center}.apps .sectionSpark{width:20px;height:25px;margin:0 auto clamp(18px,3vh,30px);display:block;filter:drop-shadow(0 0 6px rgba(150,130,250,.7))}h2{margin:0;font-family:Poppins,Inter,sans-serif;font-size:clamp(21px,3vw,30px);font-weight:400;letter-spacing:.24em;text-indent:.24em;color:#eef0f8;transform:scaleY(.9)}.lead{margin:clamp(12px,2vh,20px) 0 0;font-size:clamp(13px,1.4vw,15.5px);color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(16px,2.2vw,26px);max-width:1020px;margin:clamp(34px,5.5vh,60px) auto 0}.card{--crx: 0deg;--cry: 0deg;--cmx: 50%;--cmy: 50%;position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(30px,4.5vh,46px) 22px clamp(26px,4vh,38px);background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:16px;opacity:0;transform:translateY(30px);transition:opacity .7s ease calc(var(--i) * .12s),transform .7s cubic-bezier(.16,1,.3,1) calc(var(--i) * .12s),border-color .4s ease,background .4s ease,box-shadow .4s ease;overflow:hidden}.lit .card{opacity:1;transform:perspective(900px) rotateX(var(--crx)) rotateY(var(--cry)) translateY(0)}.lit .card:hover{transition:opacity .7s ease,transform .16s ease-out,border-color .4s ease,background .4s ease,box-shadow .4s ease}.card:after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--cmx) var(--cmy),rgba(150,165,255,.09),transparent 55%);opacity:0;transition:opacity .4s ease;pointer-events:none}.card:hover:after{opacity:1}.card:hover{background:#10131f;border-color:#6c8cff8c;box-shadow:0 0 34px #5573ff21,inset 0 0 44px #5573ff0d,0 14px 44px #0006}.cardIcon{height:84px;display:flex;align-items:center;justify-content:center;margin-bottom:clamp(20px,3.4vh,34px)}.cardIcon svg{overflow:visible}.card h3{margin:0;font-family:Poppins,Inter,sans-serif;font-size:17.5px;font-weight:500;color:#f0f2fa}.card p{margin:12px 0 0;font-size:13.5px;line-height:1.6;color:var(--muted);max-width:24ch}.card a{margin-top:clamp(20px,3vh,30px);font-size:11px;font-weight:600;letter-spacing:.18em;text-decoration:none;color:var(--violet);transition:filter .3s ease}.card .soon{margin:clamp(20px,3vh,30px) 0 0;font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--violet)}.card a .arr{display:inline-block;margin-left:6px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.card a:hover{filter:brightness(1.25)}.card a:hover .arr{transform:translate(4px)}.card a:focus-visible{outline:2px solid rgba(140,200,255,.9);outline-offset:4px}footer{margin-top:clamp(44px,7vh,80px);padding:0 24px clamp(36px,6vh,64px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:11.5px;color:#6f7488}footer address{font-style:normal;line-height:1.7}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.logoBox,h1,.sub,.tagline,.bgphoto,.cue,.spark,.galaxy,.card{opacity:1!important;transform:none!important}.brand,.logoBox{transform:none!important;opacity:1!important}}