/* roulang page: index */
:root{
 --ink:#1e2b27;--deep:#17231f;--moss:#587b61;--moss-dark:#3e624b;--sage:#dfe9df;
 --sand:#ede9df;--paper:#fbfcf9;--muted:#6d7972;--line:#d9e1da;--orange:#a9784e;
 --shadow:0 14px 34px rgba(29,52,40,.08);--radius:16px;--container:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - 48px));margin:auto}
.topbar{height:38px;background:var(--deep);color:#c8d4cc;font-size:12px}.topbar .container,.mainnav .container{height:100%;display:flex;align-items:center;justify-content:space-between}.toplinks{display:flex;gap:22px;align-items:center}.toplinks a:hover{color:#fff}.mainnav{height:78px;background:rgba(251,252,249,.94);border-bottom:1px solid transparent;z-index:20;transition:.25s}.mainnav.stuck{position:fixed;top:0;left:0;right:0;border-color:var(--line);box-shadow:0 4px 18px #18312612}.logo{font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--deep);white-space:nowrap}.logo span{font-weight:500;color:var(--moss);font-size:14px;margin-left:5px}.navlinks{display:flex;gap:23px;align-items:center;font-size:14px;color:#536159}.navlinks a{padding:25px 0;position:relative}.navlinks a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:18px;background:var(--moss);transition:.2s}.navlinks a:hover,.navlinks a.active{color:var(--moss-dark)}.navlinks a:hover:after,.navlinks a.active:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:14px;transition:.2s;white-space:nowrap}.btn-primary{background:var(--moss);color:#fff}.btn-primary:hover{background:var(--moss-dark);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{border-color:#aebdb1;color:var(--moss-dark);background:transparent}.btn-outline:hover{background:var(--sage);border-color:var(--moss)}.btn-text{color:var(--moss-dark);padding:0 4px;min-height:40px}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c09a70;outline-offset:3px}.menu-toggle{display:none;background:transparent;border:0;font-size:24px;color:var(--deep);width:44px;height:44px}
section{padding:104px 0}.section-head{max-width:720px;margin-bottom:42px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--moss-dark);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:13px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--moss)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,64px);line-height:1.18;letter-spacing:-2px;margin-bottom:22px}h2{font-size:clamp(30px,3.4vw,42px);line-height:1.25;letter-spacing:-1px;margin-bottom:16px}h3{font-size:20px;line-height:1.35;margin-bottom:10px}p{color:var(--muted);margin-bottom:18px}.hero{padding:76px 0 88px;background:#eef3ed url('/assets/images/e9d34f768e2813d2.webp') center/cover no-repeat;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#edf4ee 0%,#edf4eedb 43%,#edf4ee55 100%)}.hero .container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.hero-copy{max-width:590px}.hero-copy p{font-size:18px;max-width:560px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust-row{display:flex;flex-wrap:wrap;gap:10px;color:#5f6d64;font-size:13px}.trust-row span{background:#fff9;border:1px solid #cddbcf;padding:5px 10px;border-radius:20px}.console{background:#172821eF;border:1px solid #789b82;border-radius:18px;padding:17px;box-shadow:0 24px 55px #1a3b2933;transform:rotate(1deg)}.console-top{display:flex;justify-content:space-between;color:#d8e7da;font-size:12px;border-bottom:1px solid #ffffff22;padding-bottom:13px}.console-body{display:grid;grid-template-columns:145px 1fr;gap:15px;padding-top:15px}.side-list{border-right:1px solid #ffffff18;color:#b5cabc;font-size:12px}.side-list b,.side-list span{display:block;padding:10px 8px}.side-list b{background:#6e9975;color:#fff;border-radius:6px;margin-right:13px}.dash{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dash-card{border:1px solid #ffffff1c;background:#ffffff0b;border-radius:10px;padding:15px;color:#cfe0d2}.dash-card strong{font-size:25px;color:#a9d4af;display:block}.chart{grid-column:1/-1;height:125px;border-radius:10px;background:linear-gradient(180deg,#779a7b22,#779a7b04),url('/assets/images/825d8d4389447c14.webp') center/cover}.dots{display:flex;gap:7px;justify-content:center;margin-top:24px}.dots button{border:0;width:26px;height:5px;border-radius:4px;background:#b7c8b9}.dots button.active{background:var(--moss);width:44px}
.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.intro-visual{position:relative}.intro-visual img{border-radius:18px;width:100%;height:390px;object-fit:cover}.metric-chip{position:absolute;bottom:-22px;left:-20px;background:var(--deep);color:#e5f0e6;padding:18px 22px;border-radius:12px;box-shadow:var(--shadow)}.metric-chip strong{font-size:25px;color:#aad0ae;display:block}.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 25px;margin:28px 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:25px;color:#536159}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--moss);font-weight:bold}.features{background:#f1f5f0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.25s}.card:hover{transform:translateY(-4px);border-color:#9db6a1;box-shadow:var(--shadow)}.number{font-family:monospace;color:var(--moss);font-size:13px}.icon{width:40px;height:40px;border-radius:10px;background:var(--sage);color:var(--moss-dark);display:grid;place-items:center;font-weight:800;margin:18px 0 15px}.mini-tag,.tag{display:inline-block;font-size:12px;color:var(--moss-dark);background:#edf4ec;padding:3px 9px;border-radius:20px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{padding:0;overflow:hidden}.product-card .product-top{height:7px;background:var(--moss)}.product-card:nth-child(2) .product-top{background:#a88458}.product-card:nth-child(3) .product-top{background:#738f8b}.product-content{padding:25px}.product-visual{height:100px;border-radius:10px;background:var(--sand) url('/assets/images/c10427f06d3575cd.webp') center/cover;margin:20px 0}.product-card ul{padding-left:18px;color:var(--muted);font-size:14px}.tabs-section{background:#fff}.workflow{display:grid;grid-template-columns:230px 1fr;gap:35px}.tab-list{border-left:2px solid var(--line)}.tab-btn{display:block;width:100%;text-align:left;border:0;background:none;padding:16px 20px;color:var(--muted);border-left:3px solid transparent}.tab-btn.active,.tab-btn:hover{color:var(--moss-dark);background:#f0f5ef;border-left-color:var(--moss);font-weight:700}.tab-panel{display:none;grid-template-columns:1fr .8fr;gap:32px;align-items:center}.tab-panel.active{display:grid}.panel-visual{height:270px;border-radius:15px;background:#e7eee6 url('/assets/images/0d3d97c3155f324b.webp') center/cover;order:2}.panel-points{padding-left:18px;color:var(--muted)}.scenes{background:#f2f5f1}.scene-grid{display:grid;grid-template-columns:1.25fr .8fr .95fr;grid-template-rows:190px 190px;gap:16px}.scene{background:#fff;border:1px solid var(--line);padding:22px;border-radius:15px;position:relative;overflow:hidden}.scene:nth-child(1){grid-row:span 2;background:var(--deep);color:#e2eee3}.scene:nth-child(1) p{color:#b5c9b8}.scene:nth-child(5){grid-column:span 2}.scene .flow{font-size:12px;color:var(--moss);margin-top:20px}.demo{background:#fff}.demo-grid{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center}.demo-nav button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:16px 5px;background:none;color:var(--muted)}.demo-nav button.active{color:var(--moss-dark);font-weight:bold;border-color:var(--moss)}.demo-screen{padding:12px;border:1px solid #cfdad0;border-radius:16px;background:#e9f0e8}.demo-screen img{height:360px;width:100%;object-fit:cover;border-radius:10px}.dark-case{background:var(--deep);color:#e5f0e5}.dark-case p{color:#b8cbbd}.case-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.principles{list-style:none;padding:0}.principles li{padding:17px 0;border-bottom:1px solid #ffffff1c;color:#d1dfd3}.case-panel{border:1px solid #709177;border-radius:15px;padding:25px;background:#ffffff08}.case-step{display:flex;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid #ffffff1b}.case-step b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#6c9271;color:#fff}.stories{background:#f8faf7}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story{border-top:3px solid var(--moss);padding-top:21px}.story .role{color:var(--orange);font-size:13px;font-weight:bold}.stats{padding:52px 0;background:var(--sage)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{text-align:center;border-right:1px solid #b8cbbb}.stat:last-child{border:0}.stat strong{font:700 42px/1.2 Georgia,serif;color:var(--moss-dark);display:block}.stat span{font-size:14px;color:#607066}.reviews{background:#fff}.review-grid{display:grid;grid-template-columns:.75fr 1fr 1fr 1fr;gap:16px;align-items:start}.rating{background:var(--deep);color:#e4efe5;border-radius:16px;padding:27px}.rating strong{font-size:45px;color:#b2d6b5;display:block}.review{padding:25px;background:#f4f7f3;border:1px solid var(--line);border-radius:15px}.review:nth-child(3){margin-top:25px}.review:nth-child(4){margin-top:50px}.review blockquote{margin:20px 0;color:#45554b;line-height:1.8}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.resource img{height:145px;width:100%;object-fit:cover}.resource-body{padding:20px}.resource-meta{font-size:12px;color:var(--orange);display:flex;justify-content:space-between}.faq{background:#f2f5f1}.faq-list{max-width:920px;margin:auto}.faq-item{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:700;display:flex;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";color:var(--moss);font-size:22px}.faq-item[open] summary:after{content:"－"}.faq-answer{padding:0 24px 21px;color:var(--muted);max-width:850px}.cta{background:#dcebdc}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.form-box{background:#fff;padding:28px;border-radius:16px;border:1px solid #c9dacb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:bold;color:#526258}.field input,.field select,.field textarea{border:1px solid #ccd8ce;border-radius:8px;padding:12px 13px;background:#fbfcfb;color:var(--ink);transition:.2s}.field input:hover,.field select:hover,.field textarea:hover{border-color:#8eab94}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--moss);box-shadow:0 0 0 3px #b9d2bc66;outline:0}.field textarea{resize:vertical;min-height:90px}.privacy{font-size:12px;color:var(--muted);margin:13px 0}.form-message{font-size:13px;color:var(--moss-dark);display:none;margin-top:10px}
footer{background:var(--deep);color:#d9e5db;padding:55px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:38px;border-bottom:1px solid #ffffff1a}.footer-brand p{color:#aabdb0;max-width:320px;margin-top:15px}.footer-nav{display:flex;gap:20px;flex-wrap:wrap;color:#b9cbbd;font-size:14px}.footer-nav a:hover{color:#fff}.footer-info{display:flex;justify-content:space-between;gap:25px;padding-top:22px;color:#9eb1a3;font-size:13px;flex-wrap:wrap}.footer-info a:hover{color:#dceade}.mobile-drawer{display:none}
@media(max-width:1100px){.navlinks{gap:12px}.hero-grid{gap:30px}.container{width:min(var(--container),calc(100% - 36px))}.review-grid{grid-template-columns:1fr 1fr}.rating{grid-row:span 2}.case-grid{gap:35px}}
@media(max-width:767px){.topbar{display:none}.mainnav{height:68px}.mainnav .container{position:relative}.logo{font-size:17px}.logo span{font-size:12px}.navlinks,.mainnav>.container>.btn{display:none}.menu-toggle{display:block}.mobile-drawer{position:fixed;z-index:30;top:68px;right:-100%;width:min(320px,88%);height:calc(100vh - 68px);background:#fff;padding:25px;box-shadow:-12px 0 30px #15332422;display:flex;flex-direction:column;gap:5px;transition:.25s}.mobile-drawer.open{right:0}.mobile-drawer a{padding:13px 8px;border-bottom:1px solid var(--line);color:#526159}.hero{padding:58px 0 65px}.hero-grid,.intro-grid,.case-grid,.cta-grid{grid-template-columns:1fr;gap:35px}h1{font-size:38px}.hero-copy p{font-size:16px}.hero-actions{flex-wrap:wrap}.console{transform:none}.console-body{grid-template-columns:100px 1fr}.side-list{font-size:11px}.dash-card{padding:11px}.dash-card strong{font-size:20px}.chart{height:90px}section{padding:70px 0}.feature-grid,.product-grid,.story-grid,.resource-grid{grid-template-columns:1fr}.check-list{grid-template-columns:1fr}.intro-visual img{height:270px}.workflow,.demo-grid{grid-template-columns:1fr}.tab-list{display:flex;overflow:auto;border-left:0;border-bottom:2px solid var(--line)}.tab-btn{min-width:105px;padding:12px 8px;border-left:0;border-bottom:3px solid transparent}.tab-btn.active{border-left:0;border-bottom-color:var(--moss)}.tab-panel.active{grid-template-columns:1fr}.panel-visual{order:0;height:210px}.scene-grid{display:flex;flex-direction:column}.scene{min-height:150px}.scene:nth-child(1){min-height:190px}.demo-screen img{height:230px}.stat-grid{grid-template-columns:1fr 1fr;row-gap:25px}.stat{border-right:1px solid #b8cbbb}.stat:nth-child(2){border:0}.stat strong{font-size:32px}.review-grid{grid-template-columns:1fr}.rating{grid-row:auto}.review:nth-child(3),.review:nth-child(4){margin-top:0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-box .btn{width:100%}.footer-top{flex-direction:column}.footer-info{display:block}.footer-info div{margin-top:10px}.container{width:calc(100% - 32px)}}
@media(max-width:420px){h1{font-size:34px}.hero-actions .btn{width:100%}.console-body{grid-template-columns:82px 1fr}.hero{padding-top:45px}.stat strong{font-size:28px}}