*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#24394e;background:#fff}a{text-decoration:none;color:#347fcd}header{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #edf1f6}.brand{display:flex;align-items:center;gap:10px;font-size:21px;color:#253b52;font-weight:600}.brand img{width:38px;height:38px}nav{display:flex;gap:24px;font-size:14px}nav a{color:#6c8195}main{max-width:1160px;margin:auto;padding:0 24px}section{padding:68px 0}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:65px 0 80px}.eyebrow{font-size:12px;letter-spacing:1.8px;color:#4297dd}.hero h1{font-size:54px;letter-spacing:3px;margin:20px 0 13px;line-height:1.25}.hero h2{font-size:28px;font-weight:500;margin:0 0 22px}.hero p{font-size:17px;line-height:1.9;color:#768ba0}.actions{display:flex;gap:18px;align-items:center;margin-top:30px}.primary{display:inline-block;border-radius:12px;background:#328fe8;color:white;padding:15px 22px;font-size:14px}.secondary{font-size:14px}.hero small{display:block;color:#93a1b0;font-size:12px;margin-top:18px}.hero-screen{background:#f2f7ff;border-radius:40px;padding:32px;display:flex;justify-content:center}.hero-screen img{width:236px;max-width:100%;border-radius:22px;box-shadow:0 15px 40px #dce7f5}.heading h2{font-size:30px;line-height:1.5;margin:12px 0 20px}.heading p{font-size:14px;color:#8395a6}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.features article{border:1px solid #e5ecf3;border-radius:18px;padding:24px 20px;background:#fbfcfe}.features b{font-size:13px;color:#88b7df}.features h3{font-size:17px;margin:22px 0 13px}.features p,.scope p{font-size:13px;color:#7a8b9a;line-height:1.8}.scope{background:#f6f8fa;border-radius:12px;margin-top:22px;padding:20px 24px}.scope strong{font-size:13px;font-weight:500}.scope p{margin-bottom:0}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:center;background:#f6f9fd;border-radius:28px;padding:30px}.screens figure{margin:0}.screens img{width:100%;max-width:252px;border-radius:20px;border:1px solid #e5eaf1}.screens figcaption{font-size:13px;color:#718598;margin-top:18px}.download{background:#f1f7ff;border-radius:25px;padding:36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 65px}.download h2{font-size:28px;margin:12px 0}.download p{font-size:13px;line-height:1.8;color:#72869a}.install{width:100%;border-top:1px solid #dfe9f5;padding-top:10px}.install h3{font-size:15px}.install li{font-size:13px;color:#718497;line-height:2}.install ol{padding-left:20px}footer{text-align:center;background:#f8fafc;padding:40px 24px;font-size:12px;color:#91a1af}footer .brand{justify-content:center}footer p{margin:15px 0}code{overflow-wrap:anywhere}@media(max-width:700px){header{padding:15px 20px;flex-wrap:wrap;gap:14px}nav{gap:18px;font-size:12px}.brand{font-size:18px}.brand img{width:30px;height:30px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:35px;padding:40px 0}.hero h1{font-size:38px}.hero h2{font-size:23px}.hero p{font-size:15px}.actions{gap:13px;flex-wrap:wrap}.hero-screen{padding:24px}.hero-screen img{width:210px}section{padding:40px 0}.heading h2{font-size:23px}.features{grid-template-columns:1fr 1fr;gap:12px}.features article{padding:18px 14px}.features h3{font-size:15px}.features p{font-size:12px}.screens{gap:12px;padding:16px 10px}.screens img{border-radius:9px}.screens figcaption{font-size:10px;line-height:1.5}.download{padding:24px}.download h2{font-size:23px}.scope{padding:17px}.primary{padding:13px 17px}}