:root{color-scheme:dark;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#010617;color:#fff;--cyan:#74e8ff;--muted:#91a9ca}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{width:24px;height:24px}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.page-shell{position:relative;isolation:isolate;width:100%;max-width:540px;margin:auto;overflow:hidden;container-type:inline-size;background:radial-gradient(ellipse at 100% 17%,#0645a644,transparent 40%),radial-gradient(ellipse at 0 50%,#05418433,transparent 35%),#020c27;box-shadow:0 0 100px #05347733}
.page-shell>header,.page-shell>section,.page-shell>footer{position:relative;z-index:1}
.lightning-bg{position:absolute;z-index:0;inset:0 0 auto;width:100%;height:1150px;pointer-events:none;mask-image:linear-gradient(#000 75%,transparent)}
.lightning-core{opacity:.55;animation:lightning-breathe 8s ease-in-out infinite}.lightning-glow{opacity:.7;animation:lightning-breathe 8s ease-in-out infinite reverse}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:25px 23px 0}.brand{display:inline-flex;align-items:center;gap:8px}.brand img{display:block;width:45px;height:auto;filter:brightness(1.5) drop-shadow(0 0 5px #1471ff55)}.brand>span{color:#edf7ff;font-size:27px;letter-spacing:-1px;font-weight:800}.header-caption{color:#a7c3e1;font-size:9px;letter-spacing:1.3px;border-left:1px solid #4a80b977;padding:9px 0 9px 13px}
.hero{padding:35px 0 0;text-align:center}.hero-atmosphere{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 75%,#0966e033,transparent 60%);pointer-events:none}
h1{margin:0 17px;line-height:1.14;letter-spacing:-1.8px;font-weight:950;font-family:"Arial Black","PingFang SC","Microsoft YaHei",sans-serif;transform:skewX(-7deg)}.title-line{display:block;font-size:clamp(37px,10.8cqw,58px);color:#eefaff;text-shadow:0 2px 0 #5785b6,0 5px 0 #163f6c,0 8px 20px #007cff44}.title-accent{font-size:clamp(34px,10cqw,54px);margin-top:8px;background:linear-gradient(180deg,#ebffff,#82edff 30%,#25c2ff 65%,#0875ed);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #0b3d78) drop-shadow(0 4px 10px #1399ff44);text-shadow:none}.hero-subtitle{font-size:11px;letter-spacing:1px;color:#b9d8f3;margin:25px 0 27px}
.download-links{display:flex;gap:12px;margin:0 23px;filter:drop-shadow(0 0 5px #1685ff66)}
.app-showcase{position:relative;height:480px;margin:28px 0 0;perspective:1100px;background:radial-gradient(ellipse at 50% 55%,#0e70e82b,transparent 67%)}
.device{position:absolute;width:41%;padding:5px;border:1px solid #8bd9ff;border-radius:24px;background:linear-gradient(115deg,#8ac9e4,#08336b 12%,#04162d 60%,#4d99d6 94%,#c6f3ff);box-shadow:0 0 1px 1px #2c6ed5,0 12px 25px #0007,0 0 22px #147af744;animation:device-float 7s ease-in-out infinite}
.device:before{content:"";position:absolute;right:-3px;top:62px;height:31px;width:2px;border-radius:0 2px 2px 0;background:#76b9e2}.device-screen{overflow:hidden;border:2px solid #031023;border-radius:18px;background:#fff}.device-screen>img{display:block;width:100%;height:auto}.device-home{left:8%;top:18px;transform:rotate(-7deg);z-index:2}.device-trade{right:8%;top:57px;transform:rotate(7deg);z-index:3;animation-delay:-3s}
.showcase-orbit{position:absolute;left:7%;right:7%;bottom:25px;height:75px;border:1px solid #45ccff77;border-radius:50%;box-shadow:0 0 12px #078bff66,inset 0 0 13px #078bff44;background:radial-gradient(ellipse,#157aff33,transparent 70%);transform:rotate(-8deg)}.showcase-orbit:after{content:"";position:absolute;inset:12px 30px;border:1px solid #52cfff66;border-radius:50%}
.content-section{padding:32px 24px}h2{font-size:26px;font-weight:800;line-height:1.4;letter-spacing:-.6px;margin:0}h2 em{font-style:normal;color:#74dcff}.section-description{font-size:11px;color:var(--muted);line-height:1.9;margin:12px 0 25px}.highlights{text-align:center}.compact-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compact-features article{padding:18px 5px 16px;border-top:1px solid #4289c966;border-bottom:1px solid #2361a444;background:linear-gradient(#0c2f5666,#06142e33)}.feature-icon{display:grid;place-items:center;width:39px;height:39px;margin:0 auto 14px;border:1px solid #74daff77;border-radius:50%;background:radial-gradient(circle,#0e4b85,#051936);box-shadow:0 0 15px #147df533,inset 0 0 12px #2678d733}.feature-icon svg{width:21px;height:21px;fill:none;stroke:#9ceaff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.compact-features h3{font-size:12px;margin:0 0 7px}.compact-features p{font-size:9px;color:#8ba9c8;margin:0;line-height:1.6}
.faq-section{padding-top:18px;padding-bottom:32px}.faq-section h2{font-size:21px;margin-bottom:17px}.faq-section details{border-top:1px solid #376c9f44}.faq-section details:last-child{border-bottom:1px solid #376c9f44}.faq-section summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:12px;padding:18px 0;gap:15px}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:"+";color:#7bdfff;font-size:20px;line-height:1;font-weight:300}.faq-section details[open] summary:after{content:"−"}.faq-section details p{color:#8fa7c5;font-size:11px;line-height:1.9;margin:0;padding:0 20px 20px 0}
.final-download{isolation:isolate;text-align:center;padding:30px 0 34px;background:linear-gradient(180deg,#0b337344,#020c27);border-top:1px solid #326bb33f;overflow:hidden}.final-download h2{font-size:26px}.final-download>p{font-size:11px;color:#a4bfdf;margin:12px 0 24px}.cta-glow{position:absolute;z-index:-1;width:300px;height:110px;left:50%;top:10px;transform:translateX(-50%);border-radius:50%;background:#177afd33;filter:blur(30px)}
.site-footer{text-align:center;border-top:1px solid #245c9b2e;padding:26px 24px;background:#01081d}.footer-brand img{width:36px}.footer-brand>span{font-size:23px}.site-footer p{font-size:10px;color:#aac1dd;letter-spacing:1px;margin:15px 0 8px}.site-footer small{font-size:6px;letter-spacing:1.8px;color:#6a8bab}.site-footer>div{font-size:8px;color:#486482;margin-top:22px}
.download-message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;max-width:calc(100% - 40px);width:max-content;margin:0;background:#051c3ef5;border:1px solid #56c2ff;color:#cff6ff;border-radius:6px;padding:13px 18px;font-size:12px;display:none;box-shadow:0 5px 30px #0008}.download-message.is-visible{display:block}a:focus-visible,summary:focus-visible{outline:2px solid #91eaff;outline-offset:4px}
@keyframes device-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes lightning-breathe{0%,100%{opacity:.25}50%{opacity:.65}}
.download-link{--cut:clamp(6px,1.8cqw,11px);position:relative;isolation:isolate;display:flex;flex:1;align-items:center;justify-content:center;gap:4%;padding:0 7%;color:#fff;text-decoration:none;background:linear-gradient(115deg,#e3faff 0%,#6bcbff 25%,#1765f5 60%,#b2eaff 100%);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));font-weight:700;font-size:clamp(12px,3.5cqw,21px);letter-spacing:.5px;white-space:nowrap;transition:filter .2s,transform .2s}
.download-link::before{content:"";position:absolute;z-index:-2;inset:1px;clip-path:inherit;background:repeating-linear-gradient(0deg,#c5eaff0c 0 1px,transparent 1px 4px),linear-gradient(120deg,#147af0 0%,#0849c9 48%,#062b8c 100%);box-shadow:inset 0 1px 9px #b2e5ff66,inset 0 -5px 14px #021c6e88}
.download-link::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 30%,#c9e9ff33 49%,transparent 66%);transform:translateX(-140%);animation:button-scan 5.5s ease-in-out infinite;pointer-events:none}
.android::after{animation-delay:1.4s}
.download-link>svg{width:18%;height:auto;flex-shrink:0;fill:currentColor;color:#fff;filter:drop-shadow(0 0 3px #7cbaff88)}
.download-link>span{flex:1;text-align:center;text-shadow:0 1px 3px #00246e,0 0 8px #83bbff55}
.download-link>svg.arrow{width:11%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.download-link:hover{filter:brightness(1.35);transform:translateY(-2px)}
.download-link:active{transform:scale(.97)}
.download-link:focus-visible{filter:brightness(1.5);background:#fff}
@keyframes button-scan{0%,55%{transform:translateX(-140%)}85%,100%{transform:translateX(140%)}}

.download-link{min-height:58px;padding:0 12px;gap:8px;font-size:15px}.download-link>svg{width:24px}.download-link>svg.arrow{width:16px}.download-link>span{flex:1}
@media(max-width:420px){.app-showcase{height:430px}}
@media(max-width:360px){.site-header{padding:22px 18px 0}.brand img{width:39px}.brand>span{font-size:25px}.header-caption{font-size:8px;letter-spacing:1px}.hero{padding-top:30px}h1{margin-inline:15px;letter-spacing:-1.5px}.title-line{font-size:11cqw}.title-accent{font-size:10.2cqw}.hero-subtitle{font-size:10px}.download-links{margin-inline:18px;gap:10px}.download-link{min-height:55px;font-size:13px;padding:0 9px;gap:5px}.download-link>svg{width:21px}.download-link>svg.arrow{width:13px}.content-section{padding-inline:20px}.app-showcase{height:375px}.device{border-radius:19px;padding:4px}.device-screen{border-radius:14px}.device-home{left:6%}.device-trade{right:6%}.highlights h2{font-size:22px}.compact-features p{font-size:8px}}
@media(min-width:480px){.app-showcase{height:550px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.download-link::after{opacity:0}}
/* Rounded download buttons matching the supplied reference. */
.download-links{filter:none;gap:12px}
.download-link{clip-path:none;border:1px solid #6e98ff88;border-radius:10px;background:linear-gradient(115deg,#347bff 0%,#4056e9 100%);box-shadow:inset 0 1px 0 #b4d4ff33,0 5px 18px #164bdb22;min-height:58px;padding:0 15px;gap:10px;color:#fff;letter-spacing:0;font-size:15px;transition:background .2s,box-shadow .2s,transform .2s}
.download-link::before,.download-link::after{display:none}
.download-link.android{border-color:#4672a56b;background:linear-gradient(115deg,#153958,#102746);box-shadow:inset 0 1px 0 #8fcfff0d}
.download-link>svg{width:25px;color:#fff;filter:none}
.download-link.android>svg:not(.arrow){color:#62e4ea}
.download-link>span{text-shadow:none;text-align:left}
.download-link>svg.arrow{width:15px;margin-left:auto;color:#c3d3ec;opacity:.85}
.download-link:hover{filter:none;box-shadow:0 5px 20px #2364e83d;transform:translateY(-2px)}
.download-link:active{transform:scale(.98)}
.download-link:focus-visible{background:linear-gradient(115deg,#347bff,#4056e9);outline:2px solid #a9dbff;outline-offset:4px;filter:none}
.download-link.android:focus-visible{background:#153958}
@media(max-width:360px){.download-links{gap:10px}.download-link{min-height:55px;padding:0 11px;gap:7px;font-size:13px}.download-link>svg{width:22px}.download-link>svg.arrow{width:13px}}
.download-link{min-width:0}
@media(max-width:360px){.download-link{padding-inline:10px;gap:6px}.download-link.android{font-size:12px}.download-link>svg{width:20px}.download-link>svg.arrow{width:12px}}
