/* roulang page: index */
:root{--ink:#241d2b;--muted:#766e78;--paper:#fffaf6;--warm:#f5eee8;--white:#fff;--orange:#f06445;--coral:#ff8a65;--teal:#1caa9a;--dark:#29202f;--line:#eadfd8;--shadow:0 16px 40px rgba(47,28,31,.08);--radius:24px;--container:1240px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}button,input,textarea{font:inherit}button{cursor:pointer;border:0}section{scroll-margin-top:115px}.container{width:min(var(--container),calc(100% - 48px));margin:auto}.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;color:var(--orange);font-size:13px;font-weight:700;letter-spacing:.06em}.eyebrow:before{content:"";width:24px;height:2px;background:var(--orange)}h1,h2,h3{line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(40px,5vw,72px);max-width:720px}h2{font-size:clamp(30px,4vw,48px)}h3{font-size:21px}.lead{color:var(--muted);font-size:17px;max-width:700px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}.section-head>div:last-child{max-width:580px}.topbar{background:var(--dark);color:#eee4e4;font-size:13px}.topbar .container{height:40px;display:flex;align-items:center;justify-content:space-between}.topbar strong{color:#ffb29d}.topbar a{color:#ffd2c5}.navbar{height:76px;background:rgba(255,250,246,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.navbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-weight:900;font-size:21px;display:flex;align-items:center;gap:10px;white-space:nowrap}.logo-mark{width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--coral));color:#fff;display:grid;place-items:center;font-size:17px}.logo small{display:block;font-size:10px;color:var(--muted);font-weight:500;letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:28px;color:#5d525d;font-size:14px}.nav-links a{padding:27px 0;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--orange)}.nav-links a.active:after{content:"";position:absolute;bottom:16px;left:0;right:0;height:2px;background:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:12px;font-weight:700;font-size:14px;transition:.25s ease}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 18px rgba(240,100,69,.2)}.btn-primary:hover{background:#d94e36;transform:translateY(-2px)}.btn-light{background:#fff;color:var(--ink)}.btn-outline{border:1px solid var(--line);background:transparent}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(28,170,154,.38);outline-offset:3px}.menu-btn{display:none;background:none;font-size:25px;color:var(--ink)}
.hero{min-height:670px;position:relative;color:#fff;display:flex;align-items:center;background:#352834;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s;background-size:cover;background-position:center}.hero-slide.active{opacity:1}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,24,31,.9),rgba(35,24,31,.42) 55%,rgba(35,24,31,.12))}.hero-content{position:relative;z-index:2;padding:100px 0 135px}.hero .eyebrow{color:#ffc0ad}.hero h1{margin:19px 0 22px}.hero .lead{color:#f8eae5;max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-bottom{position:absolute;z-index:3;bottom:30px;left:0;right:0}.hero-bottom .container{display:flex;justify-content:space-between;align-items:end}.slide-dots{display:flex;gap:8px}.dot{width:34px;height:4px;background:#ffffff66;border-radius:5px}.dot.active{background:#fff}.hero-note{font-size:13px;color:#f6d8ce}.band{padding:105px 0}.band.warm{background:var(--warm)}.band.white{background:#fff}.pain-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.pain-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pain-item{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}.pain-item b{display:block;color:var(--orange);font-size:29px;margin-bottom:7px}.pain-item span{font-size:14px;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.screen{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);position:relative}.screen img{width:100%;height:430px}.screen-caption{position:absolute;bottom:0;left:0;right:0;padding:22px;color:#fff;background:linear-gradient(transparent,rgba(28,20,28,.85))}.feature-tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.tag{padding:7px 12px;background:#fff0eb;border-radius:30px;font-size:12px;letter-spacing:0}.trust-line{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:13px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.flow:before{content:"";height:2px;background:#f4b6a7;position:absolute;top:29px;left:8%;right:8%}.flow-step{position:relative;text-align:center;padding:0 12px}.flow-num{width:58px;height:58px;margin:auto auto 20px;background:var(--orange);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800;position:relative;z-index:1}.flow-step p{font-size:14px;color:var(--muted);margin-top:8px}.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.adv-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:20px;min-height:205px;transition:.25s}.adv-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.adv-card:nth-child(2),.adv-card:nth-child(5){transform:translateY(22px)}.adv-card:nth-child(2):hover,.adv-card:nth-child(5):hover{transform:translateY(17px)}.icon{width:42px;height:42px;border-radius:13px;background:#e0f5f0;color:var(--teal);display:grid;place-items:center;font-weight:900;margin-bottom:20px}.adv-card p,.product-card p,.story p,.news-card p{color:var(--muted);font-size:14px;margin-top:10px}.badge{display:inline-block;margin-top:19px;background:#fff0eb;color:var(--orange);border-radius:20px;padding:5px 10px;font-size:12px}.products{display:grid;grid-template-columns:1.15fr .9fr 1fr;align-items:start;gap:20px}.product-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 24px rgba(47,28,31,.04)}.product-card:nth-child(2){margin-top:55px}.product-card:nth-child(3){margin-top:18px}.product-card img{height:225px;width:100%}.product-body{padding:24px}.product-body .tag{background:#e5f6f2;color:#168e80}.dark-zone{background:var(--dark);color:#fff;padding:105px 0}.dark-zone .lead{color:#cfc2cc}.case-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:55px;align-items:center}.case-panel{background:#3c3040;border:1px solid #59475a;border-radius:25px;padding:28px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare div{padding:18px;border-radius:15px;background:#302631}.compare strong{display:block;color:#ffad95;margin-bottom:7px}.meter{height:9px;background:#59475a;border-radius:8px;margin:20px 0 10px;overflow:hidden}.meter i{display:block;height:100%;width:78%;background:linear-gradient(90deg,var(--orange),#ffb48b);border-radius:8px}.scenario-grid{display:flex;flex-wrap:wrap;gap:14px}.scenario{flex:1 1 180px;padding:25px;border-radius:19px;background:#fff;border:1px solid var(--line)}.scenario strong{display:block;margin-bottom:8px}.scenario span{font-size:13px;color:var(--muted)}.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story{background:#fff;border-radius:20px;padding:26px;border:1px solid var(--line)}.story .story-top{display:flex;justify-content:space-between;color:var(--orange);font-size:13px;font-weight:700}.stats{background:#f8d9ce;padding:42px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat strong{font-size:38px;display:block;color:var(--dark)}.stat span{font-size:13px;color:#65555b}.quote-area{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.quote{font-size:clamp(25px,3vw,39px);line-height:1.45;font-weight:700}.quote:before{content:"“";color:var(--orange);font-size:75px;line-height:.3;vertical-align:-25px;margin-right:8px}.person{display:flex;align-items:center;gap:15px;margin-top:25px;color:var(--muted);font-size:14px}.avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#ffb09a,#df6653);display:grid;place-items:center;color:#fff;font-weight:800}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.news-card img{height:175px;width:100%}.news-card .news-body{padding:20px}.news-meta{font-size:12px;color:var(--orange);font-weight:700}.news-card h3{font-size:18px;margin-top:10px}.faq-list{max-width:900px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;min-height:68px;display:flex;align-items:center;justify-content:space-between;font-weight:700;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:25px;color:var(--orange)}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 45px 22px 0;color:var(--muted);font-size:14px}.cta{background:linear-gradient(120deg,#ee6849,#c94c55);color:#fff;padding:85px 0}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cta .lead{color:#ffe4dc}.form{background:#fff;padding:25px;border-radius:22px;color:var(--ink);display:grid;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{font-size:12px;font-weight:700}.form input,.form textarea{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#fffaf7;resize:vertical}.form textarea{min-height:75px}.form small{color:var(--muted)}.form .btn{width:100%}.form-message{display:none;color:var(--teal);font-size:13px}.footer{background:#241d2b;color:#d9ced5;padding:56px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer .logo{color:#fff}.footer p,.footer a{font-size:13px;color:#bcaeb8}.footer h3{font-size:15px;color:#fff;margin-bottom:16px}.footer-links{display:grid;gap:8px}.footer a:hover{color:#ffab96}.copyright{border-top:1px solid #443946;margin-top:40px;padding-top:20px;font-size:12px;color:#958691;display:flex;justify-content:space-between;gap:15px}
@media(max-width:1024px){.nav-links{gap:15px}.intro-grid,.case-grid,.quote-area{gap:35px}.flow-step{padding:0 5px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(100% - 40px,var(--container))}.topbar .container{height:38px}.topbar .phone{display:none}.navbar{height:68px}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:12px 20px 22px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 0}.nav-links a.active:after{bottom:7px;right:auto;width:35px}.navbar>.container>.btn{display:none}.hero{min-height:650px}.hero-content{padding:100px 0 135px}.pain-grid,.intro-grid,.case-grid,.quote-area,.cta-grid{grid-template-columns:1fr}.section-head{display:block;margin-bottom:30px}.section-head .lead{margin-top:14px}.flow{grid-template-columns:1fr;gap:22px}.flow:before{width:2px;height:85%;left:29px;top:29px;right:auto}.flow-step{text-align:left;padding-left:82px;min-height:62px}.flow-num{position:absolute;left:0;top:0;margin:0;width:58px;height:58px}.adv-grid{grid-template-columns:repeat(2,1fr)}.adv-card:nth-child(2),.adv-card:nth-child(5),.adv-card:nth-child(2):hover,.adv-card:nth-child(5):hover{transform:none}.products,.stories,.news-grid{grid-template-columns:1fr}.product-card:nth-child(2),.product-card:nth-child(3){margin-top:0}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:28px}.band,.dark-zone{padding:75px 0}}
@media(max-width:520px){h1{font-size:40px}.hero .lead{font-size:15px}.pain-list,.adv-grid,.form-row{grid-template-columns:1fr}.pain-item{padding:19px}.stats-grid{grid-template-columns:1fr 1fr}.stat strong{font-size:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.copyright{display:block}.copyright span{display:block;margin-top:8px}.hero-bottom .container{display:block}.hero-note{margin-bottom:13px}.compare{grid-template-columns:1fr}}