/* roulang page: index */
:root{
            --plum:#54233f;
            --plum-deep:#281525;
            --berry:#8d3f68;
            --coral:#e88772;
            --apricot:#f7c8a8;
            --cream:#fff8f1;
            --paper:#fffdfb;
            --ink:#302733;
            --muted:#786c77;
            --line:#eadfe3;
            --success:#4f8b71;
            --warning:#bc754e;
            --radius-lg:32px;
            --radius-md:22px;
            --shadow:0 18px 45px rgba(73,37,57,.10);
            --shadow-hover:0 24px 55px rgba(73,37,57,.18);
        }
        *,*::before,*::after{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}
        a{color:inherit;text-decoration:none}
        img{max-width:100%;display:block}
        button,input,textarea,select{font:inherit}
        :focus-visible{outline:3px solid rgba(232,135,114,.65);outline-offset:3px}
        .container{max-width:1180px}
        .site-header{position:sticky;top:0;z-index:50;background:rgba(255,248,241,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(234,223,227,.9)}
        .navbar{min-height:76px}
        .brand{display:flex;align-items:center;gap:11px;color:var(--plum);font-weight:800;letter-spacing:-.02em}
        .brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--berry),var(--coral));position:relative;box-shadow:0 8px 18px rgba(141,63,104,.2)}
        .brand-mark:after{content:"";position:absolute;width:12px;height:12px;background:#fff1e7;border-radius:50%;right:7px;top:7px}
        .brand-name{font-size:19px}
        .nav-link{color:var(--muted)!important;font-weight:600;padding:.65rem 1rem!important;border-radius:12px;transition:.25s}
        .nav-link:hover,.nav-link.active{color:var(--plum)!important;background:#f4e7e8}
        .nav-cta,.btn-primary{border:0;background:linear-gradient(115deg,var(--plum),var(--berry));color:#fff!important;border-radius:14px;padding:11px 19px;font-weight:700;box-shadow:0 10px 20px rgba(84,35,63,.18);transition:.25s}
        .nav-cta:hover,.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);filter:brightness(1.08)}
        .btn-soft{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfaebc;color:var(--plum);background:#fff7f4;border-radius:14px;padding:11px 19px;font-weight:700;transition:.25s}
        .btn-soft:hover{background:var(--plum);color:#fff;border-color:var(--plum);transform:translateY(-2px)}
        .hero{padding:52px 0 38px}
        .hero-panel{min-height:455px;border-radius:var(--radius-lg);padding:58px;overflow:hidden;position:relative;background:linear-gradient(125deg,#3c1e34 0%,#6b2e52 55%,#bd665f 100%);color:#fff;box-shadow:var(--shadow)}
        .hero-panel:before,.hero-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}
        .hero-panel:before{width:430px;height:430px;right:-130px;top:-190px}
        .hero-panel:after{width:270px;height:270px;right:160px;bottom:-170px}
        .eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);border-radius:100px;padding:5px 12px;font-size:13px;color:#ffe8dd}
        .status-dot{width:8px;height:8px;border-radius:50%;background:#f8bb82;box-shadow:0 0 0 5px rgba(248,187,130,.14)}
        h1,h2,h3{font-weight:800;letter-spacing:-.04em;line-height:1.25}
        h1{font-size:clamp(38px,5vw,61px);max-width:680px;margin:20px 0 18px}
        .hero-copy{max-width:620px;color:#f9e8e7;font-size:17px;line-height:1.9}
        .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
        .hero .btn-soft{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
        .hero .btn-soft:hover{background:#fff;color:var(--plum)}
        .hero-board{position:absolute;right:48px;bottom:42px;width:310px;padding:22px;border-radius:24px;background:rgba(40,21,37,.72);border:1px solid rgba(255,255,255,.2);z-index:1}
        .board-top{display:flex;justify-content:space-between;color:#f7d9d2;font-size:13px}
        .board-title{font-size:21px;font-weight:800;margin:18px 0 15px}
        .progress{height:8px;background:rgba(255,255,255,.15);border-radius:10px}
        .progress-bar{background:linear-gradient(90deg,var(--apricot),var(--coral));border-radius:10px}
        .board-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
        .board-cell{padding:11px;border-radius:14px;background:rgba(255,255,255,.08)}
        .board-cell strong{display:block;font-size:22px;color:#fff}
        .board-cell span{font-size:12px;color:#e8c9cd}
        .section{padding:54px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}
        .section-kicker{color:var(--berry);font-weight:800;font-size:13px;letter-spacing:.12em}
        h2{font-size:clamp(28px,3.3vw,40px);margin:7px 0 0;color:var(--plum-deep)}
        .section-intro{max-width:590px;color:var(--muted);margin:0}
        .metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.15fr;gap:15px}
        .metric-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:22px;min-height:160px;box-shadow:0 8px 25px rgba(73,37,57,.05);position:relative;overflow:hidden}
        .metric-card:nth-child(2){transform:translateY(18px)}
        .metric-card:nth-child(4){background:#f8e9e7}
        .metric-label{font-size:13px;color:var(--muted);display:flex;justify-content:space-between}
        .metric-value{font-size:35px;font-weight:850;color:var(--plum);margin:12px 0 3px}
        .metric-note{font-size:13px;color:var(--muted)}
        .spark{height:25px;margin-top:12px;background:linear-gradient(150deg,transparent 35%,rgba(141,63,104,.18) 36%,rgba(141,63,104,.18) 40%,transparent 41%,transparent 57%,rgba(232,135,114,.3) 58%,rgba(232,135,114,.3) 62%,transparent 63%);border-bottom:2px solid #e4c4c9}
        .badge-soft,.tag{display:inline-flex;align-items:center;border-radius:100px;padding:4px 9px;font-size:12px;font-weight:700}
        .badge-soft{background:#f5e2e1;color:var(--berry)}
        .tag{background:#f6eceb;color:#74435d;margin-right:6px}
        .matrix{display:grid;grid-template-columns:1.3fr .8fr .8fr;grid-template-rows:auto auto;gap:16px}
        .matrix-card{border-radius:26px;padding:27px;background:var(--paper);border:1px solid var(--line);transition:.25s;box-shadow:0 8px 25px rgba(73,37,57,.05)}
        .matrix-card:hover,.content-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#d6a9b9}
        .matrix-card.main{grid-row:span 2;background:linear-gradient(145deg,#f5dcd9,#fff8f1);padding:34px}
        .matrix-card h3{font-size:22px;margin:18px 0 8px;color:var(--plum)}
        .matrix-card p{color:var(--muted);font-size:14px;margin-bottom:18px}
        .matrix-number{font-size:13px;color:var(--berry);font-weight:800}
        .link-arrow{font-size:14px;color:var(--berry);font-weight:800}
        .link-arrow span{display:inline-block;transition:.2s}
        .matrix-card:hover .link-arrow span{transform:translateX(5px)}
        .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:27px;background:var(--paper);overflow:hidden}
        .step{padding:28px 24px;border-right:1px solid var(--line);position:relative}
        .step:last-child{border-right:0}
        .step-num{width:34px;height:34px;border-radius:12px;background:var(--plum);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:22px}
        .step h3{font-size:18px;color:var(--plum);margin-bottom:8px}
        .step p{margin:0;color:var(--muted);font-size:14px}
        .content-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:22px}
        .content-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 22px;background:var(--paper);border:1px solid var(--line);border-radius:21px;margin-bottom:12px;transition:.25s}
        .content-card h3{font-size:18px;margin:7px 0 5px;color:var(--plum)}
        .content-card p{font-size:14px;color:var(--muted);margin:0}
        .content-meta{white-space:nowrap;color:#9a8490;font-size:12px}
        .aside-card{height:100%;padding:28px;border-radius:27px;background:var(--plum-deep);color:#fff}
        .aside-card h3{font-size:23px;color:#fff;margin:18px 0 12px}
        .aside-card p{color:#e5cbd4;font-size:14px}
        .aside-list{padding:0;margin:22px 0;list-style:none}
        .aside-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);color:#f4dfe1;font-size:14px}
        .compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:18px}
        .compare-panel{padding:29px;border-radius:26px;background:var(--paper);border:1px solid var(--line)}
        .compare-panel.featured{background:#f7e3e2;border-color:#e5bdc2}
        .compare-panel h3{color:var(--plum);font-size:21px}
        .compare-panel ul{list-style:none;padding:0;margin:18px 0 0}
        .compare-panel li{padding:9px 0;border-bottom:1px dashed #e3d3d8;color:var(--muted);font-size:14px}
        .compare-panel li:before{content:"✓";color:var(--success);font-weight:800;margin-right:8px}
        .compare-mark{align-self:center;color:var(--coral);font-size:25px;font-weight:800}
        .accordion-item{background:var(--paper);border:1px solid var(--line)!important;border-radius:18px!important;margin-bottom:10px;overflow:hidden}
        .accordion-button{background:var(--paper);color:var(--plum);font-weight:750;box-shadow:none!important;padding:20px 22px}
        .accordion-button:not(.collapsed){background:#f8e8e5;color:var(--plum)}
        .accordion-body{color:var(--muted);font-size:14px;padding:0 22px 20px}
        .cta-panel{border-radius:32px;padding:42px;background:linear-gradient(120deg,#4a203c,#8b3e66 58%,#d8786c);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}
        .cta-panel h2{color:#fff;max-width:600px}
        .cta-panel .section-intro{color:#f5dfe2}
        .form-control,.form-select{border:1px solid #dfced5;border-radius:13px;padding:12px 14px;background:#fffaf8}
        .form-control:focus,.form-select:focus{border-color:var(--coral);box-shadow:0 0 0 4px rgba(232,135,114,.16)}
        .form-label{font-size:13px;font-weight:700;color:#ffe8e1}
        .form-note{font-size:12px;color:#f4d4d7}
        .footer{background:var(--plum-deep);color:#ead5dd;padding:42px 0 25px;margin-top:60px}
        .footer .brand{color:#fff}
        .footer p{color:#bfa9b5;font-size:13px}
        .footer-link{color:#d9bbc7;font-size:14px;margin-left:20px}
        .footer-link:hover{color:#fff0dc}
        .breadcrumb-wrap{padding:18px 0 0}
        .breadcrumb{margin:0;white-space:nowrap;overflow:auto}
        .breadcrumb-item,.breadcrumb-item a{font-size:13px;color:var(--muted)}
        .breadcrumb-item.active{color:var(--plum);font-weight:700}
        @media(max-width:992px){
            .hero-panel{padding:43px 35px}.hero-board{position:relative;right:auto;bottom:auto;margin-top:30px;width:min(100%,360px)}
            .metrics{grid-template-columns:repeat(2,1fr)}.metric-card:nth-child(2){transform:none}
            .matrix{grid-template-columns:1fr 1fr}.matrix-card.main{grid-row:auto;grid-column:span 2}
            .content-layout{grid-template-columns:1fr}.aside-card{min-height:260px}
        }
        @media(max-width:768px){
            .navbar{min-height:68px}.brand-name{font-size:16px}.nav-cta{padding:8px 12px;font-size:13px}
            .hero{padding-top:25px}.hero-panel{min-height:auto;padding:34px 24px;border-radius:25px}
            .hero-actions .btn-primary,.hero-actions .btn-soft{width:100%}
            .section{padding:39px 0}.section-head{display:block}.section-intro{margin-top:12px}
            .timeline{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step{border-bottom:1px solid var(--line)}
            .step:nth-child(3),.step:nth-child(4){border-bottom:0}
            .compare{grid-template-columns:1fr}.compare-mark{text-align:center;transform:rotate(90deg)}
        }
        @media(max-width:520px){
            .metrics{display:flex;overflow:auto;padding-bottom:8px}.metric-card{min-width:235px}
            .matrix{display:block}.matrix-card,.matrix-card.main{margin-bottom:13px;padding:24px}
            .timeline{grid-template-columns:1fr}.step,.step:nth-child(2),.step:nth-child(3){border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}
            .content-card{display:block}.content-meta{display:block;margin-top:10px}
            .cta-panel{padding:29px 22px}.footer-link{display:inline-block;margin:8px 12px 0 0}
        }

/* roulang page: category1 */
:root{
      --plum:#54233f;
      --plum-deep:#281525;
      --berry:#8d3f68;
      --coral:#e88772;
      --apricot:#f7c8a8;
      --cream:#fff8f1;
      --paper:#fffdfb;
      --ink:#302733;
      --muted:#786c77;
      --line:#eadfe3;
      --success:#4f8b71;
      --warning:#bc754e;
      --danger:#a94b5d;
      --radius-lg:32px;
      --radius-md:22px;
      --shadow:0 18px 45px rgba(73,37,57,.10);
      --shadow-hover:0 24px 55px rgba(73,37,57,.18)
    }
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(232,135,114,.55);outline-offset:3px}
    img{max-width:100%;display:block}
    button,input,textarea,select{font:inherit}
    .container{max-width:1180px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,248,241,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(234,223,227,.9)}
    .navbar{min-height:76px}
    .brand{display:flex;align-items:center;gap:11px;color:var(--plum);font-weight:800;letter-spacing:-.02em}
    .brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--berry),var(--coral));position:relative;box-shadow:0 8px 18px rgba(141,63,104,.2);flex:0 0 auto}
    .brand-mark:after{content:"";position:absolute;width:12px;height:12px;background:#fff1e7;border-radius:50%;right:7px;top:7px}
    .brand-name{font-size:19px}
    .nav-link{color:var(--muted)!important;font-weight:600;padding:.65rem 1rem!important;border-radius:12px;transition:.25s}
    .nav-link:hover,.nav-link.active{color:var(--plum)!important;background:#f4e7e8}
    .nav-cta,.btn-primary{border:0;background:linear-gradient(115deg,var(--plum),var(--berry));color:#fff!important;border-radius:14px;padding:11px 19px;font-weight:700;box-shadow:0 10px 20px rgba(84,35,63,.18);transition:.25s}
    .nav-cta:hover,.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);filter:brightness(1.08)}
    .btn-soft{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfaebc;color:var(--plum);background:#fff7f4;border-radius:14px;padding:11px 19px;font-weight:700;transition:.25s}
    .btn-soft:hover{background:var(--plum);color:#fff;border-color:var(--plum);transform:translateY(-2px)}
    .breadcrumb-wrap{padding:20px 0 8px}
    .crumbs{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow-x:auto;color:var(--muted);font-size:13px}
    .crumbs a{color:var(--berry);font-weight:700}
    .crumbs .current{color:var(--ink);font-weight:700}
    .crumb-sep{color:#c4aab4}
    .back-link{margin-left:auto;color:var(--berry);font-weight:700;font-size:13px;white-space:nowrap}
    .category-hero{padding:20px 0 32px}
    .category-panel{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:42px 48px;background:linear-gradient(120deg,#3c1e34,#713456 60%,#bf7063);color:#fff;box-shadow:var(--shadow)}
    .category-panel:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-80px;top:-150px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);border-radius:100px;padding:5px 12px;font-size:13px;color:#ffe8dd}
    .eyebrow i{width:7px;height:7px;border-radius:50%;background:#f7c8a8;display:inline-block}
    h1,h2,h3{color:var(--plum);font-weight:800;letter-spacing:-.03em}
    .category-panel h1{color:#fff;font-size:clamp(32px,5vw,48px);line-height:1.2;max-width:650px;margin:20px 0 12px}
    .category-panel p{max-width:680px;color:#f9e8e7;margin:0;font-size:16px}
    .panel-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
    .panel-stat{position:relative;z-index:1;background:rgba(40,21,37,.5);border:1px solid rgba(255,255,255,.18);border-radius:17px;padding:12px 16px;min-width:145px}
    .panel-stat strong{display:block;font-size:21px;color:#fff}
    .panel-stat span{font-size:12px;color:#edccd2}
    .section{padding:52px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}
    .section-kicker{color:var(--berry);font-weight:800;font-size:13px;letter-spacing:.12em}
    .section-head h2{font-size:clamp(26px,3vw,35px);margin:7px 0 0}
    .section-intro{max-width:590px;color:var(--muted);margin:0}
    .filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 25px rgba(73,37,57,.05)}
    .filter-label{font-size:13px;color:var(--muted);font-weight:700;margin-right:4px}
    .filter-btn{border:1px solid var(--line);background:#fff8f5;color:var(--muted);border-radius:100px;padding:7px 14px;font-size:13px;font-weight:700;transition:.2s}
    .filter-btn:hover,.filter-btn.active{background:var(--plum);border-color:var(--plum);color:#fff}
    .filter-select{margin-left:auto;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff;color:var(--plum);font-size:13px;font-weight:700}
    .content-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-radius:21px;margin-bottom:13px;transition:.25s}
    .content-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#d6a9b9}
    .content-card h3{font-size:19px;margin:8px 0 5px}
    .content-card p{font-size:14px;color:var(--muted);margin:0;max-width:680px}
    .content-meta{white-space:nowrap;color:#9a8490;font-size:12px;text-align:right}
    .badge-soft,.tag{display:inline-flex;align-items:center;border-radius:100px;padding:4px 9px;font-size:12px;font-weight:700}
    .badge-soft{background:#f5e2e1;color:var(--berry)}
    .tag{background:#f6eceb;color:#74435d;margin-right:6px}
    .card-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-weight:800;font-size:14px;margin-top:12px}
    .card-arrow span{transition:.2s}
    .content-card:hover .card-arrow span{transform:translateX(5px)}
    .reading-note{height:100%;padding:28px;border-radius:27px;background:var(--plum-deep);color:#fff}
    .reading-note h3{font-size:23px;color:#fff;margin:18px 0 12px}
    .reading-note p{color:#e5cbd4;font-size:14px}
    .note-list{padding:0;margin:22px 0 0;list-style:none}
    .note-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);color:#f4dfe1;font-size:14px}
    .note-list li:before{content:"✓";color:var(--apricot);font-weight:800;margin-right:10px}
    .topic-strip{padding:26px 30px;border-radius:25px;background:linear-gradient(110deg,#f7e2df,#fff8f1);border:1px solid #ebc9c9;display:flex;justify-content:space-between;align-items:center;gap:22px}
    .topic-strip h3{margin:0 0 6px;font-size:22px}
    .topic-strip p{margin:0;color:var(--muted);font-size:14px}
    .accordion-item{background:var(--paper);border:1px solid var(--line)!important;border-radius:18px!important;margin-bottom:10px;overflow:hidden}
    .accordion-button{background:var(--paper);color:var(--plum);font-weight:750;box-shadow:none!important;padding:20px 22px}
    .accordion-button:not(.collapsed){background:#f8e8e5;color:var(--plum)}
    .accordion-body{color:var(--muted);font-size:14px;padding:0 22px 20px}
    .cta-panel{border-radius:30px;padding:38px 42px;background:linear-gradient(125deg,var(--plum-deep),var(--berry));color:#fff;box-shadow:var(--shadow)}
    .cta-panel h2{color:#fff;margin:0 0 8px;font-size:30px}
    .cta-panel p{color:#ecd8dd;margin:0;max-width:590px}
    .form-control,.form-select{border:1px solid #dfcfd5;border-radius:13px;padding:12px 14px;background:#fffdfb;color:var(--ink)}
    .form-control:focus,.form-select:focus{border-color:var(--coral);box-shadow:0 0 0 .22rem rgba(232,135,114,.18)}
    .form-label{font-size:13px;color:#f8e8e5;font-weight:700;margin-bottom:6px}
    .footer{margin-top:50px;padding:42px 0 24px;background:var(--plum-deep);color:#e5cbd4}
    .footer .brand{color:#fff}
    .footer .brand-mark{box-shadow:none}
    .footer-link{display:inline-block;color:#e5cbd4;font-size:14px;margin-left:22px;transition:.2s}
    .footer-link:hover{color:var(--apricot)}
    .small-note{font-size:12px;color:#a98b98}
    @media(max-width:767.98px){
      .navbar{min-height:68px}
      .brand-name{font-size:17px}
      .navbar-collapse{padding:12px 0 16px}
      .navbar-nav{align-items:stretch!important}
      .nav-cta{text-align:center}
      .breadcrumb-wrap{padding-top:14px}
      .back-link{display:none}
      .category-panel{padding:32px 24px}
      .category-panel h1{font-size:34px}
      .section{padding:38px 0}
      .section-head{display:block}
      .section-intro{margin-top:10px}
      .filter-bar{flex-wrap:nowrap;overflow-x:auto}
      .filter-label,.filter-btn{flex:0 0 auto}
      .filter-select{margin-left:0;flex:0 0 auto}
      .content-card{display:block;padding:20px}
      .content-meta{text-align:left;margin-top:14px}
      .topic-strip{display:block;padding:24px}
      .topic-strip .btn-soft{margin-top:17px;width:100%}
      .cta-panel{padding:28px 22px}
      .cta-panel h2{font-size:25px}
      .footer-link{margin:15px 18px 0 0}
    }
    @media(max-width:520px){
      .panel-stat{min-width:calc(50% - 5px)}
      .panel-meta{gap:8px}
      .category-panel p{font-size:15px}
    }