*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#102747;background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.nav{height:84px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:23px;letter-spacing:1px}.brand-mark{display:grid;grid-template-columns:repeat(2,14px);gap:3px;padding:4px;border:2px solid #123d79;border-radius:7px}.brand-mark i{width:14px;height:14px;background:#123d79;border-radius:2px}.brand-mark i:nth-child(2){background:#32b6f4}.nav-links{display:flex;gap:34px;align-items:center;font-size:14px}.nav-download{border:1px solid #d9e4f4;border-radius:24px;padding:8px 22px}.nav-download span{margin-left:10px}.hero{background:radial-gradient(ellipse at 70% 12%,#dcefff 0,transparent 45%),linear-gradient(180deg,#f9fbfe,#eef5ff 70%,#fff);padding-top:58px;text-align:center;overflow:hidden}.eyebrow{color:#3b75b7;letter-spacing:2px;font-size:12px;font-weight:650}.hero .eyebrow{background:#eaf3ff;border:1px solid #d7e8fc;padding:7px 15px;border-radius:20px;letter-spacing:1px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#248de0;margin-right:7px}.hero h1{font-size:clamp(38px,4.4vw,66px);line-height:1.25;margin:26px 0 20px;letter-spacing:-2px}.hero h1 span{color:#269fee}.hero p{color:#65778e;font-size:17px;margin:0}.mobile-break{display:none}.actions{display:flex;justify-content:center;gap:14px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:13px 25px;border-radius:9px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#1264bc;color:#fff;box-shadow:0 7px 18px #176ac323}.primary:hover{background:#0b4d97}.secondary{background:#fff;border:1px solid #d6e2ef}.disabled{opacity:.6;pointer-events:none}.hero .download-meta{font-size:12px;margin-top:16px;color:#7b8ca3}.hero-visual{max-width:1150px;margin:18px auto 0}.hero-visual img{width:100%;display:block;mix-blend-mode:multiply}.hero-strip{max-width:970px;margin:0 auto 30px;display:flex;justify-content:space-evenly;border-top:1px solid #dfe7f2;padding:22px;color:#57708d;font-size:14px;letter-spacing:2px}.section{max-width:1196px;padding:78px 30px;margin:auto}.section-heading{margin-bottom:35px}.section-heading h2{font-size:38px;letter-spacing:-1px;line-height:1.4;margin:12px 0}.section-heading p{color:#7b8ca0;margin:0}.features-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:20px}.feature{background:#f3f7fc;border:1px solid #e6edf5;border-radius:20px;padding:30px 32px;overflow:hidden}.feature.big{grid-row:span 2;background:linear-gradient(145deg,#e9f3ff,#f5f9ff)}.feature-number{color:#6491bd;letter-spacing:2px;font-size:11px}.feature h3{font-size:27px;line-height:1.4;margin:15px 0}.feature p{max-width:360px;color:#73859a;font-size:14px}.feature small{color:#7a8ca2;font-size:12px}.mini-files{display:flex;gap:8px;margin-top:34px}.mini-files span{background:#fff;padding:5px 20px;font-size:12px;border-radius:6px}.mini-files span:first-child{color:#fff;background:#2779c9}.file-demo{display:grid;grid-template-columns:repeat(3,1fr);background:#fff8;padding:24px;gap:20px;border:1px solid #e0e9f4;border-radius:12px;margin:16px 0 26px}.file-demo b{color:#4e8ec6;font-size:38px;text-align:center;font-weight:400}.todo-demo{display:flex;gap:10px;flex-direction:column;color:#6e8cad;font-size:13px;margin-top:20px}.todo-demo span:first-child{color:#407eaa;text-decoration:line-through}.color-demo{display:flex;gap:10px;margin-top:20px}.color-demo i{width:25px;height:25px;background:#2478c1;border-radius:50%}.color-demo i:nth-child(2){background:#5e758b}.color-demo i:nth-child(3){background:#9e74be}.color-demo i:nth-child(4){background:#25a66c}.color-demo i:nth-child(5){background:#f0b581}.update-banner{max-width:1136px;margin:25px auto;background:#0c2c55;color:#fff;border-radius:22px;padding:52px;display:flex;gap:60px;justify-content:space-between}.update-banner h2{font-size:32px;line-height:1.5;margin:15px 0}.update-banner p{font-size:14px;color:#9eb8d5;max-width:460px}.update-banner .eyebrow{color:#75bff7}.update-steps{display:flex;flex-direction:column;gap:25px;justify-content:center;min-width:210px;font-size:15px}.update-steps b{font-size:12px;color:#66b5f2;border:1px solid #3c5676;border-radius:50%;padding:9px;margin-right:18px}.release-section{padding-bottom:60px}.release-row{display:grid;grid-template-columns:130px 1fr;gap:30px;padding:26px 0;border-top:1px solid #e1e8f1}.release-row h3{font-size:21px;margin:0}.release-row small{color:#8b9bb0}.release-notes{white-space:pre-wrap;color:#6e8198;font-size:14px}.muted{color:#7a8b9e}.pricing{max-width:1136px;border-radius:22px;margin:20px auto;background:linear-gradient(120deg,#edf5ff,#f9fbff);padding:50px;display:flex;justify-content:space-between;gap:30px}.pricing h2{font-size:35px;margin:12px 0}.pricing p{color:#6e8095;font-size:14px}.price-box{display:flex;flex-direction:column;align-items:center;min-width:220px}.price-box>span{font-size:14px;color:#6d839d}.price-box strong{font-size:66px;line-height:1.5}.price-box strong small{font-size:25px;font-weight:500;margin-right:4px}.text-link{font-size:13px;margin-top:16px;color:#4e80b4}.faq details{border-top:1px solid #dfe7f1;padding:22px 0}.faq summary{cursor:pointer;font-size:16px;font-weight:550}.faq details p{max-width:800px;color:#73849a;font-size:14px}footer{background:#f7f9fc;border-top:1px solid #e5edf5;text-align:center;padding:45px 20px 25px}footer .brand{justify-content:center;font-size:20px}footer p{font-size:13px;color:#8794a6}footer div{display:flex;gap:30px;justify-content:center;font-size:13px;margin:25px}footer small{font-size:11px;color:#9aa8b7}
@media(max-width:760px){.nav{height:70px;padding:0 20px}.brand{font-size:19px}.nav-links>a:not(:last-child){display:none}.nav-links{gap:0}.nav-download{padding:6px 12px;font-size:12px}.hero{padding-top:38px}.hero h1{font-size:41px}.hero p{font-size:14px}.hero-visual{width:135%;margin-left:-17.5%;margin-top:25px}.hero-strip{font-size:11px;letter-spacing:0}.section{padding:50px 22px}.section-heading h2{font-size:29px}.features-grid{display:flex;flex-direction:column}.feature{padding:25px}.feature h3{font-size:25px}.file-demo{grid-template-columns:repeat(6,1fr);padding:15px;gap:6px}.file-demo b{font-size:27px}.mini-files span{padding:5px 15px}.update-banner,.pricing{margin:10px 20px;padding:28px;flex-direction:column;gap:22px}.update-banner h2,.pricing h2{font-size:28px}.update-steps{gap:18px}.pricing .price-box{align-items:flex-start}.release-row{grid-template-columns:80px 1fr;gap:20px}.release-row h3{font-size:18px}}

.performance-section{padding-top:35px}.performance-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#f4f8fd;border:1px solid #e4edf7;border-radius:20px;padding:40px}.performance-copy h3{font-size:28px;margin:0 0 12px}.performance-copy p,.performance-copy ul{color:#6e8098;font-size:14px}.performance-copy ul{padding-left:18px;line-height:2.1}.performance-copy small,.performance-preview small{color:#8b9caf;font-size:11px}.performance-preview{background:white;border:1px solid #e1eaf5;border-radius:14px;padding:24px;box-shadow:0 10px 35px #173f7210}.preview-title,.preview-meter,.preview-network{display:flex;justify-content:space-between;align-items:center}.preview-title{font-weight:600;margin-bottom:22px}.live-tag{font-size:11px;color:#28a384}.preview-meter{font-size:12px;color:#72849c}.preview-meter b{font-size:11px;font-weight:400;color:#6482a7}.meter-track{height:9px;background:#e7eef8;border-radius:5px;margin:10px 0 18px;overflow:hidden}.meter-track i{display:block;height:100%;background:#3b91d7;border-radius:5px}.cpu-meter{width:32%}.memory-meter{width:56%}.preview-network{font-size:12px;color:#5785b4;margin-top:25px}.preview-network span:last-child{color:#ce9a51}.performance-preview svg{width:100%;margin:12px 0}.performance-preview small{display:block;text-align:center}@media(max-width:760px){.performance-feature{grid-template-columns:1fr;padding:25px;gap:25px}.performance-section{padding-top:15px}}

@media(max-width:760px){.hero-copy{padding:0 18px}.hero h1{font-size:36px}.mobile-break{display:block}.hero-visual{width:100%;margin-left:0}}
