:root{color-scheme:light;--ink:#243f51;--paper:#f6f5ef;--muted:#61747e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header,footer{display:flex;justify-content:space-between;align-items:center;padding:30px 6vw;position:relative;z-index:2}.brand{font-weight:700;letter-spacing:.08em}.brand span{font-weight:400;font-size:12px;color:var(--muted)}.nav{font-size:14px;padding:10px 0;border-bottom:1px solid #a3afb4}main{min-height:calc(100svh - 190px);position:relative;overflow:hidden;display:flex;align-items:center}.hero{position:relative;z-index:1;padding:65px 8vw 100px;animation:arrive .8s ease both}.eyebrow{font-size:12px;letter-spacing:.25em;margin:0 0 26px;color:var(--muted)}h1{font-size:clamp(36px,4.8vw,72px);line-height:1.3;letter-spacing:-.04em;margin:0}h1 span{display:block;font-size:clamp(25px,3vw,43px);font-weight:400;line-height:1.6;letter-spacing:.015em;margin-top:22px}.intro{color:var(--muted);font-size:15px;line-height:1.9;margin:24px 0 30px}.play{display:inline-flex;align-items:center;gap:65px;background:var(--ink);color:white;padding:19px 25px;border-radius:5px;font-weight:650;transition:transform .2s,background .2s}.play:hover{transform:translateY(-3px);background:#34566b}.play span{font-size:23px}.play:focus-visible,a:focus-visible{outline:3px solid #648ca3;outline-offset:6px}.hint{font-size:11px;color:var(--muted);margin-top:16px;letter-spacing:.09em}.sky{position:absolute;width:680px;height:680px;right:-50px;top:48%;transform:translateY(-50%);opacity:.9}.orbit{position:absolute;border:1px solid #c4cfd0;border-radius:50%;inset:40px;transform:rotate(-35deg) scaleY(.65)}.two{inset:110px;transform:rotate(30deg) scaleY(.75)}.three{inset:180px;transform:rotate(-20deg)}.moon{position:absolute;left:265px;top:240px;width:145px;height:145px;background:#dbe3df;border-radius:50%;box-shadow:inset -30px -10px 0 #c1d0ce}.star{position:absolute;font-size:58px;animation:float 7s ease-in-out infinite}.s1{left:150px;top:135px}.s2{right:100px;bottom:130px;font-size:100px;animation-delay:-3s}.s3{left:245px;bottom:140px;font-size:25px}.trail{position:absolute;right:9vw;bottom:35px;display:flex;gap:18px;align-items:center;font-size:20px;letter-spacing:.08em;color:#617a85}.trail i{font-size:13px;font-style:normal;color:#a5b4b8}.trail strong{font-size:36px;color:var(--ink)}footer{font-size:11px;color:var(--muted);border-top:1px solid #dfe3dc;margin:0 6vw;padding:25px 0;gap:16px}.mobile{display:none}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-12px) rotate(8deg)}}@media(max-width:760px){header{padding:22px 7vw}main{min-height:calc(100svh - 150px);align-items:flex-start}.hero{padding:55px 7vw 150px}.sky{right:-365px;top:65%;opacity:.42}.trail{right:7vw;bottom:35px;font-size:16px;gap:14px}.trail strong{font-size:28px}.intro{font-size:14px}.mobile{display:initial}footer{margin:0 7vw;font-size:10px}.play{gap:70px}h1{font-size:38px}h1 span{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}