/* roulang page: index */
:root{--ink:#1e2925;--ink-2:#34423c;--green:#2e7d5b;--green-dark:#17563d;--mint:#dcece2;--cream:#f5f6f1;--paper:#fffefa;--line:#dce2da;--muted:#66736c;--orange:#d8813f;--shadow:0 10px 28px rgba(27,45,36,.08);--shadow-lg:0 18px 45px rgba(18,39,29,.15);--radius:18px;--small:10px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-container{width:min(calc(100% - 48px),var(--max));margin:auto}.topbar{background:#15231e;color:#c9d4cd;font-size:13px}.topbar .site-container{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar-right{display:flex;gap:20px;color:#e4ebe6}.topbar a:hover{color:#9bddb5}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,254,250,.96);border-bottom:1px solid rgba(220,226,218,.9);backdrop-filter:blur(12px)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;white-space:nowrap;letter-spacing:-.5px}.brand-mark{width:35px;height:35px;border-radius:10px;background:var(--green);position:relative;box-shadow:inset 0 0 0 6px rgba(255,255,255,.12)}.brand-mark:before{content:"";position:absolute;width:11px;height:16px;border:3px solid #fff;border-radius:3px;left:10px;top:7px}.brand-mark:after{content:"";position:absolute;width:5px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;right:7px;top:14px}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav a{padding:11px 14px;border-radius:8px;font-size:15px;font-weight:600;color:#435149;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--green-dark);background:#eaf2ed}.nav-cta,.button-primary{background:var(--green)!important;color:#fff!important;border:1px solid var(--green);box-shadow:0 7px 15px rgba(46,125,91,.2)}.nav-cta{padding:10px 16px!important}.nav-cta:hover,.button-primary:hover{background:var(--green-dark)!important;border-color:var(--green-dark);transform:translateY(-2px)}.menu-toggle{display:none;background:none;border:0;padding:10px;color:var(--ink);font-size:25px}.hero{position:relative;overflow:hidden;min-height:580px;background:#1c2b25 url("/assets/images/backpic/back-1.webp") center/cover no-repeat;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,32,26,.94) 0%,rgba(17,32,26,.79) 48%,rgba(17,32,26,.48) 100%)}.hero:after{content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(178,221,192,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(178,221,192,.18) 1px,transparent 1px);background-size:42px 42px}.hero-inner{position:relative;z-index:1;padding:72px 0 62px}.hero-copy{max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(132,190,154,.16);border:1px solid rgba(170,225,190,.3);border-radius:8px;color:#c9f0d5;font-size:13px;font-weight:700}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#80d5a1;box-shadow:0 0 0 4px rgba(128,213,161,.16)}h1,h2,h3,p{margin-top:0}h1{margin:17px 0 17px;font-size:clamp(34px,4.2vw,56px);line-height:1.2;letter-spacing:-1.7px;font-weight:800}.hero p{max-width:735px;margin-bottom:24px;color:#dbe6df;font-size:17px;line-height:1.9}.group-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 15px;width:max-content;max-width:100%;margin:25px 0}.avatars{display:flex}.avatar{width:28px;height:28px;border:2px solid #253a30;border-radius:50%;background:#82ad91;color:#173424;font-size:11px;font-weight:800;display:grid;place-items:center;margin-right:-6px}.group-strip strong{font-size:14px}.group-strip span{font-size:13px;color:#c9d8d0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:9px;font-weight:700;transition:.22s;border:1px solid transparent}.button-secondary{border-color:rgba(255,255,255,.48);color:#fff;background:rgba(255,255,255,.06)}.button-secondary:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}.hero-status{position:absolute;right:max(24px,calc((100% - var(--max))/2));bottom:42px;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);width:410px;background:#f9fcf8;color:var(--ink);border-radius:15px;box-shadow:var(--shadow-lg);overflow:hidden}.hero-status div{padding:14px 15px;border-right:1px solid var(--line)}.hero-status div:last-child{border:0}.hero-status b{display:block;color:var(--green-dark);font-size:19px;line-height:1.25}.hero-status span{font-size:12px;color:var(--muted)}.section{padding:88px 0}.section-soft{background:#edf3ee}.section-dark{background:#1d2b25;color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.section-heading h2{margin:0;font-size:32px;line-height:1.28;letter-spacing:-.8px}.section-heading p{max-width:560px;margin:0;color:var(--muted);font-size:15px}.section-dark .section-heading p{color:#c2d1c8}.metric-bar{margin-top:-31px;position:relative;z-index:4}.metric-panel{padding:23px 28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{border-right:1px solid var(--line);padding:4px 24px}.metric:last-child{border:0}.metric strong{display:block;color:var(--green-dark);font-size:30px;line-height:1.1;letter-spacing:-1px}.metric span{display:block;margin-top:7px;font-size:13px;color:var(--muted)}.capability-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}.capability{min-height:220px;padding:27px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:.25s}.capability:hover,.news-item:hover,.scheme-card:hover{transform:translateY(-4px);border-color:#73ad8b;box-shadow:var(--shadow)}.capability.featured{background:var(--green);color:#fff;background-image:linear-gradient(130deg,transparent 60%,rgba(255,255,255,.12));}.capability .icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e2f0e6;color:var(--green-dark);font-weight:800;margin-bottom:30px}.featured .icon{background:rgba(255,255,255,.15);color:#fff}.capability h3{font-size:19px;line-height:1.35;margin-bottom:10px}.capability p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}.featured p{color:#d9eee0}.two-column{display:grid;grid-template-columns:.94fr 1.06fr;gap:52px;align-items:center}.section-kicker{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.12em}.content-title{font-size:34px;line-height:1.3;letter-spacing:-.7px;margin:9px 0 15px}.content-lead{color:var(--muted);max-width:520px}.catalog-list{border-top:1px solid var(--line);margin-top:24px}.catalog-row{display:flex;gap:15px;align-items:flex-start;padding:16px 4px;border-bottom:1px solid var(--line)}.catalog-no{color:var(--green);font-size:13px;font-weight:800;padding-top:2px}.catalog-row h3{font-size:16px;margin:0 0 3px}.catalog-row p{margin:0;color:var(--muted);font-size:13px}.image-frame{position:relative;min-height:410px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.image-frame img{width:100%;height:410px;object-fit:cover}.image-frame:after{content:"运行数据持续汇集";position:absolute;bottom:18px;left:18px;background:rgba(25,43,34,.86);color:#fff;border:1px solid rgba(255,255,255,.16);padding:9px 12px;border-radius:8px;font-size:13px}.result-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.result-main{padding:34px;border-radius:var(--radius);background:#29463a;min-height:290px}.result-main h3{font-size:26px;line-height:1.35;margin-bottom:16px}.result-main p{color:#d0ded5;margin-bottom:25px}.result-number{display:flex;gap:42px}.result-number strong{font-size:34px;color:#a9e0bd;display:block;line-height:1}.result-number span{font-size:13px;color:#c3d2c9}.result-side{display:grid;gap:18px}.result-mini{padding:23px 25px;background:#283831;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius)}.result-mini b{display:block;font-size:20px;color:#c2e7cd;margin-bottom:7px}.result-mini p{margin:0;font-size:13px;color:#c4d3ca}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:8px}.time-item{position:relative;padding:0 20px 0 0}.time-item:before{content:"";display:block;width:13px;height:13px;border-radius:50%;background:var(--green);border:4px solid #dcece2;box-sizing:content-box;position:relative;z-index:1}.time-item:after{content:"";position:absolute;top:10px;left:20px;right:0;height:2px;background:#c8dbce}.time-item:last-child:after{display:none}.time-item b{display:block;margin-top:17px;font-size:16px}.time-item p{margin:5px 0 0;font-size:13px;color:var(--muted)}.scheme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scheme-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:.25s}.scheme-card img{width:100%;height:165px;object-fit:cover}.scheme-card .scheme-body{padding:21px}.scheme-card h3{font-size:18px;margin-bottom:8px}.scheme-card p{font-size:14px;color:var(--muted);margin:0}.tag{display:inline-block;margin-bottom:10px;padding:3px 8px;background:#e2f0e6;border-radius:6px;color:var(--green-dark);font-size:12px;font-weight:700}.news-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:45px}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:105px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);transition:.2s}.news-date{font-size:13px;color:var(--green-dark);font-weight:800}.news-item h3{font-size:17px;margin:0 0 3px}.news-item p{font-size:13px;color:var(--muted);margin:0}.arrow{color:var(--green);font-size:22px}.notice-card{padding:30px;border-radius:var(--radius);background:#e0ece3;border:1px solid #c8ddce}.notice-card h3{font-size:23px;line-height:1.4}.notice-card p{color:#53635a;font-size:14px}.notice-card ul{padding:0;margin:19px 0 0;list-style:none}.notice-card li{padding:10px 0;border-top:1px solid rgba(46,125,91,.18);font-size:14px}.guarantees{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.guarantee{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.guarantee b{display:block;color:var(--green-dark);font-size:16px;margin-bottom:5px}.guarantee p{font-size:13px;color:var(--muted);margin:0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick{padding:26px;border-left:4px solid var(--green);background:#f9fbf8}.quick h3{font-size:18px;margin-bottom:9px}.quick p{font-size:14px;color:var(--muted);margin:0}.faq-wrap{max-width:900px;margin:auto}.accordion{margin:0;background:transparent}.accordion-item{margin-bottom:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}.accordion-title{border:0!important;padding:18px 48px 18px 20px!important;color:var(--ink)!important;font-size:16px;font-weight:700;line-height:1.5}.accordion-title:before{right:20px!important;color:var(--green)!important;font-size:20px}.accordion-content{border:0!important;padding:0 20px 19px!important;color:var(--muted);font-size:14px;line-height:1.85}.form-section{background:#dcece2}.form-box{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;padding:45px 50px;background:#fdfefb;border:1px solid #cbded0;border-radius:20px;box-shadow:var(--shadow)}.form-box h2{font-size:31px;line-height:1.35}.form-box p{color:var(--muted)}.contact-note{padding:13px 15px;border-radius:9px;background:#edf5ef;color:#356146;font-size:13px}.lead-form label{font-size:13px;font-weight:700;color:#405047}.lead-form input,.lead-form select{height:47px;margin:6px 0 14px;border:1px solid #cbd7ce;border-radius:8px;background:#fff;box-shadow:none}.lead-form input:focus,.lead-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,125,91,.12)}.lead-form button{width:100%;min-height:48px;border-radius:9px}.form-tip{font-size:12px;color:#738078;margin:12px 0 0}.site-footer{background:#17251f;color:#c9d5cd;padding:55px 0 24px}.footer-top{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:45px;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand{color:#fff;font-size:20px;font-weight:800}.footer-top p{font-size:14px;color:#aebdb4;margin-top:12px;max-width:410px}.footer-title{color:#fff;font-weight:700;font-size:15px;margin-bottom:12px}.footer-info{font-size:14px;line-height:2;color:#b6c3bb}.footer-bottom{padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#95a79d}.footer-bottom span:last-child{color:#71847a}
@media(max-width:1024px){.main-nav{gap:0}.main-nav a{padding:10px 8px}.hero-status{right:24px}.capability-grid{grid-template-columns:1fr 1fr}.capability.featured{grid-column:span 2}.section{padding:70px 0}.form-box{padding:35px}.site-container{width:min(calc(100% - 40px),var(--max))}}
@media(max-width:768px){.topbar-right{display:none}.topbar .site-container{justify-content:center}.nav-wrap{height:66px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;padding:12px 20px 18px;background:#fffefa;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.main-nav a{padding:12px 14px}.main-nav .nav-cta{text-align:center;margin-top:5px}.hero{min-height:620px}.hero-inner{padding:58px 0 156px}.hero p{font-size:16px}.hero-status{left:20px;right:20px;bottom:28px;width:auto}.metric-panel{padding:10px}.metric{padding:12px}.metric strong{font-size:24px}.metric span{font-size:12px}.section-heading,.two-column,.news-layout,.form-box{grid-template-columns:1fr;display:grid;gap:24px}.section-heading{align-items:start}.section-heading h2{font-size:28px}.image-frame{order:-1}.timeline{grid-template-columns:1fr 1fr;gap:25px}.time-item:nth-child(2):after{display:none}.scheme-grid,.guarantees,.quick-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:span 2}.news-layout{gap:25px}}
@media(max-width:520px){.site-container{width:min(calc(100% - 30px),var(--max))}.brand{font-size:17px}.brand-mark{width:32px;height:32px}.hero-inner{padding-top:45px}.hero h1{font-size:35px}.hero p{font-size:15px}.hero-actions .button{width:100%}.group-strip{align-items:flex-start}.hero-status{grid-template-columns:1fr 1fr}.hero-status div:last-child{display:none}.section{padding:55px 0}.metric-bar{margin-top:-22px}.metric-panel{display:grid;grid-template-columns:1fr 1fr}.metric{border-right:1px solid var(--line)!important}.metric:nth-child(even){border-right:0!important}.capability-grid,.scheme-grid,.guarantees,.quick-grid{grid-template-columns:1fr}.capability.featured{grid-column:auto}.capability{min-height:auto}.image-frame,.image-frame img{min-height:300px;height:300px}.result-grid{grid-template-columns:1fr}.result-number{gap:24px}.timeline{grid-template-columns:1fr}.time-item:after{display:block!important;bottom:-25px;top:20px;left:10px;width:2px;height:28px}.time-item:last-child:after{display:none}.news-item{grid-template-columns:1fr auto;gap:8px}.news-date{grid-column:span 2}.news-item p{display:none}.form-box{padding:27px 21px}.form-box h2{font-size:27px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-top>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.section-heading p{font-size:14px}}

/* roulang page: category1 */
:root{--ink:#1e2925;--ink-2:#34423c;--green:#2e7d5b;--green-dark:#17563d;--mint:#dcece2;--cream:#f5f6f1;--paper:#fffefa;--line:#dce2da;--muted:#66736c;--orange:#d8813f;--shadow:0 10px 28px rgba(27,45,36,.08);--shadow-lg:0 18px 45px rgba(18,39,29,.15);--radius:18px;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.site-container{width:min(calc(100% - 48px),var(--max));margin:auto}
.topbar{background:#15231e;color:#c9d4cd;font-size:13px}
.topbar .site-container{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-right{display:flex;gap:20px;color:#e4ebe6}
.topbar a:hover{color:#9bddb5}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,254,250,.96);border-bottom:1px solid rgba(220,226,218,.9);backdrop-filter:blur(12px)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;white-space:nowrap;letter-spacing:-.5px}
.brand-mark{width:35px;height:35px;border-radius:10px;background:var(--green);position:relative;box-shadow:inset 0 0 0 6px rgba(255,255,255,.12)}
.brand-mark:before{content:"";position:absolute;width:11px;height:16px;border:3px solid #fff;border-radius:3px;left:10px;top:7px}
.brand-mark:after{content:"";position:absolute;width:5px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;right:7px;top:14px}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav a{padding:11px 14px;border-radius:8px;font-size:15px;font-weight:600;color:#435149;transition:.2s}
.main-nav a:hover,.main-nav a.active{color:var(--green-dark);background:#eaf2ed}
.nav-cta,.button-primary{background:var(--green)!important;color:#fff!important;border:1px solid var(--green);box-shadow:0 7px 15px rgba(46,125,91,.2)}
.nav-cta{padding:10px 16px!important}
.nav-cta:hover,.button-primary:hover{background:var(--green-dark)!important;border-color:var(--green-dark);transform:translateY(-2px)}
.menu-toggle{display:none;background:none;border:0;padding:10px;color:var(--ink);font-size:25px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:9px;font-weight:700;transition:.22s;border:1px solid transparent}
.button-secondary{border-color:rgba(255,255,255,.48);color:#fff;background:rgba(255,255,255,.06)}
.button-secondary:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}
.hero-inner{position:relative;z-index:1;padding:78px 0 86px}
.page-hero{position:relative;overflow:hidden;background:#1c2b25 url("/assets/images/backpic/back-3.webp") center/cover no-repeat;color:#fff}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,32,26,.94),rgba(17,32,26,.7) 60%,rgba(17,32,26,.4))}
.page-hero:after{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(178,221,192,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(178,221,192,.18) 1px,transparent 1px);background-size:42px 42px}
.hero-copy{max-width:760px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(132,190,154,.16);border:1px solid rgba(170,225,190,.3);border-radius:8px;color:#c9f0d5;font-size:13px;font-weight:700}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:#80d5a1;box-shadow:0 0 0 4px rgba(128,213,161,.16)}
.hero h1{font-size:clamp(36px,5vw, sixtypx);font-size:60px;line-height:1.18;letter-spacing:-2px;margin:18px 0}
.hero p{max-width:720px;margin:0 0 26px;color:#dbe6df;font-size:17px;line-height:1.9}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.section{padding:82px 0}
.section-soft{background:#edf3ee}
.section-dark{background:#1d2b25;color:#fff}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}
.section-heading h2{margin:0;font-size:32px;line-height:1.28;letter-spacing:-.8px}
.section-heading p{max-width:570px;margin:0;color:var(--muted);font-size:15px}
.section-dark .section-heading p{color:#c2d1c8}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.metric{background:var(--paper);border:1px solid var(--line);padding:25px;border-radius:14px;position:relative;overflow:hidden}
.metric:after{content:"";position:absolute;right:-18px;bottom:-25px;width:80px;height:80px;border:1px solid #b8d5c2;border-radius:50%}
.metric strong{display:block;color:var(--green-dark);font-size:34px;line-height:1.2}
.metric span{display:block;color:var(--muted);font-size:14px;margin-top:7px}
.matrix{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:start}
.matrix-image{border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg)}
.matrix-image img{width:100%;height:390px;object-fit:cover}
.feature-list{border-top:1px solid var(--line)}
.feature-item{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}
.feature-icon{width:42px;height:42px;border-radius:11px;background:var(--mint);display:grid;place-items:center;color:var(--green-dark);font-weight:800}
.feature-item h3{margin:0 0 4px;font-size:18px}
.feature-item p{margin:0;color:var(--muted);font-size:14px}
.device-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.22s}
.info-card:hover,.news-row:hover{transform:translateY(-4px);border-color:#73ad8b;box-shadow:var(--shadow)}
.info-card img{height:180px;width:100%;object-fit:cover}
.info-card-body{padding:22px}
.info-card h3{font-size:19px;margin:0 0 8px}
.info-card p{color:var(--muted);font-size:14px;margin:0}
.tag{display:inline-block;padding:4px 9px;border-radius:8px;background:#e7f1e9;color:var(--green-dark);font-size:12px;font-weight:700;margin-bottom:12px}
.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dark-card{padding:32px;border-radius:16px;background:#29463a;min-height:230px}
.dark-card h3{font-size:24px;line-height:1.35;margin:0 0 12px}
.dark-card p{color:#d0ded5;font-size:14px}
.dark-card.orange{background:#795338}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.time-item{position:relative;padding-right:22px}
.time-item:before{content:"";display:block;width:13px;height:13px;border-radius:50%;background:var(--green);border:4px solid #dcece2;box-sizing:content-box;position:relative;z-index:1}
.time-item:after{content:"";position:absolute;top:10px;left:20px;right:0;height:2px;background:#c8dbce}
.time-item:last-child:after{display:none}
.time-item b{display:block;margin-top:15px;font-size:16px}
.time-item p{margin:5px 0 0;font-size:13px;color:var(--muted)}
.news-list{border-top:1px solid var(--line)}
.news-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 5px;border-bottom:1px solid var(--line);transition:.2s}
.news-row h3{font-size:17px;margin:0 0 3px}
.news-row p{font-size:13px;color:var(--muted);margin:0}
.news-date{font-size:13px;color:var(--green-dark);white-space:nowrap;font-weight:700}
.faq-list{max-width:900px;margin:auto}
.faq-item{border-bottom:1px solid #cbd8ce}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border:0;padding:20px 0;color:var(--ink);font-weight:700;font-size:17px;min-height:60px}
.faq-question span{font-size:23px;color:var(--green);transition:.2s}
.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 42px 19px 0}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question span{transform:rotate(45deg)}
.consult{background:#dfeee3}
.consult-box{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.consult h2{font-size:32px;line-height:1.35;margin:0 0 12px}
.consult p{color:var(--muted)}
.consult-form{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow)}
.consult-form label{font-size:13px;color:var(--ink-2);font-weight:700}
.consult-form input,.consult-form select,.consult-form textarea{border:1px solid #cbd6ce;border-radius:8px;background:#fff;margin:6px 0 14px;box-shadow:none}
.consult-form input:focus,.consult-form select:focus,.consult-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,125,91,.12)}
.site-footer{background:#15231e;color:#d5e0d9;padding:48px 0 22px}
.footer-top{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:40px;padding-bottom:34px;border-bottom:1px solid rgba(218,235,224,.16)}
.footer-brand{font-size:21px;font-weight:800;color:#fff;margin-bottom:10px}
.footer-top p{color:#afbeb5;max-width:390px;margin:0;font-size:14px}
.footer-title{color:#fff;font-weight:700;margin-bottom:12px}
.footer-info{color:#afbeb5;font-size:14px;line-height:2}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:#8fa098;font-size:12px}
@media(max-width:1024px){.main-nav a{padding:10px 8px;font-size:14px}.hero h1{font-size:48px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.site-container{width:min(calc(100% - 32px),var(--max))}.topbar .site-container{min-height:42px}.topbar-right{gap:10px}.topbar-right a:first-child{display:none}.nav-wrap{height:68px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 16px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav a{padding:12px 14px}.hero-inner{padding:62px 0 68px}.hero h1{font-size:40px;letter-spacing:-1px}.hero p{font-size:16px}.section{padding:62px 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:28px;margin-bottom:10px}.matrix,.consult-box{grid-template-columns:1fr;gap:25px}.matrix-image img{height:280px}.device-strip,.split-panel{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr;gap:25px}.time-item:after{display:none}.footer-top{grid-template-columns:1fr 1fr;gap:26px}.footer-top>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.brand{font-size:16px}.brand-mark{width:32px;height:32px}.topbar{font-size:12px}.topbar-right{display:none}.hero h1{font-size:34px}.hero-actions .button{width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:18px 14px}.metric strong{font-size:26px}.metric span{font-size:12px}.timeline{grid-template-columns:1fr}.news-row{display:block}.news-date{display:block;margin-top:7px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}.consult-form{padding:18px}}

/* roulang page: category2 */
:root{--ink:#1e2925;--ink-2:#34423c;--green:#2e7d5b;--green-dark:#17563d;--mint:#dcece2;--cream:#f5f6f1;--paper:#fffefa;--line:#dce2da;--muted:#66736c;--orange:#d8813f;--shadow:0 10px 28px rgba(27,45,36,.08);--shadow-lg:0 18px 45px rgba(18,39,29,.15);--radius:18px;--max:1240px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .site-container{width:min(calc(100% - 48px),var(--max));margin:auto}
    .topbar{background:#15231e;color:#c9d4cd;font-size:13px}
    .topbar .site-container{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .topbar-right{display:flex;gap:20px;color:#e4ebe6}
    .topbar a:hover{color:#9bddb5}
    .site-header{position:sticky;top:0;z-index:30;background:rgba(255,254,250,.96);border-bottom:1px solid rgba(220,226,218,.9);backdrop-filter:blur(12px)}
    .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
    .brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;white-space:nowrap;letter-spacing:-.5px}
    .brand-mark{width:35px;height:35px;border-radius:10px;background:var(--green);position:relative;box-shadow:inset 0 0 0 6px rgba(255,255,255,.12)}
    .brand-mark:before{content:"";position:absolute;width:11px;height:16px;border:3px solid #fff;border-radius:3px;left:10px;top:7px}
    .brand-mark:after{content:"";position:absolute;width:5px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;right:7px;top:14px}
    .main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
    .main-nav a{padding:11px 14px;border-radius:8px;font-size:15px;font-weight:600;color:#435149;transition:.2s}
    .main-nav a:hover,.main-nav a.active{color:var(--green-dark);background:#eaf2ed}
    .nav-cta,.button-primary{background:var(--green)!important;color:#fff!important;border:1px solid var(--green);box-shadow:0 7px 15px rgba(46,125,91,.2)}
    .nav-cta{padding:10px 16px!important}
    .nav-cta:hover,.button-primary:hover{background:var(--green-dark)!important;border-color:var(--green-dark);transform:translateY(-2px)}
    .menu-toggle{display:none;background:none;border:0;padding:10px;color:var(--ink);font-size:25px}
    .hero{position:relative;overflow:hidden;min-height:500px;background:#1c2b25 url("/assets/images/backpic/back-3.webp") center/cover no-repeat;color:#fff}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,32,26,.95),rgba(17,32,26,.76) 54%,rgba(17,32,26,.38))}
    .hero:after{content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(178,221,192,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(178,221,192,.18) 1px,transparent 1px);background-size:42px 42px}
    .hero-inner{position:relative;z-index:1;padding:76px 0 78px}
    .hero-copy{max-width:720px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(132,190,154,.16);border:1px solid rgba(170,225,190,.3);border-radius:8px;color:#c9f0d5;font-size:13px;font-weight:700}
    .eyebrow i{width:7px;height:7px;border-radius:50%;background:#80d5a1;box-shadow:0 0 0 4px rgba(128,213,161,.16)}
    h1{font-size:clamp(38px,5vw,64px);line-height:1.18;letter-spacing:-2px;margin:20px 0 18px;font-weight:800}
    .hero p{max-width:680px;margin-bottom:26px;color:#dbe6df;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:9px;font-weight:700;transition:.22s;border:1px solid transparent}
    .button-secondary{border-color:rgba(255,255,255,.48);color:#fff;background:rgba(255,255,255,.06)}
    .button-secondary:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}
    .location-panel{position:absolute;right:max(24px,calc((100% - var(--max))/2));bottom:54px;z-index:2;width:355px;padding:22px;background:rgba(249,252,248,.97);color:var(--ink);border-radius:15px;box-shadow:var(--shadow-lg)}
    .location-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}
    .location-head b{font-size:17px}.live{font-size:12px;color:var(--green);font-weight:700}
    .station-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px}
    .station-row span:first-child:before{content:"";display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}
    .station-row em{font-style:normal;color:var(--muted)}
    .section{padding:84px 0}.section-soft{background:#edf3ee}.section-dark{background:#1d2b25;color:#fff}
    .section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}
    .section-heading h2{margin:0;font-size:32px;line-height:1.3;letter-spacing:-.8px}
    .section-heading p{max-width:560px;margin:0;color:var(--muted);font-size:15px}
    .section-dark .section-heading p{color:#c2d1c8}
    .kicker{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.12em}
    .section-dark .kicker{color:#9bddb5}
    .region-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:stretch}
    .region-map{min-height:340px;border-radius:var(--radius);background:url("/assets/images/coverpic/cover-6.webp") center/cover;position:relative;overflow:hidden}
    .region-map:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(23,86,61,.2),rgba(16,31,25,.78))}
    .map-label{position:absolute;z-index:1;left:28px;bottom:25px;color:#fff}.map-label b{font-size:25px;display:block}.map-label span{font-size:13px;color:#d2e8da}
    .region-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .region-item,.scene-card,.service-card,.milestone{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;transition:.22s}
    .region-item:hover,.scene-card:hover,.service-card:hover,.milestone:hover{transform:translateY(-4px);border-color:#73ad8b;box-shadow:var(--shadow)}
    .region-item strong{display:block;font-size:18px;margin-bottom:5px}.region-item p{font-size:13px;color:var(--muted);margin:0}
    .scene-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px}
    .scene-card{padding:0;overflow:hidden}.scene-card img{width:100%;height:155px;object-fit:cover}.scene-body{padding:20px}.scene-body h3{margin:0 0 7px;font-size:19px}.scene-body p{margin:0;color:var(--muted);font-size:14px}
    .workflow{display:grid;grid-template-columns:1fr 1.2fr;gap:52px;align-items:center}.workflow-image img{height:390px;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
    .flow-list{border-top:1px solid var(--line);margin-top:20px}.flow-item{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.flow-num{width:32px;height:32px;border-radius:9px;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;font-weight:800}.flow-item h3{font-size:17px;margin:0 0 4px}.flow-item p{font-size:14px;color:var(--muted);margin:0}
    .compare{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.compare-main{padding:32px;border-radius:var(--radius);background:#29463a}.compare-main h3{font-size:25px;margin:0 0 12px}.compare-main p{color:#d0ded5}.metric-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.metric{padding:15px;background:rgba(255,255,255,.1);border-radius:10px}.metric b{display:block;color:#a9dfbb;font-size:25px}.metric span{font-size:12px;color:#d0ded5}.compare-side{background:#fffefa;border-radius:var(--radius);padding:26px}.compare-side h3{margin-top:0}.bar{margin:17px 0}.bar-label{display:flex;justify-content:space-between;font-size:13px}.bar-track{height:8px;background:#e5ebe5;border-radius:8px;margin-top:6px;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--green);border-radius:8px}
    .milestone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.milestone{background:transparent;border-color:rgba(210,231,218,.25);color:#fff}.milestone b{font-size:29px;color:#9bddb5;display:block}.milestone h3{font-size:17px;margin:9px 0 4px}.milestone p{font-size:13px;color:#c2d1c8;margin:0}
    .service-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.service-card{display:flex;gap:16px;align-items:flex-start}.service-icon{width:38px;height:38px;flex:none;border-radius:10px;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;font-weight:800}.service-card h3{font-size:17px;margin:0 0 4px}.service-card p{margin:0;color:var(--muted);font-size:14px}.service-note{padding:30px;border-radius:var(--radius);background:#e3eee6}.service-note h3{margin-top:0;font-size:23px}.service-note p{color:var(--ink-2)}
    .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.faq-intro h2{font-size:32px;line-height:1.3;margin:8px 0 15px}.faq-intro p{color:var(--muted)}details{border-top:1px solid var(--line);padding:17px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;list-style:none;position:relative;padding-right:28px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;color:var(--green);font-size:22px;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;margin:10px 28px 0 0}
    .consult{padding:78px 0;background:#dcece2}.consult-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.consult h2{font-size:34px;line-height:1.3;margin:8px 0 14px}.consult p{color:var(--muted)}.consult-form{background:var(--paper);padding:26px;border-radius:var(--radius);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consult-form label{font-size:13px;font-weight:700;color:var(--ink-2)}.consult-form input,.consult-form select,.consult-form textarea{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;outline:none}.consult-form input:focus,.consult-form select:focus,.consult-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,125,91,.12)}.consult-form textarea{min-height:90px;resize:vertical}.full{grid-column:1/-1}.form-tip{font-size:12px;color:var(--muted);margin:10px 0 0}
    .site-footer{background:#15231e;color:#c9d4cd;padding:52px 0 22px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px;padding-bottom:38px;border-bottom:1px solid rgba(210,231,218,.16)}.footer-brand{font-size:21px;font-weight:800;color:#fff;margin-bottom:10px}.site-footer p{font-size:14px;max-width:390px;margin:0;color:#aebdb4}.footer-title{font-weight:700;color:#fff;margin-bottom:10px}.footer-info{font-size:13px;line-height:2;color:#b8c8bf}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;font-size:12px;color:#8fa198}
    @media(max-width:1024px){.main-nav a{padding:10px 8px;font-size:14px}.location-panel{position:relative;right:auto;bottom:auto;margin:10px 24px 28px auto}.hero{min-height:0}.hero-inner{padding-bottom:25px}.workflow,.service-layout,.faq-grid{gap:28px}}
    @media(max-width:768px){.site-container{width:min(calc(100% - 32px),var(--max))}.topbar .site-container{min-height:38px}.topbar-right{gap:10px}.nav-wrap{height:68px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:16px;right:16px;top:68px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{min-height:44px}.nav-cta{text-align:center}.hero-inner{padding:58px 0 20px}h1{font-size:42px}.location-panel{width:auto;margin:22px 0 0}.section{padding:62px 0}.section-heading{display:block}.section-heading h2{font-size:28px;margin-bottom:10px}.region-layout,.workflow,.compare,.service-layout,.faq-grid,.consult-box{grid-template-columns:1fr}.scene-grid{grid-template-columns:1fr 1fr}.milestone-grid{grid-template-columns:1fr 1fr}.workflow-image{order:2}.footer-top{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.topbar{font-size:12px}.topbar-right span:first-child{display:none}.brand{font-size:16px}.brand-mark{width:32px;height:32px}.hero-inner{padding-top:46px}h1{font-size:35px;letter-spacing:-1px}.hero p{font-size:15px}.hero-actions .button{width:100%}.region-list,.scene-grid,.metric-list,.milestone-grid,.form-grid{grid-template-columns:1fr}.section-heading h2{font-size:26px}.image-frame img,.workflow-image img{height:280px}.footer-top,.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.consult h2{font-size:29px}}

/* roulang page: category3 */
:root{--ink:#1e2925;--ink-2:#34423c;--green:#2e7d5b;--green-dark:#17563d;--mint:#dcece2;--cream:#f5f6f1;--paper:#fffefa;--line:#dce2da;--muted:#66736c;--orange:#d8813f;--shadow:0 10px 28px rgba(27,45,36,.08);--shadow-lg:0 18px 45px rgba(18,39,29,.15);--radius:18px;--small:10px;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,textarea{font:inherit}
button{cursor:pointer}
.site-container{width:min(calc(100% - 48px),var(--max));margin:auto}
.topbar{background:#15231e;color:#c9d4cd;font-size:13px}
.topbar .site-container{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-right{display:flex;gap:20px;color:#e4ebe6}
.topbar a:hover{color:#9bddb5}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,254,250,.96);border-bottom:1px solid rgba(220,226,218,.9);backdrop-filter:blur(12px)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;white-space:nowrap;letter-spacing:-.5px}
.brand-mark{width:35px;height:35px;border-radius:10px;background:var(--green);position:relative;box-shadow:inset 0 0 0 6px rgba(255,255,255,.12)}
.brand-mark:before{content:"";position:absolute;width:11px;height:16px;border:3px solid #fff;border-radius:3px;left:10px;top:7px}
.brand-mark:after{content:"";position:absolute;width:5px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;right:7px;top:14px}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav a{padding:11px 14px;border-radius:8px;font-size:15px;font-weight:600;color:#435149;transition:.2s}
.main-nav a:hover,.main-nav a.active{color:var(--green-dark);background:#eaf2ed}
.nav-cta,.button-primary{background:var(--green)!important;color:#fff!important;border:1px solid var(--green);box-shadow:0 7px 15px rgba(46,125,91,.2)}
.nav-cta{padding:10px 16px!important}
.nav-cta:hover,.button-primary:hover{background:var(--green-dark)!important;border-color:var(--green-dark);transform:translateY(-2px)}
.menu-toggle{display:none;background:none;border:0;padding:10px;color:var(--ink);font-size:25px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:9px;font-weight:700;transition:.22s;border:1px solid transparent}
.button-secondary{border-color:var(--green);color:var(--green-dark);background:transparent}
.button-secondary:hover{background:var(--green-dark);color:#fff;transform:translateY(-2px)}
.section{padding:86px 0}
.section-soft{background:#edf3ee}
.section-dark{background:#1d2b25;color:#fff}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}
.section-heading h2{margin:0;font-size:32px;line-height:1.3;letter-spacing:-.8px}
.section-heading p{max-width:540px;margin:0;color:var(--muted);font-size:15px}
.section-dark .section-heading p{color:#c2d1c8}
.section-kicker{display:block;margin-bottom:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.12em}
.section-dark .section-kicker{color:#9fdbb4}
.page-hero{position:relative;overflow:hidden;background:#1c2b25;color:#fff;min-height:420px}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,31,25,.94),rgba(16,31,25,.79) 48%,rgba(16,31,25,.35))}
.page-hero:after{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(178,221,192,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(178,221,192,.18) 1px,transparent 1px);background-size:42px 42px}
.page-hero .site-container{position:relative;z-index:1;padding:77px 0 68px}
.crumb{display:flex;gap:9px;align-items:center;margin-bottom:21px;color:#bcd0c3;font-size:14px}
.crumb span{color:#83c89d}
h1{max-width:720px;margin:0 0 17px;font-size:47px;line-height:1.2;letter-spacing:-1.2px;color:#fff}
.hero-lead{max-width:700px;margin:0;color:#d6e3da;font-size:17px;line-height:1.9}
.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.tag{display:inline-flex;align-items:center;min-height:29px;padding:3px 10px;border:1px solid rgba(188,222,199,.36);border-radius:8px;background:rgba(123,184,144,.13);color:#d4f0dc;font-size:13px;font-weight:700}
.solution-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}
.solution-image{position:relative}
.solution-image img{width:100%;height:390px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.image-note{position:absolute;right:-18px;bottom:22px;max-width:230px;padding:15px 18px;border-radius:13px;background:var(--paper);box-shadow:var(--shadow);font-size:13px;color:var(--muted)}
.image-note b{display:block;margin-bottom:2px;color:var(--green-dark);font-size:18px}
.intro-copy h2{margin:0 0 16px;font-size:34px;line-height:1.33;letter-spacing:-.8px}
.intro-copy>p{margin:0;color:var(--muted)}
.point-list{margin:25px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.point-list li{position:relative;padding:14px 0 14px 27px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600}
.point-list li:before{content:"";position:absolute;left:1px;top:21px;width:12px;height:7px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg)}
.scheme-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.scheme-card{position:relative;min-height:270px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden;transition:.25s}
.scheme-card:hover{transform:translateY(-4px);border-color:#73ad8b;box-shadow:var(--shadow)}
.scheme-card.large{grid-column:span 6;background:#e1efe5}
.scheme-card.small{grid-column:span 3}
.scheme-card.dark{background:#29463a;color:#fff;border-color:#29463a}
.scheme-card .card-num{display:block;margin-bottom:30px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.1em}
.scheme-card.dark .card-num{color:#a6ddb8}
.scheme-card h3{position:relative;margin:0 0 10px;font-size:22px;line-height:1.35}
.scheme-card p{position:relative;margin:0;color:var(--muted);font-size:14px}
.scheme-card.dark p{color:#d0ded5}
.scheme-card .corner-icon{position:absolute;right:20px;top:21px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(46,125,91,.12);color:var(--green-dark);font-size:20px;font-weight:800}
.scheme-card.dark .corner-icon{background:rgba(255,255,255,.12);color:#c9f0d5}
.compare-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}
.compare-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-bottom:1px solid var(--line)}
.compare-row:last-child{border-bottom:0}
.compare-row>div{padding:17px 22px;border-right:1px solid var(--line);font-size:14px}
.compare-row>div:last-child{border-right:0}
.compare-row.head{background:#e3efe6;font-weight:800;color:var(--green-dark)}
.compare-row .yes{color:var(--green-dark);font-weight:700}
.compare-row .base{color:var(--muted)}
.milestone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:8px}
.milestone{position:relative;padding:0 25px 0 0}
.milestone:before{content:"";position:relative;z-index:1;display:block;width:16px;height:16px;border:4px solid #dcece2;border-radius:50%;background:var(--green);box-sizing:content-box}
.milestone:after{content:"";position:absolute;top:11px;left:23px;right:0;height:2px;background:#bdd8c5}
.milestone:last-child:after{display:none}
.milestone b{display:block;margin-top:17px;font-size:17px}
.milestone p{margin:5px 0 0;color:var(--muted);font-size:14px}
.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.resource-item{display:grid;grid-template-columns:145px 1fr;gap:18px;min-height:148px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--paper);transition:.25s}
.resource-item:hover{transform:translateY(-3px);border-color:#73ad8b;box-shadow:var(--shadow)}
.resource-item img{width:145px;height:122px;border-radius:10px;object-fit:cover}
.resource-item .date{color:var(--green);font-size:12px;font-weight:800}
.resource-item h3{margin:5px 0 5px;font-size:17px;line-height:1.4}
.resource-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.assurance-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}
.assurance-main{padding:36px;border-radius:var(--radius);background:#29463a}
.assurance-main h2{margin:8px 0 13px;font-size:31px;line-height:1.32}
.assurance-main p{max-width:590px;margin:0;color:#cfddd4}
.assurance-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat-card{min-height:168px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.stat-card b{display:block;color:var(--green-dark);font-size:32px;line-height:1.2;letter-spacing:-1px}
.stat-card span{display:block;margin-top:9px;color:var(--muted);font-size:14px}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:58px}
.faq-copy h2{margin:7px 0 14px;font-size:33px;line-height:1.32}
.faq-copy p{margin:0;color:var(--muted)}
.accordion{margin:0;background:transparent}
.accordion-item{margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.accordion-title{position:relative;padding:17px 52px 17px 19px;border:0!important;color:var(--ink)!important;font-weight:800;font-size:16px;line-height:1.5}
.accordion-title:before{right:20px;margin-top:-.75rem;color:var(--green);font-size:24px}
.accordion-content{padding:0 19px 18px;border:0!important;background:var(--paper);color:var(--muted);font-size:14px;line-height:1.8}
.consult-box{position:relative;overflow:hidden;border-radius:var(--radius);background:#dcece2}
.consult-box:after{content:"";position:absolute;right:-80px;bottom:-130px;width:360px;height:360px;border:40px solid rgba(46,125,91,.1);border-radius:50%}
.consult-inner{position:relative;z-index:1;display:grid;grid-template-columns:.84fr 1.16fr;gap:50px;padding:48px}
.consult-copy h2{margin:7px 0 13px;font-size:31px;line-height:1.3}
.consult-copy p{margin:0;color:#506057}
.consult-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.consult-form label{display:block;color:#415149;font-size:13px;font-weight:700}
.consult-form input,.consult-form textarea{width:100%;margin-top:5px;padding:11px 12px;border:1px solid #bdd2c3;border-radius:8px;background:#fffefa;outline:0;color:var(--ink);transition:.2s}
.consult-form input{height:46px}
.consult-form textarea{min-height:98px;resize:vertical}
.consult-form input:focus,.consult-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,125,91,.14)}
.consult-form .full{grid-column:1/-1}
.form-note{margin:0;color:#68796f;font-size:12px}
.site-footer{background:#15231e;color:#cad5ce}
.footer-top{display:grid;grid-template-columns:1.5fr .8fr .9fr;gap:48px;padding:54px 0 38px}
.footer-brand{margin-bottom:10px;color:#fff;font-size:21px;font-weight:800}
.site-footer p{max-width:420px;margin:0;color:#aebfb4;font-size:14px}
.footer-title{margin-bottom:10px;color:#fff;font-size:15px;font-weight:800}
.footer-info{color:#b6c5bc;font-size:14px;line-height:2}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(216,233,222,.16);color:#91a79a;font-size:13px}
@media(max-width:1024px){.main-nav a{padding:10px 9px;font-size:14px}.scheme-card.large{grid-column:span 12}.scheme-card.small{grid-column:span 6}.solution-intro,.faq-layout{gap:32px}.section{padding:70px 0}}
@media(max-width:768px){.site-container{width:min(calc(100% - 32px),var(--max))}.topbar .site-container{justify-content:center}.topbar-left{display:none}.topbar-right{gap:14px}.nav-wrap{height:66px;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;order:3;width:100%;margin:0;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:12px 14px}.nav-cta{text-align:center}.page-hero .site-container{padding:60px 0}.page-hero{min-height:390px}h1{font-size:37px}.solution-intro,.assurance-grid,.faq-layout,.consult-inner{grid-template-columns:1fr}.solution-image{order:2}.image-note{right:12px}.section-heading{display:block}.section-heading h2{font-size:28px}.section-heading p{margin-top:12px}.resource-list{grid-template-columns:1fr}.milestone-grid{grid-template-columns:1fr 1fr;gap:26px}.milestone:nth-child(2):after{display:none}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-top>div:first-child{grid-column:1/-1}.consult-inner{padding:34px}.compare-wrap{overflow-x:auto}.compare-row{min-width:640px}}
@media(max-width:520px){body{font-size:15px}.topbar-right{font-size:12px}.topbar-right a:last-child{display:none}.brand{font-size:17px}.page-hero .site-container{padding:50px 0 54px}h1{font-size:31px;letter-spacing:-.7px}.hero-lead{font-size:15px}.section{padding:56px 0}.section-heading h2,.intro-copy h2,.faq-copy h2{font-size:26px}.scheme-grid{display:block}.scheme-card{margin-bottom:14px;min-height:220px}.resource-item{grid-template-columns:102px 1fr;gap:12px}.resource-item img{width:102px;height:112px}.resource-item h3{font-size:15px}.resource-item p{display:none}.milestone-grid{grid-template-columns:1fr;gap:23px}.milestone:after{display:none}.assurance-stats{gap:10px}.stat-card{min-height:140px;padding:20px}.stat-card b{font-size:27px}.consult-inner{padding:27px 20px}.consult-form{grid-template-columns:1fr}.consult-form .full{grid-column:auto}.footer-top{grid-template-columns:1fr;padding:42px 0 28px}.footer-top>div:first-child{grid-column:auto}.footer-bottom{display:block;font-size:12px}.footer-bottom span{display:block;margin:4px 0}.image-note{position:relative;right:auto;bottom:auto;margin:-20px 12px 0}.solution-image img{height:300px}}

/* roulang page: category4 */
:root{--ink:#1e2925;--ink-2:#34423c;--green:#2e7d5b;--green-dark:#17563d;--mint:#dcece2;--cream:#f5f6f1;--paper:#fffefa;--line:#dce2da;--muted:#66736c;--orange:#d8813f;--orange-soft:#fff1e5;--shadow:0 10px 28px rgba(27,45,36,.08);--shadow-lg:0 18px 45px rgba(18,39,29,.15);--radius:18px;--small:10px;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(46,125,91,.35);outline-offset:3px}
.site-container{width:min(calc(100% - 48px),var(--max));margin:auto}
.topbar{background:#15231e;color:#c9d4cd;font-size:13px}
.topbar .site-container{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-right{display:flex;gap:20px;color:#e4ebe6}
.topbar a:hover{color:#9bddb5}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,254,250,.96);border-bottom:1px solid rgba(220,226,218,.9);backdrop-filter:blur(12px)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;white-space:nowrap;letter-spacing:-.5px}
.brand-mark{width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:var(--green);position:relative;box-shadow:inset 0 0 0 6px rgba(255,255,255,.12)}
.brand-mark:before{content:"";position:absolute;width:11px;height:16px;border:3px solid #fff;border-radius:3px;left:10px;top:7px}
.brand-mark:after{content:"";position:absolute;width:5px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;right:7px;top:14px}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav a{padding:11px 14px;border-radius:8px;font-size:15px;font-weight:600;color:#435149;transition:.2s}
.main-nav a:hover,.main-nav a.active{color:var(--green-dark);background:#eaf2ed}
.nav-cta,.button-primary{background:var(--green)!important;color:#fff!important;border:1px solid var(--green);box-shadow:0 7px 15px rgba(46,125,91,.2)}
.nav-cta{padding:10px 16px!important}
.nav-cta:hover,.button-primary:hover{background:var(--green-dark)!important;border-color:var(--green-dark);transform:translateY(-2px)}
.menu-toggle{display:none;background:none;border:0;padding:10px;color:var(--ink);font-size:25px}
.section{padding:88px 0}
.section-soft{background:#edf3ee}
.section-dark{background:#1d2b25;color:#fff}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}
.section-heading h2{margin:0;font-size:32px;line-height:1.3;letter-spacing:-.8px}
.section-heading p{max-width:560px;margin:0;color:var(--muted);font-size:15px}
.section-dark .section-heading p{color:#c2d1c8}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#e4f0e8;border:1px solid #c9dfd0;border-radius:8px;color:var(--green-dark);font-size:13px;font-weight:800}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:#55a977;box-shadow:0 0 0 4px rgba(85,169,119,.14)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:9px;font-weight:700;transition:.22s;border:1px solid transparent}
.button-secondary{border-color:#a9b9af;color:var(--ink);background:var(--paper)}
.button-secondary:hover{border-color:var(--green);color:var(--green-dark);transform:translateY(-2px)}
.button-light{background:#fff;color:var(--green-dark);border-color:#fff}
.button-light:hover{background:#dcece2;transform:translateY(-2px)}
.page-hero{position:relative;overflow:hidden;background:#1c2b25 url("/assets/images/backpic/back-6.webp") center/cover no-repeat;color:#fff}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,32,26,.95) 0%,rgba(17,32,26,.85) 53%,rgba(17,32,26,.50) 100%)}
.page-hero:after{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(178,221,192,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(178,221,192,.18) 1px,transparent 1px);background-size:42px 42px}
.page-hero .site-container{position:relative;z-index:1;padding:72px 0 56px}
.page-hero .eyebrow{background:rgba(132,190,154,.16);border-color:rgba(170,225,190,.3);color:#c9f0d5}
.page-hero h1{max-width:760px;margin:16px 0 15px;font-size:48px;line-height:1.2;letter-spacing:-1.5px;font-weight:800}
.page-hero p{max-width:730px;margin:0;color:#d7e4dc;font-size:17px;line-height:1.9}
.roadmap{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:43px;max-width:1030px;padding-top:16px}
.roadmap:before{content:"";position:absolute;top:21px;left:4%;right:6%;height:1px;background:rgba(207,234,216,.46)}
.roadmap-item{position:relative;padding:0 18px 0 0}
.roadmap-dot{display:block;width:12px;height:12px;margin-bottom:13px;border:3px solid #9ee1b5;border-radius:50%;background:#1c2b25;position:relative;z-index:1}
.roadmap-item.current .roadmap-dot{background:#8bd4a5;box-shadow:0 0 0 6px rgba(139,212,165,.16)}
.roadmap-time{display:block;color:#9dddb4;font-size:12px;font-weight:800;letter-spacing:.07em}
.roadmap-item strong{display:block;margin-top:4px;font-size:15px}
.roadmap-item span{display:block;margin-top:3px;color:#c7d8ce;font-size:13px;line-height:1.55}
.subscribe-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:32px;padding:15px 17px 15px 19px;max-width:790px;background:rgba(255,255,255,.09);border:1px solid rgba(210,235,217,.22);border-radius:12px}
.subscribe-bar p{margin:0;font-size:14px;line-height:1.65;color:#e0ebe3}
.subscribe-bar .button{min-width:134px;flex:0 0 auto}
.metric-strip{position:relative;z-index:3;margin-top:-1px;background:var(--paper);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.metric{padding:22px 25px;border-right:1px solid var(--line)}
.metric:last-child{border-right:0}
.metric b{display:block;color:var(--green-dark);font-size:29px;line-height:1.1;letter-spacing:-1px}
.metric span{display:block;margin-top:6px;color:var(--muted);font-size:13px}
.data-intro{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:center}
.data-intro h2{margin:8px 0 16px;font-size:34px;line-height:1.3;letter-spacing:-.8px}
.data-intro p{margin:0;color:var(--muted)}
.data-image{position:relative}
.data-image img{width:100%;height:405px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.image-note{position:absolute;right:-17px;bottom:22px;max-width:250px;padding:16px 18px;background:var(--paper);border-left:4px solid var(--green);border-radius:10px;box-shadow:var(--shadow)}
.image-note strong{display:block;font-size:15px}
.image-note span{display:block;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.65}
.data-list{display:grid;gap:0;margin-top:24px;border-top:1px solid var(--line)}
.data-list-item{display:flex;gap:14px;padding:16px 4px;border-bottom:1px solid var(--line)}
.list-number{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:8px;background:var(--mint);color:var(--green-dark);font-size:13px;font-weight:800}
.data-list-item strong{display:block;font-size:16px;line-height:1.45}
.data-list-item p{margin:2px 0 0;font-size:13px;line-height:1.65}
.resource-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}
.resource-card{min-height:248px;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 3px 10px rgba(27,45,36,.02);transition:.22s}
.resource-card:hover{transform:translateY(-4px);border-color:#73ad8b;box-shadow:var(--shadow)}
.resource-card.featured{background:var(--green);border-color:var(--green);color:#fff}
.resource-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#e5f0e8;color:var(--green-dark);font-size:20px;font-weight:800}
.featured .resource-icon{background:rgba(255,255,255,.17);color:#fff}
.resource-card h3{margin:22px 0 8px;font-size:20px;line-height:1.4}
.resource-card p{margin:0;color:var(--muted);font-size:14px}
.featured p{color:#d8ecdf}
.card-link{display:inline-flex;align-items:center;gap:5px;margin-top:18px;color:var(--green-dark);font-size:14px;font-weight:800}
.featured .card-link{color:#e8f5ec}
.card-link:hover{gap:9px}
.compare-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}
.compare-copy{padding-top:10px}
.compare-copy h2{margin:8px 0 14px;font-size:33px;line-height:1.3}
.compare-copy p{color:var(--muted)}
.compare-points{display:grid;gap:12px;margin-top:25px}
.compare-points div{padding:13px 15px;border-radius:10px;background:#f8faf6;border:1px solid var(--line);font-size:14px;font-weight:700}
.compare-table{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}
.compare-row{display:grid;grid-template-columns:1.05fr 1fr 1fr;border-bottom:1px solid var(--line)}
.compare-row:last-child{border-bottom:0}
.compare-row>div{padding:15px 16px;border-right:1px solid var(--line);font-size:14px}
.compare-row>div:last-child{border-right:0}
.compare-row.head{background:#e7f0e9;color:var(--green-dark);font-weight:800}
.compare-row .old{color:#8a7461}
.compare-row .new{color:var(--green-dark);font-weight:800}
.milestone-board{position:relative;padding:34px;border-radius:var(--radius);background:#f8fbf7;border:1px solid var(--line)}
.milestone-board:before{content:"";position:absolute;top:55px;left:7%;right:7%;height:2px;background:#cfe0d4}
.milestones{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.milestone{position:relative;padding-top:2px}
.milestone i{display:block;width:18px;height:18px;margin-bottom:22px;border:5px solid #f8fbf7;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px #a6c9b0}
.milestone:nth-child(3) i{background:var(--orange);box-shadow:0 0 0 2px #ebc49c}
.milestone time{display:block;color:var(--green-dark);font-size:13px;font-weight:800}
.milestone strong{display:block;margin-top:5px;font-size:16px;line-height:1.45}
.milestone p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.insight-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}
.insight-feature{position:relative;min-height:398px;overflow:hidden;border-radius:var(--radius);color:#fff;background:#20352b}
.insight-feature img{width:100%;height:100%;object-fit:cover;opacity:.52}
.insight-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,31,24,.94),rgba(16,31,24,.08))}
.insight-content{position:absolute;z-index:1;left:31px;right:31px;bottom:28px}
.insight-content .tag{background:rgba(154,216,175,.18);border-color:rgba(194,237,208,.36);color:#d8f1df}
.insight-content h3{margin:13px 0 8px;font-size:25px;line-height:1.35}
.insight-content p{margin:0;color:#d7e6dc;font-size:14px}
.insight-list{display:grid;gap:14px}
.insight-item{display:grid;grid-template-columns:112px 1fr;gap:17px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper);transition:.2s}
.insight-item:hover{transform:translateX(4px);border-color:#73ad8b;box-shadow:var(--shadow)}
.insight-item img{width:112px;height:92px;border-radius:9px;object-fit:cover}
.insight-item h3{margin:4px 0 4px;font-size:16px;line-height:1.45}
.insight-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.tag{display:inline-flex;padding:3px 8px;border:1px solid #c9dfd0;border-radius:7px;background:#eaf3ec;color:var(--green-dark);font-size:12px;font-weight:800;line-height:1.45}
.assurance-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.assurance-grid h2{margin:8px 0 14px;font-size:34px;line-height:1.3}
.assurance-grid p{color:#c6d5cc}
.assurance-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.assurance-card{padding:20px;border:1px solid rgba(205,231,214,.17);border-radius:14px;background:rgba(255,255,255,.06)}
.assurance-card b{display:block;color:#a8dfbb;font-size:22px;line-height:1.25}
.assurance-card span{display:block;margin-top:7px;color:#d1ded5;font-size:13px;line-height:1.6}
.quick-answer{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:center}
.quick-answer h2{margin:8px 0 13px;font-size:33px;line-height:1.3}
.quick-answer p{color:var(--muted)}
.answer-box{padding:8px 22px;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}
.answer-line{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}
.answer-line:last-child{border-bottom:0}
.answer-line b{color:var(--green-dark);font-size:14px}
.answer-line span{color:var(--muted);font-size:14px}
.faq-wrap{max-width:930px;margin:auto}
.accordion{margin:0;background:transparent}
.accordion-item{margin-bottom:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}
.accordion-title{padding:18px 54px 18px 20px;border:0;color:var(--ink);font-size:16px;font-weight:800;line-height:1.55}
.accordion-title:hover,.accordion-title:focus{background:#f1f6f2;color:var(--green-dark)}
.accordion-title:before{right:20px;margin-top:-10px;color:var(--green);font-size:23px}
.accordion-content{padding:0 20px 19px;border:0;color:var(--muted);font-size:14px;line-height:1.8}
.consult-section{padding:76px 0;background:#dcece2}
.consult-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:43px 48px;border-radius:var(--radius);background:#fffefa;box-shadow:var(--shadow)}
.consult-panel h2{margin:8px 0 13px;font-size:33px;line-height:1.3}
.consult-panel p{color:var(--muted)}
.contact-note{display:flex;gap:10px;align-items:flex-start;margin-top:25px;color:var(--green-dark);font-size:14px;font-weight:700}
.contact-note i{display:block;width:9px;height:9px;flex:0 0 9px;margin-top:8px;border-radius:50%;background:var(--green)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1/-1}
.form-label{display:block;margin:0 0 6px;color:var(--ink-2);font-size:13px;font-weight:800}
.form-control{width:100%;height:46px;margin:0;padding:0 13px;border:1px solid #cfd9d1;border-radius:9px;background:#fff;color:var(--ink);box-shadow:none;transition:.2s}
textarea.form-control{height:82px;padding-top:10px;resize:vertical}
.form-control:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,125,91,.12)}
.form-submit{width:100%;margin-top:16px}
.form-tip{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.site-footer{background:#15231e;color:#d5dfd8}
.footer-top{display:grid;grid-template-columns:1.35fr .7fr .8fr;gap:55px;padding:55px 0 38px}
.footer-brand{margin-bottom:10px;color:#fff;font-size:21px;font-weight:800}
.site-footer p{max-width:430px;margin:0;color:#abbcb1;font-size:14px;line-height:1.8}
.footer-title{margin-bottom:12px;color:#fff;font-size:15px;font-weight:800}
.footer-info{color:#b8c8be;font-size:14px;line-height:2}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(210,231,217,.14);color:#98aa9f;font-size:13px}
@media(max-width:1024px){
 .main-nav a{padding:10px 9px;font-size:14px}.nav-wrap{gap:15px}.page-hero h1{font-size:42px}.resource-grid{grid-template-columns:1fr 1fr}.resource-card.featured{grid-column:span 2}.section{padding:72px 0}.consult-panel{padding:35px}
}
@media(max-width:768px){
 .site-container{width:min(calc(100% - 32px),var(--max))}.topbar .site-container{min-height:39px}.topbar-right{gap:12px}.topbar-right a:last-child{display:none}.nav-wrap{height:66px;position:relative}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:65px;left:-16px;right:-16px;padding:12px 16px 16px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.is-open{display:grid;gap:3px}.main-nav a{padding:12px 13px}.nav-cta{margin-top:4px;text-align:center}.page-hero .site-container{padding:58px 0 45px}.page-hero h1{font-size:36px}.page-hero p{font-size:16px}.roadmap{grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.roadmap:before{display:none}.roadmap-item{padding-right:8px}.roadmap-dot{margin-bottom:8px}.subscribe-bar{align-items:flex-start;flex-direction:column}.metric-strip{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:29px}.section-heading p{margin-top:11px}.data-intro,.compare-wrap,.insight-layout,.assurance-grid,.quick-answer,.consult-panel{grid-template-columns:1fr;gap:30px}.data-intro h2,.assurance-grid h2,.quick-answer h2,.consult-panel h2{font-size:29px}.data-image{order:-1}.data-image img{height:320px}.image-note{right:12px;bottom:14px}.milestone-board{padding:25px 20px}.milestone-board:before{left:29px;top:38px;bottom:35px;width:2px;height:auto}.milestones{grid-template-columns:1fr;gap:17px}.milestone{display:grid;grid-template-columns:25px 1fr;padding:0;column-gap:14px}.milestone i{grid-row:1/4;margin:3px 0 0}.milestone time,.milestone strong,.milestone p{grid-column:2}.insight-feature{min-height:330px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-top>div:first-child{grid-column:1/-1}
}
@media(max-width:520px){
 body{font-size:15px}.topbar{font-size:12px}.topbar-right{display:none}.brand{font-size:17px}.page-hero h1{font-size:31px;letter-spacing:-1px}.page-hero .site-container{padding-top:46px}.roadmap{grid-template-columns:1fr;gap:17px}.roadmap-item{padding-left:19px}.roadmap-dot{position:absolute;left:0;top:5px}.roadmap-item span{font-size:12px}.metric{padding:18px 15px}.metric b{font-size:25px}.section{padding:58px 0}.section-heading h2{font-size:26px}.resource-grid{grid-template-columns:1fr}.resource-card.featured{grid-column:auto}.resource-card{min-height:auto;padding:23px}.compare-row{grid-template-columns:.87fr 1fr 1fr}.compare-row>div{padding:12px 9px;font-size:12px}.assurance-cards{grid-template-columns:1fr}.answer-box{padding:6px 16px}.answer-line{grid-template-columns:1fr;gap:3px;padding:14px 0}.insight-content{left:21px;right:21px;bottom:22px}.insight-content h3{font-size:21px}.insight-item{grid-template-columns:88px 1fr;gap:12px}.insight-item img{width:88px;height:86px}.consult-panel{padding:27px 20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.footer-top{grid-template-columns:1fr;padding:42px 0 30px}.footer-top>div:first-child{grid-column:auto}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}
}