:root{--ink:#17312d;--muted:#60736d;--green:#0c6b55;--green-dark:#0d493e;--mint:#b7e9c8;--cream:#f6f5ef;--paper:#fffefa;--line:#dce3da;--wrap:1280px;font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:960px;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}img,svg{display:block}img{max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p,figure{margin:0}ul{list-style:none;margin:0;padding:0}.wrap{width:min(var(--wrap),calc(100% - 96px));margin:auto}.section{scroll-margin-top:88px}.skip-link{position:fixed;z-index:100;top:-60px;left:24px;padding:10px 16px;background:var(--green-dark);color:white;border-radius:0 0 10px 10px}.skip-link:focus{top:0}:focus-visible{outline:3px solid #e1a55a;outline-offset:4px}

.site-header{position:sticky;top:0;z-index:50;height:84px;background:rgba(250,249,244,.94);border-bottom:1px solid rgba(23,49,45,.08);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:38px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:19px;font-weight:800;white-space:nowrap;letter-spacing:-.035em}.brand-mark{position:relative;width:37px;height:37px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--green-dark);color:white;font-size:23px;font-weight:800;line-height:1}.brand-mark>span{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;display:grid;place-items:center;border:2px solid var(--cream);border-radius:50%;background:#9adfb3;color:var(--green-dark);font-size:10px}.header-nav{display:flex;align-items:center;gap:38px;margin-left:auto}.header-nav a{font-size:15px;color:#50645e;transition:color .2s}.header-nav a:hover{color:var(--green)}.header-download{min-width:134px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 16px 10px 20px;border:1px solid var(--green-dark);border-radius:50px;color:var(--green-dark);font-size:15px;font-weight:700;transition:background .2s,color .2s}.header-download:hover{background:var(--green-dark);color:white}.header-download span{font-size:21px;line-height:1}

.hero{position:relative;overflow:hidden;min-height:690px;padding:76px 0 92px;background:var(--cream)}.hero-pattern{position:absolute;left:-110px;bottom:-230px;width:460px;height:460px;border:1px solid #dae7da;border-radius:50%;box-shadow:0 0 0 58px rgba(226,235,224,.42),0 0 0 116px rgba(226,235,224,.26)}.hero-grid{position:relative;display:grid;grid-template-columns:45% 55%;align-items:center;gap:8px}.hero-copy{position:relative;z-index:2;padding:24px 16px 16px 0}.eyebrow,.kicker{display:flex;align-items:center;gap:12px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.07em}.eyebrow-line{width:22px;height:2px;background:var(--green)}.hero h1{margin:26px 0 27px;font-size:clamp(48px,4.3vw,65px);line-height:1.29;letter-spacing:-.065em;font-weight:900;color:var(--green)}.hero h1 span{display:inline-block;margin-top:8px;font-size:.58em;letter-spacing:-.02em;color:var(--ink)}.hero-lead{max-width:485px;color:#5c7069;font-size:18px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:39px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:0 25px;border-radius:11px;font-size:17px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button svg{width:23px;height:23px;stroke-width:2.2}.button-primary{background:var(--green);color:white;box-shadow:0 13px 26px rgba(9,92,73,.19)}.button-primary:hover{background:#09533f;box-shadow:0 16px 28px rgba(9,92,73,.25)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-weight:750;border-bottom:1px solid #9bb9a7;padding:7px 0}.text-link span{font-size:19px}.text-link:hover{color:#129371}.hero-assurance{display:flex;flex-wrap:wrap;gap:18px;margin-top:56px;color:#61776c;font-size:13px}.hero-assurance span{display:flex;align-items:center;gap:6px;white-space:nowrap}.hero-assurance i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#d4edda;color:var(--green);font-size:12px;font-style:normal;font-weight:800}.hero-visual{position:relative;min-height:526px;display:flex;align-items:center;justify-content:center;padding:44px 0 36px 36px}.hero-visual:before{content:"";position:absolute;inset:0 0 0 70px;border-radius:210px 22px 22px 22px;background:#dceee2}.hero-visual:after{content:"";position:absolute;top:-24px;right:-22px;width:136px;height:136px;border-radius:50%;border:1px solid #b9d7c7}.visual-label{position:absolute;z-index:4;top:28px;right:18px;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:30px;background:#fefdf8;color:#435c51;font-size:12px;font-weight:750;box-shadow:0 7px 24px rgba(13,73,62,.09)}.live-dot{width:7px;height:7px;display:inline-block;flex:none;border-radius:50%;background:#34b67d;box-shadow:0 0 0 4px #e0f4e8}.hero-window{position:relative;z-index:2;width:100%;overflow:hidden;border:7px solid white;border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(10,67,52,.2)}.window-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #e7eee9;color:#789188;font-size:11px;font-weight:700}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#b5cfc2}.window-dots i:first-child{background:#7abf9b}.window-bar-mark{font-weight:900;color:var(--green)}.hero-window img{width:100%;height:auto}.floating-note{position:absolute;z-index:3;left:-18px;bottom:3px;display:flex;align-items:center;gap:10px;padding:12px 21px 12px 12px;border:1px solid #d6e6dc;border-radius:13px;background:white;box-shadow:0 15px 36px rgba(21,76,61,.12)}.floating-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#d9f1e0;color:var(--green);font-weight:900;font-size:20px}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:13px}.floating-note small{font-size:11px;color:#7b9185}.hero-side-note{position:absolute;right:-22px;top:50%;transform:rotate(90deg);color:#809589;font-size:10px;letter-spacing:.1em}

.principles{background:#fffefa;border-top:1px solid #e6e9df;border-bottom:1px solid #e6e9df}.principles-grid{min-height:138px;display:grid;grid-template-columns:1.55fr repeat(3,1fr);align-items:center}.principles-intro{font-size:17px;line-height:1.5;color:#728078}.principles-intro strong{color:var(--ink);font-size:20px}.principle{min-height:68px;display:flex;flex-direction:column;justify-content:center;padding-left:36px;border-left:1px solid var(--line)}.principle span{color:var(--green);font-size:12px;font-weight:800}.principle strong{font-size:18px;line-height:1.4}.principle small{color:#7a8b80;font-size:13px}

.features{padding:116px 0 92px;background:#fffefa}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:44px}.kicker{margin-bottom:19px}.kicker span{font-weight:600;color:#a1b1a5}.section-heading h2,.preview h2,.safety h2,.download-card h2{font-size:clamp(39px,3.5vw,53px);font-weight:900;line-height:1.3;letter-spacing:-.06em}.section-heading>p{max-width:360px;padding-bottom:6px;color:#6f8076;font-size:16px;line-height:1.95}.feature-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:18px}.feature-card{position:relative;min-height:453px;overflow:hidden;display:flex;flex-direction:column;padding:28px;border:1px solid #e4e9df;border-radius:17px}.feature-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.feature-no{font-size:13px;font-weight:800;letter-spacing:.03em}.feature-arrow{width:31px;height:31px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:19px;line-height:1}.feature-copy{position:relative;z-index:2;margin-top:auto}.feature-copy h3{font-size:25px;font-weight:850;line-height:1.43;letter-spacing:-.045em}.feature-copy p{max-width:330px;margin-top:13px;color:#738279;font-size:14px;line-height:1.85}.feature-primary{background:#e6f3e9}.feature-primary .feature-no,.feature-light .feature-no{color:var(--green)}.feature-primary .feature-copy{margin-top:38px}.feature-primary .feature-copy p{color:#54766a}.feature-primary .file-list{display:grid;gap:7px;margin-top:34px}.file-list>div{display:flex;align-items:center;gap:11px;height:38px;padding:0 11px;border-radius:7px;background:rgba(255,255,255,.75);color:#33584e;font-size:12px;font-weight:700}.file-list i{width:45px;height:5px;margin-left:auto;border-radius:5px;background:#afdbc2}.file-list>div:nth-child(2) i{width:62px}.file-list>div:nth-child(3) i{width:28px}.file-check{width:18px;height:18px;display:grid;place-items:center;border-radius:4px;background:var(--green);color:white;font-size:11px}.feature-light{background:#f5f3eb}.folder-art{position:relative;width:183px;height:140px;margin:38px auto 35px}.folder-back{position:absolute;top:10px;left:8px;width:120px;height:35px;border-radius:9px 9px 0 0;background:#d4d8c8;transform:rotate(-8deg)}.folder-front{position:absolute;inset:26px 0 6px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:13px;background:#b9d9c1;transform:rotate(-8deg);box-shadow:14px 17px 0 rgba(19,81,65,.08)}.folder-front span{height:9px;width:29px;border-radius:5px;background:#eef7ec}.feature-dark{background:#104f42;color:white;border-color:#104f42}.feature-dark .feature-no{color:#c6ebd4}.feature-dark .feature-copy p{color:#b3cec2}.rings-art{position:relative;width:175px;height:175px;margin:24px auto 25px}.rings-art>span{position:absolute;inset:12px;border:1px solid rgba(177,230,195,.45);border-radius:50%}.rings-art>span:nth-child(2){inset:32px;border-color:rgba(177,230,195,.65)}.rings-art .rings-core{inset:51px;display:grid;place-items:center;background:#b6e7c5;color:#104f42;border:0;font-size:35px;font-weight:900}.more-features{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding:20px 0;border-top:1px solid var(--line);color:#829188;font-size:14px}.more-features p{display:flex;align-items:center;gap:25px}.more-features b{color:#3d6051;font-weight:700}.more-features i{width:4px;height:4px;border-radius:50%;background:#b7c8b9}

.preview{overflow:hidden;padding:106px 0 115px;background:#eef3ea}.preview-grid{display:grid;grid-template-columns:37% 63%;gap:26px;align-items:center}.preview-copy{padding-right:28px}.preview h2 em{font-style:normal;color:var(--green)}.preview-lead{max-width:365px;margin:25px 0 34px;color:#657a6d;line-height:1.95}.preview-points{border-top:1px solid #ccd9cb}.preview-points li{display:flex;align-items:center;gap:21px;padding:13px 0;border-bottom:1px solid #ccd9cb}.preview-points li>span{font-size:13px;font-weight:800;color:var(--green)}.preview-points strong,.preview-points small{display:block}.preview-points strong{font-size:16px}.preview-points small{color:#789083;font-size:13px}.preview-shot{position:relative;min-width:0;margin:0 0 0 26px;padding:40px 22px 25px;border-radius:165px 20px 20px 20px;background:#dce9dc}.preview-shot img{width:100%;border:7px solid #fff;border-radius:15px;box-shadow:0 25px 55px rgba(13,73,62,.17)}.preview-shot-label{position:absolute;z-index:2;right:35px;top:12px;display:flex;align-items:center;gap:8px;color:#426253;font-size:12px;font-weight:800}.preview-shot figcaption{margin-top:13px;color:#7c9183;text-align:right;font-size:11px}

.safety{padding:113px 0 118px;background:#0c493e;color:white}.safety-grid{display:grid;grid-template-columns:42% 58%;gap:35px;align-items:center}.kicker-light{color:#b7e9c8}.kicker-light span{color:#83ac99}.safety-copy{padding-right:45px}.safety-copy>p:not(.kicker){max-width:420px;margin-top:25px;color:#b8d1c6;line-height:2}.safety-link{display:inline-flex;align-items:center;gap:10px;margin-top:31px;padding-bottom:4px;border-bottom:1px solid #8ac1a5;color:#d1f0d9;font-weight:750}.safety-link:hover{color:white}.safety-panel{padding:29px 35px 18px;border:1px solid rgba(218,248,223,.21);border-radius:20px;background:#14584b;box-shadow:0 24px 55px rgba(3,37,30,.14)}.safety-panel-title{display:flex;align-items:center;gap:15px;margin-bottom:16px;font-size:19px;font-weight:850}.shield-icon{width:49px;height:54px;display:grid;place-items:center;color:#b8e9c7}.shield-icon svg{width:40px;height:45px;stroke-width:3}.safety-row{display:flex;align-items:center;gap:20px;padding:21px 0;border-top:1px solid rgba(220,247,225,.17)}.safety-row>span{align-self:flex-start;color:#9bcdb1;font-size:13px;font-weight:800}.safety-row div{flex:1}.safety-row strong,.safety-row small{display:block}.safety-row strong{font-size:16px}.safety-row small{margin-top:2px;color:#abcabe;font-size:13px}.safety-row b{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(183,233,200,.6);border-radius:50%;color:#b7e9c8;font-size:14px}

.steps{padding:111px 0 105px;background:#fffefa}.steps-heading{margin-bottom:47px}.steps-heading h2{font-size:45px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{min-height:206px;padding:26px 29px;border:1px solid #e2e7dc;border-radius:15px;background:#f7f7f1}.step-number{color:var(--green);font-size:31px;font-weight:900;line-height:1;letter-spacing:-.05em}.step-line{width:100%;height:1px;margin:22px 0;background:#d9e3d7}.step h3{font-size:19px;letter-spacing:-.025em}.step p{margin-top:5px;color:#708277;font-size:14px}

.download-section{padding:0 0 90px;background:#fffefa}.download-card{position:relative;overflow:hidden;min-height:336px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 70px;border-radius:22px;background:#185c4c;color:white}.download-card:before{content:"";position:absolute;right:14%;top:-110px;width:400px;height:400px;border:1px solid rgba(204,244,214,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(204,244,214,.045),0 0 0 140px rgba(204,244,214,.035)}.download-copy,.download-action{position:relative;z-index:2}.download-card h2{font-size:51px}.download-copy>p:last-child{margin-top:17px;color:#c3ded0;font-size:14px}.download-action{display:flex;flex-direction:column;align-items:center;gap:13px}.button-download{min-width:258px;justify-content:space-between;background:#c1edce;color:#124d40;box-shadow:0 15px 32px rgba(3,36,28,.2)}.button-download:hover{background:#e1f9e6}.button-download b{font-size:24px;line-height:1;font-weight:400}.download-action>span{color:#c6e0d0;font-size:12px}.download-decoration{position:absolute;right:43%;bottom:-141px;color:rgba(212,245,221,.07);font-size:390px;font-weight:900;line-height:1}

.site-footer{background:#f0f2e9}.footer-main{min-height:125px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #dce2d8}.footer-main p{margin-left:15px;color:#718275;font-size:14px}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:32px;height:32px;font-size:20px}.back-top{margin-left:auto;color:var(--green);font-size:13px;font-weight:800}.back-top:hover{text-decoration:underline}.footer-bottom{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8a988d;font-size:12px}.company-info{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 18px}.company-info span:empty{display:none}

@media(max-width:1200px){.wrap{width:calc(100% - 60px)}.header-nav{gap:20px}.hero h1{font-size:53px}.hero-assurance{gap:9px}.feature-copy h3{font-size:22px}.preview-grid{grid-template-columns:39% 61%}.preview h2{font-size:44px}}
@media(max-width:1020px){body{min-width:800px}.wrap{width:calc(100% - 48px)}.header-nav{gap:13px}.header-nav a{font-size:13px}.brand{font-size:16px}.hero-grid{grid-template-columns:46% 54%}.hero h1{font-size:46px}.hero-lead{font-size:16px}.hero-visual{min-height:460px}.hero-assurance{font-size:11px}.feature-card{padding:22px}.feature-copy h3{font-size:20px}.feature-copy p{font-size:12px}.safety h2{font-size:43px}.download-card{padding:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
#download{scroll-margin-top:88px}

.heading-centered{flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;text-align:center}
.heading-centered .kicker{justify-content:center}
.heading-centered>p{max-width:640px}
.clean-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.clean-item{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:122px;padding:22px 56px 22px 24px;border:1px solid #e4e9df;border-radius:14px;background:#fffefa;transition:transform .2s,box-shadow .2s}
.clean-item:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(13,73,62,.08)}
.clean-head{display:flex;align-items:center;gap:10px}
.clean-head h3{font-size:17px;font-weight:800;letter-spacing:-.02em}
.clean-tag{flex:none;padding:3px 9px;border-radius:6px;background:#e6f3e9;color:var(--green);font-size:11px;font-weight:800;line-height:1.5}
.clean-item p{color:#738279;font-size:13px;line-height:1.8}
.clean-item>svg{position:absolute;right:22px;bottom:20px;width:22px;height:22px;color:#9fbcae;stroke-width:2}
@media(max-width:1200px){.clean-grid{gap:14px}.clean-item{padding:18px 48px 18px 20px}}
@media(max-width:1020px){.clean-grid{grid-template-columns:repeat(2,1fr)}}

.safety .section-heading{margin-bottom:46px}
.marquee{display:flex;flex-direction:column;gap:18px;width:100%;overflow:hidden}
.marquee-track{display:flex;width:max-content;animation:marqueeScroll 48s linear infinite;will-change:transform}
.marquee-track.marquee-reverse{animation-direction:reverse;animation-duration:56s}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marqueeScroll{to{transform:translateX(-50%)}}
.quote-card{flex:none;width:max(300px,calc(16.666667vw - 18px));min-height:190px;display:flex;flex-direction:column;justify-content:space-between;margin:0 18px 0 0;padding:26px 28px 22px;border:1px solid rgba(218,248,223,.18);border-radius:16px;background:#14584b}
.quote-card p{margin:0;color:#d9eee1;font-size:15px;line-height:1.9}
.quote-meta{display:flex;align-items:center;gap:10px;margin-top:18px}
.quote-avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:#1f6b58;color:#b7e9c8;font-size:13px;font-weight:800}
.quote-meta b{font-size:13px;color:#eaf7ee;font-weight:700}
.quote-meta small{font-size:12px;color:#9bcdb1}
.testimonial-note{margin:28px auto 0;text-align:center;color:#8fb5a4;font-size:12px}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee-dup{display:none}}
.preview-grid{grid-template-columns:minmax(0,37fr) minmax(0,63fr)}
.preview-shot img{height:auto}
@media(max-width:1200px){.preview-grid{grid-template-columns:minmax(0,39fr) minmax(0,61fr)}}
