/* roulang page: index */
:root{
      --ink:#18201d;
      --deep:#111815;
      --deep-2:#1b2621;
      --paper:#f4f4ed;
      --paper-2:#e9ebe2;
      --white:#fcfcf7;
      --green:#b8ee54;
      --green-dark:#749d2f;
      --moss:#617262;
      --line:#d6d9ce;
      --orange:#c77d46;
      --muted:#647068;
      --radius:18px;
      --radius-lg:26px;
      --shadow:0 18px 45px rgba(24,32,29,.08);
      --ease:220ms cubic-bezier(.2,.7,.2,1);
      --nav-width:104px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.82}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;object-fit:cover}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid rgba(184,238,84,.8);outline-offset:3px}
    .side-nav{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--nav-width);background:var(--deep);color:#dae1d8;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;padding:23px 10px 18px}
    .brand{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;letter-spacing:1px;font-size:15px;line-height:1.1;color:var(--white)}
    .brand-mark{width:39px;height:39px;border-radius:13px;background:var(--green);color:var(--deep);display:grid;place-items:center;font-size:23px;font-weight:900;transform:rotate(-8deg)}
    .nav-list{display:flex;flex-direction:column;gap:8px;width:100%;margin:42px 0 auto;padding:0;list-style:none}
    .nav-list a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;border-radius:11px;color:#aeb9b0;font-size:11px;line-height:1.25;transition:var(--ease)}
    .nav-list a:hover{background:rgba(255,255,255,.07);color:#fff}
    .nav-list a.active{color:var(--green);background:rgba(184,238,84,.08)}
    .nav-list a.active:before{content:"";position:absolute;left:-10px;height:21px;width:2px;border-radius:2px;background:var(--green)}
    .nav-icon{font-size:16px;line-height:1}
    .nav-bottom{text-align:center;font-size:10px;color:#89948d}
    .quick-contact{width:42px;height:42px;margin-bottom:14px;border:1px solid rgba(184,238,84,.55);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:18px;transition:var(--ease)}
    .quick-contact:hover{background:var(--green);color:var(--deep);transform:translateY(-2px)}
    .mobile-head{display:none}
    main,.page-footer{margin-left:var(--nav-width)}
    .topline{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,72px);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
    .crumb{display:flex;gap:9px;align-items:center}
    .crumb b{color:var(--ink)}
    .top-action{font-weight:700;color:var(--ink);border-bottom:1px solid var(--green-dark)}
    .container{width:min(1320px,calc(100% - 64px));margin:0 auto}
    section{padding:92px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
    .eyebrow:before{content:"";display:block;width:24px;height:1px;background:currentColor}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(46px,5.3vw,76px);line-height:1.09;letter-spacing:-3px;margin:18px 0 25px}
    h2{font-size:clamp(31px,3.5vw,49px);line-height:1.18;letter-spacing:-2px;margin-bottom:18px}
    h3{font-size:20px;line-height:1.35;margin-bottom:10px}
    .intro{font-size:17px;color:var(--muted);max-width:710px;line-height:1.95}
    .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
    .btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:14px;transition:var(--ease)}
    .btn:hover{transform:translateY(-2px)}
    .btn:active{transform:translateY(0)}
    .btn-primary{background:var(--green);color:var(--deep)}
    .btn-primary:hover{background:#cdf77e;box-shadow:0 10px 25px rgba(145,197,60,.22)}
    .btn-outline{border-color:rgba(255,255,255,.35);color:var(--white)}
    .btn-outline:hover{border-color:var(--green);color:var(--green)}
    .btn-dark{background:var(--deep);color:var(--white)}
    .btn-dark:hover{background:#29352e}
    .btn-light{border-color:var(--line);color:var(--ink)}
    .btn-light:hover{border-color:var(--green-dark);background:var(--white)}
    .hero{padding:0;background:var(--deep);color:var(--white)}
    .hero-shell{min-height:650px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:42px;align-items:center;padding:64px 0}
    .hero .eyebrow{color:var(--green)}
    .hero .intro{color:#c3cec5;max-width:670px}
    .hero-visual{height:525px;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#26332b}
    .hero-visual>img{width:100%;height:100%;filter:saturate(.76) contrast(1.07)}
    .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,14,11,.05),rgba(9,14,11,.62))}
    .reel{position:absolute;z-index:2;inset:22px 20px auto auto;display:flex;align-items:center;gap:9px;padding:8px 12px;background:rgba(17,24,21,.84);border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12px;font-weight:700}
    .live-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(199,125,70,.17)}
    .visual-caption{position:absolute;z-index:2;left:25px;right:25px;bottom:24px}
    .visual-caption strong{display:block;font-size:26px;line-height:1.25}
    .visual-caption span{display:block;color:#d7dfd7;margin-top:7px;font-size:13px}
    .tickline{position:absolute;z-index:2;left:25px;bottom:109px;display:flex;gap:17px;color:#e2e8e0;font-size:11px}
    .tickline i{font-style:normal;position:relative}
    .tickline i:before{content:"";position:absolute;left:0;top:-12px;width:1px;height:7px;background:var(--green)}
    .hero-kpi{position:absolute;z-index:3;right:-25px;bottom:38px;width:180px;padding:17px;background:var(--paper);color:var(--ink);border-radius:14px;box-shadow:var(--shadow)}
    .hero-kpi strong{font-size:31px;line-height:1;color:var(--green-dark)}
    .hero-kpi span{display:block;margin-top:7px;font-size:12px;line-height:1.5;color:var(--muted)}
    .signal-strip{background:#dfe4d6;border-bottom:1px solid var(--line)}
    .signals{display:grid;grid-template-columns:repeat(4,1fr)}
    .signal{padding:20px 22px;border-right:1px solid #cdd3c7}
    .signal:last-child{border:0}
    .signal b{display:block;font-size:14px}
    .signal span{font-size:12px;color:var(--muted)}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:39px}
    .section-head .intro{margin:0;max-width:520px;font-size:15px}
    .ladder{display:grid;grid-template-columns:.85fr 1.1fr .95fr;gap:16px}
    .ladder-card{position:relative;min-height:290px;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden;transition:var(--ease)}
    .ladder-card:hover{border-color:var(--green-dark);transform:translateY(-4px);box-shadow:var(--shadow)}
    .ladder-card.featured{background:var(--deep);color:var(--white);border-color:var(--deep)}
    .ladder-num{display:block;font-size:12px;color:var(--orange);font-weight:800;letter-spacing:1px}
    .ladder-card.featured .ladder-num{color:var(--green)}
    .ladder-card p{font-size:14px;color:var(--muted);line-height:1.75}
    .ladder-card.featured p{color:#c0cbc3}
    .ladder-list{list-style:none;padding:0;margin:20px 0 0;font-size:13px}
    .ladder-list li{padding:7px 0;border-top:1px solid rgba(24,32,29,.1)}
    .featured .ladder-list li{border-color:rgba(255,255,255,.12)}
    .ladder-list li:before{content:"+";color:var(--green-dark);font-weight:900;margin-right:8px}
    .featured .ladder-list li:before{color:var(--green)}
    .capability{background:var(--paper-2)}
    .cap-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px}
    .sticky-copy{align-self:start;position:sticky;top:35px;padding:10px 22px 10px 0}
    .cap-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .cap-card{padding:24px;border:1px solid #d1d7ca;border-radius:var(--radius);background:rgba(255,255,255,.5);transition:var(--ease)}
    .cap-card:hover{background:var(--white);border-color:var(--green-dark);transform:translateY(-3px)}
    .cap-card.wide{grid-column:span 2;display:grid;grid-template-columns:1fr .75fr;gap:25px;background:var(--deep);color:var(--white);border-color:var(--deep)}
    .cap-card.wide p{color:#c3cdc4}
    .cap-index{display:inline-grid;place-items:center;width:29px;height:29px;border:1px solid currentColor;border-radius:50%;font-size:11px;color:var(--green-dark);margin-bottom:17px}
    .wide .cap-index{color:var(--green)}
    .cap-card p{font-size:13px;color:var(--muted);margin-bottom:12px}
    .mini-points{margin:0;padding-left:18px;font-size:13px;line-height:1.75}
    .mini-points li::marker{color:var(--green-dark)}
    .workflow-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center}
    .workflow-image{height:460px;border-radius:var(--radius-lg);overflow:hidden}
    .workflow-image img{width:100%;height:100%;transition:transform .6s ease}
    .workflow-image:hover img{transform:scale(1.035)}
    .steps{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--line)}
    .steps li{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
    .steps b{font-size:12px;color:var(--green-dark);letter-spacing:1px}
    .steps h3{font-size:18px;margin:0 0 5px}
    .steps p{font-size:14px;color:var(--muted);margin:0}
    .compare-wrap{background:var(--deep);color:var(--white);border-radius:var(--radius-lg);padding:46px}
    .compare-wrap .intro{color:#bdc8be}
    .compare-grid{display:grid;grid-template-columns:1.05fr .95fr .8fr;gap:1px;margin-top:33px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15)}
    .plan{background:var(--deep-2);padding:25px;min-height:320px}
    .plan:nth-child(2){background:#25352b}
    .plan:nth-child(3){background:#e5eadc;color:var(--ink)}
    .plan .tag{color:var(--green);border-color:rgba(184,238,84,.45)}
    .plan:nth-child(3) .tag{color:var(--green-dark);border-color:#a3b995}
    .tag{display:inline-block;border:1px solid;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;letter-spacing:.5px}
    .plan h3{font-size:25px;margin:15px 0 7px}
    .plan p{font-size:13px;line-height:1.75;color:#c3cec4}
    .plan:nth-child(3) p{color:var(--muted)}
    .plan ul{padding:0;list-style:none;margin:19px 0}
    .plan li{font-size:13px;padding:6px 0;border-top:1px solid rgba(255,255,255,.12)}
    .plan:nth-child(3) li{border-color:#cbd2c3}
    .plan li:before{content:"✓";margin-right:8px;color:var(--green)}
    .plan:nth-child(3) li:before{color:var(--green-dark)}
    .safety{padding:0;background:#dce3d5}
    .safety-grid{display:grid;grid-template-columns:repeat(4,1fr)}
    .safety-item{padding:25px;border-right:1px solid #c6cec0}
    .safety-item:last-child{border:0}
    .safety-item b{display:block;font-size:15px;margin-bottom:5px}
    .safety-item p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
    .scenario-stage{display:grid;grid-template-columns:300px 1fr;min-height:570px;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--white)}
    .scenario-tabs{padding:25px;background:#e7ebe1;border-right:1px solid var(--line)}
    .scenario-tab{width:100%;border:0;border-bottom:1px solid #cfd5ca;background:transparent;text-align:left;padding:16px 5px;color:var(--muted);font-weight:700;transition:var(--ease)}
    .scenario-tab:hover,.scenario-tab.active{color:var(--ink);padding-left:12px}
    .scenario-tab.active:after{content:"●";float:right;color:var(--green-dark)}
    .scenario-view{display:grid;grid-template-columns:1fr .9fr}
    .scenario-copy{padding:46px}
    .scenario-copy p{font-size:15px;color:var(--muted)}
    .output-list{padding:0;list-style:none;margin:22px 0}
    .output-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
    .output-list span{display:inline-block;width:82px;color:var(--green-dark);font-size:12px;font-weight:800}
    .scenario-photo{position:relative;min-height:370px}
    .scenario-photo img{width:100%;height:100%}
    .scenario-photo:after{content:"战队日常 / 赛前节奏";position:absolute;bottom:0;left:0;right:0;padding:17px 20px;background:rgba(17,24,21,.76);color:#fff;font-size:13px}
    .brand-story{background:var(--deep);color:var(--white)}
    .brand-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:62px}
    .brand-layout blockquote{margin:0;font-size:28px;line-height:1.5;font-weight:700;letter-spacing:-1px;color:var(--green)}
    .brand-text{columns:2;column-gap:38px;color:#c4cdc5;font-size:15px}
    .brand-text p{break-inside:avoid}
    .case-layout{display:grid;grid-template-columns:1.28fr .72fr;gap:20px}
    .case-main{position:relative;min-height:510px;border-radius:var(--radius-lg);overflow:hidden;color:#fff}
    .case-main img{width:100%;height:100%;position:absolute;inset:0;filter:brightness(.64)}
    .case-main .case-overlay{position:absolute;inset:auto 0 0;padding:38px;background:linear-gradient(transparent,rgba(10,15,12,.95))}
    .case-overlay p{max-width:610px;color:#d8e0d8;font-size:14px}
    .case-side{display:grid;gap:16px}
    .case-small{position:relative;min-height:247px;padding:25px;border-radius:var(--radius);overflow:hidden;background:#dfe6d8}
    .case-small.dark{background:var(--deep);color:#fff}
    .case-small img{position:absolute;inset:0;width:100%;height:100%;opacity:.3}
    .case-small>*{position:relative}
    .case-small p{font-size:13px;line-height:1.7;color:var(--muted)}
    .case-small.dark p{color:#c3cdc5}
    .case-meta{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:.8px}
    .review-section{padding-top:46px}
    .review-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;padding:42px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .review-note{font-size:15px;color:var(--muted)}
    .checklist{padding:0;margin:0;list-style:none;counter-reset:item}
    .checklist li{position:relative;padding:0 0 18px 49px;font-size:15px}
    .checklist li:before{counter-increment:item;content:"0" counter(item);position:absolute;left:0;top:0;color:var(--green-dark);font-weight:900;font-size:14px}
    .reward-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
    .reward-panel{padding:34px;border-radius:var(--radius-lg);background:#e1e7d8}
    .reward-panel p{max-width:610px;color:var(--muted);font-size:15px}
    .reward-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}
    .reward-item{padding:18px 13px;background:var(--white);border-radius:13px;font-size:13px;font-weight:700}
    .reward-item b{display:block;color:var(--green-dark);font-size:12px;margin-bottom:7px}
    .progress-card{padding:34px;border-radius:var(--radius-lg);background:var(--deep);color:#fff}
    .progress-card p{color:#c3cdc4;font-size:14px}
    .progress-bar{height:9px;margin:27px 0 10px;border-radius:9px;background:#405044;overflow:hidden}
    .progress-bar i{display:block;height:100%;width:67%;background:var(--green)}
    .progress-card small{color:#aebbb0}
    .news{background:var(--white)}
    .news-layout{display:grid;grid-template-columns:.74fr 1.26fr;gap:47px}
    .featured-news{padding-bottom:20px;border-bottom:1px solid var(--line)}
    .featured-news img{width:100%;height:255px;margin:22px 0;border-radius:var(--radius);transition:var(--ease)}
    .featured-news:hover img{transform:scale(1.015)}
    .date{color:var(--orange);font-weight:800;letter-spacing:1px;font-size:12px}
    .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)}
    .news-item h3{font-size:17px;margin:0 0 4px}
    .news-item p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}
    .read{font-size:12px;font-weight:800;color:var(--green-dark);white-space:nowrap}
    .read:hover{color:var(--ink)}
    .limited{padding:0}
    .limited-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:47px 52px;background:var(--orange);border-radius:var(--radius-lg);color:#201713}
    .limited-inner h2{margin-bottom:10px}
    .limited-inner p{margin:0;max-width:700px}
    .limited-side{text-align:right}
    .limited-side strong{display:block;font-size:13px;letter-spacing:1px;margin-bottom:13px}
    .faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-q{width:100%;padding:19px 3px;border:0;background:transparent;display:flex;justify-content:space-between;gap:20px;text-align:left;font-weight:800;color:var(--ink)}
    .faq-q span:last-child{color:var(--green-dark);font-size:20px;line-height:1}
    .faq-a{display:none;padding:0 3px 20px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-a{display:block}
    .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
    .contact-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;padding:48px;border-radius:var(--radius-lg);background:var(--deep);color:#fff}
    .contact-panel .intro{color:#bec9bf}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .field{display:flex;flex-direction:column;gap:6px}
    .field.full{grid-column:span 2}
    label{font-size:12px;color:#d0dbd1;font-weight:700}
    input,select,textarea{width:100%;background:#233028;border:1px solid #46574b;color:#fff;border-radius:10px;padding:12px 13px;transition:var(--ease)}
    input,select{height:50px}
    textarea{min-height:136px;resize:vertical}
    input:focus,select:focus,textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(184,238,84,.15)}
    select option{color:var(--ink)}
    .form-note{font-size:12px;color:#aab7ad;margin:11px 0 0}
    .final-cta{padding-top:44px}
    .final-box{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 46px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white)}
    .final-box h2{font-size:32px;margin:0 0 8px}
    .final-box p{margin:0;color:var(--muted);font-size:14px}
    .page-footer{background:#0f1512;color:#b7c1b9;padding:52px clamp(24px,4vw,72px) 25px}
    .footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:45px;padding-bottom:37px;border-bottom:1px solid rgba(255,255,255,.12)}
    .footer-brand{color:#fff;font-size:20px;font-weight:800}
    .footer-brand span{color:var(--green)}
    .footer-copy{font-size:13px;line-height:1.8;max-width:320px;color:#a9b4ab;margin-top:12px}
    .footer-title{font-size:13px;color:#fff;font-weight:800;margin-bottom:12px}
    .footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:13px}
    .footer-links a:hover,.legal a:hover{color:var(--green)}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:20px;font-size:12px;color:#88958b}
    .legal{display:flex;flex-wrap:wrap;gap:9px}
    @media(max-width:1200px){
      .hero-shell{grid-template-columns:1fr .85fr}
      .hero-visual{height:465px}
      .brand-text{columns:1}
      .scenario-view{grid-template-columns:1fr .75fr}
    }
    @media(max-width:960px){
      :root{--nav-width:0px}
      .side-nav{display:none}
      .mobile-head{position:sticky;top:0;z-index:70;height:67px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.12)}
      .mobile-brand{font-weight:900;font-size:17px}
      .mobile-brand i{font-style:normal;color:var(--green)}
      .menu-btn{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:9px;padding:8px 11px}
      .mobile-menu{display:none;position:absolute;top:67px;left:0;right:0;padding:15px 20px 23px;background:var(--deep);border-top:1px solid rgba(255,255,255,.08)}
      .mobile-menu.open{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
      .mobile-menu a{padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:9px;font-size:13px;color:#d0dad1}
      .mobile-menu a.active{color:var(--green);border-color:rgba(184,238,84,.45)}
      .topline{display:none}
      .container{width:min(100% - 40px,1320px)}
      .hero-shell,.workflow-grid,.news-layout,.faq-grid,.contact-panel{grid-template-columns:1fr}
      .hero-shell{padding:48px 0;gap:32px}
      .hero-visual{height:440px}
      .hero-kpi{right:18px}
      .signals{grid-template-columns:repeat(2,1fr)}
      .signal:nth-child(2){border-right:0}
      .cap-grid{grid-template-columns:1fr}
      .sticky-copy{position:static}
      .scenario-stage{grid-template-columns:1fr}
      .scenario-tabs{display:flex;gap:5px;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:13px}
      .scenario-tab{white-space:nowrap;width:auto;border:0;padding:9px 12px}
      .scenario-view{grid-template-columns:1fr}
      .scenario-photo{height:310px}
      .brand-layout,.case-layout,.review-layout,.reward-grid{grid-template-columns:1fr}
      .compare-grid{grid-template-columns:1fr}
      .safety-grid{grid-template-columns:repeat(2,1fr)}
      .safety-item:nth-child(2){border-right:0}
      .limited-inner{grid-template-columns:1fr}
      .limited-side{text-align:left}
      .page-footer{padding-left:20px;padding-right:20px}
    }
    @media(max-width:640px){
      section{padding:62px 0}
      h1{letter-spacing:-2px}
      h2{letter-spacing:-1.5px}
      .hero-visual{height:385px}
      .hero-kpi{width:156px;padding:14px}
      .hero-kpi strong{font-size:26px}
      .ladder,.cap-matrix{grid-template-columns:1fr}
      .cap-card.wide{grid-column:span 1;grid-template-columns:1fr}
      .compare-wrap{padding:27px 20px}
      .safety-grid{grid-template-columns:1fr}
      .safety-item,.safety-item:nth-child(2){border-right:0;border-bottom:1px solid #c6cec0}
      .safety-item:last-child{border-bottom:0}
      .brand-story{padding:58px 0}
      .reward-items{grid-template-columns:1fr}
      .news-item{grid-template-columns:1fr;gap:7px}
      .news-item .read{margin-top:4px}
      .limited-inner,.contact-panel,.final-box{padding:29px 23px}
      .form-grid{grid-template-columns:1fr}
      .field.full{grid-column:span 1}
      .final-box{display:block}
      .final-box .btn{margin-top:20px}
      .footer-grid{grid-template-columns:1fr;gap:27px}
      .footer-bottom{display:block}
      .legal{margin-top:8px}
      .section-head{display:block}
      .section-head .intro{margin-top:13px}
    }
    @media(prefers-reduced-motion:reduce){
      *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
    }

/* roulang page: category2 */
:root{
 --ink:#18201d;--deep:#111815;--deep-2:#1b2621;--paper:#f4f4ed;--paper-2:#e9ebe2;
 --white:#fcfcf7;--green:#b8ee54;--green-dark:#749d2f;--moss:#617262;
 --line:#d6d9ce;--orange:#c77d46;--muted:#647068;--radius:18px;--radius-lg:26px;
 --shadow:0 18px 45px rgba(24,32,29,.08);--ease:220ms cubic-bezier(.2,.7,.2,1);--nav-width:104px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.82}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.18;letter-spacing:-.04em}
h1{font-size:clamp(42px,5.6vw,76px);margin-bottom:25px}
h2{font-size:clamp(32px,4vw,48px);margin-bottom:18px}
h3{font-size:22px;margin-bottom:12px}
.container{width:min(1320px,calc(100% - 64px));margin:0 auto}
.side-nav{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--nav-width);background:var(--deep);color:#dae1d8;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;padding:23px 10px 18px}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;letter-spacing:1px;font-size:15px;line-height:1.1;color:var(--white)}
.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--green);color:var(--deep);display:grid;place-items:center;font-size:23px;font-weight:900;transform:rotate(-8deg)}
.nav-list{display:flex;flex-direction:column;gap:8px;width:100%;margin:42px 0 auto;padding:0;list-style:none}
.nav-list a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;border-radius:11px;color:#aeb9b0;font-size:11px;line-height:1.25;transition:var(--ease)}
.nav-list a:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-list a.active{color:var(--green);background:rgba(184,238,84,.08)}
.nav-list a.active:before{content:"";position:absolute;left:-10px;height:21px;width:2px;border-radius:2px;background:var(--green)}
.nav-icon{font-size:16px;line-height:1}
.nav-bottom{text-align:center;font-size:10px;color:#89948d}
.quick-contact{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(184,238,84,.5);border-radius:50%;color:var(--green);margin-bottom:10px;transition:var(--ease)}
.quick-contact:hover{background:var(--green);color:var(--deep);transform:translateY(-2px)}
main,.page-footer{margin-left:var(--nav-width)}
.mobile-head{display:none}
.hero{background:var(--deep);color:var(--white);padding:0}
.hero-shell{min-height:670px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:46px 0 70px}
.hero-copy{padding-right:20px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}
.eyebrow:before{content:"";display:block;width:24px;height:1px;background:currentColor}
.hero .eyebrow{color:var(--green)}
.hero h1{max-width:680px}
.intro{color:var(--muted);max-width:680px;font-size:17px;line-height:1.9}
.hero .intro{color:#c3cec5}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:14px;transition:var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--green);color:var(--deep)}
.btn-primary:hover{background:#cdf77e;box-shadow:0 10px 25px rgba(145,197,60,.22)}
.btn-outline{border-color:rgba(255,255,255,.35);color:var(--white)}
.btn-outline:hover{border-color:var(--green);color:var(--green)}
.btn-dark{background:var(--deep);color:var(--white)}
.btn-dark:hover{background:#29352e}
.btn-light{border-color:var(--line);color:var(--ink)}
.btn-light:hover{border-color:var(--green-dark);background:var(--white)}
.hero-art{height:530px;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#26332b}
.hero-art img{width:100%;height:100%;filter:saturate(.78) contrast(1.08)}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,14,11,.05),rgba(9,14,11,.72))}
.series-bar{position:absolute;z-index:3;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:1px solid rgba(255,255,255,.27);background:rgba(17,24,21,.5);font-size:12px}
.series-links{display:flex;gap:16px;color:#d9e3da}
.series-links a:hover{color:var(--green)}
.art-note{position:absolute;z-index:3;left:25px;bottom:28px;color:#fff;font-size:13px}
.art-note strong{display:block;color:var(--green);font-size:28px;line-height:1.2}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.15)}
.stat{padding:22px 24px;background:var(--deep-2)}
.stat strong{display:block;color:var(--green);font-size:28px;line-height:1.2}
.stat span{display:block;color:#aebbb1;font-size:13px;margin-top:7px}
section{padding:94px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.section-head .intro{margin:0;max-width:520px;font-size:15px}
.scene-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:34px}
.scene-tab{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:10px 17px;transition:var(--ease)}
.scene-tab:hover,.scene-tab.active{background:var(--deep);border-color:var(--deep);color:var(--green)}
.scene-stage{display:grid;grid-template-columns:1.12fr .88fr;gap:30px;min-height:470px}
.scene-image{border-radius:var(--radius-lg);overflow:hidden;position:relative;background:var(--deep)}
.scene-image img{width:100%;height:100%;min-height:470px;transition:transform .6s ease}
.scene-image:hover img{transform:scale(1.035)}
.scene-label{position:absolute;left:23px;bottom:22px;color:var(--white);font-size:13px;background:rgba(17,24,21,.72);padding:9px 14px;border-left:3px solid var(--green)}
.scene-content{padding:35px 30px;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.scene-content h3{font-size:32px}
.scene-content p{color:var(--muted)}
.flow-list{list-style:none;margin:13px 0 0;padding:0}
.flow-list li{display:grid;grid-template-columns:34px 1fr;gap:12px;border-top:1px solid var(--line);padding:13px 0;font-size:14px}
.flow-list b{color:var(--green-dark);font-size:13px}
.dark-section{background:var(--deep);color:var(--white)}
.dark-section .intro{color:#bcc9bf}
.dark-section .eyebrow{color:var(--green)}
.scene-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.scene-card{padding:28px;border:1px solid rgba(255,255,255,.14);background:var(--deep-2);border-radius:var(--radius);min-height:220px}
.scene-card.large{min-height:310px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,rgba(184,238,84,.13),rgba(27,38,33,.95))}
.scene-card p{color:#b6c2b9;font-size:14px}
.scene-card small{color:var(--green);font-weight:800}
.output-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:start}
.output-index{position:sticky;top:30px;border-top:2px solid var(--ink)}
.output-index a{display:block;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}
.output-index a:hover{color:var(--green-dark);padding-left:7px}
.output-copy{max-width:780px}
.output-copy p{color:#536159;font-size:16px}
.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.info-box{padding:20px;background:var(--paper-2);border-radius:14px}
.info-box strong{display:block;font-size:24px;color:var(--green-dark)}
.info-box span{font-size:13px;color:var(--muted)}
.image-row{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:35px}
.image-row img{height:265px;width:100%;border-radius:var(--radius)}
.image-row img:last-child{height:210px;margin-top:55px}
.partner-band{background:var(--paper-2)}
.partner-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.partner-layout img{height:370px;width:100%;border-radius:var(--radius-lg)}
.partner-copy p{color:var(--muted);font-size:16px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:22px 0;list-style:none}
.checks li{padding:12px 13px;background:var(--white);border-left:3px solid var(--green-dark);font-size:14px}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.related-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:var(--ease)}
.related-card:hover{transform:translateY(-4px);border-color:var(--green-dark);box-shadow:var(--shadow)}
.related-card img{height:155px;width:100%}
.related-card div{padding:19px}
.related-card p{color:var(--muted);font-size:13px;margin-bottom:0}
.faq-wrap{max-width:900px;margin:0 auto}
.faq-item{border-top:1px solid var(--line)}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:none;padding:21px 2px;color:var(--ink);font-weight:800;font-size:17px}
.faq-question span:last-child{font-size:24px;color:var(--green-dark);transition:var(--ease)}
.faq-question[aria-expanded=true] span:last-child{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--muted);font-size:14px}
.faq-answer p{padding:0 40px 20px 2px;margin:0}
.cta{padding:55px 0;background:var(--deep);color:var(--white)}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:28px}
.cta h2{margin-bottom:10px}
.cta p{color:#bcc9bf;margin:0;max-width:620px}
.page-footer{background:#0c110f;color:#d5ddd5;padding:55px max(32px,calc((100vw - var(--nav-width) - 1320px)/2)) 23px}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:45px;padding-bottom:40px}
.footer-brand{font-size:25px;font-weight:900;color:var(--white)}
.footer-brand span{color:var(--green)}
.footer-copy{font-size:13px;color:#96a49a;max-width:360px;margin-top:12px}
.footer-title{font-size:13px;color:var(--green);font-weight:800;margin-bottom:14px}
.footer-links{display:grid;gap:7px;font-size:13px;color:#aab6ac}
.footer-links a:hover{color:var(--green)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:19px;display:flex;justify-content:space-between;gap:20px;color:#849087;font-size:12px}
.legal{display:flex;gap:10px}.legal a:hover{color:var(--green)}
@media(max-width:1200px){.hero-shell{gap:25px}.scene-stage{grid-template-columns:1fr 1fr}.container{width:min(100% - 42px,1100px)}}
@media(max-width:960px){
 :root{--nav-width:0px}
 .side-nav{display:none}
 .mobile-head{display:flex;position:sticky;top:0;z-index:60;height:68px;padding:0 20px;background:var(--deep);color:var(--white);align-items:center;justify-content:space-between}
 .mobile-brand{display:flex;align-items:center;gap:10px;font-weight:900}.mobile-brand b{display:grid;place-items:center;width:34px;height:34px;background:var(--green);color:var(--deep);border-radius:10px}
 .menu-btn{border:1px solid rgba(255,255,255,.25);background:none;color:var(--white);border-radius:8px;padding:8px 12px}
 .mobile-menu{display:none;position:absolute;top:68px;left:0;right:0;background:var(--deep);padding:16px 20px 25px;border-top:1px solid rgba(255,255,255,.1)}
 .mobile-menu.open{display:grid}.mobile-menu a{padding:10px 0;color:#bdc8bf}.mobile-menu a.active{color:var(--green)}
 main,.page-footer{margin-left:0}
}
@media(max-width:768px){
 .container{width:calc(100% - 36px)}section{padding:67px 0}
 .hero-shell{grid-template-columns:1fr;padding:55px 0}.hero-art{height:390px}.hero-stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:span 2}
 .section-head,.cta-box{display:block}.section-head .intro{margin-top:15px}
 .scene-stage,.scene-grid,.output-layout,.partner-layout{grid-template-columns:1fr}
 .scene-image img{min-height:310px}.scene-content{padding:27px 22px}
 .output-index{position:static}.image-row{grid-template-columns:1fr}.image-row img:last-child{margin-top:0;height:220px}
 .related{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:span 2}
 .footer-bottom{display:block}.legal{margin-top:10px}
}
@media(max-width:520px){
 h1{font-size:42px}.hero-art{height:330px}.series-links{gap:8px;font-size:11px}.series-links a:nth-child(n+3){display:none}
 .hero-stats{grid-template-columns:1fr}.stat:last-child{grid-column:auto}
 .checks,.info-strip,.related{grid-template-columns:1fr}.related-card img{height:190px}
 .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}
 .btn{width:100%}.btns{display:grid}.cta{padding:45px 0}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{
--ink:#18201d;--deep:#111815;--deep-2:#1b2621;--paper:#f4f4ed;--paper-2:#e9ebe2;--white:#fcfcf7;
--green:#b8ee54;--green-dark:#749d2f;--moss:#617262;--line:#d6d9ce;--orange:#c77d46;--muted:#647068;
--radius:18px;--radius-lg:26px;--shadow:0 18px 45px rgba(24,32,29,.08);--ease:220ms cubic-bezier(.2,.7,.2,1);--nav-width:104px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.82}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}
.side-nav{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--nav-width);background:var(--deep);color:#dae1d8;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;padding:23px 10px 18px}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;letter-spacing:1px;font-size:15px;line-height:1.1;color:var(--white)}
.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--green);color:var(--deep);display:grid;place-items:center;font-size:23px;font-weight:900;transform:rotate(-8deg)}
.nav-list{display:flex;flex-direction:column;gap:8px;width:100%;margin:42px 0 auto;padding:0;list-style:none}
.nav-list a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;border-radius:11px;color:#aeb9b0;font-size:11px;line-height:1.25;transition:var(--ease)}
.nav-list a:hover{background:rgba(255,255,255,.07);color:#fff}.nav-list a.active{color:var(--green);background:rgba(184,238,84,.08)}
.nav-list a.active:before{content:"";position:absolute;left:-10px;height:21px;width:2px;border-radius:2px;background:var(--green)}.nav-icon{font-size:16px;line-height:1}
.nav-bottom{text-align:center;font-size:10px;color:#89948d}.quick-contact{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 10px;border:1px solid rgba(184,238,84,.45);border-radius:50%;color:var(--green);transition:var(--ease)}.quick-contact:hover{background:var(--green);color:var(--deep)}
.mobile-head{display:none}main,.page-footer{margin-left:var(--nav-width)}.container{width:min(1280px,calc(100% - 64px));margin:0 auto}section{padding:88px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}.eyebrow:before{content:"";display:block;width:24px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.2vw,72px);letter-spacing:-3px;line-height:1.12}h2{font-size:clamp(30px,3.5vw,47px);letter-spacing:-1.5px;line-height:1.22}h3{font-size:22px;line-height:1.35}.intro{color:var(--muted);font-size:17px;line-height:1.9}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:14px;transition:var(--ease)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus-visible,.faq-q:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(184,238,84,.55);outline-offset:3px}
.btn-primary{background:var(--green);color:var(--deep)}.btn-primary:hover{background:#cef781;box-shadow:0 10px 25px rgba(145,197,60,.22)}.btn-dark{background:var(--deep);color:var(--white)}.btn-dark:hover{background:#29352e}.btn-light{border-color:var(--line);color:var(--ink)}.btn-light:hover{background:var(--white);border-color:var(--green-dark)}
.topline{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.crumb{display:flex;gap:9px;align-items:center}.crumb span{color:var(--orange)}.top-action{font-weight:800;color:var(--ink)}
.page-hero{padding:60px 0 72px;background:var(--deep);color:var(--white);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:end}.page-hero .eyebrow{color:var(--green)}.page-hero .intro{color:#c1cbc3;max-width:650px}.hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.tag{display:inline-flex;padding:4px 10px;border:1px solid rgba(184,238,84,.45);border-radius:999px;color:var(--green);font-size:12px;font-weight:800}.hero-image{height:390px;position:relative;overflow:hidden;border-radius:var(--radius-lg)}.hero-image img{width:100%;height:100%;filter:saturate(.72) contrast(1.06)}.hero-image:after{content:"01 / 能力总览";position:absolute;left:22px;bottom:18px;color:var(--white);font-size:12px;letter-spacing:1px}.hero-image:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,12,9,.7))}
.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:58px}.chapter-nav{height:max-content;position:sticky;top:26px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.58)}.chapter-nav strong{font-size:13px}.chapter-nav a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);transition:var(--ease)}.chapter-nav a:last-child{border:0}.chapter-nav a:hover{color:var(--green-dark);padding-left:5px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-head .intro{max-width:540px;margin:0;font-size:15px}.cap-chapter{padding:0 0 66px;margin-bottom:62px;border-bottom:1px solid var(--line)}.cap-chapter:last-child{margin-bottom:0}.chapter-no{display:block;color:var(--green-dark);font-size:13px;font-weight:900;letter-spacing:2px;margin-bottom:12px}.chapter-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px}.chapter-grid p{color:var(--muted)}.chapter-side{padding:22px;background:var(--white);border-radius:15px;border-top:3px solid var(--green)}.chapter-side h3{font-size:16px;margin-bottom:12px}.chapter-side ul,.check-list{padding:0;margin:0;list-style:none}.chapter-side li,.check-list li{padding:9px 0;border-top:1px solid var(--line);font-size:13px}.chapter-side li:before,.check-list li:before{content:"+";color:var(--green-dark);font-weight:900;margin-right:8px}
.process-band{background:var(--deep-2);color:var(--white)}.process-band .intro{color:#bdc8bf}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.steps{counter-reset:step}.step{position:relative;padding:0 0 24px 56px;border-left:1px solid rgba(255,255,255,.2);min-height:86px}.step:before{counter-increment:step;content:"0" counter(step);position:absolute;left:-18px;top:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--deep);font-size:11px;font-weight:900}.step h3{font-size:18px;margin-bottom:4px}.step p{color:#bdc8bf;font-size:14px;margin:0}
.image-notes{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}.wide-image{min-height:400px;overflow:hidden;border-radius:var(--radius-lg)}.wide-image img{width:100%;height:100%;transition:.6s ease}.wide-image:hover img{transform:scale(1.04)}.note-panel{padding:30px;background:var(--paper-2);border-radius:var(--radius-lg)}.note-panel p{font-size:15px;color:var(--muted)}.stat{padding:17px 0;border-bottom:1px solid var(--line)}.stat strong{display:block;font-size:28px;line-height:1;color:var(--green-dark)}.stat span{font-size:12px;color:var(--muted)}
.cards{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:var(--ease)}.card:hover{transform:translateY(-4px);border-color:var(--green-dark);box-shadow:var(--shadow)}.card.dark{background:var(--deep);border-color:var(--deep);color:var(--white)}.card.dark p{color:#bfcbc2}.card p{color:var(--muted);font-size:14px}.quote{padding:35px;border-left:3px solid var(--green);background:#e8eee0;font-size:22px;font-weight:700;line-height:1.7}.quote small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:14px}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related a{min-height:190px;padding:23px;display:flex;flex-direction:column;justify-content:end;border-radius:var(--radius);color:var(--white);background-size:cover;background-position:center;overflow:hidden;position:relative}.related a:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,24,21,.15),rgba(16,24,21,.87))}.related strong,.related span{position:relative}.related strong{font-size:21px}.related span{font-size:13px;color:#d3ddd4;margin-top:5px}.related a:hover strong{transform:translateX(5px);transition:var(--ease)}
.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:19px 0;display:flex;justify-content:space-between;gap:16px;background:none;color:var(--ink;text-align:left;font-weight:800;border:0}.faq-q:after{content:"+";font-size:22px;color:var(--green-dark)}.faq-q[aria-expanded="true"]:after{content:"−"}.faq-a{display:none;padding:0 30px 20px 0;color:var(--muted);font-size:14px}.faq-a.open{display:block}
.contact{background:var(--deep);color:var(--white)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.contact .intro{color:#c3cec5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#c9d3ca;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.06);color:var(--white);padding:12px 13px;min-height:48px}.field textarea{min-height:125px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(184,238,84,.14)}.field select option{color:var(--ink)}.form-note{font-size:12px;color:#aebbb1;margin:12px 0 0}
.page-footer{padding:58px 0 20px;background:#0d1310;color:#c9d2ca}.footer-grid{width:min(1280px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:55px}.footer-brand{font-size:26px;font-weight:900;color:var(--white)}.footer-brand span{color:var(--green)}.footer-copy{font-size:13px;line-height:1.8;max-width:320px;color:#9da99f}.footer-title{font-size:12px;color:var(--green);font-weight:900;letter-spacing:1px;margin-bottom:13px}.footer-links{display:grid;gap:8px;font-size:13px}.footer-links a:hover{color:var(--green)}.footer-bottom{width:min(1280px,calc(100% - 64px));margin:38px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:18px;color:#89958c;font-size:12px}.legal{display:flex;gap:10px;white-space:nowrap}
@media(max-width:1100px){.layout{grid-template-columns:190px 1fr}.hero-grid,.process-grid,.contact-grid{gap:35px}.container,.footer-grid,.footer-bottom{width:min(100% - 44px,1280px)}}
@media(max-width:960px){:root{--nav-width:0px}.side-nav{display:none}.mobile-head{height:67px;padding:0 22px;background:var(--deep);color:var(--white);display:flex;align-items:center;justify-content:space-between}.mobile-head .brand{flex-direction:row;font-size:14px}.mobile-head .brand-mark{width:34px;height:34px;font-size:19px}.mobile-links{display:flex;gap:14px;font-size:13px}.mobile-links a:last-child{color:var(--green)}main,.page-footer{margin-left:0}.layout{grid-template-columns:1fr}.chapter-nav{position:static;display:flex;flex-wrap:wrap;gap:0;padding:14px}.chapter-nav strong{width:100%;margin-bottom:5px}.chapter-nav a{padding:6px 12px 6px 0;margin-right:12px;border:0}.hero-grid,.process-grid,.contact-grid,.faq-wrap{grid-template-columns:1fr}.hero-image{height:320px}.chapter-grid{grid-template-columns:1fr}.chapter-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chapter-side h3{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){section{padding:60px 0}.topline{height:52px}.top-action{display:none}.container,.footer-grid,.footer-bottom{width:calc(100% - 32px)}h1{letter-spacing:-2px}.page-hero{padding:45px 0 55px}.hero-image{height:250px}.section-head{display:block}.section-head .intro{margin-top:14px}.image-notes,.cards,.related{grid-template-columns:1fr}.chapter-side{display:block}.chapter-side h3{margin-top:0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block}.legal{margin-top:10px}.mobile-links a:not(:last-child){display:none}.quote{font-size:19px;padding:25px}.related a{min-height:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* roulang page: category3 */
:root{
 --ink:#18201d;--deep:#111815;--deep-2:#1b2621;--paper:#f4f4ed;--paper-2:#e9ebe2;
 --white:#fcfcf7;--green:#b8ee54;--green-dark:#749d2f;--moss:#617262;--line:#d6d9ce;
 --orange:#c77d46;--muted:#647068;--radius:18px;--radius-lg:26px;
 --shadow:0 18px 45px rgba(24,32,29,.08);--ease:220ms cubic-bezier(.2,.7,.2,1);--nav-width:104px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.82}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%;object-fit:cover}
button,input,select,textarea{font:inherit} button{cursor:pointer}
:focus-visible{outline:3px solid rgba(184,238,84,.72);outline-offset:3px}
.side-nav{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--nav-width);background:var(--deep);color:#dae1d8;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;padding:23px 10px 18px}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;letter-spacing:1px;font-size:15px;line-height:1.1;color:var(--white)}
.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--green);color:var(--deep);display:grid;place-items:center;font-size:23px;font-weight:900;transform:rotate(-8deg)}
.nav-list{display:flex;flex-direction:column;gap:8px;width:100%;margin:42px 0 auto;padding:0;list-style:none}
.nav-list a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;border-radius:11px;color:#aeb9b0;font-size:11px;line-height:1.25;transition:var(--ease)}
.nav-list a:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-list a.active{color:var(--green);background:rgba(184,238,84,.08)}
.nav-list a.active:before{content:"";position:absolute;left:-10px;height:21px;width:2px;border-radius:2px;background:var(--green)}
.nav-icon{font-size:16px;line-height:1}.nav-bottom{text-align:center;font-size:10px;color:#89948d}
.quick-contact{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 10px;border-radius:50%;background:var(--green);color:var(--deep);font-size:16px;transition:var(--ease)}
.quick-contact:hover{transform:translateY(-2px);background:#d0f982}
.mobile-head{display:none}
main,.page-footer{margin-left:var(--nav-width)}
.container{width:min(1320px,calc(100% - 64px));margin:0 auto}
section{padding:88px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}
.eyebrow:before{content:"";display:block;width:24px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.1vw,72px);line-height:1.14;letter-spacing:-3px;margin-bottom:25px}h2{font-size:clamp(31px,3.5vw,48px);letter-spacing:-1.7px;line-height:1.2;margin-bottom:18px}h3{font-size:22px;line-height:1.35;margin-bottom:10px}.intro{color:var(--muted);font-size:17px;line-height:1.9}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:14px;transition:var(--ease)}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--green);color:var(--deep)}.btn-primary:hover{background:#d0f982;box-shadow:0 10px 25px rgba(145,197,60,.22)}.btn-dark{background:var(--deep);color:var(--white)}.btn-dark:hover{background:#29352e}.btn-light{border-color:var(--line);color:var(--ink);background:transparent}.btn-light:hover{border-color:var(--green-dark);background:var(--white)}.btn-outline{border-color:rgba(255,255,255,.32);color:var(--white)}.btn-outline:hover{color:var(--green);border-color:var(--green)}
.topline{height:53px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.breadcrumb{display:flex;gap:9px;align-items:center}.breadcrumb span{color:var(--orange)}.top-contact{font-weight:800;color:var(--ink)}
.case-hero{background:var(--deep);color:var(--white);padding:0;overflow:hidden}.case-hero .topline{border-color:rgba(255,255,255,.12);color:#aeb9b0}.case-hero .top-contact{color:var(--green)}
.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;min-height:590px;padding:65px 0}.hero-copy{padding:20px 0}.hero-copy .eyebrow{color:var(--green)}.hero-copy .intro{color:#c0cbc3;max-width:610px}.hero-visual{position:relative;min-height:480px;border-radius:var(--radius-lg);overflow:hidden;background:#2b3a31}.hero-visual>img{position:absolute;width:100%;height:100%;inset:0;filter:saturate(.72) contrast(1.05)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(11,18,14,.12),rgba(11,18,14,.7))}
.visual-label{position:absolute;z-index:2;top:24px;left:24px;padding:7px 12px;background:rgba(17,24,21,.78);border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12px;color:#e5ece3}.visual-line{position:absolute;z-index:2;left:24px;right:24px;bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:10px;color:#fff}.visual-line strong{font-size:42px;line-height:1;color:var(--green)}.visual-line small{display:block;color:#c7d0c8;font-size:12px}.hero-note{position:absolute;z-index:3;right:-12px;bottom:86px;max-width:205px;padding:18px;background:var(--paper);color:var(--ink);border-radius:14px;box-shadow:var(--shadow)}.hero-note b{display:block;color:var(--green-dark);font-size:12px;letter-spacing:1px}.hero-note p{font-size:13px;line-height:1.65;margin:6px 0 0}
.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}.signal{padding:20px 24px;border-right:1px solid rgba(255,255,255,.14)}.signal:last-child{border:none}.signal b{display:block;color:var(--green);font-size:18px;line-height:1.2}.signal span{font-size:12px;color:#adb9af}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-head .intro{max-width:590px;margin:0;font-size:15px}
.filter-row{display:flex;flex-wrap:wrap;gap:9px}.filter{border:1px solid var(--line);border-radius:999px;background:transparent;padding:8px 14px;color:var(--muted);font-weight:700;font-size:13px;transition:var(--ease)}.filter:hover,.filter.active{background:var(--deep);color:var(--white);border-color:var(--deep)}
.timeline-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start}.timeline-side{position:sticky;top:28px;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.timeline-side p{margin:10px 0 0;color:var(--muted);font-size:14px}.timeline-nav{padding:0;margin:22px 0 0;list-style:none}.timeline-nav a{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:14px;font-weight:800}.timeline-nav a:hover{color:var(--green-dark)}.timeline-nav em{font-style:normal;color:var(--orange);font-size:12px}
.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:4px;top:12px;bottom:14px;width:1px;background:var(--line)}.time-item{position:relative;padding:0 0 38px}.time-item:before{content:"";position:absolute;left:-31px;top:9px;width:9px;height:9px;border:3px solid var(--paper);border-radius:50%;background:var(--green-dark);box-shadow:0 0 0 1px var(--green-dark)}.time-date{display:block;color:var(--orange);font-weight:800;font-size:12px;letter-spacing:1px;margin-bottom:5px}.time-content{padding:22px 25px;background:var(--white);border-radius:var(--radius);border:1px solid var(--line)}.time-content p{margin:0;color:var(--muted);font-size:15px}.inline-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.inline-points span{padding:4px 9px;background:var(--paper-2);border-radius:999px;color:var(--moss);font-size:12px;font-weight:700}
.feature-case{background:var(--paper-2)}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.feature-media{min-height:510px;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--deep)}.feature-media img{width:100%;height:100%;transition:transform .6s ease}.feature-media:hover img{transform:scale(1.035)}.media-caption{position:absolute;left:24px;right:24px;bottom:20px;padding:16px 18px;background:rgba(17,24,21,.84);border-radius:12px;color:#e9f0e8;font-size:13px}.feature-story{padding:37px;border-radius:var(--radius-lg);background:var(--deep);color:var(--white)}.feature-story .eyebrow{color:var(--green)}.feature-story h2{font-size:36px}.feature-story p{color:#c3cec4;font-size:15px}.case-meta{margin:25px 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.15)}.case-meta li{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:13px}.case-meta span{color:#aeb9b0}.case-meta b{text-align:right;color:#fff}
.cards-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:20px}.case-card{min-height:315px;position:relative;display:flex;flex-direction:column;justify-content:end;overflow:hidden;padding:23px;border-radius:var(--radius);color:var(--white);background:var(--deep);isolation:isolate}.case-card.tall{grid-row:span 2;min-height:650px}.case-card.wide{grid-column:span 2}.case-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;transition:transform .55s ease}.case-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,16,13,.89),rgba(10,16,13,.12) 75%)}.case-card:hover img{transform:scale(1.055)}.card-type{color:var(--green);font-size:12px;font-weight:800;letter-spacing:1px}.case-card h3{margin:8px 0;font-size:25px;transition:transform var(--ease)}.case-card:hover h3{transform:translateX(4px)}.case-card p{margin:0;color:#d2dbd2;font-size:13px;line-height:1.7}.card-link{display:inline-flex;margin-top:15px;font-size:13px;font-weight:800;color:var(--green)}
.process-section{padding-bottom:38px}.process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:62px}.quote-panel{padding:34px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--line)}.quote-mark{color:var(--green-dark);font-size:54px;line-height:.7}.quote-panel blockquote{margin:15px 0;color:var(--ink);font-size:22px;line-height:1.6;font-weight:700}.quote-panel cite{font-style:normal;color:var(--muted);font-size:13px}.method-list{counter-reset:method;margin:0;padding:0;list-style:none}.method-list li{position:relative;padding:0 0 27px 70px;margin-bottom:23px;border-bottom:1px solid var(--line)}.method-list li:before{counter-increment:method;content:"0" counter(method);position:absolute;left:0;top:0;color:var(--green-dark);font-size:20px;font-weight:900}.method-list h3{font-size:20px}.method-list p{margin:0;color:var(--muted);font-size:15px}
.note-band{padding:45px 0;background:var(--deep-2);color:var(--white)}.note-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:center}.note-grid h2{margin:0;font-size:31px}.note-grid p{margin:0;color:#c3cec4;font-size:16px}.note-stats{display:flex;gap:1px;margin-top:24px;background:rgba(255,255,255,.12)}.note-stat{flex:1;padding:16px;background:rgba(0,0,0,.12)}.note-stat b{display:block;color:var(--green);font-size:18px}.note-stat span{font-size:11px;color:#b6c2b8}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related{display:flex;gap:16px;align-items:center;padding:13px;background:var(--white);border:1px solid var(--line);border-radius:14px;transition:var(--ease)}.related:hover{transform:translateY(-3px);border-color:var(--green-dark);box-shadow:var(--shadow)}.related img{width:94px;height:78px;border-radius:9px}.related small{display:block;color:var(--orange);font-weight:800;font-size:11px}.related b{display:block;line-height:1.45;margin-top:4px}
.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.faq-intro{position:sticky;top:30px;align-self:start}.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;border:0;background:transparent;text-align:left;color:var(--ink);font-weight:800;font-size:17px}.faq-q span:last-child{color:var(--green-dark);font-size:22px;line-height:1;transition:var(--ease)}.faq-q[aria-expanded="true"] span:last-child{transform:rotate(45deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-a>div{overflow:hidden}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a p{padding:0 36px 20px 0;margin:0;color:var(--muted);font-size:15px}
.contact-cta{padding:0 0 92px}.cta-box{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;padding:48px 54px;border-radius:var(--radius-lg);background:var(--deep);color:var(--white);overflow:hidden;position:relative}.cta-box:after{content:"";position:absolute;width:310px;height:310px;right:-90px;top:-155px;border:1px solid rgba(184,238,84,.25);border-radius:50%}.cta-box h2{position:relative;z-index:1;margin-bottom:12px}.cta-box p{position:relative;z-index:1;margin:0;color:#c2cdc4;max-width:670px}.cta-actions{position:relative;z-index:1;align-self:center}.cta-actions small{display:block;margin-top:12px;color:#b6c2b8;font-size:12px}
.page-footer{background:var(--deep);color:#d9e1d8;padding:65px 0 21px}.footer-grid{width:min(1320px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:65px}.footer-brand{font-weight:900;font-size:28px;letter-spacing:-1px;color:var(--white)}.footer-brand span{color:var(--green)}.footer-copy{max-width:350px;margin:13px 0 0;color:#aeb9b0;font-size:13px;line-height:1.8}.footer-title{color:var(--green);font-weight:800;font-size:13px;margin-bottom:15px}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#c3cec4}.footer-links a:hover{color:var(--green)}.footer-bottom{width:min(1320px,calc(100% - 64px));margin:50px auto 0;padding-top:17px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:20px;color:#89948d;font-size:12px}.legal{display:flex;gap:10px}.legal a:hover{color:var(--green)}
@media(max-width:1200px){.hero-grid{gap:35px}.cards-grid{grid-template-columns:1fr 1fr}.case-card.tall{grid-row:span 1;min-height:430px}.case-card.wide{grid-column:span 1}.timeline-wrap{gap:30px}.footer-grid{gap:35px}}
@media(max-width:960px){.side-nav{display:none}.mobile-head{position:sticky;z-index:60;top:0;height:66px;padding:0 20px;background:var(--deep);color:var(--white);display:flex;align-items:center;justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:9px;font-weight:900}.mobile-brand .brand-mark{width:34px;height:34px;font-size:19px}.menu-toggle{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:10px;padding:8px 12px;font-weight:800}.mobile-menu{display:none;position:absolute;top:66px;left:0;right:0;padding:18px 20px 24px;background:var(--deep-2);border-top:1px solid rgba(255,255,255,.1)}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#d7e0d6;font-size:15px}.mobile-menu a.active{color:var(--green)}main,.page-footer{margin-left:0}.container,.footer-grid,.footer-bottom{width:min(100% - 40px,1320px)}.hero-grid,.feature-grid,.process-layout,.faq-wrap,.cta-box,.note-grid{grid-template-columns:1fr}.hero-grid{padding:47px 0 0}.hero-visual{min-height:385px;margin-bottom:0}.hero-note{right:14px}.signal-strip{margin-top:40px}.timeline-wrap{grid-template-columns:1fr}.timeline-side,.faq-intro{position:static}.timeline-nav{display:flex;gap:15px;overflow:auto}.timeline-nav a{white-space:nowrap;border-top:0;padding:7px 0}.section-head{align-items:start;flex-direction:column}.related-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}}
@media(max-width:768px){section{padding:62px 0}h1{letter-spacing:-2px}.topline{font-size:12px}.top-contact{display:none}.signal-strip{grid-template-columns:1fr 1fr}.signal{padding:16px;border-bottom:1px solid rgba(255,255,255,.14)}.cards-grid,.related-grid{grid-template-columns:1fr}.case-card,.case-card.tall{min-height:345px}.feature-media{min-height:355px}.feature-story{padding:29px}.feature-story h2{font-size:30px}.process-layout{gap:35px}.cta-box{padding:35px 28px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;margin-top:32px}.note-stats{flex-direction:column}.faq-wrap{gap:27px}}
@media(max-width:520px){body{font-size:16px}.container,.footer-grid,.footer-bottom{width:calc(100% - 32px)}.mobile-head{padding:0 16px}.hero-copy{padding-top:0}.hero-visual{min-height:325px}.hero-note{bottom:66px;max-width:176px;padding:13px}.visual-line strong{font-size:30px}.signal-strip{grid-template-columns:1fr 1fr}.signal{padding:13px}.section-head{margin-bottom:27px}.timeline{padding-left:22px}.timeline:before{left:2px}.time-item:before{left:-25px}.time-content{padding:19px}.feature-story,.quote-panel{padding:24px}.related{padding:10px}.related img{width:77px;height:65px}.btns .btn{width:100%}.cta-actions .btn{width:100%}.case-meta li{display:block}.case-meta b{display:block;text-align:left;margin-top:3px}.faq-q{font-size:16px}.page-footer{padding-top:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* roulang page: category5 */
:root{--ink:#18201d;--deep:#111815;--deep-2:#1b2621;--paper:#f4f4ed;--paper-2:#e9ebe2;--white:#fcfcf7;--green:#b8ee54;--green-dark:#749d2f;--moss:#617262;--line:#d6d9ce;--orange:#c77d46;--muted:#647068;--radius:18px;--radius-lg:26px;--shadow:0 18px 45px rgba(24,32,29,.08);--ease:220ms cubic-bezier(.2,.7,.2,1);--nav-width:104px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.82}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:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(184,238,84,.55);outline-offset:3px}
.side-nav{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--nav-width);background:var(--deep);color:#dae1d8;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;padding:23px 10px 18px}.brand{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;letter-spacing:1px;font-size:15px;line-height:1.1;color:var(--white)}.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--green);color:var(--deep);display:grid;place-items:center;font-size:23px;font-weight:900;transform:rotate(-8deg)}.nav-list{display:flex;flex-direction:column;gap:8px;width:100%;margin:42px 0 auto;padding:0;list-style:none}.nav-list a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;border-radius:11px;color:#aeb9b0;font-size:11px;line-height:1.25;transition:var(--ease)}.nav-list a:hover{background:rgba(255,255,255,.07);color:#fff}.nav-list a.active{color:var(--green);background:rgba(184,238,84,.08)}.nav-list a.active:before{content:"";position:absolute;left:-10px;height:21px;width:2px;border-radius:2px;background:var(--green)}.nav-icon{font-size:16px;line-height:1}.nav-bottom{text-align:center;font-size:10px;color:#89948d}.quick-contact{display:grid;place-items:center;width:36px;height:36px;margin-bottom:12px;border-radius:50%;background:var(--green);color:var(--deep);font-size:16px;transition:var(--ease)}.quick-contact:hover{transform:translateY(-2px);background:#d1f989}
.mobile-head{display:none}main,.page-footer{margin-left:var(--nav-width)}.container{width:min(1280px,calc(100% - 64px));margin:0 auto}section{padding:88px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}.eyebrow:before{content:"";display:block;width:24px;height:1px;background:currentColor}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.2vw,72px);line-height:1.13;letter-spacing:-3px;margin-bottom:24px}h2{font-size:clamp(30px,3.2vw,46px);line-height:1.25;letter-spacing:-1.6px;margin-bottom:18px}h3{font-size:20px;line-height:1.4;margin-bottom:10px}p{color:var(--muted)}.intro{max-width:690px;font-size:17px;line-height:1.9}.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:14px;transition:var(--ease)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--green);color:var(--deep)}.btn-primary:hover{background:#cff77f;box-shadow:0 10px 25px rgba(145,197,60,.22)}.btn-dark{background:var(--deep);color:var(--white)}.btn-dark:hover{background:#29352e}.btn-light{border-color:var(--line);color:var(--ink)}.btn-light:hover{border-color:var(--green-dark);background:var(--white)}.btn-outline{border-color:rgba(255,255,255,.35);color:var(--white)}.btn-outline:hover{color:var(--green);border-color:var(--green)}
.topline{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.crumb{display:flex;gap:8px;align-items:center}.crumb span{color:var(--orange)}.status{font-weight:800;color:var(--green-dark)}
.hero{padding:18px 0 0;background:var(--deep);color:var(--white)}.hero .topline{border-color:rgba(255,255,255,.12);color:#aeb9b0}.hero-shell{display:grid;grid-template-columns:1.03fr .97fr;gap:42px;align-items:center;padding:75px 0 72px}.hero .eyebrow{color:var(--green)}.hero .intro{color:#c3cec5}.hero-visual{min-height:460px;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:#27332c}.hero-visual>img{position:absolute;width:100%;height:100%;inset:0;filter:saturate(.72) contrast(1.08)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,24,21,.05),rgba(17,24,21,.76))}.hero-note{position:absolute;z-index:2;left:25px;right:25px;bottom:24px;padding:18px 20px;border-left:2px solid var(--green);background:rgba(17,24,21,.82);font-size:13px;color:#e8eee6}.hero-note strong{display:block;color:var(--green);font-size:21px;line-height:1.2;margin-bottom:4px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-head p{max-width:500px;margin:0}.path{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.path-item{padding:25px 22px 25px 0;min-height:200px;border-right:1px solid var(--line);position:relative}.path-item:not(:first-child){padding-left:22px}.path-item:last-child{border:0}.path-no{display:block;font-size:12px;letter-spacing:1px;color:var(--orange);font-weight:800;margin-bottom:28px}.path-item p{font-size:14px;margin-bottom:0}
.dark-panel{background:var(--deep);color:var(--white);border-radius:var(--radius-lg);overflow:hidden}.dark-panel p{color:#c1cbc3}.deliver-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:0}.deliver-copy{padding:56px}.deliver-image{min-height:460px}.deliver-image img{height:100%;width:100%}.check-list{margin:25px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.16)}.check-list li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:14px}.check-list li:before{content:"＋";color:var(--green);font-weight:800;margin-right:10px}
.roles{display:grid;grid-template-columns:.75fr 1.25fr;gap:56px;align-items:center}.role-board{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow)}.role-center{background:var(--deep);color:var(--green);border-radius:14px;padding:18px;text-align:center;font-weight:900;font-size:18px}.role-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.role-cell{border:1px solid var(--line);padding:16px;border-radius:12px;font-size:14px;background:var(--paper)}.role-cell b{display:block;font-size:12px;color:var(--green-dark);margin-bottom:5px}.role-text p{max-width:590px}
.support-stream{background:var(--paper-2)}.stream-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:30px}.stream-label{padding:25px;border-radius:var(--radius);background:var(--deep);color:var(--white)}.stream-label p{color:#c2cbc4;font-size:14px}.stream-list{background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.stream-list article{padding:20px 24px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:20px}.stream-list article:last-child{border-bottom:0}.stream-list time{font-size:12px;color:var(--orange);font-weight:800}.stream-list p{font-size:14px;margin:4px 0 0}
.cover-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:48px;align-items:center}.cover-section figure{margin:0;min-height:390px;overflow:hidden;border-radius:var(--radius-lg)}.cover-section img{height:390px;width:100%;transition:transform .6s ease}.cover-section figure:hover img{transform:scale(1.04)}.mini-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.mini-points div{padding:14px;border-top:2px solid var(--green-dark);background:var(--white);font-size:13px}
.faq{max-width:920px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:21px 0;background:none;border:0;display:flex;justify-content:space-between;gap:20px;text-align:left;color:var(--ink);font-weight:800;font-size:17px}.faq-q span:last-child{color:var(--green-dark);font-size:24px;line-height:1;transition:var(--ease)}.faq-a{display:none;padding:0 40px 21px 0;color:var(--muted);font-size:15px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.form-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;padding:52px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.form-aside{padding-right:25px;border-right:1px solid var(--line)}.form-aside p{font-size:15px}.contact-meta{margin-top:30px;padding:0;list-style:none}.contact-meta li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.contact-meta b{display:block;color:var(--green-dark);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full{grid-column:span 2}.field label{display:block;margin-bottom:7px;color:var(--ink);font-size:13px;font-weight:800}.required{color:var(--orange)}input,select,textarea{width:100%;height:50px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);transition:var(--ease)}textarea{height:144px;padding-top:12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green-dark);box-shadow:0 0 0 4px rgba(184,238,84,.22);outline:none}.form-tip{font-size:12px;margin:14px 0;color:var(--muted)}.success{display:none;margin-top:14px;padding:11px 13px;border-radius:10px;background:#e4f4c4;color:#395216;font-size:14px;font-weight:700}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related a{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:var(--ease)}.related a:hover{transform:translateY(-3px);border-color:var(--green-dark);box-shadow:var(--shadow)}.related small{color:var(--orange);font-weight:800}.related strong{display:block;margin-top:10px;font-size:18px}.cta{padding:0 0 92px}.cta-box{padding:56px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--deep);border-radius:var(--radius-lg);color:var(--white)}.cta-box h2{margin-bottom:10px}.cta-box p{max-width:600px;margin:0;color:#c3cdc4}.page-footer{background:var(--deep);color:#dbe2d9;padding:54px 0 20px}.footer-grid{width:min(1280px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:55px}.footer-brand{font-size:26px;font-weight:900;color:var(--white)}.footer-brand span{color:var(--green)}.footer-copy{max-width:340px;color:#9ba89f;font-size:14px}.footer-title{margin-bottom:14px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:1px}.footer-links{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#cad4cb}.footer-links a:hover,.legal a:hover{color:var(--green)}.footer-bottom{width:min(1280px,calc(100% - 64px));margin:40px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:20px;color:#8d9a91;font-size:12px}.legal{display:flex;gap:10px;white-space:nowrap}
@media(max-width:960px){:root{--nav-width:0px}.side-nav{display:none}.mobile-head{position:sticky;top:0;z-index:60;height:66px;padding:0 18px;background:var(--deep);color:var(--white);display:flex;align-items:center;justify-content:space-between}.mobile-brand{font-weight:900}.mobile-brand b{color:var(--green)}.menu-btn{border:1px solid rgba(255,255,255,.25);border-radius:10px;background:none;color:var(--white);padding:8px 12px}.mobile-menu{display:none;position:absolute;top:66px;left:0;right:0;padding:18px;background:var(--deep-2);border-top:1px solid rgba(255,255,255,.1)}.mobile-menu.open{display:grid}.mobile-menu a{padding:11px;color:#d6ded5;border-bottom:1px solid rgba(255,255,255,.08)}.hero-shell,.deliver-grid,.roles,.stream-grid,.cover-section,.form-wrap{grid-template-columns:1fr}.hero-shell{padding:52px 0}.hero-visual{min-height:340px}.form-aside{padding:0;border:0}.path{grid-template-columns:1fr 1fr}.path-item:nth-child(2){border-right:0}.path-item:nth-child(3),.path-item:nth-child(4){border-top:1px solid var(--line)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}}
@media(max-width:640px){.container,.footer-grid,.footer-bottom{width:min(100% - 36px,1280px)}section{padding:62px 0}.topline{font-size:12px}.topline .status{display:none}h1{letter-spacing:-2px}.section-head,.cta-box{display:block}.section-head p{margin-top:14px}.path{grid-template-columns:1fr}.path-item,.path-item:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.path-item:last-child{border-bottom:0}.path-item:not(:first-child){border-top:0}.path-no{margin-bottom:12px}.deliver-copy,.cta-box{padding:30px}.deliver-image{min-height:280px}.role-row,.form-grid,.mini-points,.related{grid-template-columns:1fr}.field.full{grid-column:span 1}.stream-list article{grid-template-columns:1fr;gap:4px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.legal{margin-top:10px}.btns .btn{width:100%}.hero{padding-top:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category4 */
:root{
 --ink:#18201d;--deep:#111815;--deep-2:#1b2621;--paper:#f4f4ed;--paper-2:#e9ebe2;
 --white:#fcfcf7;--green:#b8ee54;--green-dark:#749d2f;--moss:#617262;--line:#d6d9ce;
 --orange:#c77d46;--muted:#647068;--radius:18px;--radius-lg:26px;
 --shadow:0 18px 45px rgba(24,32,29,.08);--ease:220ms cubic-bezier(.2,.7,.2,1);--nav-width:104px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.82}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}button,input,select,textarea{font:inherit}button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(184,238,84,.72);outline-offset:3px}
.side-nav{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--nav-width);background:var(--deep);color:#dae1d8;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;padding:23px 10px 18px}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;letter-spacing:1px;font-size:15px;line-height:1.1;color:var(--white)}
.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--green);color:var(--deep);display:grid;place-items:center;font-size:23px;font-weight:900;transform:rotate(-8deg)}
.nav-list{display:flex;flex-direction:column;gap:8px;width:100%;margin:42px 0 auto;padding:0;list-style:none}
.nav-list a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;border-radius:11px;color:#aeb9b0;font-size:11px;line-height:1.25;transition:var(--ease)}
.nav-list a:hover{background:rgba(255,255,255,.07);color:#fff}.nav-list a.active{color:var(--green);background:rgba(184,238,84,.08)}
.nav-list a.active:before{content:"";position:absolute;left:-10px;height:21px;width:2px;border-radius:2px;background:var(--green)}
.nav-icon{font-size:16px;line-height:1}.nav-bottom{text-align:center;font-size:10px;color:#89948d}.quick-contact{display:grid;place-items:center;width:35px;height:35px;margin-bottom:10px;border:1px solid rgba(184,238,84,.38);border-radius:50%;font-size:16px;color:var(--green);transition:var(--ease)}.quick-contact:hover{background:var(--green);color:var(--deep);transform:translateY(-2px)}
.mobile-head{display:none}main,.page-footer{margin-left:var(--nav-width)}.container{width:min(1320px,calc(100% - 64px));margin:0 auto}section{padding:82px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}.eyebrow:before{content:"";display:block;width:24px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.1vw,74px);letter-spacing:-2px;line-height:1.12}h2{font-size:clamp(30px,3vw,46px);letter-spacing:-1.2px;line-height:1.22}h3{font-size:21px;line-height:1.35}.intro{color:var(--muted);font-size:16px;line-height:1.9}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:14px;transition:var(--ease)}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--green);color:var(--deep)}.btn-primary:hover{background:#cdf77e;box-shadow:0 10px 25px rgba(145,197,60,.22)}.btn-dark{background:var(--deep);color:var(--white)}.btn-dark:hover{background:#29352e}.btn-light{border-color:var(--line);color:var(--ink)}.btn-light:hover{border-color:var(--green-dark);background:var(--white)}.btn-outline{border-color:rgba(255,255,255,.35);color:var(--white)}.btn-outline:hover{border-color:var(--green);color:var(--green)}
.tool-row{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.crumb{display:flex;align-items:center;gap:9px}.crumb b{color:var(--ink)}.tool-note{color:var(--orange);font-weight:800}
.news-hero{padding:55px 0 42px;background:var(--deep);color:var(--white)}.hero-grid{display:grid;grid-template-columns:1fr .83fr;gap:58px;align-items:end}.news-hero .eyebrow{color:var(--green)}.news-hero .intro{max-width:680px;color:#c3cec5;font-size:17px}.hero-side{padding:22px 0 7px;border-top:1px solid rgba(255,255,255,.22)}.hero-side strong{display:block;font-size:34px;color:var(--green);line-height:1}.hero-side span{font-size:13px;color:#aeb9b0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head .intro{max-width:500px;margin:0;font-size:15px}
.feature{padding-top:65px}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;min-height:510px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.feature-image{position:relative;min-height:400px;overflow:hidden}.feature-image img{height:100%;width:100%;transition:transform .65s ease}.feature-grid:hover .feature-image img{transform:scale(1.04)}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,19,15,.65))}
.image-caption{position:absolute;z-index:2;bottom:23px;left:25px;color:#fff;font-size:12px;letter-spacing:1px}.feature-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.date-line{display:flex;align-items:center;justify-content:space-between;color:var(--orange);font-weight:800;font-size:12px;letter-spacing:1px;margin-bottom:25px}.feature-copy h2{font-size:clamp(30px,3vw,44px);margin-bottom:18px}.feature-copy p{color:var(--muted);font-size:16px}.topic-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{display:inline-flex;padding:4px 10px;border:1px solid #cbd2c4;border-radius:999px;color:var(--green-dark);font-size:11px;font-weight:800}
.editorial{background:var(--paper-2)}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:54px}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:108px 1fr auto;gap:26px;padding:29px 0;border-bottom:1px solid var(--line);align-items:start;transition:var(--ease)}.news-item:hover{padding-left:10px;background:rgba(252,252,247,.42)}.news-date{font-size:12px;color:var(--orange);font-weight:800;letter-spacing:.7px}.news-content h3{margin-bottom:7px;font-size:22px}.news-content p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.read-link{white-space:nowrap;align-self:center;color:var(--green-dark);font-size:13px;font-weight:800}.read-link:after{content:" →";transition:var(--ease)}.read-link:hover:after{margin-left:5px}
.topic-rail{padding-left:25px;border-left:1px solid var(--line)}.topic-rail h3{font-size:17px}.rail-card{display:block;padding:18px 0;border-bottom:1px solid var(--line);transition:var(--ease)}.rail-card:hover{color:var(--green-dark);transform:translateX(4px)}.rail-card span{display:block;font-size:11px;color:var(--orange);font-weight:800;margin-bottom:5px}.rail-card strong{display:block;line-height:1.5}
.dark-feature{background:var(--deep);color:var(--white)}.dark-feature .eyebrow{color:var(--green)}.field-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:55px;align-items:center}.field-image{height:420px;border-radius:var(--radius-lg);overflow:hidden;position:relative}.field-image img{height:100%;width:100%;filter:saturate(.72)}.field-image:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,17,13,.12),rgba(10,17,13,.65))}.field-copy p{color:#c3cec5}.number-list{padding:0;margin:24px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.16)}.number-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:14px}.number-list b{color:var(--green)}
.columns{display:grid;grid-template-columns:1.1fr .9fr;gap:35px}.manifesto{padding:40px;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--line)}.manifesto p{font-size:18px;line-height:1.95}.note-panel{padding:40px;background:#dce4d0;border-radius:var(--radius-lg)}.note-panel h3{font-size:27px}.note-panel ul{margin:20px 0 0;padding:0;list-style:none}.note-panel li{padding:12px 0;border-top:1px solid rgba(24,32,29,.15);font-size:14px}.note-panel li:before{content:"＋";color:var(--green-dark);font-weight:900;margin-right:9px}
digest-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:25px}.digest-card{border-radius:var(--radius);overflow:hidden;background:var(--white);border:1px solid var(--line);transition:var(--ease)}.digest-card:hover{border-color:var(--green-dark);box-shadow:var(--shadow);transform:translateY(-3px)}.digest-card.big{display:grid;grid-template-columns:1fr 1fr}.digest-card img{width:100%;height:230px}.digest-card.big img{height:100%}.digest-copy{padding:25px}.digest-copy span{font-size:11px;color:var(--orange);font-weight:800}.digest-copy h3{margin:8px 0}.digest-copy p{font-size:14px;color:var(--muted);margin-bottom:0}.stack{display:grid;gap:25px}.stack .digest-card{display:grid;grid-template-columns:128px 1fr}.stack .digest-card img{height:100%}.stack .digest-copy{padding:18px}
.faq-wrap{max-width:930px}.faq{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:24px;align-items:center;padding:21px 0;background:none;border:0;color:var(--ink);font-weight:800;text-align:left;font-size:17px}.faq-q i{font-style:normal;color:var(--green-dark);font-size:24px;transition:var(--ease)}.faq-q[aria-expanded="true"] i{transform:rotate(45deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-a>div{overflow:hidden}.faq-a p{margin:0;padding:0 42px 20px 0;color:var(--muted);font-size:15px}.faq-item.open .faq-a{grid-template-rows:1fr}
.contact-cta{padding:0 0 92px}.cta-box{padding:54px 58px;background:var(--deep-2);border-radius:var(--radius-lg);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.cta-box h2{margin-bottom:10px}.cta-box p{margin:0;color:#c3cec5}.cta-actions{text-align:right}.cta-actions .btns{justify-content:flex-end}.reply{font-size:12px;color:#aeb9b0;margin-top:15px}
.page-footer{padding:58px 0 20px;background:var(--deep);color:#d3ddd4}.footer-grid{width:min(1320px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:1.25fr 1fr .8fr;gap:55px}.footer-brand{color:#fff;font-size:24px;font-weight:900;letter-spacing:-1px}.footer-brand span{color:var(--green)}.footer-copy{max-width:350px;margin:13px 0 0;color:#9ca9a0;font-size:13px;line-height:1.75}.footer-title{margin-bottom:13px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:1px}.footer-links{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#c5d0c7}.footer-links a:hover{color:var(--green)}.footer-bottom{width:min(1320px,calc(100% - 64px));margin:43px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:18px;color:#89948d;font-size:12px}.legal{display:flex;gap:9px}.legal a:hover{color:var(--green)}
@media(max-width:1200px){.news-layout{grid-template-columns:1fr 260px}.hero-grid{gap:35px}.feature-copy{padding:35px}}
@media(max-width:960px){:root{--nav-width:0px}.side-nav{display:none}.mobile-head{position:sticky;z-index:60;top:0;height:68px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.11)}.mobile-brand{display:flex;align-items:center;gap:9px;font-weight:900}.mobile-brand b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green);color:var(--deep)}.menu-toggle{border:1px solid rgba(255,255,255,.25);border-radius:999px;background:transparent;color:#fff;padding:8px 13px;font-size:13px}.mobile-menu{position:fixed;z-index:59;inset:68px 0 0;background:var(--deep);padding:26px;transform:translateX(100%);transition:transform .3s ease}.mobile-menu.open{transform:translateX(0)}.mobile-menu a{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:20px;color:#d6dfd7}.mobile-menu a.active{color:var(--green)}main,.page-footer{margin-left:0}.container,.footer-grid,.footer-bottom{width:min(100% - 40px,1320px)}.tool-row{height:56px}.news-hero{padding:40px 0}.hero-grid,.feature-grid,.field-grid,.columns,.cta-box{grid-template-columns:1fr}.hero-side{display:flex;gap:18px;align-items:center}.feature-grid{min-height:0}.feature-image{height:350px}.news-layout{grid-template-columns:1fr}.topic-rail{border-left:0;border-top:1px solid var(--line);padding:28px 0 0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:25px}.topic-rail h3{grid-column:1/-1}.digest-grid{grid-template-columns:1fr}.cta-actions{text-align:left}.cta-actions .btns{justify-content:flex-start}}
@media(max-width:768px){section{padding:62px 0}.section-head{display:block}.section-head .intro{margin-top:14px}.news-item{grid-template-columns:1fr;gap:8px;padding:23px 0}.news-item:hover{padding-left:0}.read-link{align-self:auto;margin-top:5px}.field-image{height:310px}.digest-card.big,.stack .digest-card{grid-template-columns:1fr}.digest-card.big img,.stack .digest-card img{height:220px}.topic-rail{grid-template-columns:1fr}.cta-box{padding:37px 28px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{display:block;line-height:1.8}.legal{margin-top:8px}}
@media(max-width:520px){.container,.footer-grid,.footer-bottom{width:calc(100% - 32px)}h1{font-size:40px}.tool-note{display:none}.news-hero{padding-top:30px}.feature{padding-top:42px}.feature-image{height:270px}.feature-copy{padding:28px 23px}.feature-copy h2{font-size:29px}.field-image{height:260px}.manifesto,.note-panel{padding:28px 23px}.cta-box{padding:32px 22px}.btn{width:100%}.btns{display:grid}.faq-q{font-size:16px}.faq-a p{padding-right:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* roulang page: category6 */
:root{
      --ink:#18201d;--deep:#111815;--deep-2:#1b2621;--paper:#f4f4ed;--paper-2:#e9ebe2;
      --white:#fcfcf7;--green:#b8ee54;--green-dark:#749d2f;--moss:#617262;--line:#d6d9ce;
      --orange:#c77d46;--muted:#647068;--radius:18px;--radius-lg:26px;
      --shadow:0 18px 45px rgba(24,32,29,.08);--ease:220ms cubic-bezier(.2,.7,.2,1);--nav-width:104px
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.82}
    a{color:inherit;text-decoration:none} img{display:block;max-width:100%;object-fit:cover} button,input,select,textarea{font:inherit} button{cursor:pointer}
    :focus-visible{outline:3px solid rgba(184,238,84,.85);outline-offset:3px}
    .side-nav{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--nav-width);background:var(--deep);color:#dae1d8;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;padding:23px 10px 18px}
    .brand{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;letter-spacing:1px;font-size:15px;line-height:1.1;color:var(--white)}
    .brand-mark{width:39px;height:39px;border-radius:13px;background:var(--green);color:var(--deep);display:grid;place-items:center;font-size:23px;font-weight:900;transform:rotate(-8deg)}
    .nav-list{display:flex;flex-direction:column;gap:8px;width:100%;margin:42px 0 auto;padding:0;list-style:none}
    .nav-list a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;border-radius:11px;color:#aeb9b0;font-size:11px;line-height:1.25;transition:var(--ease)}
    .nav-list a:hover{background:rgba(255,255,255,.07);color:#fff}.nav-list a.active{color:var(--green);background:rgba(184,238,84,.08)}
    .nav-list a.active:before{content:"";position:absolute;left:-10px;height:21px;width:2px;border-radius:2px;background:var(--green)}
    .nav-icon{font-size:16px;line-height:1}.nav-bottom{text-align:center;font-size:10px;color:#89948d}.quick-contact{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 12px;border:1px solid rgba(184,238,84,.35);border-radius:50%;color:var(--green);transition:var(--ease)}.quick-contact:hover{background:var(--green);color:var(--deep)}
    .mobile-head{display:none} main,.page-footer{margin-left:var(--nav-width)}.container{width:min(1320px,calc(100% - 64px));margin:0 auto} section{padding:88px 0}
    .topline{display:flex;align-items:center;justify-content:space-between;min-height:64px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.crumbs{display:flex;gap:8px;align-items:center}.crumbs span{color:var(--green-dark);font-weight:800}.topline .mini-link{font-weight:800;color:var(--ink)}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}.eyebrow:before{content:"";display:block;width:24px;height:1px;background:currentColor}
    h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5vw,70px);line-height:1.12;letter-spacing:-3px;margin:18px 0 24px}h2{font-size:clamp(31px,3.2vw,46px);line-height:1.22;letter-spacing:-1.5px;margin-bottom:18px}h3{font-size:21px;line-height:1.35;margin-bottom:10px}.lead{font-size:18px;line-height:1.95;color:var(--muted);max-width:680px}.dark .lead{color:#c5cec6}
    .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:800;transition:var(--ease)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:none}
    .btn-primary{background:var(--green);color:var(--deep)}.btn-primary:hover{background:#d0f981;box-shadow:0 12px 25px rgba(145,197,60,.2)}.btn-dark{background:var(--deep);color:var(--white)}.btn-dark:hover{background:#29352e}.btn-light{border-color:var(--line);color:var(--ink);background:transparent}.btn-light:hover{background:var(--white);border-color:var(--green-dark)}.btn-outline{border-color:rgba(255,255,255,.35);color:var(--white)}.btn-outline:hover{border-color:var(--green);color:var(--green)}
    .hero-contact{background:var(--deep);color:var(--white);padding:54px 0 72px}.hero-grid{display:grid;grid-template-columns:1fr .84fr;gap:52px;align-items:end}.hero-contact .eyebrow{color:var(--green)}.hero-note{border-left:1px solid rgba(184,238,84,.55);padding:10px 0 10px 22px;color:#c4cec5;font-size:15px;max-width:620px}
    .portrait{position:relative;height:510px;border-radius:var(--radius-lg);overflow:hidden;background:#26332b}.portrait img{height:100%;width:100%;filter:saturate(.75) contrast(1.05)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,10,.03),rgba(8,14,10,.75))}
    .portrait-card{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;padding:19px 20px;border:1px solid rgba(255,255,255,.22);background:rgba(17,24,21,.84);border-radius:15px}.portrait-card b{display:block;color:var(--green);font-size:12px;letter-spacing:1px}.portrait-card span{font-size:15px;color:#fff}
    .signal-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:45px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}.signal-row div{padding:17px 18px;background:rgba(255,255,255,.04);font-size:13px;color:#cad2cb}.signal-row strong{display:block;font-size:20px;color:var(--green)}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.section-head p{max-width:510px;color:var(--muted);font-size:15px;margin:0}
    .price-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}.plan-main{position:relative;padding:42px;border-radius:var(--radius-lg);background:var(--deep);color:var(--white);overflow:hidden}.plan-main:after{content:"01";position:absolute;right:28px;top:8px;color:rgba(184,238,84,.13);font-size:130px;line-height:1;font-weight:900}.plan-main>*{position:relative;z-index:1}.plan-main p{color:#bdc8be;max-width:610px}.plan-side{display:grid;gap:26px}.plan-card{padding:29px;border:1px solid var(--line);background:var(--white);border-radius:var(--radius);transition:var(--ease)}.plan-card:hover{transform:translateY(-4px);border-color:var(--green-dark);box-shadow:var(--shadow)}.plan-card.tinted{background:#e4ead7}
    .tag{display:inline-block;padding:3px 9px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--green-dark)}.dark .tag,.plan-main .tag{color:var(--green)}.plan-name{margin:14px 0 7px;font-size:28px;line-height:1.2}.plan-list{padding:0;margin:23px 0;list-style:none}.plan-list li{padding:9px 0;border-top:1px solid rgba(24,32,29,.12);font-size:14px}.plan-main .plan-list li{border-color:rgba(255,255,255,.14)}.plan-list li:before{content:"+";font-weight:900;color:var(--green-dark);margin-right:10px}.plan-main .plan-list li:before{color:var(--green)}.price-word{font-weight:800;font-size:14px;color:var(--orange)}
    .scope-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.scope-strip p{color:var(--muted);margin:0}.scope-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 22px;padding:0;margin:0;list-style:none}.scope-list li{font-size:14px;padding:8px 0;border-bottom:1px solid var(--line)}.scope-list li:before{content:"•";color:var(--green-dark);font-weight:900;margin-right:9px}
    .process{background:var(--paper-2)}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px}.process-copy{position:sticky;top:35px;align-self:start}.process-copy p{color:var(--muted)}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:80px 1fr auto;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.step-no{font-size:13px;font-weight:900;color:var(--green-dark);letter-spacing:1px}.step p{font-size:14px;color:var(--muted);margin:0}.step-time{font-size:12px;color:var(--orange);white-space:nowrap}
    .deliver-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:stretch}.deliver-image{min-height:430px;border-radius:var(--radius-lg);overflow:hidden;position:relative}.deliver-image img{height:100%;width:100%;transition:transform .6s ease}.deliver-image:hover img{transform:scale(1.035)}.deliver-image span{position:absolute;bottom:20px;left:20px;padding:8px 12px;border-radius:999px;background:var(--deep);color:var(--green);font-size:12px;font-weight:800}.deliver-copy{padding:38px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg)}.deliver-copy p{color:var(--muted)}.checklist{padding:0;margin:25px 0;list-style:none}.checklist li{padding:11px 0;border-top:1px solid var(--line);font-size:14px}.checklist li:before{content:"✓";color:var(--green-dark);font-weight:900;margin-right:12px}
    .roles{background:var(--deep);color:var(--white)}.roles .eyebrow{color:var(--green)}.role-map{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;margin-top:34px}.role{min-height:160px;border:1px solid rgba(255,255,255,.17);padding:23px;border-radius:var(--radius);background:rgba(255,255,255,.035)}.role b{display:block;color:var(--green);margin-bottom:8px}.role p{margin:0;font-size:13px;color:#c1cbc3}.connector{height:1px;background:rgba(184,238,84,.55);position:relative}.connector:after{content:"";width:8px;height:8px;position:absolute;right:0;top:-4px;background:var(--green);border-radius:50%}
    .faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:52px}.faq-copy p{color:var(--muted)}.faq-item{border-top:1px solid var(--line)}.faq-q{width:100%;padding:20px 0;display:flex;justify-content:space-between;gap:20px;text-align:left;border:0;background:none;color:var(--ink);font-weight:800;font-size:16px}.faq-q i{font-style:normal;color:var(--green-dark);font-size:21px;transition:var(--ease)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-a>div{overflow:hidden}.faq-a p{margin:0;padding:0 36px 0 0;color:var(--muted);font-size:14px}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a p{padding-bottom:22px}.faq-item.open .faq-q i{transform:rotate(45deg)}
    .contact-section{padding-top:48px}.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px}.contact-intro{padding:38px;background:#dae4cb;border-radius:var(--radius-lg)}.contact-intro p{color:#405043}.contact-detail{padding:18px 0;border-top:1px solid rgba(24,32,29,.18);font-size:14px}.contact-detail b{display:block;font-size:12px;color:var(--green-dark);letter-spacing:1px}.contact-form{padding:36px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800}.field label em{font-style:normal;color:var(--orange)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#fbfcf7;color:var(--ink);padding:12px 14px;min-height:50px;outline:0;transition:var(--ease)}textarea{min-height:145px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green-dark);box-shadow:0 0 0 4px rgba(184,238,84,.22)}.form-help{font-size:12px;color:var(--muted);margin:16px 0 0}.form-success{display:none;margin-top:14px;color:#496d18;font-size:14px;font-weight:800}.form-success.show{display:block}
    .related{padding-top:70px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{border-top:1px solid var(--line);padding:20px 0;transition:var(--ease)}.related-card:hover{transform:translateY(-3px)}.related-card small{color:var(--green-dark);font-weight:800}.related-card h3{margin:8px 0}.related-card p{font-size:14px;color:var(--muted);margin:0}
    .cta{padding:0 0 88px}.cta-box{padding:45px 48px;border-radius:var(--radius-lg);background:var(--deep);color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-box h2{margin:0 0 10px}.cta-box p{margin:0;color:#c5cec6;max-width:630px}.cta-box .btns{margin:0;flex-shrink:0}
    .page-footer{background:#0d1310;color:#c1cbc3;padding:57px 0 22px}.footer-grid{width:min(1320px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:55px}.footer-brand{font-size:25px;line-height:1;font-weight:900;color:var(--white)}.footer-brand span{color:var(--green)}.footer-copy{font-size:13px;line-height:1.8;max-width:350px}.footer-title{font-size:12px;color:var(--green);letter-spacing:1px;font-weight:800;margin-bottom:12px}.footer-links{display:grid;gap:8px;font-size:13px}.footer-links a{transition:var(--ease)}.footer-links a:hover{color:var(--green)}.footer-bottom{width:min(1320px,calc(100% - 64px));margin:44px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:18px;font-size:12px;color:#89948d}.legal{display:flex;gap:10px}.legal a:hover{color:var(--green)}
    @media(max-width:1200px){.container,.footer-grid,.footer-bottom{width:min(100% - 44px,1120px)}.hero-grid{gap:32px}.role-map{grid-template-columns:1fr 55px 1fr 55px 1fr}}
    @media(max-width:960px){:root{--nav-width:0px}.side-nav{display:none}.mobile-head{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--deep);color:var(--white);border-bottom:1px solid rgba(255,255,255,.12)}.mobile-brand{font-weight:900;letter-spacing:1px}.mobile-brand span{color:var(--green)}.menu-toggle{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:9px;padding:8px 11px}.mobile-menu{display:none;position:fixed;z-index:45;inset:62px 0 0;background:var(--deep);padding:25px}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.11);color:#d5dfd6;font-weight:800}.mobile-menu a.active{color:var(--green)}.hero-grid,.price-layout,.process-grid,.deliver-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.portrait{height:420px}.signal-row{grid-template-columns:repeat(2,1fr)}.process-copy{position:static}.role-map{grid-template-columns:1fr;gap:12px}.connector{height:26px;width:1px;margin:auto}.connector:after{right:-4px;top:auto;bottom:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
    @media(max-width:768px){section{padding:62px 0}.container,.footer-grid,.footer-bottom{width:calc(100% - 34px)}.topline{min-height:52px}.hero-contact{padding:35px 0 55px}h1{letter-spacing:-2px}.scope-strip{grid-template-columns:1fr;padding:28px}.scope-list{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:14px}.step{grid-template-columns:54px 1fr}.step-time{grid-column:2}.form-grid,.related-grid{grid-template-columns:1fr}.cta-box{display:block;padding:34px 28px}.cta-box .btns{margin-top:22px}.footer-bottom{display:block}.legal{margin-top:10px}}
    @media(max-width:480px){.signal-row{grid-template-columns:1fr}.portrait{height:350px}.plan-main,.plan-card,.contact-form,.contact-intro{padding:25px}.hero-note{padding-left:15px}.btn{width:100%}.btns{display:grid}.topline .mini-link{display:none}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:first-child{grid-column:auto}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}