:root{--green:#2aa846;--deep:#21262c;--text:#4e5969;--muted:#8f959e;--line:#ebebeb;--pale:#f6fbf7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--deep);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1200px,calc(100% - 48px));margin:0 auto}
.notice{height:34px;background:linear-gradient(90deg,#2aa846,#8edc97);color:#fff;text-align:center;font-size:13px;line-height:34px}.siteHeader{height:72px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.04);position:relative;z-index:10}.navInner{height:100%;display:flex;align-items:center}.logo img{width:208px;height:auto;display:block}.navInner nav{display:flex;gap:28px;margin-left:auto;font-size:14px}.navInner nav a:hover{color:var(--green)}.navActions{display:flex;gap:10px;margin-left:32px}.outlineBtn,.greenBtn{height:38px;padding:0 23px;border:1px solid var(--green);border-radius:5px;color:var(--green);display:inline-flex;align-items:center;justify-content:center;font-size:14px;letter-spacing:.5px}.greenBtn{background:var(--green);color:#fff}.greenBtn:hover{background:#238e3b}.greenBtn.small{height:38px}
.referenceHero{height:520px;position:relative;overflow:hidden}.heroBg{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-1}.heroGrid{height:100%;display:grid;grid-template-columns:490px 1fr;align-items:center;gap:65px}.heroCopy h1{font-size:40px;line-height:1.45;color:var(--green);margin:0;font-weight:700;letter-spacing:.3px}.heroCopy p{font-size:16px;line-height:28px;color:var(--text);margin:20px 0 34px}.heroBtn{width:152px;height:54px;font-size:16px}.heroBtn span{margin-left:8px}.heroVisual img{width:600px;height:auto;display:block;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-7px)}}
.stats{height:250px;background:var(--green);color:#fff}.statsGrid{height:100%;display:flex;align-items:center;justify-content:space-between}.statsGrid div{text-align:center;min-width:240px}.statsGrid strong{font-size:50px;display:block;letter-spacing:1px}.statsGrid span{display:block;font-size:20px;margin-top:8px}
.sectionHeading{text-align:center}.sectionHeading>span,.downloadBox>div>span{color:var(--green);font-weight:700;font-size:13px;letter-spacing:2px}.sectionHeading h2{font-size:32px;margin:12px 0 10px;letter-spacing:.5px}.sectionHeading p{color:var(--muted);font-size:15px;margin:0}.questions{padding:75px 0 90px}.questionGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:55px}.questionGrid article{border:1px solid var(--line);border-radius:4px;padding:32px 38px;display:flex;gap:22px;transition:.25s}.questionGrid article:hover{box-shadow:0 7px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.questionGrid i{font-style:normal;color:var(--green);font-size:28px;width:38px;flex:none}.questionGrid h3{font-size:20px;margin:0 0 11px;font-weight:500}.questionGrid p{font-size:14px;line-height:24px;color:var(--muted);margin:0}
.platforms{background:var(--pale);padding:75px 0 90px}.platformRow{display:flex;justify-content:center;align-items:center;gap:34px;margin-top:55px;flex-wrap:wrap}.platformRow b{width:74px;height:74px;border-radius:18px;background:white;box-shadow:0 9px 28px rgba(42,168,70,.09);display:grid;place-items:center;font-size:19px}.platformRow .wa{background:#26c45a;color:white;border-radius:50%}.platformRow .tg{background:#229ed9;color:white;border-radius:50%}.platformRow .line{background:#05c755;color:white;font-size:14px}.platformRow .meta{color:#087aea;font-size:42px}.platformRow .ig{color:#e84378;font-size:32px}.platformRow .skype{background:#00aff0;color:#fff;border-radius:50%;font-size:31px}.platformRow .more{color:var(--green);font-size:28px}
.features{padding:85px 0 100px}.featureList{margin-top:60px}.featureList>article{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:70px 0;border-bottom:1px solid var(--line)}.featureList>article.reverse .featureMock{order:2}.featureMock{height:350px;background:linear-gradient(135deg,#eaf8ee,#f8fcf9);border-radius:16px;position:relative;display:grid;place-items:center;overflow:hidden}.featureMock>span{position:absolute;font-size:150px;font-weight:700;color:rgba(42,168,70,.07);right:20px;top:-18px}.mockWindow{width:78%;height:235px;background:#fff;border-radius:8px;box-shadow:0 18px 45px rgba(31,87,45,.15);overflow:hidden;position:relative}.mockTop{height:42px;background:#2aa846;color:#fff;padding:0 15px;line-height:42px;font-size:12px}.mockTop b{float:right;font-weight:400;letter-spacing:4px;opacity:.75}.mockBody{height:193px;display:grid;grid-template-columns:90px 1fr}.mockBody aside{background:#f4f7f5;border-right:1px solid #e9eeea}.mockBody section{padding:24px}.mockBody section i{display:block;height:24px;background:#eef2ef;margin-bottom:16px;border-radius:4px}.mockBody section i:nth-child(2){width:75%;background:#ddf4e2}.mockBody section i:nth-child(3){width:45%}.featureCopy small{color:var(--green);font-size:14px}.featureCopy h3{font-size:30px;margin:12px 0 18px}.featureCopy p{font-size:16px;line-height:29px;color:var(--text);margin:0 0 25px}.featureCopy a{color:var(--green);font-size:14px;font-weight:600}
.download{background:linear-gradient(135deg,#238f3b,#35b953);padding:85px 0;color:#fff}.downloadBox{display:flex;align-items:center;justify-content:space-between}.downloadBox>div>span{color:#baf2c5}.downloadBox h2{font-size:36px;margin:12px 0}.downloadBox p{margin:0;color:#dff6e4}.downloadButtons{display:flex;gap:14px}.downloadButtons a{width:220px;background:#fff;color:var(--deep);border-radius:6px;padding:16px 18px;display:flex;align-items:center;gap:14px}.downloadButtons b{font-size:26px;color:var(--green)}.downloadButtons span{font-weight:600}.downloadButtons small{display:block;color:var(--muted);font-size:11px;margin-top:5px;font-weight:400}
footer{background:#f5f6f7;padding:65px 0 20px}.footerGrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:70px}.footerGrid img{width:231px;height:auto}.footerGrid p{color:var(--text);font-size:14px;line-height:26px}.footerGrid h3{font-size:16px;margin:4px 0 20px}.footerGrid>div{display:flex;flex-direction:column;gap:12px}.footerGrid>div:first-child{display:block}.footerGrid a{font-size:13px;color:#69717c}.footerGrid a:hover{color:var(--green)}.copyright{border-top:1px solid #dde1e4;margin-top:50px;padding-top:20px;color:#959ba3;font-size:12px}
.legal{padding:80px 0 140px;max-width:760px}.legal>a{color:var(--green)}.legal h1{font-size:52px;margin:70px 0 12px}.legal p{line-height:1.8;color:var(--text)}
@media(max-width:1000px){.navInner nav{display:none}.navActions{margin-left:auto}.heroGrid{grid-template-columns:1fr 1fr;gap:20px}.heroCopy h1{font-size:31px}.heroVisual img{width:100%}.statsGrid div{min-width:0}.featureList>article{gap:55px}.downloadBox{align-items:flex-start;gap:35px;flex-direction:column}}
@media(max-width:680px){.container{width:calc(100% - 40px)}.notice{height:auto;min-height:34px;line-height:20px;padding:7px 32px}.siteHeader{height:64px}.logo img{width:160px}.navActions .outlineBtn{display:none}.greenBtn.small{height:34px;padding:0 14px}.referenceHero{height:auto}.heroGrid{grid-template-columns:1fr;padding:42px 0 25px}.heroCopy h1{font-size:27px;line-height:1.45}.heroCopy p{font-size:13px;line-height:23px;margin:14px 0}.heroBtn{display:none}.heroVisual img{width:100%}.stats{height:116px}.statsGrid div{min-width:0}.statsGrid strong{font-size:20px}.statsGrid span{font-size:11px;line-height:17px;margin-top:4px}.sectionHeading h2{font-size:23px}.sectionHeading p{font-size:13px;line-height:21px}.questions,.features{padding:55px 0}.questionGrid{grid-template-columns:1fr;gap:18px;margin-top:32px}.questionGrid article{padding:23px 20px}.questionGrid i{display:none}.platforms{padding:55px 0}.platformRow{gap:15px;margin-top:35px}.platformRow b{width:55px;height:55px;border-radius:13px}.featureList{margin-top:25px}.featureList>article{grid-template-columns:1fr;gap:28px;padding:42px 0}.featureList>article.reverse .featureMock{order:0}.featureMock{height:260px}.mockWindow{height:185px}.mockBody{height:143px}.featureCopy h3{font-size:24px}.download{padding:55px 0}.downloadBox h2{font-size:27px}.downloadButtons{width:100%;flex-direction:column}.downloadButtons a{width:100%}.footerGrid{grid-template-columns:1fr 1fr;gap:35px}.footerGrid>div:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heroVisual img{animation:none}}