:root{--ink:#17201d;--muted:#66716d;--green:#277354;--green-dark:#18503a;--green-soft:#e9f1ec;--warm:#a96f32;--warm-soft:#f7eee2;--line:#dfe5e1;--surface:#fff;--page:#f8f9f6;--shadow:0 22px 60px rgba(27,51,41,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--page);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}main{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 40px));height:68px;margin:0 auto;background:rgba(251,250,246,.92);backdrop-filter:blur(16px)}.site-header:before{content:"";position:fixed;z-index:-1;top:0;left:0;right:0;height:68px;border-bottom:1px solid rgba(39,115,84,.09);background:rgba(251,250,246,.92)}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--green);font-size:15px;font-weight:900}.site-header nav{display:flex;gap:26px;color:#66726d;font-size:12px;font-weight:700}.site-header nav a:hover{color:var(--green)}
.hero{position:relative;z-index:0;display:grid;grid-template-columns:minmax(350px,.75fr) minmax(560px,1.25fr);align-items:center;gap:70px;width:min(1160px,calc(100% - 40px));min-height:610px;margin:0 auto;padding:68px 0 94px}.hero:before,.products:before,.assurance:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%)}.hero:before{border-bottom:1px solid #e2e8e3;background:linear-gradient(180deg,#fbfaf6 0%,#f5f8f4 100%)}.eyebrow{display:inline-flex;margin:0 0 18px;padding:5px 10px;border:1px solid #d7e2da;border-radius:999px;color:var(--green);background:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}.hero h1{margin-bottom:20px;font-size:clamp(38px,4vw,52px);line-height:1.12;letter-spacing:-.045em}.lead{max-width:475px;margin-bottom:28px;color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:var(--green);box-shadow:0 10px 25px rgba(39,115,84,.18)}.button.secondary{color:var(--green-dark);border-color:#ccd9d1;background:#fff}.button.full{width:100%}.text-button{color:var(--green-dark);font-size:12px;font-weight:800}.text-button span{margin-left:5px}.hero-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.hero-meta span{padding:5px 9px;border-radius:999px;color:#74807a;background:#edf1ee;font-size:10px;font-weight:700}.hero-preview{overflow:hidden;margin:0;border:1px solid #dce3de;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.window-bar{display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-bottom:1px solid #e8ece9;color:#63706a;background:#fafbfa;font-size:10px;font-weight:800}.window-bar i{width:7px;height:7px;border-radius:50%;background:#d9dfdb}.window-bar i:first-child{background:#e59a92}.window-bar i:nth-child(2){background:#e7c778}.window-bar i:nth-child(3){background:#82bf96}.window-bar span{margin-left:5px}.hero-preview img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.section{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:86px 0}.products,.assurance{position:relative;z-index:0}.products:before{border-bottom:1px solid #dfe7e1;background:#edf3ee}.assurance:before{background:#fff}.section-title{margin-bottom:34px;text-align:center}.section-title>p,.assurance-title>p{margin-bottom:8px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.08em}.section-title h2,.assurance-title h2{margin-bottom:9px;font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.035em}.section-title>span{color:var(--muted);font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 12px 35px rgba(27,51,41,.06)}.product-card.featured{border-color:#c9dace}.product-image{padding:12px 12px 0;background:#f0f4f1}.product-card:not(.featured) .product-image{background:#f7f1e8}.product-image img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border:1px solid rgba(23,32,29,.08);border-radius:9px 9px 0 0}.product-body{padding:25px}.tags{display:flex;gap:6px;margin-bottom:16px}.tags span{padding:4px 8px;border-radius:999px;color:#276a4c;background:var(--green-soft);font-size:9px;font-weight:800}.tags.warm span{color:#885c2d;background:var(--warm-soft)}.product-type{margin-bottom:2px;color:var(--green);font-size:10px;font-weight:800}.product-body h3{margin-bottom:10px;font-size:27px;line-height:1.2}.product-summary{min-height:76px;margin-bottom:18px;color:var(--muted);font-size:12px;line-height:1.8}.product-body ul{display:grid;gap:7px;min-height:87px;margin:0 0 20px;padding:0;list-style:none;color:#58645f;font-size:11px}.product-body li{position:relative;padding-left:17px}.product-body li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.download-info{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;padding-top:16px;border-top:1px solid var(--line)}.download-info strong{font-size:12px}.download-info span{color:#84908a;font-size:9px}.guide-link{display:block;margin-top:10px;text-align:center;color:#68746e;font-size:10px;font-weight:700}.guide-link:hover{color:var(--green)}
.assurance-title{max-width:650px;margin-bottom:32px}.assurance-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.assurance-items>div{padding:22px;border:1px solid var(--line);border-radius:13px;background:#f8faf8}.assurance-items span{display:block;margin-bottom:25px;color:var(--warm);font-size:10px;font-weight:900}.assurance-items strong{display:block;margin-bottom:7px;font-size:14px}.assurance-items p{margin:0;color:var(--muted);font-size:11px}.trial-note{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:start;margin-top:18px;padding:24px;border-radius:13px;color:#fff;background:var(--green-dark)}.trial-note strong{font-size:14px}.trial-note p{margin:0;color:rgba(255,255,255,.72);font-size:11px}.signature-note{margin:12px 0 0;color:#87918c;font-size:9px;text-align:center}
.site-footer{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:28px 0 34px;border-top:1px solid var(--line);color:#75807b;font-size:10px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{display:flex;align-items:center;gap:10px}.brand-mark.small{width:29px;height:29px;border-radius:8px;font-size:12px}.footer-brand p{margin:1px 0 0}.contact{display:flex;gap:18px}.footer-bottom{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.footer-bottom a{color:var(--green);font-weight:700}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:38px;min-height:auto}.hero-copy{max-width:620px}.product-grid{grid-template-columns:1fr}.product-summary,.product-body ul{min-height:0}.assurance-items{grid-template-columns:1fr}.trial-note{grid-template-columns:1fr;gap:8px}}
@media(max-width:560px){.site-header,.hero,.section,.site-footer{width:min(100% - 28px,1080px)}.site-header{height:62px}.site-header:before{height:62px}.site-header nav{gap:14px}.site-header nav a:last-child{display:none}.hero{padding:52px 0 70px}.hero h1{font-size:36px;line-height:1.14}.lead{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-preview{border-radius:11px}.section{padding:65px 0}.product-body{padding:21px}.assurance-items>div{padding:20px}.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column}.contact{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}