/* roulang page: index */
:root{
            --ivory:#fff8f1;--cream:#f8ede8;--blush:#f1dcd9;--wine:#54233f;--plum:#241923;
            --berry:#6b294b;--coral:#c66568;--peach:#e9a18d;--ink:#302a2c;--muted:#776b70;
            --line:#ead9d6;--sage:#c8d4bf;--gold:#e5c89c;--radius:20px;--shadow:0 18px 45px rgba(84,35,63,.11);
            --container:1200px;--section:92px;--ease:all .25s ease;
        }
        *,*:before,*:after{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;background:var(--ivory);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
        a{color:inherit;text-decoration:none;transition:var(--ease)}
        a:hover{color:var(--coral)}
        img{max-width:100%;display:block}
        button,input{font:inherit}
        .container{max-width:var(--container);padding-left:24px;padding-right:24px}
        .site-header{position:sticky;top:0;z-index:20;background:rgba(255,248,241,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
        .navbar{min-height:76px}
        .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--wine);letter-spacing:-.03em}
        .brand-mark{width:28px;height:28px;border-radius:9px 13px 9px 13px;background:var(--wine);position:relative}
        .brand-mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--peach);right:5px;top:5px}
        .nav-link{padding:9px 14px!important;color:var(--muted);font-size:14px;border-radius:10px}
        .nav-link:hover,.nav-link.active{background:var(--cream);color:var(--wine)}
        .nav-cta,.btn-main{background:var(--wine);color:#fff8f1;border:1px solid var(--wine);border-radius:12px;padding:12px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}
        .nav-cta:hover,.btn-main:hover{background:var(--coral);border-color:var(--coral);color:#fff}
        .btn-main:active,.nav-cta:active,.btn-soft:active{transform:translateY(1px)}
        .btn-soft{border:1px solid var(--line);background:transparent;color:var(--wine);border-radius:12px;padding:11px 19px;min-height:46px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
        .btn-soft:hover{background:var(--cream);border-color:var(--coral);color:var(--wine)}
        :focus-visible{outline:3px solid rgba(198,101,104,.45);outline-offset:3px}
        .progress-wrap{background:var(--plum);color:#fff2ec}
        .steps{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;overflow-x:auto}
        .step{display:flex;align-items:center;gap:9px;min-width:max-content;color:#cbbcc1;font-size:13px}
        .step i{width:25px;height:25px;border:1px solid #8e6c7d;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px}
        .step.active{color:#ffd4c5}.step.active i{background:var(--coral);border-color:var(--coral);color:#fff}
        .step-line{height:1px;background:#684858;flex:1;min-width:30px}
        .hero{padding:74px 0 88px;background:linear-gradient(110deg,var(--ivory) 0%,var(--cream) 62%,var(--blush) 100%);overflow:hidden}
        .eyebrow,.kicker{display:inline-flex;align-items:center;gap:7px;color:var(--coral);font-weight:800;font-size:13px;letter-spacing:.08em}
        .eyebrow:before{content:"";width:22px;height:3px;background:var(--coral);border-radius:4px}
        h1,h2,h3{color:var(--wine);font-weight:800;letter-spacing:-.045em;line-height:1.2}
        h1{font-size:clamp(38px,5.2vw,68px);margin:17px 0 20px;max-width:680px}
        h1 em{font-style:normal;color:var(--coral);position:relative}
        h1 em:after{content:"";height:8px;background:var(--peach);opacity:.5;position:absolute;left:0;right:0;bottom:2px;z-index:0}
        h1 em{z-index:1}
        .hero-copy{font-size:18px;color:var(--muted);max-width:650px}
        .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 25px}
        .hero-note{font-size:13px;color:var(--muted)}
        .hero-stage{min-height:390px;background:var(--plum);border-radius:30px;padding:24px;color:#fff7f0;box-shadow:var(--shadow);position:relative;overflow:hidden}
        .hero-stage:before,.hero-stage:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}
        .hero-stage:before{width:220px;height:220px;background:#713c59;right:-65px;top:-80px}
        .hero-stage:after{width:170px;height:170px;background:#9c5260;left:-70px;bottom:-95px}
        .stage-top,.stage-search,.queue,.stage-bottom{position:relative;z-index:1}
        .stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px}
        .live-dot{color:#ffd1bd}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:6px}
        .stage-search{display:flex;gap:10px;background:#392932;border:1px solid #684858;border-radius:14px;padding:10px 12px;margin-bottom:18px}
        .stage-search span{color:#d7c8cd;font-size:14px;flex:1}.search-icon{color:var(--peach)}
        .queue{background:#fff8f1;color:var(--ink);border-radius:18px;padding:16px}
        .queue-title{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--wine);font-size:14px}
        .queue-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
        .queue-row:last-child{border:0;padding-bottom:2px}
        .abstract-cover{width:58px;height:45px;border-radius:10px;background:linear-gradient(135deg,#d98b79,#6b294b 55%,#2f202b);flex:none}
        .abstract-cover.alt{background:linear-gradient(135deg,#e4b39a,#a94b59 55%,#43283b)}
        .row-copy{font-size:13px;line-height:1.45}.row-copy strong{display:block;color:var(--wine)}.row-copy small{color:var(--muted)}
        .stage-bottom{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.stage-chip{border:1px solid #805a6b;border-radius:30px;padding:5px 10px;font-size:12px;color:#f6dcd4}
        .section{padding:var(--section) 0}.section-tint{background:var(--cream)}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}
        .section-head h2{font-size:clamp(28px,3.3vw,43px);margin:8px 0 0}
        .section-head p{max-width:530px;color:var(--muted);margin:0}
        .pain-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr 1fr;gap:14px}
        .pain-card{padding:25px;border:1px solid var(--line);background:rgba(255,255,255,.46);border-radius:var(--radius);min-height:188px;transition:var(--ease)}
        .pain-card:hover,.index-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--peach)}
        .pain-no{font-size:13px;color:var(--coral);font-weight:800}.pain-card h3{font-size:21px;margin:22px 0 8px}.pain-card p{color:var(--muted);font-size:14px;margin:0}
        .workflow{display:grid;grid-template-columns:285px 1fr;gap:44px;align-items:start}
        .rail{position:relative}.rail:before{content:"";position:absolute;left:16px;top:20px;bottom:20px;width:1px;background:var(--line)}
        .rail-item{display:flex;gap:18px;position:relative;padding:0 0 28px}.rail-item:last-child{padding-bottom:0}
        .rail-num{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--ivory);border:1px solid var(--line);color:var(--wine);font-weight:800;z-index:1}
        .rail-item.current .rail-num{background:var(--coral);color:white;border-color:var(--coral)}
        .rail-item h3{font-size:17px;margin:2px 0 3px}.rail-item p{font-size:13px;color:var(--muted);margin:0}
        .preview-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 12px 30px rgba(84,35,63,.06)}
        .panel-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}
        .panel-bar strong{color:var(--wine)}.status{font-size:12px;background:#edf0e7;color:#5e7656;border-radius:30px;padding:5px 10px}
        .filter-line{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid var(--line);color:var(--muted);padding:6px 11px;border-radius:30px;font-size:12px}.filter.on{background:var(--blush);border-color:var(--blush);color:var(--wine);font-weight:700}
        .index-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.index-item{padding:16px;background:var(--cream);border-radius:15px;display:flex;justify-content:space-between;gap:10px}.index-item strong{font-size:14px;color:var(--wine)}.index-item small{color:var(--muted);display:block;font-size:12px}.arrow{color:var(--coral)}
        .result-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.result-intro{background:var(--wine);color:#fff2ec;border-radius:25px;padding:34px}.result-intro h2{color:#fff2ec}.result-intro p{color:#e3cdd1}.result-list{display:grid;gap:12px}.result-row{display:flex;align-items:center;gap:19px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px 20px}.result-row b{font-size:34px;color:var(--coral);line-height:1}.result-row strong{display:block;color:var(--wine);font-size:16px}.result-row span{font-size:13px;color:var(--muted)}
        .quote{background:var(--blush);border-radius:25px;padding:34px 40px;position:relative}.quote-mark{font-size:64px;color:var(--coral);line-height:.6;position:absolute;top:28px}.quote p{font-size:22px;line-height:1.6;color:var(--wine);max-width:820px;margin:22px 0 18px 25px}.quote label{font-size:13px;color:var(--muted);margin-left:25px}
        .content-board{display:grid;grid-template-columns:1fr 300px;gap:22px}.content-list{background:#fff;border:1px solid var(--line);border-radius:22px;padding:8px 24px}.content-link{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.content-link:last-child{border:0}.content-link h3{font-size:18px;margin:6px 0}.content-link p{font-size:13px;color:var(--muted);margin:0}.content-meta{font-size:12px;color:var(--coral);white-space:nowrap}.side-note{background:var(--plum);color:#f8e7e0;border-radius:22px;padding:25px}.side-note h3{color:#fff1eb;font-size:21px}.side-note p{font-size:14px;color:#d9c4c9}.side-note ul{padding-left:18px;color:#e7d5d5;font-size:13px}
        .faq-wrap{max-width:900px;margin:auto}.accordion-item{border:1px solid var(--line)!important;background:#fff;border-radius:14px!important;margin-bottom:10px;overflow:hidden}.accordion-button{background:#fff;color:var(--wine);font-weight:800;padding:20px 22px;box-shadow:none!important}.accordion-button:not(.collapsed){background:var(--cream);color:var(--wine)}.accordion-button:after{filter:sepia(1) saturate(2)}.accordion-body{color:var(--muted);font-size:14px;padding:0 22px 21px}
        .cta{background:var(--plum);color:#fff0e9;padding:58px 0}.cta h2{color:#fff5ef;font-size:clamp(28px,4vw,45px);margin:8px 0 12px}.cta p{color:#d9c3c9;max-width:650px}.cta .btn-main{background:var(--peach);border-color:var(--peach);color:var(--plum)}.cta .btn-main:hover{background:#f1b29f;border-color:#f1b29f}.cta-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.cta-tags span{border:1px solid #684858;border-radius:30px;padding:6px 11px;font-size:12px;color:#ddc9ce}
        footer{background:#1d151c;color:#cdbbc0;padding:46px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:35px;border-bottom:1px solid #3b2b35}.footer-brand{color:#fff1ea;font-size:19px;font-weight:800}.footer-copy{font-size:13px;max-width:330px;color:#a99199;margin-top:13px}.footer-title{font-size:13px;color:#f0d7cf;font-weight:800;margin-bottom:14px}.footer-links{display:grid;gap:8px;font-size:13px;color:#bdaab0}.footer-links a:hover{color:var(--peach)}.copyright{display:flex;justify-content:space-between;gap:15px;padding-top:20px;font-size:12px;color:#8f7c83}
        @media(max-width:992px){.pain-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:220px 1fr}.content-board{grid-template-columns:1fr}.side-note{min-height:0}.hero{padding-top:55px}}
        @media(max-width:768px){:root{--section:62px}.navbar{min-height:68px}.nav-cta{display:none}.hero .row{gap:35px}.hero-stage{min-height:350px}.workflow,.result-layout{grid-template-columns:1fr}.workflow{gap:30px}.rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rail:before{display:none}.rail-item{padding:0}.index-list{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:14px}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:8px}}
        @media(max-width:576px){.container{padding-left:18px;padding-right:18px}.steps{justify-content:flex-start}.step-line{min-width:18px}.hero{padding:45px 0 58px}h1{font-size:42px}.hero-copy{font-size:16px}.hero-actions>*{width:100%}.pain-grid{grid-template-columns:1fr}.pain-card{min-height:150px}.rail{grid-template-columns:1fr}.preview-panel{padding:20px}.content-list{padding:5px 17px}.content-link{display:block}.content-meta{display:block;margin-top:7px}.quote{padding:25px 20px}.quote p{font-size:18px;margin-left:19px}.quote label{margin-left:19px}.footer-grid{grid-template-columns:1fr}.copyright{line-height:1.8}}
        @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{
 --ivory:#fff8f1;--cream:#f8ede8;--blush:#f1dcd9;--wine:#54233f;--plum:#241923;
 --berry:#6b294b;--coral:#c66568;--peach:#e9a18d;--ink:#302a2c;--muted:#776b70;
 --line:#ead9d6;--sage:#c8d4bf;--gold:#e5c89c;--radius:20px;
 --shadow:0 18px 45px rgba(84,35,63,.11);--container:1200px;--section:82px;
 --ease:all .25s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
a{color:inherit;text-decoration:none;transition:var(--ease)}
a:hover{color:var(--coral)}
img{display:block;max-width:100%}
button,input,select{font:inherit}
.container{max-width:var(--container);padding-left:24px;padding-right:24px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,248,241,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.navbar{min-height:76px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--wine);letter-spacing:-.03em}
.brand-mark{width:28px;height:28px;border-radius:9px 13px 9px 13px;background:var(--wine);position:relative}
.brand-mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--peach);right:5px;top:5px}
.nav-link{padding:9px 14px!important;color:var(--muted);font-size:14px;border-radius:10px}
.nav-link:hover,.nav-link.active{background:var(--cream);color:var(--wine)}
.nav-cta,.btn-main{background:var(--wine);color:#fff8f1;border:1px solid var(--wine);border-radius:12px;padding:11px 19px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}
.nav-cta:hover,.btn-main:hover{background:var(--coral);border-color:var(--coral);color:#fff}
.btn-main:active,.nav-cta:active,.btn-soft:active{transform:translateY(1px)}
.btn-soft{border:1px solid var(--line);background:transparent;color:var(--wine);border-radius:12px;padding:10px 18px;min-height:46px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.btn-soft:hover{background:var(--cream);border-color:var(--coral);color:var(--wine)}
.navbar-toggler{padding:8px;border-radius:10px}
.navbar-toggler:focus,.btn-main:focus,.btn-soft:focus,.nav-cta:focus,.filter-pill:focus{outline:3px solid rgba(198,101,104,.32);outline-offset:3px}
.progress-wrap{background:#fff;border-bottom:1px solid var(--line)}
.progress-nav{display:flex;gap:0;min-height:76px;align-items:center;overflow-x:auto}
.progress-step{position:relative;display:flex;align-items:center;gap:10px;min-width:190px;color:#a09398;font-size:13px}
.progress-step:not(:last-child):after{content:"";height:1px;background:var(--line);width:68px;margin:0 17px}
.progress-step.active{color:var(--wine);font-weight:800}
.step-dot{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--ivory);font-size:12px;flex:none}
.progress-step.active .step-dot{background:var(--coral);color:#fff;border-color:var(--coral)}
.breadcrumb-bar{padding:23px 0 0;color:var(--muted);font-size:13px}
.breadcrumb-bar span{color:var(--coral);padding:0 8px}
.category-hero{padding:38px 0 66px}
.category-layout{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:start}
.control-panel{background:var(--plum);color:#fff8f1;border-radius:24px;padding:25px;position:sticky;top:108px;box-shadow:var(--shadow)}
.eyebrow,.kicker{display:inline-flex;align-items:center;gap:7px;color:var(--coral);font-weight:800;font-size:13px;letter-spacing:.06em}
.control-panel .eyebrow{color:var(--peach)}
.eyebrow:before{content:"";width:20px;height:3px;background:var(--coral);border-radius:3px}
.control-panel h2{font-size:27px;line-height:1.25;margin:14px 0 10px}
.control-panel p{font-size:13px;color:#d7c8cd;margin-bottom:23px}
.control-label{font-size:12px;color:#d7c8cd;margin:18px 0 8px;display:block}
.filter-pills{display:flex;flex-wrap:wrap;gap:8px}
.filter-pill{border:1px solid #765467;color:#f7e8e2;background:transparent;border-radius:30px;padding:6px 11px;font-size:12px;cursor:pointer}
.filter-pill:hover,.filter-pill.active{background:var(--coral);border-color:var(--coral);color:#fff}
.sort-select{width:100%;background:#392932;color:#fff;border:1px solid #765467;border-radius:10px;padding:10px 12px;font-size:13px}
.access-note{border-top:1px solid #604452;margin-top:24px;padding-top:18px;font-size:12px;color:#d7c8cd}
.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}
.page-heading h1{font-size:clamp(31px,4vw,54px);line-height:1.13;letter-spacing:-.04em;color:var(--wine);margin:8px 0 12px}
.page-heading p{max-width:590px;color:var(--muted);margin:0}
.heading-mark{display:inline-block;background:var(--blush);padding:2px 10px;border-radius:8px}
.index-meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}
.badge-soft,.status-badge{display:inline-flex;align-items:center;border-radius:30px;padding:5px 10px;font-size:12px;font-weight:700}
.badge-soft{background:var(--cream);color:var(--wine)}
.status-badge{background:#eee9df;color:#665b51}
.status-badge.ready{background:#e2eadc;color:#536148}
.directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.directory-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:var(--ease);box-shadow:0 7px 22px rgba(84,35,63,.04)}
.directory-card:hover{transform:translateY(-4px);border-color:var(--peach);box-shadow:var(--shadow)}
.directory-card.wide{grid-column:span 2;display:grid;grid-template-columns:42% 1fr}
.cover{height:154px;background:var(--cream);position:relative;overflow:hidden}
.wide .cover{height:100%}
.cover:before,.cover:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}
.cover:before{width:160px;height:160px;background:var(--blush);right:-25px;top:-40px}
.cover:after{width:100px;height:100px;background:var(--berry);opacity:.8;left:18px;bottom:-55px}
.cover-label{position:absolute;z-index:1;left:16px;top:15px;color:var(--wine);font-size:12px;font-weight:800;letter-spacing:.08em}
.cover-line{position:absolute;z-index:1;width:75%;height:2px;background:rgba(255,255,255,.65);left:16px;bottom:30px;transform:rotate(-8deg)}
.card-body-custom{padding:20px 21px 22px}
.card-body-custom h3{font-size:19px;line-height:1.4;color:var(--wine);margin:8px 0}
.card-body-custom p{font-size:13px;color:var(--muted);margin:0 0 17px}
.card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.card-foot small{color:var(--muted);font-size:11px}
.index-band{padding:26px 0;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band-inner{display:grid;grid-template-columns:1.2fr 2fr;gap:35px;align-items:center}
.band-inner h2{font-size:25px;color:var(--wine);margin:0 0 4px}
.band-inner p{color:var(--muted);font-size:13px;margin:0}
.logic-list{display:flex;flex-wrap:wrap;gap:10px}
.logic-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 13px;font-size:13px;color:var(--wine)}
.logic-item b{color:var(--coral);margin-right:5px}
.pagination-wrap{display:flex;justify-content:center;margin-top:31px}
.pagination .page-link{color:var(--wine);border-color:var(--line);background:#fff;border-radius:9px!important;margin:0 3px}
.pagination .page-item.active .page-link{background:var(--wine);border-color:var(--wine);color:#fff}
.faq-section{padding:70px 0;background:#fff}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.section-head h2{font-size:32px;color:var(--wine);margin:8px 0 0}
.section-head p{max-width:500px;color:var(--muted);margin:0}
.faq-wrap{max-width:900px;margin:auto}
.accordion-item{border:1px solid var(--line)!important;background:#fff;border-radius:14px!important;margin-bottom:10px;overflow:hidden}
.accordion-button{background:#fff;color:var(--wine);font-weight:800;padding:19px 21px;box-shadow:none!important}
.accordion-button:not(.collapsed){background:var(--cream);color:var(--wine)}
.accordion-button:after{filter:sepia(1) saturate(2)}
.accordion-body{color:var(--muted);font-size:14px;padding:0 21px 20px}
.cta{background:var(--plum);color:#fff8f1;padding:53px 0}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
.cta h2{font-size:32px;line-height:1.25;margin:0 0 8px}
.cta p{color:#d7c8cd;margin:0;font-size:14px}
.cta .btn-main{background:var(--coral);border-color:var(--coral)}
.cta .btn-main:hover{background:var(--peach);border-color:var(--peach);color:var(--plum)}
.cta-note{font-size:12px;color:#d7c8cd;margin-top:14px}
footer{background:#1d151c;color:#fff8f1;padding:52px 0 23px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:40px}
.footer-brand{font-size:21px;font-weight:800;color:#fff}
.footer-copy{color:#cbbdc1;max-width:380px;font-size:13px;margin:13px 0 0}
.footer-title{font-weight:800;margin-bottom:13px;color:var(--peach)}
.footer-links{display:grid;gap:8px;color:#cbbdc1;font-size:13px}
.footer-links a:hover{color:var(--peach)}
.copyright{border-top:1px solid #493640;margin-top:38px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#a9989f;font-size:12px}
@media(max-width:991px){
 .category-layout{grid-template-columns:1fr}
 .control-panel{position:static}
 .band-inner{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
 :root{--section:58px}
 .container{padding-left:18px;padding-right:18px}
 .progress-nav{min-height:68px}
 .progress-step{min-width:150px;font-size:12px}
 .progress-step:not(:last-child):after{width:24px;margin:0 8px}
 .category-hero{padding:25px 0 48px}
 .page-heading{display:block}
 .page-heading h1{font-size:38px}
 .page-heading .btn-soft{margin-top:18px}
 .directory-grid{grid-template-columns:1fr}
 .directory-card.wide{grid-column:auto;display:block}
 .wide .cover{height:155px}
 .cta-inner{display:block}
 .cta .btn-main{margin-top:21px;width:100%}
 .footer-grid{grid-template-columns:1fr}
 .copyright{display:block}
 .copyright span{display:block;margin-top:7px}
}
@media(max-width:575px){
 .brand{font-size:16px}
 .brand-mark{width:25px;height:25px}
 .directory-card .card-body-custom{padding:17px}
 .logic-list{display:grid;grid-template-columns:1fr 1fr}
 .logic-item{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;transition:none!important}
}