
:root{--bg:#141414;--text:#dedede;color-scheme:dark;font-family:"Segoe UI",system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{margin:0;min-width:280px;min-height:100svh;display:flex;flex-direction:column;isolation:isolate}
body::before{content:"";position:fixed;inset:-15%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#ffffff12 0%,#ffffff04 38%,transparent 65%);filter:blur(64px)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,transparent 20%,#00000033 64%,#000000b3 100%)}
a{color:inherit}a:focus-visible{outline:2px solid #6de069;outline-offset:6px}
main{width:100%;flex:1;display:grid;place-items:center;padding:72px 24px 64px}.download-panel{width:min(620px,100%);text-align:center}.with-splash .download-panel{animation:content-in .7s ease 2.7s both}
.hero-brand{position:relative;display:grid;place-items:center;width:132px;margin:0 auto 34px}.hero-halo{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(420px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffff24,#ffffff0a 40%,transparent 70%);filter:blur(30px);pointer-events:none;animation:hero-breathe 9s ease-in-out 3.2s infinite both}
.hero-mark{position:relative;display:block;width:110px;height:auto;filter:drop-shadow(0 0 14px #ffffff40) drop-shadow(0 0 40px #ffffff18)}
h1{position:relative;font-size:clamp(34px,7.5vw,52px);font-weight:550;line-height:1.12;letter-spacing:-.045em;margin:0 0 28px}
.download-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;width:min(300px,100%);min-height:54px;padding:15px 24px;border:1px solid #6de069;border-radius:8px;background:#6de06912;color:#6de069;text-decoration:none;font-size:15px;font-weight:600;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .18s,box-shadow .18s}
.download-button:hover{background:#6de06920;box-shadow:0 0 24px #6de0690d}.download-button:active{background:#6de0692b}.download-button svg{width:20px;height:20px;flex:none}
.release{font-size:12px;color:#858585;min-height:20px;margin:15px 0 0;line-height:1.6;overflow-wrap:anywhere}
.site-footer{width:min(1200px,100%);margin:0 auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff12;color:#8d8d8d;font-size:12px;line-height:1.6}.with-splash .site-footer{animation:content-in .7s ease 2.9s both}
.credit{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.social-links{display:flex;align-items:center;gap:14px}.social-links a{display:grid;place-items:center;width:24px;height:28px}.social-links svg{width:16px;height:16px;fill:currentColor}
.footer-nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.site-footer a{text-decoration:none;color:#a8a8a8;transition:color .15s}.site-footer a:hover{color:#6de069}
.secondary-panel .intro{margin:0 auto 26px;max-width:420px;color:#999;font-size:15px;line-height:1.7}
#splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--bg);pointer-events:none;animation:splash-out .8s ease 2.6s forwards}.splash-row{display:flex;align-items:center}.splash-mark{position:relative;display:grid;place-items:center}#splash img{position:relative;display:block;width:min(132px,26vw);height:auto;animation:splash-in 1s cubic-bezier(.22,1,.36,1) both,splash-pulse 2.6s ease-in-out 1s infinite alternate}.splash-glow{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(440px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffff38 0%,#ffffff14 38%,#ffffff00 70%);filter:blur(28px);animation:splash-glow 1.4s ease-out both,splash-breathe 2.6s ease-in-out 1.4s infinite alternate}.splash-reveal{display:grid;grid-template-columns:0fr;animation:splash-reveal .8s cubic-bezier(.65,0,.25,1) 1s forwards}.splash-reveal>div{min-width:0;overflow:hidden}.splash-title{display:flex;align-items:center;gap:min(22px,4vw);padding:20px 20px 20px min(30px,5vw);white-space:nowrap}.splash-sep{width:2px;height:min(76px,15vw);border-radius:1px;background:#ffffff66;animation:splash-sep .5s cubic-bezier(.22,1,.36,1) 1.35s both}.splash-name{font:600 min(34px,6.5vw)/1 "Segoe UI",system-ui,sans-serif;color:var(--text);text-shadow:0 0 18px #ffffff40;animation:splash-name .55s cubic-bezier(.22,1,.36,1) 1.45s both}
@keyframes hero-breathe{0%,100%{opacity:.22;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes splash-reveal{to{grid-template-columns:1fr}}@keyframes splash-sep{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:none}}@keyframes splash-name{from{opacity:0;transform:translateX(-12px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes splash-in{from{opacity:0;transform:scale(.86);filter:blur(16px) drop-shadow(0 0 0 #ffffff00)}60%{opacity:1}to{opacity:1;transform:none;filter:blur(0) drop-shadow(0 0 10px #ffffff66) drop-shadow(0 0 32px #ffffff33)}}@keyframes splash-pulse{from{filter:drop-shadow(0 0 10px #ffffff66) drop-shadow(0 0 32px #ffffff33)}to{filter:drop-shadow(0 0 16px #ffffff99) drop-shadow(0 0 48px #ffffff4d)}}@keyframes splash-glow{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}@keyframes splash-breathe{to{opacity:.75;transform:scale(1.08)}}@keyframes splash-out{to{opacity:0;filter:blur(8px);visibility:hidden}}@keyframes content-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:680px){main{padding:56px 24px}.hero-mark{width:90px}.hero-brand{margin-bottom:30px}.site-footer{padding:23px 24px;align-items:flex-start;flex-direction:column;gap:18px}.footer-nav{gap:22px}.credit{gap:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.with-splash .download-panel,.with-splash .site-footer,.hero-halo{animation:none}#splash{animation-duration:.2s;animation-delay:.6s}#splash img,.splash-glow,.splash-sep,.splash-name{animation:none}.splash-reveal{animation:none;grid-template-columns:1fr}}
