/* roulang page: index */
:root{--teal:#0f7a6b;--teal-dark:#095c51;--amber:#c67a2f;--ink:#141a18;--ink-2:#26302d;--paper:#f4f1ea;--mist:#e7eeeb;--white:#fff;--line:#d7dfda;--muted:#64716d;--radius:8px;--shadow:0 12px 30px rgba(20,26,24,.07);--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Source Han Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px rgba(198,122,47,.35)}.container{width:min(var(--container),calc(100% - 48px));margin:auto}.section{padding:96px 0;position:relative}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--teal);font-size:13px;font-weight:700;letter-spacing:.08em}.eyebrow:before{content:"";width:28px;height:2px;background:var(--amber)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4vw,52px);line-height:1.2;letter-spacing:-.04em;margin-bottom:20px}h2{font-size:clamp(25px,3vw,36px);line-height:1.35;letter-spacing:-.03em;margin-bottom:14px}h3{font-size:19px;line-height:1.45;margin-bottom:9px}.lead{color:var(--muted);max-width:720px;margin-bottom:30px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:1px solid transparent;border-radius:5px;font-weight:700;transition:.22s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal);color:#fff;border-bottom:2px solid var(--amber)}.btn-primary:hover{background:var(--teal-dark)}.btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}.btn-outline:hover{border-color:var(--amber);color:var(--teal-dark)}.btn-light{border-color:rgba(255,255,255,.72);color:#fff}.btn-light:hover{background:#fff;color:var(--ink)}.tag{display:inline-block;padding:4px 9px;border:1px solid #c9d7d1;background:#edf4f1;color:var(--teal-dark);border-radius:4px;font-size:12px;font-weight:700}.topbar{background:#101514;color:#cdd7d2;font-size:13px}.topbar .container{height:36px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar a{color:#f0c890}.header{background:rgba(244,241,234,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav{height:74px;display:flex;align-items:center;gap:26px}.logo{font-weight:800;line-height:1.15;min-width:216px;font-size:16px}.logo span{display:block;color:var(--teal);font-size:12px;letter-spacing:.08em}.logo:before{content:"";display:inline-block;width:16px;height:22px;border:2px solid var(--teal);border-radius:3px;vertical-align:-6px;margin-right:8px;box-shadow:7px 0 0 -5px var(--amber)}.navlinks{display:flex;align-items:center;justify-content:center;gap:18px;flex:1;font-size:14px;font-weight:700}.navlinks a{padding:8px 0;border-bottom:2px solid transparent}.navlinks a:hover{color:var(--teal);border-color:var(--amber)}.menu{display:none;background:none;border:0;width:46px;height:46px;color:var(--ink);font-size:25px}.drawer{display:none}.hero{padding:0;background:#141a18;color:#fff}.slides{position:relative;min-height:620px;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease;background-size:cover;background-position:center}.slide.active{opacity:1;pointer-events:auto}.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,20,18,.94),rgba(13,20,18,.72) 48%,rgba(13,20,18,.4))}.hero-grid{min-height:620px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px}.hero p{color:#d6e2dd;max-width:680px;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-panel{justify-self:end;width:min(100%,470px);border:1px solid rgba(225,195,149,.55);background:rgba(18,29,26,.9);padding:24px;position:relative}.hero-panel:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.1);pointer-events:none}.panel-title{position:relative;color:#eac58f;font-size:13px;letter-spacing:.1em}.panel-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.metric-box{padding:14px;background:#202b27;border-left:3px solid var(--teal)}.metric-box strong{display:block;color:#fff;font-size:24px;font-variant-numeric:tabular-nums}.metric-box small{color:#afc0b8}.busline{position:relative;height:70px;border-top:1px solid var(--amber);margin-top:26px}.busline i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--amber);top:-6px}.busline i:nth-child(1){left:6%}.busline i:nth-child(2){left:35%}.busline i:nth-child(3){left:65%}.busline i:nth-child(4){right:6%}.slider-controls{position:absolute;z-index:2;left:max(24px,calc((100% - var(--container))/2));bottom:28px;display:flex;gap:10px;align-items:center}.slider-controls button{width:40px;height:38px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff}.bars{display:flex;gap:7px;margin-left:8px}.bars button{width:31px;height:4px;padding:0;border:0;background:#7d8984}.bars button.active{background:var(--amber)}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:42px}.pain-grid{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}.pain-list{list-style:none;padding:0;margin:26px 0 0}.pain-list li{padding:16px 0;border-top:1px solid var(--line)}.pain-list strong{display:block;font-size:17px}.pain-list span{color:var(--muted);font-size:14px}.image-slab{min-height:470px;position:relative;background-size:cover;background-position:center;border-radius:var(--radius);overflow:hidden}.image-slab:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(10,25,21,.76))}.overlay-readout{position:absolute;z-index:2;bottom:22px;left:22px;right:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.overlay-readout div{padding:12px;background:rgba(244,241,234,.9);color:var(--ink);font-size:12px}.overlay-readout b{display:block;font-size:18px;color:var(--teal-dark)}.solution{background:var(--mist)}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.solution img{height:500px;width:100%;border-radius:var(--radius)}.module-list{padding:0;list-style:none}.module-list li{padding:13px 0 13px 28px;border-bottom:1px solid #cbd6d0;position:relative}.module-list li:before{content:"+";position:absolute;left:0;color:var(--amber);font-weight:800}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.badge{padding:8px 11px;border:1px solid #bfcfc7;background:#f6f8f5;font-size:13px}.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.adv-card{background:#fff;border:1px solid var(--line);padding:25px;min-height:244px;transition:.22s}.adv-card:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:var(--shadow)}.adv-card:nth-child(6){background:var(--ink);color:#fff;border-color:var(--ink)}.adv-card p{font-size:14px;color:var(--muted)}.adv-card:nth-child(6) p{color:#c4d0ca}.icon{width:38px;height:38px;border:1px solid var(--teal);color:var(--teal);display:grid;place-items:center;margin-bottom:19px;font-size:21px}.adv-num{display:block;margin-top:18px;color:var(--amber);font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}.method{background:#f9f7f1}.timeline{display:grid;grid-template-columns:repeat(6,1fr);position:relative;gap:14px}.timeline:before{content:"";position:absolute;top:53px;left:4%;right:4%;height:1px;background:#bdc9c3}.step{position:relative;padding-top:0}.step-no{width:56px;height:56px;background:var(--paper);border:1px solid var(--amber);display:grid;place-items:center;color:var(--teal);font-size:21px;font-weight:800;position:relative;z-index:2}.step h3{font-size:16px;margin:17px 0 6px}.step p,.step small{font-size:13px;color:var(--muted);line-height:1.6}.products-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.product{background:#fff;border:1px solid var(--line);transition:.2s}.product:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--teal)}.product img{height:250px;width:100%}.product:first-child img{height:286px}.product-body{padding:20px}.specs{margin:18px 0;padding:0;list-style:none;border-top:1px solid var(--line)}.specs li{font-size:13px;padding:8px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.specs b{color:var(--teal-dark);font-variant-numeric:tabular-nums}.philosophy{background:#141a18;color:#fff;overflow:hidden}.philosophy:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.8%,rgba(198,122,47,.18) 50%,transparent 50.2%);background-size:70px 70px;opacity:.4}.philosophy .container{position:relative}.quote-large{font-size:clamp(28px,4vw,47px);line-height:1.4;max-width:950px;letter-spacing:-.035em;color:#e9eee9}.case-rows{margin-top:38px;border-top:1px solid rgba(198,122,47,.65)}.case-row{display:grid;grid-template-columns:1.3fr 2fr 1fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.15)}.case-row span{color:#c5d1ca}.case-row b{color:#f0c78d}.results{background:#dfe9e3}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr)}.stat{padding:14px 24px;border-left:1px solid #b8c8c0}.stat:first-child{border-left:0}.stat strong{display:block;font-size:36px;color:var(--teal-dark);line-height:1.15;font-variant-numeric:tabular-nums}.stat span{font-size:13px;color:var(--muted)}.stories-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}.story-main{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line)}.story-main img{height:100%;min-height:360px;width:100%}.story-content{padding:34px}.story-small{display:grid;gap:20px}.story-mini{padding:25px;background:var(--teal);color:#fff;min-height:170px}.story-mini:nth-child(2){background:#e8dfd0;color:var(--ink)}.story-mini p{font-size:14px;margin:0}.testimonials{background:#f9f7f1}.test-list{border-top:1px solid var(--line)}.test{display:grid;grid-template-columns:100px 1fr 220px;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.quote-mark{font-size:66px;line-height:.5;color:var(--amber);font-family:serif}.test blockquote{font-size:19px;margin:0}.test small{color:var(--muted)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.audience-cell{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.audience-cell:nth-child(even){border-right:0}.audience-cell ul{padding-left:18px;color:var(--muted);font-size:14px}.notice{margin-top:18px;padding:14px 17px;border-left:3px solid var(--amber);background:#faf3e7;color:#62503b;font-size:14px}.metrics{background:var(--mist)}.metrics-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:38px}.table-wrap{background:#fff;border:1px solid var(--line)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);font-size:14px}th{background:#e5ece8;color:var(--teal-dark)}tr:nth-child(even) td{background:#fafbf9}.metric-note{padding:26px;border-top:3px solid var(--amber);background:#f9f6ef;align-self:start}.metric-note ul{padding-left:18px;color:var(--muted);font-size:14px}.news-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.news-card{background:#fff;border:1px solid var(--line);padding:22px;min-height:205px}.news-card:first-child{background:var(--ink);color:#fff}.news-card:first-child p{color:#cbd5cf}.news-card time{font-size:12px;color:var(--amber)}.news-card p{font-size:14px;color:var(--muted)}.more-news{margin-top:18px}.faq{background:#faf8f3}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;padding:20px 0;background:none;border:0;text-align:left;font-weight:800;color:var(--ink)}.faq-q b{color:var(--teal);font-size:22px;font-weight:400}.faq-a{display:none;padding:0 42px 21px 0;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}.cta{padding:86px 0;background:#eadfce}.cta-box{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:48px;border:2px solid var(--ink);position:relative}.cta-box:after{content:"";position:absolute;width:90px;height:8px;background:var(--amber);top:-2px;left:48px}.contact-list{margin-top:25px;padding:0;list-style:none;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}label{font-size:13px;font-weight:700;display:block;margin-bottom:5px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #adbbb4;background:#fff;border-radius:4px;color:var(--ink)}textarea{min-height:100px;resize:vertical}.form-note{font-size:12px;color:var(--muted);margin:10px 0}.trust{padding:34px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.trust-grid div{padding-left:15px;border-left:2px solid var(--amber);font-size:13px}.trust-grid b{display:block;font-size:14px}.footer{background:#101514;color:#cbd4cf;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:34px}.footer h3{color:#fff;font-size:15px}.footer p,.footer li{font-size:13px;color:#aab9b1}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:7px 0}.footer a:hover{color:#e9bd80}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;font-size:12px;color:#84948b;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1024px){.navlinks{gap:11px;font-size:13px}.nav .btn{padding:9px 12px}.hero-grid{gap:28px}.advantages-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr);row-gap:35px}.timeline:before{display:none}.products-grid{grid-template-columns:1fr 1fr}.products-grid .product:first-child{grid-column:span 2}.stat-grid{grid-template-columns:repeat(3,1fr);gap:20px}.stat{border-left:0;border-bottom:1px solid #b8c8c0}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.topbar .container{justify-content:center}.topbar .tool-mid{display:none}.nav{height:64px}.navlinks,.nav>.btn{display:none}.menu{display:block;margin-left:auto}.drawer{position:fixed;z-index:50;inset:0 0 0 12%;background:#141a18;color:#fff;padding:25px;transform:translateX(110%);transition:.3s;display:block}.drawer.open{transform:translateX(0)}.drawer button{float:right;background:none;border:0;color:#fff;font-size:28px}.drawer .logo{margin:35px 0 28px}.drawer nav{display:grid;gap:5px}.drawer nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14)}.drawer .drawer-info{margin-top:24px;font-size:13px;color:#b8c8bf}.drawer .btn{margin-top:22px}.section{padding:65px 0}.section-head{display:block;margin-bottom:28px}.pain-grid,.solution-grid,.metrics-grid,.cta-box{grid-template-columns:1fr;gap:30px}.image-slab{min-height:330px}.solution img{height:350px;order:2}.hero-grid{grid-template-columns:1fr;min-height:650px;padding:80px 0 100px}.hero-panel{justify-self:stretch}.slides{min-height:650px}.test{grid-template-columns:55px 1fr}.test small{grid-column:2}.stories-grid,.story-main{grid-template-columns:1fr}.story-main img{min-height:250px;height:250px}.products-grid{grid-template-columns:1fr}.products-grid .product:first-child{grid-column:auto}.product:first-child img,.product img{height:230px}.trust-grid{grid-template-columns:1fr 1fr}.cta-box{padding:34px 24px}.case-row{grid-template-columns:1fr;gap:6px}.news-grid{grid-template-columns:1fr 1fr}.news-card:first-child{grid-column:span 2}.footer-grid{gap:24px}}
@media(max-width:520px){.container{width:min(100% - 32px,var(--container))}.topbar{font-size:11px}.topbar .container{height:34px}.topbar .tool-left{white-space:nowrap}.hero p{font-size:15px}.hero-actions .btn{width:100%}.overlay-readout{grid-template-columns:1fr 1fr}.overlay-readout div:last-child{display:none}.advantages-grid,.audience-grid,.news-grid,.form-grid{grid-template-columns:1fr}.adv-card{min-height:auto}.timeline{grid-template-columns:1fr;border-left:1px solid var(--amber);padding-left:20px}.step{padding-bottom:12px}.step-no{margin-left:-49px}.stat-grid{grid-template-columns:1fr 1fr}.stat{padding:13px 8px}.stat strong{font-size:27px}.news-card:first-child{grid-column:auto}.test{gap:12px}.quote-mark{font-size:48px}.test blockquote{font-size:16px}.audience-cell,.audience-cell:nth-child(even){border-right:0}.table-wrap{border:0;background:transparent}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{margin-bottom:10px;border:1px solid var(--line);background:#fff}td{border:0;padding:8px 12px}td:before{content:attr(data-label);display:block;color:var(--teal-dark);font-size:12px;font-weight:800}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.slide:not(.active){display:none}}