/* roulang page: index */
:root{
            --ink:#241f2b;
            --muted:#756e7d;
            --paper:#f7f4ef;
            --panel:#fffdfa;
            --plum:#422b4d;
            --plum-deep:#2d1d35;
            --coral:#e76f51;
            --apricot:#f2b880;
            --sage:#8ea89a;
            --line:#e8e0d8;
            --soft:#f0e8e3;
            --radius:18px;
            --radius-sm:11px;
            --shadow:0 16px 45px rgba(50,35,53,.09);
            --shadow-hover:0 22px 55px rgba(50,35,53,.15);
            --ease:all .28s ease;
        }
        *,*:before,*:after{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            color:var(--ink);
            background:var(--paper);
            font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
            line-height:1.7;
            font-size:15px;
        }
        a{color:inherit;text-decoration:none;transition:var(--ease)}
        img{max-width:100%;display:block}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{max-width:1180px;margin:0 auto;padding:0 24px}
        .site-header{
            position:sticky;top:0;z-index:20;
            background:rgba(247,244,239,.94);
            backdrop-filter:blur(14px);
            border-bottom:1px solid rgba(66,43,77,.1);
        }
        .brand-row{
            min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;
        }
        .brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}
        .brand-mark{
            width:40px;height:40px;border-radius:13px;background:var(--plum);
            color:#fff;display:grid;place-items:center;font-size:17px;
            box-shadow:5px 5px 0 var(--apricot);
        }
        .brand-name{font-size:19px;line-height:1.2}
        .brand-name small{display:block;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;margin-top:3px}
        .header-tools{display:flex;align-items:center;gap:10px}
        .tool-link{
            border:1px solid var(--line);background:var(--panel);border-radius:999px;
            padding:8px 14px;color:var(--muted);font-size:13px;
        }
        .tool-link:hover,.tool-link:focus{color:var(--plum);border-color:var(--plum);outline:none}
        .channel-row{border-top:1px solid rgba(66,43,77,.07)}
        .channel-nav{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:12px 24px}
        .channel-nav::-webkit-scrollbar{height:0}
        .channel-link{
            display:inline-flex;align-items:center;padding:7px 15px;border-radius:999px;
            color:var(--muted);font-size:13px;font-weight:700;
        }
        .channel-link:hover,.channel-link.active{background:var(--plum);color:#fff}
        .hero{padding:58px 0 28px}
        .hero-shell{
            position:relative;overflow:hidden;border-radius:28px;background:var(--plum);
            color:#fff;padding:52px 55px;min-height:410px;
            display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center;
        }
        .hero-shell:before,.hero-shell:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
        .hero-shell:before{width:380px;height:380px;right:-120px;top:-160px;border:1px solid rgba(242,184,128,.35)}
        .hero-shell:after{width:250px;height:250px;right:70px;bottom:-170px;background:rgba(231,111,81,.22)}
        .eyebrow{color:var(--apricot);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
        h1,h2,h3,p{margin-top:0}
        h1{font-size:clamp(32px,5vw,57px);line-height:1.13;letter-spacing:-.055em;margin:14px 0 17px;max-width:680px}
        .hero-copy{color:#ddd3df;font-size:17px;max-width:640px;margin-bottom:27px}
        .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
        .button{
            display:inline-flex;align-items:center;justify-content:center;border-radius:10px;
            padding:12px 20px;font-weight:800;border:1px solid transparent;transition:var(--ease)
        }
        .button.primary{background:var(--coral);color:#fff}
        .button.primary:hover,.button.primary:focus{background:#d65e42;transform:translateY(-2px);outline:3px solid rgba(231,111,81,.25)}
        .button.ghost{border-color:rgba(255,255,255,.3);color:#fff}
        .button.ghost:hover,.button.ghost:focus{background:#fff;color:var(--plum);outline:none}
        .hero-index{position:relative;z-index:1;align-self:stretch;display:flex;align-items:center}
        .index-card{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);padding:23px;border-radius:20px}
        .index-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:14px;margin-bottom:18px}
        .index-title{font-size:14px;font-weight:800}.live-dot{color:#ffc59d;font-size:12px}
        .search-box{display:flex;background:#fff;border-radius:11px;padding:5px;margin-bottom:15px}
        .search-box input{min-width:0;flex:1;border:0;box-shadow:none;padding:9px 11px;color:var(--ink);outline:none}
        .search-box button{border:0;background:var(--coral);color:#fff;border-radius:8px;padding:8px 14px;font-weight:800}
        .search-box button:hover{background:#d65e42}
        .index-tags{display:flex;flex-wrap:wrap;gap:7px}.index-tags span{font-size:12px;color:#f7ded0;background:rgba(255,255,255,.1);padding:5px 9px;border-radius:6px}
        .section{padding:42px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
        .section-kicker{font-size:12px;color:var(--coral);font-weight:800;letter-spacing:.12em}
        h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:6px 0 8px}
        .section-intro{color:var(--muted);max-width:640px;margin-bottom:0}
        .text-link{color:var(--plum);font-weight:800;font-size:14px;white-space:nowrap}.text-link:hover{color:var(--coral)}
        .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
        .metric{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px;position:relative;overflow:hidden}
        .metric:after{content:"";position:absolute;right:0;bottom:0;width:55px;height:4px;background:var(--coral)}
        .metric-label{font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:29px;letter-spacing:-.05em;margin:3px 0}.metric small{color:var(--sage);font-size:12px}
        .matrix{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}
        .entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
        .entry{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-height:162px;position:relative;transition:var(--ease)}
        .entry:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#d9c5bd}
        .entry.large{min-height:340px;background:var(--plum);color:#fff;padding:30px}
        .entry.large p{color:#d8cbdc}.entry-no{font-size:12px;color:var(--coral);font-weight:800;letter-spacing:.1em}
        .entry.large .entry-no{color:var(--apricot)}
        .entry h3{font-size:20px;margin:12px 0 7px;line-height:1.3}.entry p{font-size:13px;color:var(--muted);margin-bottom:16px}
        .entry-arrow{position:absolute;right:22px;bottom:20px;font-size:21px;color:var(--coral)}
        .tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 8px;background:var(--soft);border-radius:5px;color:var(--plum);font-size:11px;font-weight:700}
        .entry.large .tag{background:rgba(255,255,255,.12);color:#f6ddd0}
        .compare{background:#eadfd7;border-radius:22px;padding:28px}
        .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
        .compare-card{background:var(--panel);border-radius:15px;padding:23px;border:1px solid rgba(66,43,77,.08)}
        .compare-card.featured{background:var(--plum);color:#fff}.compare-card.featured .muted{color:#d9cddd}
        .compare-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}
        .compare-head h3{font-size:18px;margin:0}.badge{font-size:11px;padding:4px 8px;border-radius:5px;background:#f5c9b8;color:#823e2d;font-weight:800}
        .compare-card ul{list-style:none;margin:0;padding:0}.compare-card li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.compare-card.featured li{border-color:rgba(255,255,255,.15)}
        .compare-card li:last-child{border-bottom:0}.check{color:var(--sage);font-weight:900;margin-right:7px}.muted{color:var(--muted)}
        .news-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
        .news-list,.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 22px}
        .news-item{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}
        .news-item:last-child{border-bottom:0}.news-date{font-size:11px;color:var(--coral);font-weight:800;min-width:52px}.news-item a{font-weight:700;flex:1}.news-item a:hover{color:var(--coral)}.news-arrow{color:var(--muted)}
        .side-panel{padding:24px}.side-panel h3{font-size:18px;margin-bottom:16px}
        .rank-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.rank-item:last-child{border:0}
        .rank-num{width:24px;height:24px;border-radius:7px;background:var(--soft);color:var(--plum);display:grid;place-items:center;font-weight:800;font-size:12px}.rank-item:first-child .rank-num{background:var(--coral);color:#fff}
        .rank-text{font-size:13px;font-weight:700;flex:1}.rank-status{font-size:11px;color:var(--sage)}
        .faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}.faq-wrap h2{max-width:300px}
        .faq-item{border-top:1px solid var(--line)}.faq-question{width:100%;border:0;background:none;text-align:left;padding:17px 30px 17px 0;position:relative;font-weight:800;color:var(--ink)}.faq-question:after{content:"＋";position:absolute;right:2px;color:var(--coral);font-size:20px}.faq-question[aria-expanded=true]:after{content:"−"}
        .faq-answer{display:none;color:var(--muted);font-size:13px;padding:0 25px 17px 0}.faq-answer.open{display:block}
        .cta{margin:30px 0 56px;background:var(--coral);border-radius:23px;padding:35px 42px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}
        .cta h2{margin-bottom:8px}.cta p{margin:0;color:#ffe6dc;max-width:630px}.cta .button{background:#fff;color:var(--plum)}.cta .button:hover{background:var(--plum);color:#fff}
        .site-footer{background:var(--plum-deep);color:#fff;padding:37px 0 24px}.footer-main{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-weight:800;font-size:18px}.footer-note{color:#cfc1d2;font-size:13px;max-width:430px;margin-top:8px}.footer-links{display:flex;gap:18px;color:#d9cddd;font-size:13px}.footer-links a:hover{color:var(--apricot)}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:28px;padding-top:16px;color:#ad9caf;font-size:12px;display:flex;justify-content:space-between;gap:15px}
        :focus-visible{outline:3px solid rgba(231,111,81,.45);outline-offset:3px}
        @media(max-width:900px){.hero-shell{grid-template-columns:1fr;padding:40px}.hero-index{max-width:560px}.metrics{grid-template-columns:repeat(2,1fr)}.matrix,.news-layout,.faq-wrap{grid-template-columns:1fr}.entry.large{min-height:230px}}
        @media(max-width:600px){.container{padding:0 16px}.brand-row{min-height:68px}.brand-name{font-size:16px}.header-tools .tool-link:nth-child(2){display:none}.channel-nav{padding-left:16px;padding-right:16px}.hero{padding-top:24px}.hero-shell{padding:29px 22px;border-radius:20px;min-height:auto}h1{font-size:35px}.hero-copy{font-size:15px}.hero-actions .button{width:100%}.section{padding:30px 0}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:12px}.metrics{gap:9px}.metric{padding:15px}.metric strong{font-size:24px}.entry-grid,.compare-grid{grid-template-columns:1fr}.entry.large{min-height:240px}.compare{padding:18px}.news-list,.side-panel{padding-left:16px;padding-right:16px}.news-item{gap:9px}.news-item a{font-size:13px}.cta{display:block;padding:27px 23px;margin-bottom:35px}.cta .button{margin-top:18px;width:100%}.footer-main,.footer-bottom{display:block}.footer-links{margin-top:18px;flex-wrap:wrap}.footer-bottom span{display:block;margin-top:6px}}

/* roulang page: category1 */
:root{
 --ink:#241f2b;
 --muted:#756e7d;
 --paper:#f7f4ef;
 --panel:#fffdfa;
 --plum:#422b4d;
 --plum-deep:#2d1d35;
 --coral:#e76f51;
 --apricot:#f2b880;
 --sage:#8ea89a;
 --line:#e8e0d8;
 --soft:#f0e8e3;
 --radius:18px;
 --radius-sm:11px;
 --shadow:0 16px 45px rgba(50,35,53,.09);
 --shadow-hover:0 22px 55px rgba(50,35,53,.15);
 --ease:all .28s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;color:var(--ink);background:var(--paper);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
 line-height:1.7;font-size:15px;
}
a{color:inherit;text-decoration:none;transition:var(--ease)}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.25;letter-spacing:-.035em}
h1{font-size:clamp(32px,4.3vw,58px);margin-bottom:20px}
h2{font-size:clamp(25px,3vw,38px);margin-bottom:12px}
h3{font-size:20px;margin-bottom:9px}
.container{max-width:1180px;margin:0 auto;padding:0 24px}
.site-header{
 position:sticky;top:0;z-index:20;background:rgba(247,244,239,.95);
 backdrop-filter:blur(14px);border-bottom:1px solid rgba(66,43,77,.1)
}
.brand-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}
.brand-mark{
 width:40px;height:40px;border-radius:13px;background:var(--plum);color:#fff;
 display:grid;place-items:center;font-size:17px;box-shadow:5px 5px 0 var(--apricot)
}
.brand-name{font-size:19px;line-height:1.2}
.brand-name small{display:block;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;margin-top:3px}
.header-tools{display:flex;align-items:center;gap:10px}
.tool-link{
 color:var(--muted);font-weight:700;font-size:13px;padding:8px 10px;border-radius:8px
}
.tool-link:hover{color:var(--plum);background:var(--soft)}
.channel-row{border-top:1px solid rgba(66,43,77,.07)}
.channel-nav{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:12px 24px}
.channel-nav::-webkit-scrollbar{height:0}
.channel-link{
 color:var(--muted);font-weight:800;font-size:13px;padding:8px 15px;border-radius:8px
}
.channel-link:hover{color:var(--plum);background:#eee5df}
.channel-link.active{color:#fff;background:var(--plum);box-shadow:0 5px 12px rgba(66,43,77,.16)}
.hero{padding:58px 0 30px}
.hero-shell{
 position:relative;overflow:hidden;border-radius:28px;background:var(--plum);color:#fff;
 padding:50px 55px;min-height:410px;display:grid;grid-template-columns:1.08fr .92fr;
 gap:42px;align-items:center
}
.hero-shell:before,.hero-shell:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.hero-shell:before{width:390px;height:390px;right:-120px;top:-170px;border:1px solid rgba(242,184,128,.35)}
.hero-shell:after{width:280px;height:280px;right:55px;bottom:-190px;background:rgba(231,111,81,.22)}
.hero-content,.brief-card{position:relative;z-index:1}
.eyebrow,.section-kicker{
 color:var(--apricot);font-size:12px;font-weight:800;letter-spacing:.16em
}
.hero-copy{color:#ddd3df;font-size:16px;max-width:610px;margin-bottom:25px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{
 display:inline-flex;align-items:center;justify-content:center;border-radius:10px;
 padding:12px 20px;font-weight:800;border:1px solid transparent;transition:var(--ease)
}
.button.primary{background:var(--coral);color:#fff}
.button.primary:hover,.button.primary:focus{
 background:#d65e42;transform:translateY(-2px);outline:3px solid rgba(231,111,81,.25)
}
.button.ghost{border-color:rgba(255,255,255,.3);color:#fff}
.button.ghost:hover,.button.ghost:focus{background:#fff;color:var(--plum);outline:none}
.brief-card{
 background:#fffaf3;color:var(--ink);border-radius:18px;padding:24px;
 box-shadow:12px 15px 0 rgba(242,184,128,.7);transform:rotate(1deg)
}
.brief-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:16px}
.brief-label{font-size:12px;color:var(--coral);font-weight:800;letter-spacing:.12em}
.brief-number{font-size:12px;color:var(--muted)}
.brief-card h3{font-size:24px;color:var(--plum)}
.brief-list{list-style:none;padding:0;margin:18px 0 0}
.brief-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:13px}
.brief-list li:last-child{border-bottom:0}
.brief-list b{color:var(--coral);font-size:12px}
.section{padding:43px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.section-intro{color:var(--muted);max-width:650px;margin-bottom:0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.stat-card{
 background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;
 transition:var(--ease)
}
.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.stat-label{font-size:12px;color:var(--muted);font-weight:800}
.stat-value{display:block;color:var(--plum);font-size:32px;font-weight:900;line-height:1.2;margin:8px 0}
.stat-note{font-size:12px;color:var(--muted)}
.trend{height:5px;background:var(--soft);border-radius:5px;margin-top:15px;overflow:hidden}
.trend i{display:block;height:100%;background:var(--coral);border-radius:5px}
.matrix{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}
.matrix-main,.matrix-side{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:25px}
.matrix-main{background:var(--plum);color:#fff}
.matrix-main .muted{color:#d9cddd}
.matrix-main .tag{background:rgba(255,255,255,.12);color:#f6ddd0}
.matrix-item{position:relative;padding:17px 38px 17px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.matrix-item:last-child{border-bottom:0}
.matrix-item span{display:block;color:var(--apricot);font-size:11px;font-weight:800;letter-spacing:.12em}
.matrix-item strong{display:block;font-size:20px;margin:4px 0}
.matrix-item p{font-size:13px;margin:0;color:#ddd3df}
.matrix-arrow{position:absolute;right:0;top:32px;color:var(--coral);font-size:20px}
.matrix-side h3{color:var(--plum)}
.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.tag{padding:5px 9px;background:var(--soft);border-radius:5px;color:var(--plum);font-size:11px;font-weight:700}
.note-list{list-style:none;padding:0;margin:0}
.note-list li{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}
.note-list li:last-child{border-bottom:0}
.note-list em{font-style:normal;color:var(--coral);font-weight:800;white-space:nowrap}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.compare-card{background:var(--panel);border-radius:15px;padding:24px;border:1px solid var(--line)}
.compare-card.featured{background:var(--plum);color:#fff}
.compare-card.featured .muted{color:#d9cddd}
.badge{font-size:11px;padding:4px 8px;border-radius:5px;background:#f5c9b8;color:#823e2d;font-weight:800}
.compare-card ul{list-style:none;margin:18px 0 0;padding:0}
.compare-card li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.compare-card.featured li{border-color:rgba(255,255,255,.15)}
.compare-card li:last-child{border-bottom:0}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.process-card{padding:22px;background:#eee6e0;border-radius:15px;border:1px solid var(--line)}
.process-no{color:var(--coral);font-size:13px;font-weight:900}
.process-card p{color:var(--muted);font-size:13px;margin-bottom:0}
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}
.faq-wrap h2{max-width:320px}
.faq-list{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:last-child{border-bottom:0}
.faq-question{
 width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;
 background:transparent;border:0;padding:18px 21px;color:var(--ink);font-weight:800
}
.faq-question:hover{background:var(--soft);color:var(--plum)}
.faq-question:focus{outline:3px solid rgba(231,111,81,.25);outline-offset:-3px}
.faq-icon{color:var(--coral);font-size:20px;transition:var(--ease)}
.faq-answer{display:none;padding:0 21px 18px;color:var(--muted);font-size:13px}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.cta{
 margin:28px 0 52px;background:#eee3dc;border-radius:23px;padding:32px 38px;
 display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line)
}
.cta p{color:var(--muted);margin-bottom:0}
.cta .button{background:var(--plum);color:#fff}
.cta .button:hover{background:var(--plum-deep);transform:translateY(-2px)}
.site-footer{background:var(--plum-deep);color:#fff;padding:38px 0 20px}
.footer-main{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px}
.footer-brand{font-size:20px;font-weight:900}
.footer-note{color:#cdbfd1;max-width:410px;font-size:13px;margin:9px 0 0}
.footer-links{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.footer-links a{color:#dfd2e0;font-size:13px}
.footer-links a:hover{color:var(--apricot)}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.14);padding-top:17px;color:#b8a9bc;font-size:12px}
@media(max-width:1024px){
 .hero-shell{padding:42px 38px;grid-template-columns:1fr 1fr}
 .stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
 .header-tools .tool-link{font-size:0;padding:8px}
 .header-tools .tool-link:first-child{font-size:0}
 .header-tools .tool-link:before{content:"⌕";font-size:21px}
 .hero{padding-top:30px}
 .hero-shell{grid-template-columns:1fr;padding:35px 26px;gap:28px}
 .brief-card{transform:none}
 .matrix,.faq-wrap{grid-template-columns:1fr}
 .process-grid{grid-template-columns:1fr}
 .cta{align-items:flex-start;flex-direction:column;padding:27px}
 .footer-main,.footer-bottom{flex-direction:column}
}
@media(max-width:520px){
 .container{padding:0 16px}
 .brand-row{min-height:68px}
 .brand-name{font-size:16px}
 .brand-name small{font-size:9px}
 .brand-mark{width:36px;height:36px}
 .channel-nav{padding-left:16px;padding-right:16px}
 h1{font-size:34px}
 .hero-shell{border-radius:20px;padding:29px 21px}
 .hero-copy{font-size:15px}
 .hero-actions .button{width:100%}
 .stats-grid,.compare-grid{grid-template-columns:1fr}
 .section{padding:34px 0}
 .section-head{display:block}
 .section-head .text-link{display:inline-block;margin-top:8px}
 .matrix-main,.matrix-side{padding:21px}
}