*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#080808;color:#f5f5f5;font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid #aaa;outline-offset:6px}.wrap{max-width:1200px;margin:auto;padding-left:36px;padding-right:36px}header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242424;background:#080808;gap:24px}.brand{font-size:28px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brand span{font-size:11px;font-weight:400;letter-spacing:2px;margin-left:13px;color:#aaa}nav{display:flex;gap:32px;font-size:13px;color:#bbb}nav a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:white;color:#111;padding:16px 27px;border-radius:4px;font-size:14px;font-weight:700;transition:transform .2s}.btn:hover{transform:translateY(-3px);background:#ddd}.btn.small{padding:10px 18px}.btn.secondary{background:transparent;border:1px solid #666;color:white}.hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:700px;align-items:center;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:#aaa;margin:0 0 28px}h1{font-size:clamp(40px,4.6vw,65px);line-height:1.28;letter-spacing:-2px;margin:0 0 28px}.outline{color:#080808;-webkit-text-stroke:1px white}p{color:#9c9c9c;font-size:14px}.lead{font-size:16px;line-height:1.9}.actions{display:flex;gap:14px;margin:32px 0 20px}.note{font-size:11px;color:#777}.visual{position:relative;height:620px;display:flex;align-items:center;justify-content:center}.visual img{width:270px;height:auto;position:relative;filter:grayscale(1);z-index:1}.orbit{position:absolute;width:460px;height:460px;border:1px solid #282828;border-radius:50%;background:radial-gradient(circle,#202020,transparent 68%)}.orbit:after{content:'';position:absolute;inset:35px;border-radius:50%;border:1px solid #222}.visual-label{position:absolute;right:-10px;top:90px;writing-mode:vertical-rl;letter-spacing:5px;font-size:9px;color:#777}.float-label{position:absolute;bottom:55px;left:25px;padding:14px 20px;z-index:2;background:#191919;border:1px solid #444;border-radius:5px;font-size:12px;box-shadow:0 15px 50px #000}.float-label span{display:block;font-size:8px;color:#888;letter-spacing:2px}.strip{border-block:1px solid #292929;display:flex;justify-content:space-around;padding:25px 5%;color:#aaa;font-size:13px;letter-spacing:3px}.section{padding-top:105px;padding-bottom:105px}h2{font-size:40px;line-height:1.4;letter-spacing:-1px;margin:0 0 25px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#141414;border:1px solid #292929;border-radius:10px;padding:32px;overflow:hidden}.card.wide{grid-column:span 2}.card-top{display:flex;justify-content:space-between;color:#999;font-size:12px}.card h3{font-size:27px;line-height:1.5;margin:23px 0 15px}.card p{max-width:470px}.chart{margin-top:36px;color:#ddd}.chart svg{width:100%;height:100px}.chart span{font-size:9px;color:#666}.symbol{font-size:90px;line-height:1.2;color:#bdbdbd;margin-top:15px}.light{background:#ededeb;color:#141414}.light p,.light .card-top{color:#555}.pills{display:flex;gap:10px;margin-top:30px}.pills span{border:1px solid #aaa;border-radius:30px;padding:6px 18px;font-size:12px}.text-link{display:block;margin-top:30px;font-size:13px}.steps-section{background:#efefed;color:#111}.steps-section .eyebrow{color:#666}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.steps article{border-top:1px solid #bcbcbc;padding-top:20px}.steps b{font-size:48px;font-weight:400;color:#aaa}.steps h3{font-size:21px}.steps p{color:#666}.download{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.download-card{display:flex;align-items:center;gap:25px;border-bottom:1px solid #333;padding:26px 0}.download-card:hover{background:#141414}.download-card h3,.download-card p{margin:0}.download-card>span:last-child{margin-left:auto}.os{font-size:32px}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;border-top:1px solid #282828}details{border-bottom:1px solid #333;padding:22px 0}summary{cursor:pointer;list-style:none;padding-right:25px;font-size:16px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0}details[open] summary:after{content:'−'}details p{padding-right:30px}.closing{text-align:center;background:#171717;padding:85px 25px}.closing h2{font-size:50px}.closing .btn{margin-top:12px}footer{padding-top:40px;padding-bottom:30px}.footer-line{display:flex;align-items:center;justify-content:space-between}.footer-line>a:last-child{font-size:12px;color:#aaa}footer p{max-width:800px;font-size:11px;margin-top:25px}footer>span{font-size:10px;color:#666}@media(max-width:760px){header{height:75px;padding:0 20px}header nav{display:none}.brand{font-size:23px}.brand span{font-size:9px;letter-spacing:0;margin-left:8px}.btn.small{font-size:12px;padding:8px 12px}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:60px;min-height:auto}h1{font-size:43px}.visual{height:450px}.visual img{width:220px}.orbit{width:330px;height:330px}.visual-label{right:0;top:35px}.float-label{bottom:20px;left:0}.strip{flex-wrap:wrap;gap:20px;font-size:11px}.section{padding-top:65px;padding-bottom:65px}h2{font-size:32px}.heading{display:block}.cards{grid-template-columns:1fr}.card.wide{grid-column:auto}.card{padding:25px}.steps,.download,.faq{grid-template-columns:1fr;gap:25px}.steps{gap:15px}.steps b{font-size:36px}.closing h2{font-size:37px}.actions .btn{gap:20px;padding:14px 22px}.hero .eyebrow{letter-spacing:2px}.lead{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
/* Brighter palette with natural image colors. */
body{background:#f8faff;color:#152342}header{background:#fff;border-color:#e4eaf5}.brand{color:#1944ac}.brand span,nav{color:#5c6d8b}nav a:hover{color:#365fe9}.hero{position:relative;background:radial-gradient(ellipse at 85% 45%,#dae7ff 0,transparent 56%)}.eyebrow{color:#4669cd}.outline{color:#4667e9;-webkit-text-stroke:0}p,.lead{color:#60708c}.note{color:#7887a0}.btn{background:#355ce7;color:white;box-shadow:0 8px 22px #345de726}.btn:hover{background:#244bd5}.btn.secondary{border-color:#bfd0f2;background:#fff;color:#355ce7;box-shadow:none}.visual img{filter:none}.orbit{border-color:#adc7f3;background:radial-gradient(circle,#d7e9ff 0,#e4e4ff 45%,transparent 71%)}.orbit:after{border-color:#c2c8f4}.visual-label{color:#748aca}.float-label{background:#fff;border-color:#d6e4fa;color:#3054af;box-shadow:0 15px 45px #4763ba1c}.float-label span{color:#8191b8}.strip{background:#edf3ff;border-color:#dbe5f7;color:#4561ac}.card{background:#fff;border-color:#dfe8f8;box-shadow:0 12px 32px #3863a807}.card-top{color:#4c73c4}.card h3{color:#192e51}.card p{color:#64738b}.chart{color:#5273ee}.chart span{color:#8a9abc}.symbol{color:#688aed}.card:nth-child(2){background:linear-gradient(145deg,#eef6ff,#edf0ff)}.card:nth-child(3){background:linear-gradient(145deg,#f4efff,#fefbff)}.light{background:linear-gradient(125deg,#e8f8fa,#eef5ff);color:#183d68}.light p,.light .card-top{color:#527a93}.pills span{border-color:#bedbe5;background:#ffffffa8;color:#376c88}.text-link{color:#4966cf}.steps-section{background:#173a89;color:white}.steps-section .eyebrow{color:#a7c2ff}.steps article{border-color:#4363a2}.steps b{color:#79a4ff}.steps p{color:#c3d2ee}.download-card{border-color:#dce5f4}.download-card:hover{background:#edf3ff}.os{color:#5277e9}.faq{border-color:#dfe6f3}details{border-color:#dfe6f3}summary{color:#243c67}summary:after{color:#5277e9}.closing{background:linear-gradient(125deg,#e6efff,#efe9ff);color:#24478d}.closing .eyebrow{color:#6c77bf}.footer-line>a:last-child,footer>span{color:#7282a3}footer p{color:#7885a0}
 .symbol{font-size:0;line-height:1;margin-top:18px}.symbol img{display:block;width:240px;max-width:100%;height:auto}
.brand{display:inline-flex;align-items:center;justify-content:center;background:#000;padding:12px 17px;border-radius:4px}.brand img{display:block;width:108px;height:34px;object-fit:contain}@media(max-width:760px){.brand{padding:9px 12px}.brand img{width:95px;height:30px}}
.brand{background:transparent;padding:0;border-radius:0}.brand img{filter:brightness(0) saturate(100%) invert(22%) sepia(63%) saturate(1945%) hue-rotate(210deg) brightness(88%) contrast(93%)}