:root{--ink:#20382c;--ink-soft:#53665a;--green:#4e755d;--green-deep:#234638;--green-dark:#17382c;--mint:#eaf1e7;--cream:#f7f8f2;--line:#dce5db;--white:#fff;--orange:#d08e5a;--shadow:0 24px 70px rgba(34,66,46,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.78}.container{width:min(100% - 64px,1210px);margin-inline:auto}.skip-link{position:absolute;top:-60px;left:20px;z-index:100;background:#fff;padding:12px 18px}.skip-link:focus{top:14px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d0925e;outline-offset:4px;border-radius:6px}
.site-header{position:sticky;top:0;z-index:50;height:76px;background:rgba(247,248,242,.86);backdrop-filter:blur(22px);border-bottom:1px solid rgba(78,117,93,.09)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand,.footer-brand{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:750;letter-spacing:-.06em;color:var(--green-deep)}.brand-mark{width:31px;height:31px;fill:currentColor;flex:none}.desktop-nav{display:flex;gap:34px;margin-left:auto;font-size:13px;font-weight:550;color:#587060}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--green-deep)}.header-cta{background:var(--green-deep);color:#fff;padding:12px 19px;border-radius:999px;font-size:13px;font-weight:650;white-space:nowrap;transition:transform .2s,background .2s}.header-cta:hover,.button-primary:hover{background:#2f5c48;transform:translateY(-2px)}.header-cta span{margin-left:10px;font-size:16px}
.hero{position:relative;overflow:hidden;min-height:720px;background:radial-gradient(circle at 66% 35%,#e2eddf 0%,#f7f8f2 45%,#f7f8f2 100%)}.hero-glow{position:absolute;width:820px;height:820px;border-radius:50%;border:1px solid rgba(87,127,98,.1);right:-290px;top:-160px;pointer-events:none}.hero-glow:after{content:"";position:absolute;inset:85px;border:1px solid rgba(87,127,98,.09);border-radius:50%}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:20px;min-height:720px}.hero-copy{position:relative;z-index:2;padding:68px 0 75px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.14em}.eyebrow{margin-bottom:28px}.eyebrow-dot{width:7px;height:7px;background:#7da785;border-radius:50%;box-shadow:0 0 0 5px rgba(125,167,133,.15)}.hero h1{font-size:clamp(49px,5vw,75px);line-height:1.2;letter-spacing:-.07em;margin-bottom:28px;font-weight:720}.hero h1 em,.closing-inner h2 em{font-style:normal;color:var(--green)}.hero-lead{max-width:520px;color:var(--ink-soft);font-size:17px;line-height:1.95;margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:999px;padding:17px 26px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,color .2s}.button span{font-size:18px;font-weight:400}.button-primary{background:var(--green-deep);color:#fff}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:14px;font-weight:650;border-bottom:1px solid #a6b7a8;padding:8px 0;transition:gap .2s}.text-link:hover{gap:20px}.hero-footnote{display:flex;align-items:center;gap:12px;color:#829588;font-size:11px;margin-top:64px;letter-spacing:.025em}.footnote-line{height:1px;width:24px;background:#a9bdac}
.hero-visual{height:640px;position:relative;display:flex;align-items:center;justify-content:center}.visual-orbit{position:absolute;border-radius:50%;border:1px solid rgba(66,111,81,.12)}.orbit-one{width:560px;height:560px;right:-45px;top:24px}.orbit-two{width:430px;height:430px;right:20px;top:88px}.app-window{position:relative;z-index:2;width:min(100%,610px);height:430px;background:#fdfefa;border:1px solid rgba(70,104,76,.16);border-radius:20px;box-shadow:0 38px 85px rgba(30,69,43,.18),0 7px 22px rgba(34,71,43,.08);overflow:hidden;transform:rotate(-2deg) translate(15px,8px)}.app-topbar{height:37px;border-bottom:1px solid #e9eee7;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#fbfcf9;color:#8a9c8d;font-size:9px}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:6px;height:6px;background:#c8d6c8;border-radius:50%}.window-dots i:first-child{background:#dbb9a9}.topbar-mark{font-size:11px;color:#4a745b;font-weight:800}.app-content{display:flex;height:calc(100% - 37px)}.app-sidebar{background:#eff4ed;width:150px;display:flex;flex-direction:column;padding:17px 12px;gap:5px;border-right:1px solid #e3ebe0}.sidebar-logo{font-size:15px;font-weight:800;color:#3d6b50;margin:2px 0 20px 10px}.sidebar-item{border-radius:8px;padding:10px 12px;color:#738b78;font-size:12px;white-space:nowrap}.sidebar-item b{font-weight:550;margin-left:10px}.sidebar-item.active{background:#dfeade;color:#3d6f50}.sidebar-spacer{flex:1}.sidebar-bottom{color:#90a092;font-size:9px;padding:8px}.app-main{flex:1;padding:26px 29px 20px;position:relative;min-width:0}.app-main-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.app-main-heading small{display:block;color:#9bac9d;font-size:9px;margin-bottom:6px}.app-main-heading strong{font-size:17px;font-weight:700}.app-date{font-size:10px;color:#a9b7aa;letter-spacing:.08em}.focus-card{background:#fff;border:1px solid #e5ece4;border-radius:12px;padding:17px 20px 14px;box-shadow:0 7px 18px rgba(47,82,52,.04)}.card-top{display:flex;align-items:center;justify-content:space-between}.card-label{display:inline-flex;align-items:center;gap:6px;color:#5e8766;font-size:9px;font-weight:700}.label-dot{width:6px;height:6px;border-radius:50%;background:#81aa86}.card-arrow{color:#9bb39d}.focus-card h3{font-size:15px;margin:10px 0 6px}.focus-card p{color:#7d8d7f;font-size:10px;line-height:1.6;margin-bottom:13px}.card-meta{background:#f5f8f2;border-radius:7px;padding:8px 10px;display:flex;gap:13px;font-size:9px}.card-meta span{color:#9aaa9b}.card-meta b{color:#52765b;font-weight:650}.source-line{border-top:1px solid #edf1ec;margin-top:13px;padding-top:10px;font-size:8px;color:#a2afa3}.source-icon{font-size:14px;margin-right:5px}.mini-card{display:flex;align-items:center;gap:10px;margin-top:11px;padding:12px;border:1px solid #e7eee6;background:#fcfdfb;border-radius:10px}.mini-symbol{width:26px;height:26px;border-radius:7px;background:#ecf3eb;color:#75a07c;display:grid;place-items:center;font-size:13px}.mini-card div{display:flex;flex-direction:column;gap:3px}.mini-card strong{font-size:10px}.mini-card small{font-size:8px;color:#a3b1a4}.mini-quiet{font-size:8px;color:#a6b4a7;margin-left:auto;white-space:nowrap}.app-input{position:absolute;bottom:14px;left:29px;right:29px;height:38px;border:1px solid #e4ece3;border-radius:8px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 9px;color:#a1b0a2;font-size:9px;box-shadow:0 4px 12px rgba(42,73,45,.04)}.input-plus{font-size:18px;color:#829d87}.input-send{margin-left:auto;background:#507b5c;color:#fff;border-radius:6px;width:21px;height:21px;display:grid;place-items:center;font-size:13px}.floating-note{position:absolute;z-index:4;left:0;bottom:105px;display:flex;align-items:center;gap:12px;padding:13px 18px;background:#fff;border:1px solid #e5eee4;border-radius:13px;color:#54745d;font-size:11px;font-weight:600;line-height:1.5;box-shadow:var(--shadow);transform:rotate(3deg)}.note-spark{font-size:18px;color:#9fbd91}.visual-caption{position:absolute;bottom:35px;right:16px;font-size:10px;color:#93a795}
.section{padding:118px 0}.section-heading{margin-bottom:52px}.section-heading.narrow{max-width:770px}.section-kicker{margin-bottom:20px;text-transform:uppercase}.section h2{font-size:clamp(39px,4.1vw,58px);line-height:1.32;margin-bottom:20px;font-weight:690}.section h2 span{color:var(--green)}.section-heading>p:last-child,.how-intro>p:not(.section-kicker),.focus-copy>p:not(.section-kicker){color:#718475;font-size:16px;max-width:550px}.idea-section{background:#fff}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.idea-card{min-height:290px;padding:29px;background:#f7f9f5;border:1px solid #edf1e9;border-radius:17px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.idea-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(44,79,50,.08)}.idea-index{font-size:11px;color:#a1b4a2;letter-spacing:.1em}.idea-icon{width:63px;height:63px;border-radius:18px;background:#e6eee5;color:#658c6e;display:grid;place-items:center;font-size:27px;margin:20px 0 29px}.idea-card h3{font-size:21px;margin-bottom:9px}.idea-card p{font-size:13px;color:#7d8d80;line-height:1.85;margin:0}
.how-section{background:#f2f5ef}.how-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.how-intro>p:not(.section-kicker){margin-bottom:35px}.how-steps{display:grid;gap:22px;margin-top:40px}.how-steps>div{display:flex;gap:18px;align-items:flex-start}.how-steps>div>span{width:32px;height:32px;border:1px solid #bbd0be;border-radius:50%;display:grid;place-items:center;color:#5d8266;font-size:12px;flex:none}.how-steps p{margin:0;display:flex;flex-direction:column;gap:4px;line-height:1.4}.how-steps strong{font-size:15px;font-weight:670}.how-steps small{font-size:12px;color:#8ea08f}.story-demo{background:#fff;border:1px solid #e1e9de;border-radius:22px;box-shadow:0 30px 65px rgba(39,77,46,.09);padding:25px;min-height:500px}.demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.demo-label{font-weight:680;font-size:13px}.demo-pill{background:#eef4e9;color:#729376;border-radius:100px;padding:6px 11px;font-size:10px}.demo-tabs{display:flex;border-bottom:1px solid #e8eee6;gap:4px}.demo-tabs button{border:0;background:transparent;color:#9aaa9a;padding:12px 15px 14px;font-size:12px;position:relative}.demo-tabs button[aria-selected="true"]{color:#3d6a4d;font-weight:700}.demo-tabs button[aria-selected="true"]:after{content:"";position:absolute;height:2px;background:#5d8a66;left:10px;right:10px;bottom:-1px}.demo-panel{padding-top:29px}.demo-panel[hidden]{display:none}.demo-person{font-size:11px;color:#8fa091;margin-bottom:9px}.demo-panel blockquote{margin:0 0 31px;padding:20px 23px;background:#f3f6f0;border-radius:13px;color:#365842;font-size:16px;line-height:1.7;font-weight:600}.demo-response{display:flex;gap:15px}.demo-response-mark{width:31px;height:31px;border-radius:9px;background:#4f765a;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800;flex:none}.demo-response small{display:block;color:#9aaa9c;font-size:10px;margin-bottom:8px}.demo-response h3{font-size:18px;margin-bottom:5px}.demo-response p{font-size:12px;color:#718473;margin-bottom:15px}.demo-chips{display:flex;gap:7px;flex-wrap:wrap}.demo-chips span{border-radius:100px;background:#edf4ea;color:#668b6a;padding:7px 10px;font-size:10px}.demo-bottom{display:flex;justify-content:space-between;border-top:1px solid #e9eee8;margin-top:33px;padding-top:18px;color:#a0aea1;font-size:11px}.demo-bottom span:last-child{font-size:18px;color:#91b591}
.focus-section{background:#fff}.focus-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:95px;align-items:center}.focus-illustration{background:#eff4ec;border:1px solid #e4eee1;border-radius:24px;padding:25px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.3)}.focus-illustration-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;color:#4c7859}.focus-illustration-top span:first-child{font-size:15px;font-weight:750}.focus-illustration-top span:last-child{font-size:11px}.attention-item{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid #e3ece1;padding:20px 23px;border-radius:14px;margin-bottom:10px;box-shadow:0 7px 18px rgba(48,79,53,.045)}.attention-item.selected{border-left:4px solid #6d9d72}.attention-badge{font-size:10px;color:#659073}.attention-item strong{font-size:15px}.attention-item small{font-size:11px;color:#8da28f}.attention-item.muted{opacity:.64;box-shadow:none}.focus-illustration-footer{display:flex;justify-content:space-between;color:#7f9b84;font-size:11px;padding:15px 5px 3px}.focus-copy>p:not(.section-kicker){font-size:16px;line-height:1.95;margin-bottom:38px}.focus-points{display:grid;gap:24px}.focus-points>div{display:flex;align-items:flex-start;gap:15px}.focus-points>div>span{width:38px;height:38px;background:#edf4ea;color:#5c8866;border-radius:12px;display:grid;place-items:center;font-size:20px;flex:none}.focus-points p{display:flex;flex-direction:column;gap:3px;margin:0}.focus-points strong{font-size:15px}.focus-points small{font-size:12px;color:#8fa291}
.trust-section{background:#1e4535;color:#f6faf3;position:relative;overflow:hidden}.trust-section:before{content:"";position:absolute;width:660px;height:660px;border-radius:50%;border:1px solid rgba(255,255,255,.08);left:-350px;bottom:-320px}.trust-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-kicker.light{color:#a9c8ac}.trust-section h2{color:#fff}.trust-lead{color:#b9cec0;font-size:16px;max-width:490px;line-height:1.95}.trust-flow{border-left:1px solid rgba(255,255,255,.2);padding-left:30px;display:grid;gap:11px}.trust-flow>div{padding:13px 19px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);border-radius:11px}.trust-flow span{color:#aac9ae;font-size:10px;letter-spacing:.07em}.trust-flow p{color:#f3f7f1;font-size:13px;margin:4px 0 0}
.audience-section{background:#f7f8f2}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.audience-grid article{padding:31px 35px 10px 0;border-right:1px solid var(--line);min-height:195px}.audience-grid article+article{padding-left:35px}.audience-grid article:last-child{border-right:none}.audience-num{font-size:12px;color:#8faa91}.audience-grid h3{font-size:25px;margin:26px 0 11px}.audience-grid p{font-size:13px;color:#7c907f;line-height:1.8}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq-list{border-top:1px solid #dbe6db}.faq-list details{border-bottom:1px solid #dbe6db}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:23px 0;font-weight:650;font-size:15px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;font-weight:300;color:#6b9270;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#718572;font-size:13px;margin:-3px 35px 22px 0;line-height:1.9}
.closing-section{background:#e4ede2;padding:110px 0;overflow:hidden}.closing-inner{text-align:center;position:relative}.closing-inner:before,.closing-inner:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(69,113,78,.15);width:600px;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.closing-inner:after{width:830px;height:830px}.closing-mark{font-size:29px;color:#80a584;margin-bottom:21px}.closing-inner .section-kicker{justify-content:center;margin-bottom:18px}.closing-inner h2{font-size:clamp(41px,4.6vw,65px);line-height:1.25;margin-bottom:22px;position:relative}.closing-inner>p:not(.section-kicker){font-size:15px;color:#66816b;margin-bottom:27px;position:relative}.button-light{background:#2b5740;color:#fff;position:relative}.button-light:hover{background:#3b7052;transform:translateY(-2px)}.closing-contact{display:block;margin-top:18px;color:#78917b;font-size:12px;position:relative}.closing-contact a{text-decoration:underline;text-underline-offset:3px}.site-footer{background:#1b3b2e;color:#b5c8ba;padding:35px 0}.footer-inner{display:flex;align-items:center;gap:36px}.footer-brand{color:#f6fbf3;font-size:20px}.footer-brand .brand-mark{width:27px;height:27px}.footer-inner p{font-size:11px;margin:0;color:#9eb4a4}.footer-links{display:flex;gap:22px;margin-left:auto;font-size:11px}.footer-links a:hover{color:#fff}.footer-inner small{font-size:10px;color:#78917e}
@media(max-width:1040px){.container{width:min(100% - 48px,1210px)}.desktop-nav{gap:18px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(45px,5.2vw,66px)}.app-window{transform:scale(.87) rotate(-2deg) translate(0,5px);width:590px;max-width:none}.hero-visual{overflow:visible}.floating-note{left:-10px}.how-grid,.focus-grid{gap:48px}.faq-grid{gap:55px}}
@media(max-width:760px){.container{width:min(100% - 34px,1210px)}.site-header{height:67px}.brand{font-size:21px}.brand-mark{width:27px;height:27px}.desktop-nav{display:none}.header-cta{margin-left:auto;padding:10px 14px;font-size:12px}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:84px 0 15px}.hero h1{font-size:clamp(47px,10.5vw,70px);margin-bottom:22px}.hero-lead{font-size:15px}.hero-footnote{margin-top:38px}.hero-visual{height:485px;margin:0 -8px}.app-window{transform:scale(.82) rotate(-2deg);transform-origin:center;width:590px;flex:none}.visual-orbit{display:none}.floating-note{bottom:24px;left:5px}.visual-caption{bottom:3px}.section{padding:86px 0}.section h2{font-size:clamp(37px,8vw,50px)}.section-heading{margin-bottom:35px}.idea-grid,.audience-grid{grid-template-columns:1fr}.idea-card{min-height:0;padding:22px}.idea-icon{margin:18px 0 18px}.how-grid,.focus-grid,.trust-grid,.faq-grid{grid-template-columns:1fr;gap:38px}.story-demo{min-height:475px}.focus-illustration{order:2}.focus-copy{order:1}.trust-flow{padding-left:20px}.audience-grid article,.audience-grid article+article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.audience-grid article:last-child{border-bottom:0}.audience-grid h3{margin:15px 0 8px}.closing-section{padding:85px 0}.footer-inner{flex-wrap:wrap;gap:13px 22px}.footer-inner p{width:100%;order:2}.footer-links{margin-left:auto}.footer-inner small{order:3;width:100%}}
@media(max-width:460px){.hero-copy{padding-top:68px}.hero h1{font-size:45px}.hero-actions{gap:18px}.button{padding:15px 21px}.hero-visual{height:370px;overflow:hidden;margin:0 -17px}.app-window{transform:scale(.64) rotate(-2deg);transform-origin:center}.floating-note{font-size:9px;bottom:28px;left:14px;padding:10px 12px}.visual-caption{right:20px}.story-demo{padding:18px;min-height:485px}.demo-panel blockquote{font-size:14px}.demo-tabs button{padding:11px 12px}.focus-illustration{padding:16px}.section h2{font-size:39px}.closing-inner h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}