:root{color-scheme:dark;--bg:#0c1118;--text:#f7f9fc;--muted:#b8c1ce;--mint:#b7f7d0;--line:#263441}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--mint);outline-offset:6px}h1,h2,h3,p{margin:0}.wrap{max-width:1280px;width:calc(100% - 112px);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;gap:30px}.brand{font-size:30px;letter-spacing:-1px;font-weight:900;white-space:nowrap}.brand span,h1 span,.download h2 span{color:var(--mint)}nav{display:flex;align-items:center;gap:32px;font-size:16px;font-weight:600}nav>a:not(.button):hover{color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--mint);color:var(--bg);border-radius:100px;padding:19px 32px;font-size:22px;font-weight:800;transition:transform .2s,background .2s}.button:hover{background:#d0ffe2;transform:translateY(-2px)}.button.small{font-size:16px;padding:14px 25px}.button svg{width:26px;fill:none;stroke:currentColor;stroke-width:2}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;padding:40px 0 74px}h1{font-size:clamp(48px,5.6vw,80px);line-height:1.19;font-weight:900;letter-spacing:-3px}.hero p{font-size:clamp(17px,1.65vw,23px);line-height:1.7;margin:26px 0 34px}.mascot{display:block;width:100%;height:auto;border-radius:48px}.features{display:grid;grid-template-columns:repeat(3,1fr);padding:0 0 70px}.features article{position:relative;text-align:center;padding:28px 18px 0}.features article+article{border-left:1px solid var(--line)}.number{position:absolute;top:0;left:20px;font-size:52px;font-weight:900;font-style:italic;color:#46515f}.icon{width:76px;height:76px;padding:12px;fill:none;stroke:var(--mint);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;margin:0 0 18px}.features h2{font-size:26px;margin-bottom:12px}.features p{font-size:17px;color:var(--muted);line-height:1.7}.about{background:var(--mint);color:var(--bg);padding:58px 0}.about h2,.download h2{font-size:clamp(38px,4.5vw,62px);line-height:1.22;letter-spacing:-2px;font-weight:900}.about p{font-size:23px;font-weight:600;margin-top:22px}.download{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:70px 0}.platforms{display:flex;gap:24px}.platform{flex:1;text-align:center;border:1px solid #354454;border-radius:24px;padding:28px 16px;background:#101720}.platform-mark{display:block;font-weight:800;font-size:32px;line-height:1.5;color:var(--mint)}.platform h3{font-size:23px;margin:10px 0}.platform p{color:var(--muted);font-size:17px}.contact{display:flex;justify-content:space-between;gap:32px;align-items:center;border-top:1px solid var(--line);padding:42px 0}.contact h2{font-size:32px;margin-bottom:12px}.contact p{color:var(--muted);line-height:1.8}.contact-details a{color:var(--mint);font-size:22px;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:32px 0}footer .brand{font-size:23px}footer p{color:var(--muted);font-size:14px;letter-spacing:2px}footer small{width:100%;color:#8794a4;font-size:12px}section[id]{scroll-margin-top:30px}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.brand{font-size:25px}nav{gap:18px;font-size:14px}nav .small{padding:12px 18px;font-size:14px}.hero{gap:32px}.mascot{border-radius:32px}.features p{font-size:15px}.number{font-size:38px;left:8px}.download{gap:28px}.platforms{gap:14px}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{display:block;padding:24px 0}.header nav{margin-top:22px;justify-content:space-between;gap:8px;font-size:13px}.header .small{padding:10px 14px;font-size:13px}.hero{grid-template-columns:1fr;padding:22px 0 46px;gap:32px}h1{font-size:54px;letter-spacing:-2px}.hero p{font-size:17px;margin:22px 0 25px}.button{padding:16px 25px;font-size:19px}.mascot{max-width:430px;margin:auto;border-radius:32px}.features{grid-template-columns:1fr;padding-bottom:36px}.features article{display:grid;grid-template-columns:70px 1fr;text-align:left;column-gap:14px;padding:24px 0}.features article+article{border-left:0;border-top:1px solid var(--line)}.number{display:none}.icon{grid-row:1/3;width:64px;height:64px;margin:0;align-self:center}.features h2{font-size:23px;margin:0 0 8px}.features p{font-size:16px}.about{padding:38px 0}.about h2,.download h2{font-size:40px}.about p{font-size:17px;line-height:1.7;margin-top:18px}.download{grid-template-columns:1fr;padding:42px 0;gap:28px}.platform{padding:20px 10px}.contact{align-items:flex-start;flex-direction:column;gap:20px;padding:30px 0}.contact h2{font-size:28px}footer{padding:25px 0;gap:16px}footer p{font-size:12px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.contact{align-items:flex-start}.contact-form{width:58%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--muted)}.contact-form .wide{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;background:#101720;border:1px solid #354454;border-radius:12px;padding:15px;color:var(--text);font:inherit;font-size:16px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--mint);outline-offset:2px}.contact-form .button{border:0;font-family:inherit;font-size:17px;cursor:pointer;justify-self:start;padding:15px 26px}@media(max-width:640px){.contact-form{width:100%;grid-template-columns:1fr}.contact-form .wide{grid-column:auto}}

.platform-symbol{width:48px;height:48px;fill:none;stroke:var(--mint);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
