*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#172033;font:15px Inter,"Microsoft YaHei",Arial,sans-serif}.nav{height:76px;display:flex;align-items:center;padding:0 max(5vw,24px);border-bottom:1px solid #edf0f5;position:sticky;top:0;background:#fffc;backdrop-filter:blur(16px);z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#172033;text-decoration:none;font-weight:800;font-size:17px}.brand>b{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#1886ff,#5558e9);color:#fff;font-size:12px;box-shadow:0 7px 18px #1877f22d}.brand small{display:block;color:#9099aa;font-size:9px;font-weight:400;margin-top:2px}.nav nav{display:flex;gap:32px;margin-left:auto;margin-right:35px}.nav nav a{color:#616d82;text-decoration:none;font-size:13px}.nav-cta,.primary{background:#1877f2;color:#fff;text-decoration:none;border-radius:9px;padding:11px 18px;font-weight:700}.hero{min-height:670px;padding:82px max(6vw,30px);display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:65px;background:radial-gradient(circle at 80% 30%,#dcecff 0,transparent 30%),linear-gradient(180deg,#fbfdff,#f5f8fd)}.eyebrow{color:#3975cc;background:#eaf3ff;border:1px solid #d7e9ff;border-radius:20px;padding:7px 12px;font-size:11px}.eyebrow i{display:inline-block;width:6px;height:6px;background:#16a779;border-radius:50%;margin-right:6px}.hero h1{font-size:49px;line-height:1.22;letter-spacing:-2px;margin:24px 0}.hero h1 em{font-style:normal;color:#1877f2}.hero-copy>p{font-size:16px;line-height:1.9;color:#69758a;max-width:590px}.hero-actions{display:flex;gap:12px;margin:29px 0}.hero-actions a{padding:14px 21px}.secondary{border:1px solid #dce3ed;color:#516079;text-decoration:none;border-radius:9px;padding:13px 20px;background:#fff}.trust{display:flex;gap:19px;color:#768195;font-size:11px}.product{position:relative}.window{background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:0 22px 18px;box-shadow:0 30px 70px #34517b24;transform:perspective(1000px) rotateY(-2deg)}.window-top{height:58px;display:flex;align-items:center;border-bottom:1px solid #eef1f5}.window-top b{margin-left:20px}.window-top small{margin-left:auto;color:#18a576;background:#e9f8f2;padding:5px 8px;border-radius:12px}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;border-radius:50%;background:#ff6b6b}.traffic i:nth-child(2){background:#f1b84b}.traffic i:nth-child(3){background:#35ba7e}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mini-stats article{background:#f7f9fc;border-radius:10px;padding:14px}.mini-stats span,.mini-stats small{display:block;color:#8790a0;font-size:9px}.mini-stats strong{display:block;font-size:23px;margin:5px 0}.list-head{display:flex;justify-content:space-between;font-size:11px;padding:7px}.list-head span{color:#929bad}.lead{display:flex;align-items:center;border-top:1px solid #eef1f5;padding:13px 7px;gap:10px}.lead>i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#3f75cb;font-size:10px}.lead div{flex:1}.lead b,.lead span{display:block;font-size:10px}.lead span{color:#8992a3;margin-top:4px}.lead em{font-style:normal;color:#e95a67;background:#fff0f1;padding:5px 7px;border-radius:5px;font-size:9px}.lead em.mid{color:#dc832c;background:#fff3e6}.float-card{position:absolute;right:-22px;bottom:-48px;background:#202b40;color:#fff;padding:16px 19px;border-radius:11px;box-shadow:0 18px 40px #16223e3b}.float-card span,.float-card b,.float-card small{display:block}.float-card span{color:#94a3bd;font-size:9px}.float-card b{font-size:12px;margin:7px 0}.float-card small{color:#aab5c8;font-size:9px}.problem,.features,.scenes{padding:95px max(7vw,35px)}.problem>div:first-child{display:flex;justify-content:space-between;align-items:end}.problem span,.section-title>span{color:#1877f2;font-size:11px;font-weight:700;letter-spacing:2px}.problem h2,.section-title h2{font-size:34px;letter-spacing:-1px;margin:10px 0}.pain-grid,.feature-grid,.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.pain-grid article{border-top:2px solid #e4e9f1;padding:24px 5px}.pain-grid b{color:#b0b8c6}.pain-grid h3,.feature-grid h3{font-size:16px}.pain-grid p,.feature-grid p,.scene-grid p{color:#748095;line-height:1.8;font-size:12px}.features{background:#f6f8fc}.section-title{text-align:center}.section-title p{color:#758095}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-grid article{background:#fff;border:1px solid #e6eaf1;border-radius:13px;padding:23px}.feature-grid .wide{grid-column:span 2}.feature-grid .dark{background:#1c2940;color:#fff}.icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#e9f3ff;color:#1877f2}.purple{background:#f0ecff;color:#7659e8}.orange{background:#fff1e4;color:#ee8a36}.green{background:#e8f8f2;color:#1fa97a}.pink{background:#ffedf2;color:#e6627a}.tags{display:flex;gap:7px;margin-top:17px}.tags span{font-size:9px;padding:5px 8px;border-radius:5px;background:#edf4ff;color:#3976cd}.sync-line{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:10px}.sync-line span,.sync-line b{padding:9px 12px;border-radius:7px;background:#2b3951}.workflow{background:linear-gradient(135deg,#176edf,#584de4);padding:90px max(7vw,35px);text-align:center;color:#fff}.light>span,.light p{color:#c9d8ff}.steps{display:flex;align-items:center;justify-content:center;margin:45px 0}.steps article{width:210px}.steps article>b{display:grid;place-items:center;margin:auto;width:37px;height:37px;border-radius:50%;background:#fff;color:#3470de}.steps h3{font-size:14px}.steps p{font-size:10px;color:#d5def6;line-height:1.6}.steps>i{font-style:normal;color:#aebff1}.white{background:#fff;color:#356ad4}.scene-grid{grid-template-columns:repeat(4,1fr)}.scene-grid article{text-align:center;border:1px solid #e5eaf1;border-radius:12px;padding:25px}.scene-grid i{display:grid;place-items:center;margin:auto;width:45px;height:45px;border-radius:12px;background:#edf4ff;color:#3776d0;font-style:normal;font-weight:700}.cta{margin:10px max(7vw,35px) 85px;background:#17243a;color:#fff;border-radius:18px;padding:48px 55px;display:flex;justify-content:space-between;align-items:center}.cta span{color:#8ba9d5;font-size:11px}.cta h2{font-size:28px;margin:10px 0}.cta p{color:#a8b5c9;font-size:12px;line-height:1.8}.cta>div:last-child{text-align:right}.cta .primary{display:inline-block;margin-bottom:10px}footer{border-top:1px solid #e8ecf2;padding:30px max(7vw,35px);display:flex;align-items:center;gap:30px;color:#8b94a4}footer p{flex:1}@media(max-width:950px){.nav nav{display:none}.hero{grid-template-columns:1fr}.product{margin-top:20px}.feature-grid{grid-template-columns:1fr 1fr}.scene-grid{grid-template-columns:1fr 1fr}.steps{flex-wrap:wrap;gap:20px}.steps>i{display:none}}@media(max-width:600px){.hero{padding:55px 20px}.hero h1{font-size:36px}.trust{flex-wrap:wrap}.mini-stats{grid-template-columns:1fr}.feature-grid,.pain-grid,.scene-grid{grid-template-columns:1fr}.feature-grid .wide{grid-column:auto}.problem>div:first-child,.cta{display:block}.float-card{position:relative;right:auto;bottom:auto;margin-top:10px}.cta>div:last-child{text-align:left;margin-top:25px}}