/* roulang page: index */
:root{
            --ink:#182126;
            --muted:#68757a;
            --paper:#f6f8f6;
            --white:#ffffff;
            --line:#dfe7e2;
            --green:#176b58;
            --green-dark:#0e4c40;
            --mint:#dceee7;
            --gold:#d39b52;
            --rose:#d9766d;
            --shadow:0 18px 50px rgba(24,33,38,.08);
            --soft-shadow:0 8px 24px rgba(24,33,38,.06);
            --radius:18px;
            --small-radius:10px;
            --max:1180px;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{
            background:var(--paper);
            color:var(--ink);
            font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
            font-size:16px;
            line-height:1.75;
            -webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%;height:auto}
        button,input{font:inherit}
        button{cursor:pointer;border:0}
        .container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
        .topline{height:4px;background:var(--green)}
        header{padding:20px 0;background:rgba(246,248,246,.94);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(223,231,226,.8);backdrop-filter:blur(14px)}
        .nav-shell{display:flex;align-items:center;gap:28px}
        .brand{display:flex;align-items:center;gap:11px;min-width:max-content}
        .brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:12px;font-weight:800;font-size:18px;box-shadow:0 6px 15px rgba(23,107,88,.22)}
        .brand-name{font-size:19px;font-weight:800;letter-spacing:0;color:var(--green-dark)}
        nav{display:flex;align-items:center;gap:8px;flex:1}
        nav a{padding:9px 15px;border-radius:10px;color:var(--muted);font-size:14px;font-weight:700;transition:.2s ease}
        nav a:hover,nav a:focus{color:var(--green);background:var(--mint)}
        nav a.active{color:var(--green-dark);background:var(--mint)}
        .nav-action{background:var(--green)!important;color:#fff!important;padding:10px 18px!important}
        .nav-action:hover{background:var(--green-dark)!important}
        .menu-toggle{display:none;background:transparent;color:var(--green);font-size:25px}
        .hero{padding:74px 0 55px;background:#eef5f0;overflow:hidden}
        .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
        .eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:1px}
        .eyebrow:before,.section-kicker:before{content:"";width:24px;height:2px;background:var(--gold)}
        h1{font-size:clamp(40px,5.2vw,70px);line-height:1.13;letter-spacing:0;font-weight:900;margin:18px 0 22px;max-width:700px}
        .hero-copy{font-size:18px;color:var(--muted);max-width:650px}
        .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 28px}
        .btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 20px;border-radius:10px;font-weight:800;font-size:15px;transition:.2s ease;border:1px solid transparent}
        .btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(23,107,88,.18)}
        .btn-primary:hover,.btn-primary:focus{background:var(--green-dark);transform:translateY(-2px)}
        .btn-light{background:#fff;color:var(--green-dark);border-color:var(--line)}
        .btn-light:hover,.btn-light:focus{border-color:var(--green);color:var(--green);transform:translateY(-2px)}
        .hero-points{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:13px}
        .hero-points strong{display:block;color:var(--ink);font-size:19px;line-height:1.3}
        .hero-stage{position:relative;min-height:390px}
        .stage-image{width:88%;height:320px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);margin-left:auto}
        .stage-panel{position:absolute;left:0;bottom:0;width:68%;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
        .stage-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:14px}
        .stage-top strong{font-size:17px}
        .live-dot{width:9px;height:9px;background:var(--rose);border-radius:50%;display:inline-block;margin-right:6px}
        .stage-list{list-style:none}
        .stage-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:var(--muted);font-size:13px;border-bottom:1px solid #edf1ee}
        .stage-list li:last-child{border-bottom:0}
        .stage-list b{color:var(--green)}
        section{padding:86px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}
        .section-head h2{font-size:34px;line-height:1.25;margin-top:10px}
        .section-head p{max-width:540px;color:var(--muted)}
        .catalog{background:#fff}
        .catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .catalog-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfb;transition:.25s ease;position:relative;overflow:hidden}
        .catalog-card:hover{transform:translateY(-5px);box-shadow:var(--soft-shadow);border-color:#b9d9cc}
        .catalog-card.featured{background:var(--green);color:#fff;border-color:var(--green)}
        .catalog-card.featured p,.catalog-card.featured .card-meta{color:#d5e9e1}
        .card-index{font-size:12px;color:var(--gold);font-weight:900}
        .catalog-card h3{font-size:22px;margin:18px 0 8px}
        .catalog-card p{font-size:14px;color:var(--muted);min-height:52px}
        .card-meta{display:flex;justify-content:space-between;margin:22px 0 18px;font-size:13px;color:var(--muted)}
        .card-link{font-weight:800;color:var(--green)}
        .featured .card-link{color:#fff}
        .split-band{background:#182b28;color:#fff}
        .split-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
        .split-band .section-kicker{color:#a7d4c3}
        .split-band h2{font-size:36px;line-height:1.3;margin:14px 0}
        .split-band p{color:#bad0c9}
        .benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
        .benefit{padding:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:var(--small-radius)}
        .benefit strong{display:block;font-size:18px;margin-bottom:6px}
        .benefit span{font-size:13px;color:#bad0c9}
        .recommend{background:#f6f8f6}
        .recommend-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
        .recommend-main{min-height:310px;border-radius:var(--radius);overflow:hidden;position:relative;background:#263f38}
        .recommend-main img{width:100%;height:100%;object-fit:cover;opacity:.62}
        .recommend-overlay{position:absolute;inset:auto 0 0;padding:28px;color:#fff;background:linear-gradient(transparent,rgba(10,25,21,.9))}
        .recommend-overlay h3{font-size:26px;margin:8px 0}
        .recommend-side{display:grid;gap:18px}
        .mini-card{background:#fff;border:1px solid var(--line);border-radius:var(--small-radius);padding:20px;display:flex;gap:18px;align-items:center}
        .mini-number{font-size:28px;font-weight:900;color:var(--gold)}
        .mini-card h3{font-size:17px;line-height:1.4}
        .mini-card p{font-size:13px;color:var(--muted);margin-top:4px}
        .news{background:#fff}
        .news-grid{display:grid;grid-template-columns:1fr 340px;gap:50px}
        .news-list{list-style:none}
        .news-list li{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px}
        .news-list a{font-size:17px;font-weight:700;transition:.2s}
        .news-list a:hover{color:var(--green)}
        .news-list span{color:#9aa5a4;font-size:13px;white-space:nowrap}
        .news-aside{padding:25px;background:var(--mint);border-radius:var(--radius)}
        .news-aside h3{font-size:21px;margin-bottom:10px}
        .news-aside p{font-size:14px;color:#536862}
        .tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
        .tag{padding:6px 11px;border-radius:30px;background:#fff;color:var(--green);font-size:12px;font-weight:700}
        .steps{background:#f0f4f1}
        .step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
        .step{padding:23px 20px;border-top:3px solid var(--green);background:#fff;border-radius:0 0 var(--small-radius) var(--small-radius)}
        .step b{font-size:30px;color:var(--gold);display:block;line-height:1}
        .step h3{font-size:17px;margin:17px 0 7px}
        .step p{font-size:13px;color:var(--muted)}
        .faq{background:#fff}
        .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
        details{border-top:1px solid var(--line);padding:20px 0}
        summary{cursor:pointer;font-weight:800;list-style:none;padding-right:22px;position:relative}
        summary::-webkit-details-marker{display:none}
        summary:after{content:"+";position:absolute;right:0;color:var(--green);font-size:22px;top:-4px}
        details[open] summary:after{content:"−"}
        details p{color:var(--muted);font-size:14px;margin-top:10px;padding-right:22px}
        .cta{padding:60px 0;background:var(--gold);color:#fff}
        .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
        .cta h2{font-size:32px;line-height:1.3}
        .cta p{margin-top:8px;color:#fff4e5}
        .cta .btn{background:#fff;color:var(--green-dark)}
        .cta .btn:hover{background:#f4faf6}
        footer{padding:42px 0 26px;background:#12221f;color:#d9e4df}
        .footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.14)}
        .footer-brand{font-size:21px;font-weight:800;color:#fff}
        .footer-top p{color:#9db2aa;font-size:13px;max-width:360px;margin-top:8px}
        .footer-links{display:flex;gap:24px;align-items:start}
        .footer-links a{font-size:14px;color:#c5d5cf}
        .footer-links a:hover{color:#fff}
        .copyright{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#839890;font-size:12px}
        :focus-visible{outline:3px solid rgba(211,155,82,.65);outline-offset:3px}
        @media(max-width:900px){
            .hero-grid,.split-grid{grid-template-columns:1fr;gap:38px}
            .hero{padding-top:52px}
            .hero-stage{max-width:650px}
            .catalog-grid{grid-template-columns:repeat(2,1fr)}
            .news-grid{grid-template-columns:1fr}
            .step-grid{grid-template-columns:repeat(2,1fr)}
        }
        @media(max-width:680px){
            .container{width:min(var(--max),calc(100% - 32px))}
            header{padding:14px 0}
            .nav-shell{justify-content:space-between}
            .brand-name{font-size:16px}
            .menu-toggle{display:block}
            nav{display:none;position:absolute;left:16px;right:16px;top:72px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
            nav.open{display:flex}
            nav a{padding:12px 14px}
            .nav-action{text-align:center}
            h1{font-size:43px}
            .hero-copy{font-size:16px}
            .stage-image{width:100%;height:240px}
            .stage-panel{position:relative;width:88%;margin-top:-55px}
            section{padding:62px 0}
            .section-head{display:block}
            .section-head h2{font-size:28px}
            .section-head p{margin-top:12px}
            .catalog-grid,.benefit-list,.faq-grid{grid-template-columns:1fr}
            .recommend-grid{grid-template-columns:1fr}
            .recommend-main{min-height:270px}
            .step-grid{grid-template-columns:1fr 1fr}
            .cta-inner,.footer-top,.copyright{display:block}
            .cta h2{font-size:27px}
            .cta .btn{margin-top:20px}
            .footer-links{margin-top:24px;flex-wrap:wrap}
            .copyright span{display:block;margin-top:8px}
        }
        @media(max-width:420px){
            .step-grid{grid-template-columns:1fr}
            .hero-actions .btn{width:100%}
            .hero-points{gap:15px}
            .stage-panel{width:96%}
        }

/* roulang page: category1 */
:root{
 --ink:#182126;
 --muted:#68757a;
 --paper:#f6f8f6;
 --white:#fff;
 --line:#dfe7e2;
 --green:#176b58;
 --green-dark:#0e4c40;
 --mint:#dceee7;
 --gold:#d39b52;
 --rose:#d9766d;
 --shadow:0 18px 50px rgba(24,33,38,.08);
 --soft-shadow:0 8px 24px rgba(24,33,38,.06);
 --radius:18px;
 --small-radius:10px;
 --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;
 background:var(--paper);
 color:var(--ink);
 font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
 font-size:16px;
 line-height:1.75;
 -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
button{cursor:pointer;border:0}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
header{
 padding:20px 0;
 background:rgba(246,248,246,.95);
 position:sticky;
 top:0;
 z-index:20;
 border-bottom:1px solid rgba(223,231,226,.8);
 backdrop-filter:blur(14px);
}
.nav-shell{display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.brand-mark{
 width:40px;height:40px;display:grid;place-items:center;
 background:var(--green);color:#fff;border-radius:12px;
 font-weight:800;font-size:18px;box-shadow:0 6px 15px rgba(23,107,88,.22)
}
.brand-name{font-size:19px;font-weight:800;color:var(--green-dark)}
nav{display:flex;align-items:center;gap:8px;flex:1}
nav a{
 padding:9px 15px;border-radius:10px;color:var(--muted);
 font-size:14px;font-weight:700;transition:.2s ease
}
nav a:hover,nav a:focus{color:var(--green);background:var(--mint)}
nav a.active{color:var(--green-dark);background:var(--mint)}
.nav-action{background:var(--green)!important;color:#fff!important;padding:10px 18px!important}
.nav-action:hover,.nav-action:focus{background:var(--green-dark)!important}
.menu-toggle{
 display:none;background:transparent;color:var(--green);
 font-size:25px;line-height:1;padding:6px
}
.hero{
 padding:68px 0 54px;
 background:#eef5f0;
 border-bottom:1px solid var(--line);
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.eyebrow,.section-kicker{
 display:inline-flex;align-items:center;gap:8px;
 color:var(--green);font-size:13px;font-weight:800;letter-spacing:1px
}
.eyebrow:before,.section-kicker:before{
 content:"";width:24px;height:2px;background:var(--gold)
}
h1,h2,h3,p{margin-top:0}
h1{
 max-width:680px;margin:16px 0 18px;
 font-size:clamp(38px,5vw,68px);
 line-height:1.12;letter-spacing:0
}
.hero-copy{font-size:18px;color:var(--muted);max-width:650px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 28px}
.btn{
 display:inline-flex;justify-content:center;align-items:center;gap:8px;
 min-height:48px;padding:11px 20px;border-radius:10px;
 font-weight:800;font-size:15px;transition:.2s ease;
 border:1px solid transparent
}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(23,107,88,.18)}
.btn-primary:hover,.btn-primary:focus{background:var(--green-dark);transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--green-dark);border-color:var(--line)}
.btn-light:hover,.btn-light:focus{border-color:var(--green);color:var(--green);transform:translateY(-2px)}
.btn:focus,nav a:focus,.menu-toggle:focus,summary:focus{
 outline:3px solid rgba(211,155,82,.35);outline-offset:3px
}
.hero-points{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.hero-points strong{display:block;color:var(--ink);font-size:19px;line-height:1.3}
.flash-card{
 background:var(--white);border:1px solid var(--line);
 border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden
}
.flash-top{
 display:flex;justify-content:space-between;align-items:center;
 padding:15px 20px;background:var(--green);color:#fff
}
.flash-label{font-size:13px;font-weight:800}
.countdown{display:flex;align-items:center;gap:6px;font-size:13px}
.countdown b{
 display:inline-grid;place-items:center;min-width:29px;height:29px;
 border-radius:7px;background:rgba(255,255,255,.16);font-size:15px
}
.flash-image{height:205px;overflow:hidden;background:#294b40}
.flash-image img{width:100%;height:100%;object-fit:cover;opacity:.8}
.flash-body{padding:23px}
.flash-body h2{font-size:24px;line-height:1.3;margin-bottom:8px}
.flash-body p{font-size:14px;color:var(--muted);margin-bottom:17px}
.flash-foot{display:flex;align-items:center;justify-content:space-between;gap:15px}
.flash-note{font-size:13px;color:var(--rose);font-weight:800}
section{padding:82px 0}
.section-head{
 display:flex;justify-content:space-between;align-items:end;
 gap:28px;margin-bottom:30px
}
.section-head h2{font-size:34px;line-height:1.25;margin:10px 0 0}
.section-head p{max-width:540px;color:var(--muted);margin-bottom:0}
.topic-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.topic-feature{
 min-height:330px;border-radius:var(--radius);padding:34px;
 background:var(--green);color:#fff;position:relative;overflow:hidden
}
.topic-feature:after{
 content:"97";position:absolute;right:22px;bottom:-35px;
 font-size:180px;font-weight:900;color:rgba(255,255,255,.08);line-height:1
}
.topic-feature h3{max-width:470px;font-size:30px;line-height:1.3;margin:22px 0 12px;position:relative;z-index:1}
.topic-feature p{max-width:500px;color:#d8ebe3;position:relative;z-index:1}
.topic-feature .btn{margin-top:15px;position:relative;z-index:1}
.topic-side{display:grid;gap:14px}
.topic-card{
 background:#fbfcfb;border:1px solid var(--line);border-radius:var(--small-radius);
 padding:22px;transition:.2s ease
}
.topic-card:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow);border-color:#b9d9cc}
.topic-card h3{font-size:18px;margin:11px 0 5px}
.topic-card p{font-size:14px;color:var(--muted);margin-bottom:0}
.topic-number{color:var(--gold);font-size:12px;font-weight:900}
.benefit-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.split-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}
.split-grid h2{font-size:35px;line-height:1.3;margin:12px 0}
.split-grid p{color:var(--muted)}
.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.benefit-item{
 padding:21px;border:1px solid var(--line);border-radius:var(--small-radius);
 background:var(--paper)
}
.benefit-item strong{display:block;font-size:17px;margin-bottom:5px}
.benefit-item span{font-size:13px;color:var(--muted)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.process-item{padding:23px 20px;border-top:3px solid var(--gold);background:#fff;border-radius:var(--small-radius);box-shadow:var(--soft-shadow)}
.process-step{color:var(--green);font-size:13px;font-weight:900}
.process-item h3{font-size:18px;margin:12px 0 7px}
.process-item p{font-size:14px;color:var(--muted);margin-bottom:0}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.tag{
 padding:6px 11px;border-radius:30px;background:#fff;color:var(--green);
 border:1px solid var(--line);font-size:13px;font-weight:700
}
.tag:hover{background:var(--mint);border-color:#b9d9cc}
.stats-section{background:#18342e;color:#fff}
.stats-section .section-kicker{color:#b7daca}
.stats-section h2{font-size:34px;line-height:1.3;margin:12px 0}
.stats-section p{color:#c1d2cc}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18);margin-top:32px}
.stat{padding:28px 24px;background:#18342e}
.stat strong{display:block;font-size:39px;line-height:1.2;color:#fff}
.stat span{display:block;margin-top:7px;color:#b7daca;font-size:14px}
.faq-section{background:#eef5f0}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.faq-layout h2{font-size:35px;line-height:1.3;margin:12px 0}
.faq-layout p{color:var(--muted)}
.faq-list{display:grid;gap:10px}
details{background:#fff;border:1px solid var(--line);border-radius:var(--small-radius);padding:0 20px}
summary{
 padding:18px 0;cursor:pointer;font-weight:800;list-style:none;
 display:flex;align-items:center;justify-content:space-between;gap:15px
}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--green);font-size:22px;font-weight:400}
details[open] summary:after{content:"−"}
details p{padding:0 0 18px;margin:0;color:var(--muted);font-size:14px}
.cta{padding:72px 0}
.cta-panel{
 display:flex;justify-content:space-between;align-items:center;gap:28px;
 padding:35px 40px;background:#fff;border:1px solid var(--line);
 border-radius:var(--radius);box-shadow:var(--soft-shadow)
}
.cta-panel h2{font-size:30px;line-height:1.3;margin:10px 0 5px}
.cta-panel p{color:var(--muted);margin-bottom:0}
footer{padding:40px 0 24px;background:#fff;border-top:1px solid var(--line)}
.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:28px}
.footer-brand{font-size:20px;font-weight:800;color:var(--green-dark);margin-bottom:8px}
.footer-top p{color:var(--muted);font-size:14px;margin:0}
.footer-links{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.footer-links a{color:var(--muted);font-size:14px;font-weight:700}
.footer-links a:hover{color:var(--green)}
.copyright{
 border-top:1px solid var(--line);padding-top:20px;
 display:flex;justify-content:space-between;gap:20px;color:#8b9694;font-size:12px
}
@media(max-width:1024px){
 .hero-grid{gap:35px}
 .split-grid,.faq-layout{gap:38px}
 .process-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
 .container{width:min(var(--max),calc(100% - 34px))}
 header{padding:14px 0}
 .nav-shell{justify-content:space-between;gap:15px}
 .menu-toggle{display:block}
 nav{
  display:none;position:absolute;left:17px;right:17px;top:70px;
  padding:10px;background:#fff;border:1px solid var(--line);
  border-radius:var(--small-radius);box-shadow:var(--shadow);flex-direction:column;align-items:stretch
 }
 nav.open{display:flex}
 nav a{display:block}
 .nav-action{text-align:center;margin-top:4px}
 .hero{padding:48px 0 42px}
 .hero-grid,.topic-layout,.split-grid,.faq-layout{grid-template-columns:1fr}
 h1{font-size:43px}
 .hero-stage{min-height:0}
 .flash-card{margin-top:8px}
 .section-head{display:block}
 .section-head h2{font-size:29px}
 .section-head p{margin-top:12px}
 .benefit-list{grid-template-columns:1fr}
 .stats-grid{grid-template-columns:1fr}
 .stat{padding:22px 20px}
 .cta-panel{display:block;padding:28px}
 .cta-panel .btn{margin-top:22px}
}
@media(max-width:520px){
 .brand-name{font-size:16px}
 .brand-mark{width:36px;height:36px;font-size:16px;border-radius:10px}
 h1{font-size:36px}
 .hero-copy{font-size:16px}
 .hero-actions{display:grid}
 .hero-actions .btn{width:100%}
 .flash-top,.flash-foot{align-items:flex-start;flex-direction:column}
 .topic-feature{padding:26px;min-height:300px}
 .topic-feature h3{font-size:25px}
 .process-grid{grid-template-columns:1fr}
 .copyright,.footer-top{display:block}
 .copyright span{display:block;margin-top:7px}
 .footer-links{margin-top:22px}
 section{padding:62px 0}
}