:root{--bg:#fff;--ink:#1d1d1f;--orange:#0071e3;--line:#d2d2d7;--muted:#86868b}body{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;background:#fff;color:#1d1d1f}header{position:sticky;top:0;height:64px;max-width:none;margin:0;padding:0 max(6%,calc((100vw - 1100px)/2));background:#ffffffd9;backdrop-filter:blur(24px);border-bottom:1px solid #0000000a;gap:30px}.brand{font-size:20px;letter-spacing:0;font-weight:600;gap:7px}.brandmark{font-size:32px;color:#1d1d1f}.en{font-size:8px;letter-spacing:1.5px;color:#86868b}nav{gap:30px;font-size:11px}nav a,nav .active{color:#515154}.navcta{background:#0071e3;color:white;border:0;border-radius:30px;padding:9px 17px;font-size:11px}.navcta span{margin-left:8px}.hero{background:linear-gradient(180deg,#f5f5f7 0%,#fafafa 75%,#fff 100%);color:#1d1d1f;display:flex;flex-direction:column;text-align:center;padding:58px 5% 42px;gap:0;min-height:0;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero .eyebrow{justify-content:center;color:#6e6e73;font-size:15px;letter-spacing:1px;font-weight:500}.hero .eyebrow i{display:none}.hero h1{font-size:clamp(56px,6.3vw,88px);font-weight:650;line-height:1.12;letter-spacing:-4px;margin:21px auto 24px}.hero .accent{background:linear-gradient(100deg,#2782e7,#7068d7 75%,#a15cd2);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.7;color:#6e6e73;margin:0}.hero-actions{justify-content:center;gap:28px;margin-top:26px}.hero .button,.button.dark{background:#0071e3;color:white;border:0;border-radius:28px;padding:13px 23px;font-size:14px;gap:12px}.hero .button:hover,.button.dark:hover,.navcta:hover{background:#0077ed}.hero .textlink,.textlink{color:#0066cc;font-size:14px}.hero-foot{justify-content:center;gap:15px;margin-top:22px;color:#86868b;font-size:10px}.device-line{color:#86868b;border-right:1px solid #d2d2d7;letter-spacing:0;padding-right:15px}.hero-art{position:relative;width:760px;max-width:95%;height:455px;margin-top:40px;border:0;overflow:visible;background:transparent;border-radius:0}.mac-display{position:absolute;left:35px;right:85px;top:0;height:340px;background:#1d1f22;border:1px solid #b5b7bb;border-radius:15px 15px 0 0;padding:16px 12px 12px;box-shadow:0 15px 40px #1d1d1f12}.mac-camera{position:absolute;left:50%;top:6px;width:4px;height:4px;background:#424548;border-radius:50%}.app-window{height:100%;background:#fafbfe;border-radius:3px;overflow:hidden;text-align:left}.window-bar{height:28px;background:#eef0f5;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#727783;font-size:7px}.traffic{display:flex;gap:4px}.traffic i{width:6px;height:6px;background:#ff6259;border-radius:50%}.traffic i:nth-child(2){background:#ffc044}.traffic i:nth-child(3){background:#2dca50}.app-content{display:flex;height:calc(100% - 28px)}.app-content aside{width:145px;background:#f0f2f8;border-right:1px solid #e4e8f0;padding:18px 13px;position:relative;flex-shrink:0}.app-logo{font:27px Georgia;color:#6977db;margin:0 8px 21px}.app-logo b{font:600 13px -apple-system,sans-serif;color:#313846;vertical-align:middle}.app-content aside>span{display:block;font-size:8px;padding:9px;margin-bottom:5px;color:#939aa8;border-radius:5px}.app-content aside .side-active{background:#e1e6fc;color:#6472d4}.side-bottom{position:absolute;bottom:15px;font-size:6px;color:#a4abba}.app-main{flex:1;text-align:center;padding:23px 20px}.app-main>small{font-size:6px;letter-spacing:2px;color:#949eb0}.app-main h3{font-size:22px;font-weight:600;letter-spacing:-.6px;margin:11px 0 7px;color:#333d52}.app-main>p{font-size:8px;color:#8f99aa;margin:0}.app-staff{height:69px;width:210px;margin:18px auto 12px;background:repeating-linear-gradient(0deg,transparent 0,transparent 12px,#dfe5f0 12px,#dfe5f0 13px);display:flex;align-items:center;gap:42px;padding-left:10px;color:#818ee2}.app-staff>span{font:66px Georgia;color:#9aa5be}.app-staff b{font:63px Georgia;transform:translateY(5px);font-weight:400}.app-staff b:last-child{transform:translateY(-13px)}.mock-listen{background:#6d7cde;border:0;border-radius:16px;color:white;padding:8px 22px;font-size:8px}.mock-listen:hover{background:#5668d1}.mock-options{display:flex;justify-content:center;gap:8px;margin-top:14px}.mock-options span{padding:7px 10px;background:white;border:1px solid #e4e8f3;border-radius:4px;font-size:7px;color:#8e98b1}.mac-chin{position:absolute;left:35px;right:85px;top:340px;height:32px;background:linear-gradient(100deg,#c3c6cd,#e1e3e8 50%,#babdc4);border-radius:0 0 12px 12px}.mac-stand{position:absolute;top:372px;width:116px;height:43px;left:calc(50% - 83px);background:linear-gradient(#a7abb3,#d7d9df);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.mac-foot{position:absolute;top:414px;left:calc(50% - 111px);width:172px;height:7px;background:linear-gradient(#e1e3e7,#c2c6cd);border-radius:60% 60% 3px 3px;box-shadow:0 9px 15px #0002}.hero-phone{position:absolute;right:18px;top:142px;width:137px;height:270px;border:5px solid #262a31;border-radius:25px;background:linear-gradient(145deg,#edf3ff,#edf0fd 45%,#e3e8fb);box-shadow:0 18px 30px #29314d26;display:flex;flex-direction:column;align-items:center;padding:26px 10px 15px;color:#36445f}.phone-island{position:absolute;top:7px;width:44px;height:10px;background:#252932;border-radius:8px}.hero-phone>small{font-size:8px;letter-spacing:2px;color:#929bb4}.phone-music{font:57px Georgia;color:#8b9be8;margin:7px 0 1px}.hero-phone>strong{font-size:17px;font-weight:600;line-height:1.4}.phone-wave{font-size:13px;color:#9aabe5;margin-top:17px;letter-spacing:1px}.phone-pill{font-size:6px;background:#7b8be1;color:#fff;padding:7px 20px;border-radius:15px;margin-top:15px}.concept-label{position:absolute;bottom:0;left:0;right:0;font-size:8px;color:#a1a1a6}.marquee{display:none}.section{max-width:1200px;padding:94px 5%;scroll-margin-top:0}.eyebrow{font-size:11px;letter-spacing:1.2px;color:#86868b;font-weight:500}h2{font-size:45px;line-height:1.25;letter-spacing:-1.8px;font-weight:600;margin-top:18px}.soft-text{color:#86868b}.section-heading{margin-bottom:40px}.section-heading p{font-size:14px;color:#86868b;line-height:1.7}.product-grid{gap:25px}.product-card{border-radius:26px;background:#f5f5f7;padding:33px;border:0;overflow:hidden}.notation-card{background:#f5f3fa}.product-icon{height:43px;width:43px;border-radius:11px;background:linear-gradient(135deg,#839bed,#536cc8);color:white;display:grid;place-items:center;font-size:25px;box-shadow:0 4px 10px #596aa521}.notation-card .product-icon{background:linear-gradient(135deg,#b5a2e2,#8a76b0)}.status{color:#6e6e73;font-size:10px}.status i{background:#6f82d9}.muted{border:0;color:#86868b;background:#ebe8f1;font-size:9px}.mini-visual{height:170px;color:#929fdb}.wave i{background:#9aa9e8;width:3px;border-radius:10px}.score{height:170px;color:#9d90b2;padding-top:40px}.score>div{font-size:29px}.score b{color:#ccc4d7}.score .score-sub{color:#ada2bc}.card-bottom small{color:#9b9ba2;font-size:8px}.card-bottom h3{font-size:28px;font-weight:600;margin-top:10px}.card-bottom p{font-size:12px;color:#86868b;line-height:1.8}.round{color:#0066cc;border:0;background:#e8e8ed;width:34px;height:34px}.round:hover{background:#dedee5}.tags{border-top:1px solid #e1e1e7;gap:12px;margin-top:28px}.tags span{font-size:9px;color:#909097;margin-right:0}.experience{gap:9%;padding-top:40px}.experience p,.philosophy p,.future p{font-size:15px;line-height:1.9;color:#86868b}.demo-note{font-size:10px;color:#929297}.trainer{border:0;border-radius:26px;padding:33px;background:#f5f5f7;box-shadow:none}.trainer-top{color:#92929a}.trainer-top i{background:#7891df}.trainer h3{font-size:22px;font-weight:600}.listen{background:#e6ebfa;color:#5e76c7;border-radius:12px;font-size:12px}.answers{gap:10px}.answers button{border:1px solid #e1e1e7;border-radius:10px;color:#6e6e73;background:white}.answers button:hover{border-color:#0071e3}.feedback{color:#86868b;font-size:11px;line-height:1.6}.next{border-top-color:#dedee5;color:#0066cc}.downloads{background:#f5f5f7;max-width:none;padding-inline:max(5%,calc((100vw - 1080px)/2))}.downloads h2{font-size:48px}.download-shell{border:0;border-radius:28px;overflow:hidden;background:white}.download-intro{padding:30px 38px}.download-app-icon{background:linear-gradient(135deg,#8da5ef,#5e79d4);color:white;box-shadow:0 5px 12px #5d78c81c;border-radius:14px}.download-intro small{color:#a1a1a6;letter-spacing:1px}.download-intro h3{font-weight:600;color:#1d1d1f}.download-intro p{color:#86868b}.release-badge{color:#86868b;background:#f5f5f7;border:0}.device-tabs{border-color:#ebebef;gap:40px}.device-tabs button{font-size:13px;color:#86868b}.device-tabs button span{color:#a1a1a6}.device-tabs button.selected{color:#0066cc;border-bottom-color:#0071e3}.download-panel{padding-block:52px;min-height:320px}.device-screen{border-color:#30343b;background:linear-gradient(145deg,#edf3ff,#e5eafa);color:#7e94df;box-shadow:0 20px 35px #596b9c16}.device-screen small{color:#9aa5c3}.device-bars{color:#9dadde}.device-base{background:#c5c9d2}.download-details h3{font-size:30px;font-weight:600;letter-spacing:-.9px}.download-details p{font-size:12px;color:#86868b}.download-details .eyebrow{color:#92929b;font-size:8px}.download-details .button{border-radius:25px;padding:13px 22px;font-size:12px}.unavailable{background:#f0f0f3;color:#a0a0a8}.download-details>small{color:#a1a1a6;font-size:10px}.download-secondary{border-top-color:#ebebef;padding:22px 38px}.download-secondary p,.muted-label{color:#a1a1a6}.faq{gap:9%;padding-top:90px}.faq h2{font-size:36px}.faq-list details{border-color:#dedee3}.faq-list summary{font-size:13px;padding:23px 0}.faq-list p{font-size:12px;color:#86868b}.faq-list summary span{color:#86868b}.philosophy{border:0;background:#fafafa;border-radius:28px;max-width:1080px;padding:65px 7%;gap:10%}.big-star{font-size:90px;color:#8b9de1;margin-left:0}.philosophy h2{font-size:38px;font-weight:600}.philosophy p{font-size:13px}.vertical{color:#a1a1a6;font-size:8px}.future h2{font-size:33px;font-weight:600}.future p{font-size:13px}.roadmap:before{background:#d9d9df}.road-dot{border-color:#d2d2d7;background:white}.road-dot.current{background:#0071e3;border-color:#0071e3;box-shadow:0 0 0 5px #edf4fc}.roadmap strong{font-size:13px;font-weight:500}.roadmap small,.roadmap div>span:last-child{color:#929299}.closing{max-width:none;margin:0;background:#f5f5f7;color:#1d1d1f;padding:80px 5%;border-radius:0}.closing>span{color:#86868b;letter-spacing:1px;font-size:12px}.closing h2{font-size:50px;font-weight:600;letter-spacing:-2px;margin:17px 0 28px}.closing .button{background:#0071e3;color:white;border-radius:25px;font-size:13px}footer{max-width:1080px;margin:auto;padding:27px 3%;border-top:0;gap:24px}footer>span{color:#86868b;letter-spacing:1px}footer>a:not(.brand),footer small{color:#86868b}.button:hover{transform:translateY(-1px)}@media(max-width:800px){header{padding:0 5%;gap:15px}nav{gap:18px}.hero{padding-top:48px}.hero h1{font-size:67px}.hero-copy>p{font-size:15px}.hero-art{max-width:100%;width:650px;height:413px}.mac-display{left:20px;right:65px;height:310px}.mac-chin{left:20px;right:65px;top:310px}.mac-stand{top:342px}.mac-foot{top:384px}.hero-phone{width:120px;height:240px;right:0;top:133px}.app-content aside{width:115px;padding-inline:8px}.app-main{padding:18px 10px}.app-main h3{font-size:20px}.app-staff{margin-top:12px;margin-bottom:10px}.concept-label{font-size:7px}h2{font-size:36px}.section{padding-top:70px;padding-bottom:70px}.section-heading p{font-size:12px}.product-card{padding:26px}.score>div{font-size:24px}.card-bottom p{font-size:11px}.experience p{font-size:13px}.trainer{padding:27px}.downloads h2{font-size:39px}.faq h2{font-size:31px}.philosophy{margin:0 5%;padding:45px 6%}.philosophy h2{font-size:30px}.big-star{font-size:65px}.philosophy p{font-size:11px}.future h2{font-size:30px}.closing h2{font-size:42px}.device-screen{height:145px}.hero-art .app-staff b{font-size:58px}}@media(max-width:560px){header{height:58px;margin:0;padding:0 5%;gap:10px}.brand{font-size:18px}.brandmark{font-size:29px}.en{display:none}nav{gap:19px;font-size:10px}nav a:nth-child(n+3){display:none}.navcta{display:block;padding:8px 13px;font-size:10px}.hero{padding:38px 5% 26px}.hero .eyebrow{font-size:12px;letter-spacing:0}.hero h1{font-size:54px;letter-spacing:-2px;line-height:1.18;margin:18px auto 20px}.hero-copy>p{font-size:12px;line-height:1.85}.hero-actions{margin-top:23px;gap:20px;flex-wrap:nowrap}.hero .button{font-size:12px;padding:12px 18px;gap:7px}.hero .textlink{font-size:12px}.hero-foot{font-size:8px;gap:10px;margin-top:20px}.device-line{padding-right:10px}.hero-art{margin-top:32px;width:100%;height:270px}.mac-display{left:0;right:33px;height:210px;border-radius:9px 9px 0 0;padding:10px 6px 6px}.mac-camera{top:3px;width:3px;height:3px}.window-bar{height:20px;font-size:5px;padding:0 7px}.traffic{gap:3px}.traffic i{width:4px;height:4px}.app-content{height:calc(100% - 20px)}.app-content aside{width:77px;padding:13px 6px}.app-logo{font-size:20px;margin:0 4px 14px}.app-logo b{font-size:8px}.app-content aside>span{font-size:5px;padding:6px 3px;white-space:nowrap}.side-bottom{font-size:4px;bottom:10px}.app-main{padding:14px 5px}.app-main>small{font-size:4px;letter-spacing:1px}.app-main h3{font-size:13px;letter-spacing:0;margin:8px 0 5px}.app-main>p{font-size:5px}.app-staff{height:42px;width:125px;margin:9px auto 7px;gap:24px;padding-left:3px;background:repeating-linear-gradient(0deg,transparent 0,transparent 7px,#dfe5f0 7px,#dfe5f0 8px)}.app-staff>span{font-size:39px}.hero-art .app-staff b{font-size:37px}.app-staff b:last-child{transform:translateY(-6px)}.mock-listen{font-size:6px;padding:5px 14px}.mock-options{gap:5px;margin-top:8px}.mock-options span{font-size:4px;padding:5px 6px;border-radius:3px}.mac-chin{top:210px;left:0;right:33px;height:18px;border-radius:0 0 7px 7px}.mac-stand{top:228px;width:65px;height:24px;left:calc(50% - 48px)}.mac-foot{top:252px;width:100px;height:4px;left:calc(50% - 65px)}.hero-phone{width:80px;height:158px;right:-3px;top:87px;border-width:3px;border-radius:17px;padding:17px 5px 10px}.phone-island{width:28px;height:6px;top:5px}.hero-phone>small{font-size:5px}.phone-music{font-size:35px;margin:4px 0}.hero-phone>strong{font-size:10px}.phone-wave{font-size:8px;margin-top:9px;letter-spacing:0}.phone-pill{font-size:4px;padding:4px 13px;margin-top:9px}.concept-label{bottom:-10px;font-size:6px}.section{padding:55px 6%}.eyebrow{font-size:9px}h2{font-size:32px;letter-spacing:-1px}.section-heading{margin-bottom:28px}.section-heading p{font-size:12px}.product-card{border-radius:22px;padding:25px}.card-bottom h3{font-size:25px}.mini-visual,.score{height:150px}.score>div{font-size:25px}.experience{padding-top:10px}.experience h2{font-size:32px}.trainer{border-radius:22px;padding:27px;margin-top:27px}.trainer h3{font-size:21px}.downloads h2{font-size:34px}.download-shell{border-radius:23px}.download-intro{padding:23px 20px;gap:12px}.download-intro h3{font-size:14px}.download-intro small{font-size:6px}.download-intro p{font-size:8px}.download-app-icon{width:44px;height:44px;border-radius:11px;font-size:33px}.release-badge{font-size:7px;padding:6px 8px}.device-tabs{padding:0 20px;gap:0}.device-tabs button{font-size:11px;padding-block:17px}.device-tabs button span{font-size:7px}.download-panel{padding:35px 25px;gap:30px}.download-details h3{font-size:26px}.download-details p{font-size:11px}.download-secondary{padding:19px 20px;gap:10px}.download-secondary p{font-size:8px}.faq{gap:27px}.faq h2{font-size:31px}.faq-list summary{font-size:12px}.faq-list p{font-size:11px}.philosophy{padding:35px 7%;margin:0 6%;gap:18px;border-radius:22px}.philosophy h2{font-size:25px}.big-star{font-size:41px;margin-top:30px}.philosophy .eyebrow{font-size:7px}.philosophy p{font-size:10px}.future h2{font-size:28px}.future p{font-size:12px}.closing{padding:58px 5%;margin:0}.closing h2{font-size:36px;letter-spacing:-1px}footer{padding:25px 6%;gap:15px}footer .brand{font-size:17px}footer small{font-size:8px}footer>a:not(.brand){font-size:8px}}