:root{--green:#145c46;--green-dark:#104735;--ink:#182b25;--muted:#7a8680;--line:#e4e9e5;--cream:#f7f9f5;--mint:#eaf2e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;line-height:1.75;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #6aa88a;outline-offset:5px}img{max-width:100%;height:auto;display:block}.container{width:min(1200px,calc(100% - 88px));margin:auto}.header{height:88px;border-bottom:1px solid var(--line);background:#fffefaed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:32px}.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-icon{background:var(--green);color:white;width:35px;height:35px;border-radius:10px;display:inline-grid;place-items:center;font-size:28px;line-height:1}.brand-light{font-size:19px;font-weight:500;letter-spacing:0;margin-left:0}nav{display:flex;gap:36px;font-size:14px;color:#59675f}nav a:hover,.inline-link:hover{color:var(--green)}.button{border:1px solid transparent;border-radius:7px;padding:14px 25px;display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--green);color:white;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--green-dark);transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button-small{padding:9px 19px;gap:22px;font-size:13px}.hero{background:radial-gradient(ellipse at 82% 43%,#eaf1e3 0,transparent 45%),#f8faf6;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:35px;align-items:center;min-height:650px;padding-top:55px;padding-bottom:70px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green);margin:0 0 24px}.status-dot{display:inline-block;width:7px;height:7px;background:#6a9d60;border-radius:50%;box-shadow:0 0 0 4px #81ab6f15}h1{font-size:clamp(35px,3.6vw,52px);line-height:1.43;letter-spacing:-2px;font-weight:750;margin:0 0 25px}.green{color:var(--green);position:relative;display:inline-block}.underline{position:absolute;bottom:0;left:0;width:100%;height:6px;background:#bdd49d;clip-path:polygon(0 40%,100% 0,96% 60%,0 100%)}.hero-description{color:#68766e;font-size:16px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.text-button{display:flex;align-items:center;gap:9px;font-size:13px}.play{width:25px;height:25px;border:1px solid #aebcaf;border-radius:50%;display:grid;place-items:center;font-size:8px;color:var(--green)}.hero-points{display:flex;gap:22px;color:#839080;font-size:11px;margin-top:26px}.hero-visual{position:relative;padding:50px 0 40px;min-width:0}.dashboard-frame{position:relative;background:white;box-shadow:0 28px 60px #2445341a;border:1px solid #dbe5d6;border-radius:10px;overflow:hidden;transform:perspective(1600px) rotateY(-6deg) rotateZ(1deg);width:110%}.window-bar{display:flex;align-items:center;gap:5px;padding:12px;background:white;border-bottom:1px solid var(--line)}.window-bar>span{width:5px;height:5px;border-radius:50%;background:#d9e0d9}.window-bar>span:first-child{background:#d6a391}.window-bar small{font-size:8px;color:#8c978e;margin:auto}.window-bar b{font-size:10px;color:#9da79b}.floating-tag{position:absolute;z-index:2;top:6px;left:16px;background:#fff;border:1px solid #e6eae3;box-shadow:0 9px 30px #3453380b;border-radius:9px;padding:12px 17px;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:600}.mini-icon{background:#edf4e7;color:#55734b;font-size:24px;width:35px;height:35px;display:grid;place-items:center;border-radius:7px}.floating-tag small,.floating-note small{display:block;color:#8f9b91;font-size:8px;font-weight:400;letter-spacing:1px;margin-top:2px}.floating-note{position:absolute;z-index:2;bottom:15px;right:-16px;background:white;box-shadow:0 15px 40px #21472e12;display:flex;align-items:center;gap:13px;padding:15px 20px;border-radius:9px;border:1px solid #e7eee2;font-size:12px}.floating-note>span{background:#e6f0df;color:var(--green);width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.floating-note b{margin-left:20px;color:#8c9e87}.visual-caption{position:absolute;bottom:-13px;right:15px;font-size:9px;color:#85907e}.orbit{position:absolute;width:480px;height:480px;border:1px solid #cbd9bf70;border-radius:50%;top:-12px;left:35px}.orbit-two{width:580px;height:580px;top:-62px;left:-15px;border-style:dashed;opacity:.5}.hero-footer{border-top:1px solid #dfe5da;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:24px;padding-bottom:24px;font-size:11px;color:#7b8878}.hero-footer>div{display:flex;gap:35px}.hero-footer>a{color:var(--green)}.section{padding:100px 0}h2{font-size:34px;font-weight:650;line-height:1.55;letter-spacing:-1px;margin:0 0 20px}h3{font-size:20px;font-weight:600;line-height:1.5;margin:0 0 12px}p{margin:0 0 16px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy{color:#64746a;font-size:15px;padding-top:32px}.muted{color:var(--muted);font-size:13px}.inline-link{font-weight:600;color:var(--green);display:inline-flex;gap:40px;font-size:13px;margin-top:10px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:52px;padding-top:35px;border-top:1px solid var(--line)}.values>div{position:relative;padding-left:44px}.values>div>span{font-size:11px;color:#8a9f89;position:absolute;left:0;top:6px}.values h3{font-size:17px;margin-bottom:8px}.values p{font-size:12px;color:var(--muted);margin:0}.features{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:30px}.section-heading h2{margin:0}.section-heading>p{font-size:13px;color:#748173;margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:white;border:1px solid #e5eae2;border-radius:12px;padding:30px;overflow:hidden;min-height:278px}.feature-wide{grid-column:span 2;display:flex;align-items:center;gap:24px;padding-right:0}.feature-copy{flex:0 0 46%}.feature-wide img{width:53%;max-width:none;align-self:flex-end;margin-bottom:-36px;border:1px solid #edf0e9;border-radius:8px;box-shadow:0 6px 20px #203e2708}.feature-icon{display:grid;place-items:center;background:#f0f4eb;color:#597c4f;width:35px;height:35px;border-radius:8px;font-size:24px;margin-bottom:22px}.feature-card p{font-size:13px;line-height:1.9;color:#7c877d}.pill{display:inline-block;font-size:10px;border:1px solid #e6eadf;border-radius:4px;padding:2px 7px;color:#7f8f73;margin-right:5px;margin-top:8px}.task-flow{display:flex;align-items:center;gap:7px;margin-top:33px;font-size:9px;white-space:nowrap}.task-flow span{background:#f5f6f3;padding:6px 8px;border-radius:5px;color:#85907b}.task-flow i{font-style:normal;color:#abb8a2}.task-flow .done{background:#e9f2e3;color:#507346}.avatar-row{display:flex;align-items:center;margin-top:30px;padding-left:5px}.avatar-row>span{width:32px;height:32px;border-radius:50%;border:3px solid white;background:#e7ecdc;color:#6d805d;font-size:9px;display:grid;place-items:center;margin-left:-5px}.avatar-row>span:nth-child(2){background:#eee5d7;color:#9a8465}.avatar-row>span:nth-child(3){background:#e1e9ed;color:#77909a}.avatar-row b{font-size:10px;color:#92a087;font-weight:400;margin-left:10px}.center-heading{text-align:center}.center-heading .eyebrow{justify-content:center}.center-heading>p:last-child{color:var(--muted);font-size:14px}.demo-tabs{display:flex;justify-content:center;gap:8px;margin:35px auto 27px}.demo-tabs button{border:1px solid transparent;background:transparent;color:#859080;padding:11px 24px;cursor:pointer;border-radius:6px;font-size:13px}.demo-tabs button[aria-selected=true]{color:var(--green);border-color:#dfe7d9;background:#f1f5ec}.demo-panel{max-width:960px;margin:auto;border:1px solid #dce5d7;border-radius:12px;overflow:hidden;box-shadow:0 22px 65px #294d3010;background:#f7f9f4}.demo-topline,.demo-bottom{padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;font-size:11px;color:#899283}.demo-topline b{font-size:12px;font-weight:500;color:#48623f;margin-left:8px}.demo-topline>span:last-child{font-size:9px;letter-spacing:1px}.demo-panel>img{width:100%;max-height:500px;object-fit:contain;object-position:top;background:#f4f6f1}.demo-bottom{border-top:1px solid var(--line);font-size:12px}.demo-bottom p{margin:0}.demo-bottom>span{font-size:10px;color:#99a293}.faq{background:#fafbf8}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.question-mark{font-size:100px;line-height:1.2;font-family:Georgia,serif;color:#dfe8d7;margin-top:35px}.faq-list{border-top:1px solid #dfe6d8}details{border-bottom:1px solid #dfe6d8;padding:23px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{color:#8a9c7e;font-size:20px;font-weight:400}details[open] summary>span{transform:rotate(45deg)}details p{color:#7d8978;font-size:13px;line-height:1.9;margin:15px 35px 0 0}.access-section{padding:40px 0 80px;background:#fafbf8}.access-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);border-radius:14px;padding:48px 60px;color:white}.access-card>div{position:relative;z-index:1}.access-card .eyebrow{color:#a3c4a8;margin-bottom:15px}.access-card h2{font-size:31px;margin-bottom:10px}.access-card p:not(.eyebrow){font-size:13px;color:#b6d1bd;margin:0}.access-actions{text-align:center;flex-shrink:0}.button-white{background:#eef3df;color:var(--green);margin-bottom:12px}.button-white:hover{background:#fff}.access-card .access-actions p{font-size:10px}.cta-decoration{position:absolute;right:12%;top:-100px;font-size:340px;line-height:1;color:#ffffff07;pointer-events:none}.footer{padding:35px 0 22px}.footer-main{display:flex;align-items:center;gap:35px;padding-bottom:32px}.footer-main .brand{font-size:19px}.footer-main .brand-icon{width:28px;height:28px;font-size:22px;border-radius:8px}.footer-main .brand-light{font-size:16px}.footer-main>p{margin:0;color:#9ba397;font-size:11px}.footer-main>a:last-child{margin-left:auto;color:#788a6c;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:#9aa392}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:14px 24px;border-radius:9px;background:#193e30;color:white;font-size:13px;z-index:50;opacity:0;visibility:hidden;transition:.2s;width:max-content;max-width:calc(100% - 32px);box-shadow:0 8px 30px #0002}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.menu-toggle{display:none}.skip-link{position:fixed;left:15px;top:-60px;padding:8px 15px;background:white;z-index:100}.skip-link:focus{top:10px}
@media(min-width:1440px){.hero-grid{min-height:700px}.hero-visual{margin-left:15px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}nav{gap:22px}.brand{font-size:20px}.brand-light{font-size:16px}.hero-grid{gap:24px;min-height:570px}h1{font-size:38px}.hero-actions{gap:15px}.hero-actions .button{padding:12px 16px;gap:16px}.hero-points{gap:13px}.floating-note{right:-5px}.feature-card{padding:25px}.feature-wide{padding-right:0}.task-flow{gap:3px}.task-flow span{padding:5px}.about-grid{gap:40px}.faq-grid{gap:50px}.access-card{padding:40px}.access-card h2{font-size:27px}}
@media(max-width:760px){html{scroll-padding-top:80px}.container{width:calc(100% - 36px)}.header{height:72px}.nav-wrap{gap:12px}.brand{font-size:19px;gap:6px}.brand-icon{width:30px;height:30px;font-size:24px}.brand-light{font-size:15px}.nav-wrap>.button{margin-left:auto;font-size:11px;padding:8px 10px;gap:10px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:transparent;width:29px;height:34px;order:3;padding:4px}.menu-toggle span{height:2px;width:21px;background:var(--green)}nav{display:none;position:absolute;left:0;right:0;top:71px;background:#fff;border-bottom:1px solid var(--line);padding:20px 25px;gap:0;box-shadow:0 15px 20px #203d2908}nav.open{display:grid;grid-template-columns:1fr 1fr}nav a{padding:10px}.hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:42px;gap:35px;min-height:auto}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.5px;margin-bottom:20px}h1{font-size:clamp(32px,7vw,46px);letter-spacing:-1px;margin-bottom:20px}.hero-description{font-size:14px}.hero-actions{justify-content:center;margin-top:25px;gap:22px}.hero-actions .button{padding:13px 20px}.hero-points{justify-content:center;gap:22px;margin-top:22px}.hero-visual{width:90%;max-width:550px;margin:auto;padding-top:50px;padding-bottom:28px}.dashboard-frame{width:100%;transform:rotate(1deg)}.floating-tag{font-size:10px;padding:9px 12px;left:-10px;top:0}.floating-tag small{font-size:7px}.floating-note{font-size:10px;padding:10px 13px;right:-14px;bottom:10px}.floating-note small{font-size:7px}.visual-caption{font-size:8px;bottom:-10px;right:0}.orbit{width:330px;height:330px;left:0;top:0}.orbit-two{width:390px;height:390px;left:-30px;top:-30px}.hero-footer{padding-top:20px;padding-bottom:20px;font-size:9px}.hero-footer>div{display:none}.section{padding:65px 0}h2{font-size:27px}.eyebrow{font-size:9px;margin-bottom:18px}.about-grid{grid-template-columns:1fr;gap:5px}.about-copy{padding-top:0;font-size:14px}.values{gap:20px;margin-top:30px;padding-top:25px}.values>div{padding-left:0}.values>div>span{position:static;display:block;margin-bottom:8px}.values h3{font-size:15px}.values p{font-size:11px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:15px;font-size:12px}.feature-grid{grid-template-columns:1fr 1fr;gap:14px}.feature-card{padding:23px 18px;min-height:235px}.feature-wide{grid-column:span 2;padding-right:0;min-height:260px}.feature-card h3{font-size:18px}.feature-card p{font-size:12px}.feature-icon{margin-bottom:18px}.feature-wide img{margin-bottom:-25px}.task-flow{flex-wrap:wrap;gap:5px;margin-top:23px;font-size:8px}.avatar-row{flex-wrap:wrap;margin-top:22px}.avatar-row b{font-size:9px;margin:8px 0 0;width:100%}.demo-tabs{gap:3px;margin-top:25px}.demo-tabs button{padding:10px 12px;font-size:11px}.demo-topline{padding:12px 15px}.demo-topline>span:last-child{font-size:7px}.demo-bottom{display:block;padding:12px 15px;font-size:11px}.demo-bottom>span{display:block;font-size:9px;margin-top:4px}.faq-grid{grid-template-columns:1fr;gap:22px}.question-mark{display:none}.faq-grid h2{margin-bottom:10px}.faq-grid>.muted{margin:0}details{padding:20px 0}summary{font-size:14px}.access-section{padding:0 0 45px}.access-card{padding:33px 25px;flex-direction:column;align-items:flex-start;gap:25px}.access-card h2{font-size:25px}.access-card p:not(.eyebrow){font-size:12px}.access-actions{width:100%;text-align:left}.access-actions .button{width:100%;justify-content:space-between}.access-card .access-actions p{text-align:center;font-size:10px}.footer{padding-top:25px}.footer-main{flex-wrap:wrap;gap:15px;padding-bottom:22px}.footer-main>p{order:3;width:100%;font-size:10px}.footer-main>a:last-child{font-size:10px}.footer-bottom{gap:15px;font-size:9px}.toast{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:380px){.nav-wrap{gap:8px}.brand{font-size:17px;gap:4px}.brand-icon{width:26px;height:26px;font-size:22px}.brand-light{font-size:13px}.nav-wrap>.button{padding:8px;gap:6px}.menu-toggle{width:26px}.hero-actions{gap:14px}.hero-actions .button{padding:12px 16px}.hero-points{gap:16px}}
.system-link{cursor:pointer}