@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap");
:root{--ink:#101010;--paper:#f2efe6;--white:#fffdf7;--acid:#bfff38;--pink:#ff5577;--violet:#7057e8;--blue:#2948c7;--muted:#6e6a63;--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
.header{width:min(calc(100% - 44px),var(--max));min-height:90px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:48px;position:relative;z-index:30}
.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:-.04em}.brand img,.footer-brand img{width:38px;height:38px;object-fit:contain}
.nav{display:flex;justify-content:center;gap:31px;color:#4e4b45;font-size:14px;font-weight:700}.nav a{transition:.2s}.nav a:hover{color:var(--violet);transform:translateY(-2px)}
.header-download,.primary-download,.install-action,.final-cta a{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--white);background:var(--ink);border-radius:999px;font-weight:900;transition:.2s}
.header-download{min-height:46px;padding:0 23px;font-size:14px}.header-download:hover,.primary-download:hover,.install-action:hover,.final-cta a:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(16,16,16,.2)}
.menu-toggle{display:none;width:44px;height:44px;padding:0;color:var(--ink);background:transparent;border:0;font-size:20px;cursor:pointer}
.hero{width:min(calc(100% - 44px),1420px);min-height:720px;margin:22px auto 82px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:72px}.hero-figure{margin:0;min-height:640px;display:grid;place-items:center;position:relative}.hero-figure:before{content:"";position:absolute;width:92%;aspect-ratio:1.08;background:var(--acid);clip-path:polygon(3% 15%,68% 0,100% 24%,92% 88%,54% 100%,0 82%)}.hero-figure img{width:min(91%,800px);max-height:600px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 34px 42px rgba(16,16,16,.2))}
.hero-copy{padding-right:clamp(0px,3vw,56px)}.eyebrow,.section-label{margin:0 0 21px;color:var(--violet);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.section-label.light{color:var(--acid)}
.hero h1{max-width:700px;margin:0;font-size:clamp(61px,7vw,103px);line-height:.95;letter-spacing:-.078em;font-weight:900}.hero h1 span{color:var(--pink)}.lead{max-width:630px;margin:33px 0 0;color:var(--muted);font-size:18px;line-height:1.95}
.hero-actions{margin-top:38px;display:flex;flex-wrap:wrap;align-items:center;gap:25px}.primary-download{min-height:60px;padding:0 32px;background:var(--violet);font-size:16px}.text-link{display:inline-flex;align-items:center;gap:11px;font-size:15px;font-weight:900}.text-link i{transition:.2s}.text-link:hover i{transform:translateX(5px)}
.hero-support{margin:27px 0 0;display:flex;flex-wrap:wrap;gap:14px 22px;color:#716d66;font-size:13px}.hero-support span{font-weight:800}
.download,.interfaces,.version,.sync,.install{width:min(calc(100% - 44px),var(--max));margin-left:auto;margin-right:auto}.download{padding:95px 0 135px}
.download-heading{max-width:820px}.download-heading h2,.why-heading h2,.interfaces-copy h2,.reviews-heading h2,.version-copy h2,.sync-copy h2,.install-heading h2,.faq-heading h2{margin:0;font-size:clamp(44px,5.3vw,76px);line-height:1.07;letter-spacing:-.064em;font-weight:900}
.download-heading>p:last-child,.interfaces-copy>p,.sync-copy>p{max-width:740px;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.9}
.download-list{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:48px}.download-list>a{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.download-list>a>span{margin-bottom:28px;color:rgba(112,87,232,.2);font-size:48px;line-height:1;font-weight:900;letter-spacing:-.07em}.download-list>a>i{color:var(--violet);font-size:36px}.download-list strong{margin-top:22px;font-size:25px}.download-list em{margin-top:8px;color:var(--muted);font-size:14px;font-style:normal}.download-list b{margin-top:22px;display:inline-flex;align-items:center;gap:9px;font-size:14px}.download-list b i{transition:.2s}.download-list>a:hover b i{transform:translateX(5px)}
.why{min-height:880px;padding:145px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:105px;color:var(--white);background:var(--ink);clip-path:polygon(0 5%,92% 0,100% 9%,96% 94%,15% 100%,0 90%)}
.why-heading>p:last-child{max-width:720px;margin:24px 0 0;color:rgba(255,253,247,.7);font-size:17px;line-height:1.9}.why-list{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 62px}.why-list article>span{color:var(--acid);font-size:12px;font-weight:900;letter-spacing:.15em}.why-list h3{margin:10px 0;font-size:25px}.why-list p{margin:0;color:rgba(255,253,247,.68);line-height:1.85}
.interfaces{padding:145px 0 150px}.interfaces-copy{max-width:850px}.interface-images{margin-top:82px;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;align-items:end}.interface-images figure{margin:0;text-align:center}.interface-images img{width:100%;max-height:500px;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(16,16,16,.14))}.interface-images figure:nth-child(1) img{background:#dfe5ff;clip-path:polygon(7% 1%,93% 4%,100% 43%,87% 98%,15% 100%,0 62%)}.interface-images figure:nth-child(2) img{background:#ffd6df;clip-path:circle(48% at 50% 50%)}.interface-images figure:nth-child(3) img{background:#e4f7bd;clip-path:ellipse(49% 46% at 50% 50%)}.interface-images figcaption{margin-top:18px;color:var(--muted);font-size:14px;font-weight:800}
.reviews{padding:145px max(22px,calc((100vw - var(--max))/2));color:var(--white);background:var(--blue)}.reviews-heading{max-width:870px}.reviews-heading>p:last-child{max-width:760px;margin:24px 0 0;color:rgba(255,253,247,.72);font-size:17px;line-height:1.9}
.review-flow{margin-top:82px;display:grid;grid-template-columns:repeat(2,1fr);gap:70px 95px}.review-flow blockquote{margin:0}.review-flow blockquote>span{color:var(--acid);font-size:12px;font-weight:900;letter-spacing:.15em}.review-flow blockquote p{margin:13px 0 0;font-size:clamp(25px,2.8vw,39px);line-height:1.4;letter-spacing:-.035em;font-weight:800}.review-flow footer{margin-top:18px;color:rgba(255,253,247,.58);font-size:13px}
.rating-data{margin-top:100px;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.rating-data strong{display:block;color:var(--acid);font-size:clamp(54px,6.2vw,88px);line-height:1;letter-spacing:-.07em}.rating-data span,.rating-data em{display:block;margin-top:10px}.rating-data span{font-weight:800}.rating-data em{color:rgba(255,253,247,.58);font-size:13px;font-style:normal}.rating-data>p{grid-column:1/-1;margin:18px 0 0;color:rgba(255,253,247,.55);font-size:12px}
.version{padding:145px 0 150px;display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:start}.version-copy h2{color:var(--violet);font-size:clamp(90px,13vw,175px);line-height:.84}.version-date{margin:22px 0 0;color:var(--pink);font-size:14px;font-weight:800}.version-intro{max-width:630px;margin:22px 0 0;color:var(--muted);line-height:1.9}.version-list{display:grid;gap:42px;padding-top:26px}.version-list p{margin:0;display:grid;grid-template-columns:68px 1fr;gap:6px 20px}.version-list span{grid-row:1/span 2;color:var(--violet);font-size:13px;font-weight:900;letter-spacing:.13em}.version-list b{font-size:23px}.version-list em{color:var(--muted);font-size:15px;font-style:normal;line-height:1.8}
.sync{padding:135px 0 145px;display:grid;grid-template-columns:1.02fr .98fr;gap:95px;align-items:center}.sync-figure{margin:0;min-height:560px;display:grid;place-items:center;background:var(--acid);clip-path:ellipse(49% 46% at 50% 50%)}.sync-figure img{width:100%;max-height:530px;object-fit:contain}.sync-copy{padding:70px;background:var(--ink);color:var(--white);clip-path:polygon(4% 0,96% 5%,100% 89%,85% 100%,0 94%)}.sync-copy>p{color:rgba(255,253,247,.7)}.sync-copy>a{margin-top:34px;display:inline-flex;align-items:center;gap:11px;color:var(--acid);font-weight:900}.sync-copy>a i{transition:.2s}.sync-copy>a:hover i{transform:translateX(5px)}
.install{padding:145px 0 150px}.install-heading{max-width:820px}.install-steps{margin:82px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:78px;list-style:none}.install-steps li>span{display:block;margin-bottom:29px;color:rgba(255,85,119,.2);font-size:106px;line-height:.75;font-weight:900;letter-spacing:-.08em}.install-steps h3{margin:0 0 13px;font-size:24px}.install-steps p{margin:0;color:var(--muted);line-height:1.85}.install-action{min-height:60px;margin-top:58px;padding:0 31px;background:var(--pink)}
.faq{padding:145px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:120px;align-items:start;color:var(--white);background:var(--violet)}.faq-heading{position:sticky;top:95px}.faq-list{display:grid;gap:34px}.faq-list summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:20px;line-height:1.55;font-weight:900}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{margin-top:8px;color:var(--acid);font-size:14px;transition:.2s}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list p{max-width:760px;margin:14px 0 0;color:rgba(255,253,247,.7);line-height:1.85}
.final-cta{min-height:500px;padding:90px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--acid)}.final-cta>p{margin:0 0 17px;color:var(--violet);font-size:12px;font-weight:900;letter-spacing:.16em}.final-cta h2{max-width:930px;margin:0;font-size:clamp(52px,7vw,98px);line-height:1;letter-spacing:-.075em;font-weight:900}.final-cta a{min-height:62px;margin-top:40px;padding:0 34px;background:var(--ink);font-size:17px}.final-cta>span{margin-top:19px;color:#515544;font-size:13px}
.footer{width:min(calc(100% - 44px),var(--max));min-height:126px;margin:0 auto;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:38px;color:#716d66;font-size:13px}.footer-brand{color:var(--ink);font-size:18px}.footer-brand img{width:31px;height:31px}
@media(max-width:1040px){.header{grid-template-columns:auto 1fr auto auto;gap:16px}.nav{display:none;position:fixed;inset:78px 0 auto;width:100%;padding:35px 24px 39px;flex-direction:column;align-items:center;gap:24px;background:rgba(242,239,230,.98);backdrop-filter:blur(18px)}.nav.is-open{display:flex}.menu-toggle{display:grid;place-items:center}.header-download{justify-self:end}.hero{grid-template-columns:1fr;min-height:auto;padding-top:55px}.hero-figure{order:2;max-width:900px;width:100%;margin:0 auto}.hero-copy{max-width:830px}.why,.version,.sync,.faq{grid-template-columns:1fr}.why{clip-path:polygon(0 3%,92% 0,100% 4%,97% 97%,15% 100%,0 94%)}.interface-images{grid-template-columns:1fr 1fr}.interface-images figure:last-child{grid-column:1/-1;max-width:560px;width:100%;margin:0 auto}.sync-copy{padding:60px}.faq-heading{position:static}}
@media(max-width:720px){.header{width:min(calc(100% - 28px),var(--max));min-height:76px;grid-template-columns:auto 1fr auto}.header-download{display:none}.hero,.download,.interfaces,.version,.sync,.install,.footer{width:min(calc(100% - 30px),var(--max))}.hero{margin-top:0;margin-bottom:35px;gap:35px}.hero-copy{padding-right:0}.hero h1{font-size:clamp(52px,15vw,72px)}.lead{margin-top:25px;font-size:16px;line-height:1.85}.hero-actions{flex-direction:column;align-items:stretch;gap:18px}.primary-download{width:100%}.text-link{justify-content:center}.hero-figure{min-height:390px}.hero-figure:before{width:100%}.hero-figure img{max-height:370px}.download,.interfaces,.version,.sync,.install{padding-top:84px;padding-bottom:92px}.download-list{margin-top:55px;grid-template-columns:1fr;gap:49px}.why{min-height:auto;padding-top:105px;padding-bottom:115px;gap:52px;clip-path:polygon(0 2%,92% 0,100% 3%,97% 98%,15% 100%,0 96%)}.why-list{grid-template-columns:1fr;gap:47px}.interface-images{grid-template-columns:1fr;gap:55px}.interface-images figure:last-child{grid-column:auto}.review-flow{grid-template-columns:1fr;gap:55px}.rating-data{grid-template-columns:1fr;gap:45px}.version{gap:48px}.version-copy h2{font-size:84px}.sync{gap:45px}.sync-copy{padding:42px 28px}.install-steps{margin-top:58px;grid-template-columns:1fr;gap:56px}.install-steps li>span{margin-bottom:20px;font-size:78px}.install-action{width:100%}.faq{padding-top:95px;padding-bottom:100px;gap:52px}.faq-list summary{font-size:18px}.final-cta{min-height:430px;padding:75px 20px}.final-cta h2{font-size:clamp(49px,14vw,69px)}.footer{padding:36px 0;grid-template-columns:1fr;gap:13px;text-align:center}.footer-brand{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
