/* roulang page: index */
:root{
      --primary:#3978d6;
      --primary-dark:#2459ad;
      --accent:#6b67c9;
      --ink:#172843;
      --muted:#6f8098;
      --soft:#eef5ff;
      --bg:#f7faff;
      --surface:#fff;
      --border:#dfe8f3;
      --success:#438b76;
      --warning:#bd8552;
      --danger:#c75b67;
      --radius:16px;
      --shadow:0 12px 32px rgba(31,67,112,.09);
      --shadow-hover:0 18px 38px rgba(31,67,112,.15);
      --container:1200px;
    }
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;font-size:15px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
    .nav-wrap{height:76px;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:11px;min-width:275px;font-weight:800;letter-spacing:-.5px}
    .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:17px;box-shadow:0 7px 15px rgba(57,120,214,.25)}
    .brand-name{font-size:18px;white-space:nowrap}
    .tab-nav{display:flex;align-items:center;gap:5px;flex:1}
    .tab-nav a{padding:9px 15px;border-radius:10px;color:var(--muted);font-weight:600;transition:.2s ease}
    .tab-nav a:hover{color:var(--primary);background:var(--soft)}
    .tab-nav a.active{background:var(--soft);color:var(--primary);box-shadow:inset 0 -2px var(--primary)}
    .nav-cta,.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:10px;padding:11px 18px;font-weight:700;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}
    .nav-cta:hover,.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 8px 18px rgba(57,120,214,.22);transform:translateY(-1px)}
    .menu-toggle{display:none;border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:9px;padding:8px 11px}
    .hero{background:#edf5ff;border-bottom:1px solid #dceafa;padding:54px 0 48px;position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;width:390px;height:180px;right:-80px;top:-60px;border:32px solid rgba(107,103,201,.08);transform:skewX(-25deg);border-radius:30px}
    .hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
    .eyebrow,.badge{display:inline-flex;align-items:center;gap:6px;color:var(--primary);background:#e3efff;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(32px,4vw,54px);line-height:1.18;letter-spacing:-1.5px;margin:17px 0 18px;max-width:700px}
    .hero-copy{font-size:17px;color:#506681;max-width:680px;margin-bottom:25px}
    .actions{display:flex;gap:12px;flex-wrap:wrap}
    .btn-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b9cce4;background:#fff;color:var(--primary-dark);border-radius:10px;padding:11px 18px;font-weight:700;transition:.2s}
    .btn-secondary:hover{border-color:var(--primary);background:#f8fbff;transform:translateY(-1px)}
    .age-note{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-top:18px}
    .metrics{display:grid;grid-template-columns:1.25fr 1fr;gap:13px}
    .metric{background:#fff;border:1px solid var(--border);border-radius:15px;padding:20px;box-shadow:var(--shadow)}
    .metric.large{grid-row:span 2;padding:26px;background:#fff}
    .metric-label{color:var(--muted);font-size:13px}
    .metric-number{font-size:34px;font-weight:800;line-height:1.2;margin:6px 0;color:var(--primary-dark)}
    .metric.large .metric-number{font-size:50px}
    .metric small{color:var(--success);font-size:12px}
    .section{padding:82px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:29px}
    .section-kicker{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:1px}
    h2{font-size:30px;line-height:1.3;margin:7px 0 8px;letter-spacing:-.5px}
    .section-intro{color:var(--muted);max-width:650px;margin:0}
    .text-link{color:var(--primary);font-weight:700;white-space:nowrap}
    .matrix{display:grid;grid-template-columns:1.35fr .85fr .85fr;grid-template-rows:auto auto;gap:16px}
    .matrix-card{border:1px solid var(--border);border-radius:var(--radius);padding:24px;background:var(--surface);box-shadow:var(--shadow);min-height:170px;transition:.25s}
    .matrix-card:hover,.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#b8d1ef}
    .matrix-card.primary{grid-row:span 2;background:#e8f3ff;min-height:356px}
    .matrix-card.wide{grid-column:2 / 4;min-height:150px;background:#fff}
    .matrix-icon{width:42px;height:42px;border-radius:12px;background:#d9eaff;color:var(--primary-dark);display:grid;place-items:center;font-weight:800;margin-bottom:18px}
    .matrix-card h3{font-size:20px;margin-bottom:7px}
    .matrix-card p{color:var(--muted);font-size:14px;margin-bottom:15px}
    .card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
    .arrow{color:var(--primary);font-size:20px}
    .comparison{display:grid;grid-template-columns:280px 1fr;gap:22px}
    .compare-menu{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:10px;height:max-content}
    .compare-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:10px;padding:13px 15px;color:var(--muted);font-weight:700}
    .compare-menu button:hover,.compare-menu button.active{background:var(--soft);color:var(--primary-dark)}
    .compare-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:27px}
    .compare-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:20px}
    .compare-top h3{font-size:22px;margin:0}
    .status{color:var(--success);background:#eaf6f1;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:700}
    .compare-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 35px}
    .compare-item{display:flex;justify-content:space-between;gap:20px;border-bottom:1px dashed var(--border);padding:9px 0;color:var(--muted)}
    .compare-item strong{color:var(--ink)}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid #cbdcf1;margin-top:38px}
    .timeline-item{position:relative;padding:25px 18px 0 0}
    .timeline-item:before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;background:var(--primary);border:3px solid #e8f3ff;border-radius:50%}
    .timeline-time{font-size:12px;color:var(--primary);font-weight:800}
    .timeline-item h3{font-size:17px;margin:8px 0 5px}
    .timeline-item p{font-size:13px;color:var(--muted);margin:0}
    .content-layout{display:grid;grid-template-columns:1fr 330px;gap:22px}
    .content-list{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:8px 24px}
    .content-card{display:grid;grid-template-columns:116px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border);transition:.25s}
    .content-card:last-child{border-bottom:0}
    .cover{height:82px;border-radius:11px;background:linear-gradient(135deg,#dcecff,#f0ecff);position:relative;overflow:hidden}
    .cover:after{content:"91";position:absolute;right:10px;bottom:-11px;font-size:48px;font-weight:900;color:rgba(57,120,214,.14)}
    .content-card h3{font-size:17px;margin:5px 0 4px}
    .content-card p{font-size:13px;color:var(--muted);margin:0}
    .content-info{color:var(--muted);font-size:12px;white-space:nowrap}
    .notice{background:#edf5ff;border:1px solid #d6e7fb;border-radius:var(--radius);padding:25px}
    .notice h3{font-size:19px;margin-bottom:9px}
    .notice p{font-size:13px;color:var(--muted)}
    .notice ul{padding-left:18px;color:var(--muted);font-size:13px;margin-bottom:20px}
    .assurance{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
    .assure{padding:25px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}
    .assure strong{display:block;font-size:17px;margin:10px 0 6px}
    .assure p{color:var(--muted);font-size:13px;margin:0}
    .faq{max-width:860px;margin:0 auto}
    .faq-item{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:10px;overflow:hidden}
    .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:#fff;padding:19px 22px;color:var(--ink);font-weight:700}
    .faq-question:hover{background:#f8fbff;color:var(--primary-dark)}
    .faq-question span:last-child{font-size:22px;color:var(--primary);transition:.2s}
    .faq-answer{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .form-section{background:#edf5ff}
    .form-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:start}
    .form-copy p{color:var(--muted)}
    .form-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}
    .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
    input,select,textarea{width:100%;border:1px solid #cbd9e8;border-radius:9px;background:#fff;color:var(--ink);padding:11px 13px;outline:0;transition:.2s}
    textarea{min-height:105px;resize:vertical}
    input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(57,120,214,.12)}
    .field{margin-bottom:16px}
    .check{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px;margin:5px 0 17px}
    .check input{width:auto;margin-top:5px}
    .form-status{font-size:13px;margin-top:12px;min-height:22px}
    .form-status.success{color:var(--success)}.form-status.error{color:var(--danger)}
    .btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
    footer{background:#f0f4f9;border-top:1px solid var(--border);padding:35px 0 23px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
    .footer-brand{font-size:17px;font-weight:800;margin-bottom:8px}
    footer p,footer li{font-size:13px;color:var(--muted)}
    footer ul{list-style:none;padding:0;margin:8px 0 0}
    footer li{margin:6px 0}
    footer a:hover{color:var(--primary)}
    .copyright{border-top:1px solid var(--border);margin-top:28px;padding-top:16px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}
    @media(max-width:992px){
      .brand{min-width:auto}.nav-wrap{gap:16px}.hero-layout{grid-template-columns:1fr}.metrics{max-width:650px}
      .matrix{grid-template-columns:1fr 1fr}.matrix-card.primary{grid-row:auto;grid-column:span 2;min-height:230px}.matrix-card.wide{grid-column:span 2}
      .content-layout{grid-template-columns:1fr}.notice{display:none}
    }
    @media(max-width:768px){
      .container{width:min(100% - 32px,620px)}.nav-wrap{height:66px;justify-content:space-between}.menu-toggle{display:block}
      .tab-nav{display:none;position:absolute;left:16px;right:16px;top:72px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:8px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .tab-nav.open{display:flex}.tab-nav a{padding:12px}.nav-cta{display:none}.hero{padding:40px 0}.section{padding:60px 0}
      h1{font-size:36px}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:12px}
      .comparison,.form-box{grid-template-columns:1fr}.compare-menu{display:flex;overflow:auto;gap:5px}.compare-menu button{white-space:nowrap}
      .compare-list{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr;row-gap:18px}
      .assurance{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}
    }
    @media(max-width:520px){
      .brand-name{font-size:15px}.brand-mark{width:34px;height:34px}.metrics{grid-template-columns:1fr 1fr}.metric.large{grid-column:span 2;grid-row:auto}.metric.large .metric-number{font-size:38px}
      .matrix{grid-template-columns:1fr}.matrix-card.primary,.matrix-card.wide{grid-column:auto}.matrix-card.primary{min-height:210px}
      .content-card{grid-template-columns:78px 1fr}.content-info{grid-column:2}.cover{height:67px}.field-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr}.actions a{width:100%}
    }

/* roulang page: category1 */
:root{
 --primary:#3978d6;
 --primary-dark:#2459ad;
 --accent:#6b67c9;
 --ink:#172843;
 --muted:#6f8098;
 --soft:#eef5ff;
 --bg:#f7faff;
 --surface:#fff;
 --border:#dfe8f3;
 --success:#438b76;
 --warning:#bd8552;
 --danger:#c75b67;
 --radius:16px;
 --shadow:0 12px 32px rgba(31,67,112,.09);
 --shadow-hover:0 18px 38px rgba(31,67,112,.15);
 --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;font-size:15px;line-height:1.75}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48}
:focus-visible{outline:3px solid rgba(57,120,214,.34);outline-offset:3px}
.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
.nav-wrap{height:76px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;min-width:275px;font-weight:800;letter-spacing:-.5px}
.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:17px;box-shadow:0 7px 15px rgba(57,120,214,.25)}
.brand-name{font-size:18px;white-space:nowrap}
.tab-nav{display:flex;align-items:center;gap:5px;flex:1}
.tab-nav a{padding:9px 15px;border-radius:10px;color:var(--muted);font-weight:600;transition:.2s ease}
.tab-nav a:hover{color:var(--primary);background:var(--soft)}
.tab-nav a.active{background:var(--soft);color:var(--primary);box-shadow:inset 0 -2px var(--primary)}
.nav-cta,.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:10px;padding:11px 18px;font-weight:700;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.nav-cta:hover,.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 8px 18px rgba(57,120,214,.22);transform:translateY(-1px)}
.menu-toggle{display:none;border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:9px;padding:8px 11px}
.breadcrumb{padding:25px 0 0;color:var(--muted);font-size:13px}
.breadcrumb a{color:var(--primary)}
.page-hero{padding:28px 0 48px}
.page-hero-grid{display:grid;grid-template-columns:1fr 360px;gap:54px;align-items:end}
.eyebrow,.badge{display:inline-flex;align-items:center;gap:6px;color:var(--primary);background:#e3efff;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(32px,4vw,52px);line-height:1.2;letter-spacing:-1.5px;margin:15px 0 18px}
h2{font-size:30px;line-height:1.3;margin-bottom:10px}
h3{line-height:1.4}
.hero-copy{font-size:17px;color:#506681;max-width:700px;margin-bottom:0}
.summary-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow)}
.summary-card strong{display:block;font-size:34px;color:var(--primary);line-height:1.1;margin:8px 0}
.summary-card p{font-size:13px;color:var(--muted);margin-bottom:14px}
.summary-line{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px;border-top:1px solid var(--border);padding-top:12px}
.toolbar-section{padding:0 0 35px}
.toolbar{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}
.search-box{position:relative}
.search-box input{width:100%;height:46px;border:1px solid var(--border);border-radius:10px;padding:0 16px;color:var(--ink);background:#fbfdff}
.search-box input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(57,120,214,.1);outline:0}
select{height:46px;min-width:145px;border:1px solid var(--border);border-radius:10px;padding:0 13px;background:#fff;color:var(--ink)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b9cce4;background:#fff;color:var(--primary-dark);border-radius:10px;padding:10px 17px;font-weight:700;transition:.2s}
.btn-secondary:hover{border-color:var(--primary);background:#f8fbff;transform:translateY(-1px)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 0;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:99px;padding:6px 13px;font-size:13px;white-space:nowrap;transition:.2s}
.chip:hover,.chip.active{background:var(--soft);border-color:#b9d2f0;color:var(--primary-dark)}
.section{padding:55px 0}
.content-layout{display:grid;grid-template-columns:245px 1fr;gap:28px;align-items:start}
.filter-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);position:sticky;top:100px}
.filter-panel h3{font-size:17px;margin-bottom:15px}
.filter-group{border-top:1px solid var(--border);padding:16px 0}
.filter-group:first-of-type{border-top:0;padding-top:0}
.filter-label{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:8px}
.filter-option{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:9px;color:var(--muted);font-size:14px}
.filter-option:hover,.filter-option.selected{background:var(--soft);color:var(--primary-dark)}
.filter-option em{font-style:normal;font-size:12px;color:#9aaabd}
.content-flow{display:grid;gap:16px}
.feature-card{display:grid;grid-template-columns:205px 1fr;gap:25px;background:#eaf4ff;border:1px solid #cfe2f8;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:.25s}
.feature-card:hover,.flow-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
.cover{min-height:150px;border-radius:12px;background:linear-gradient(135deg,#d9e9fb,#f4f7ff);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:14px;color:#3566a5;font-size:12px;font-weight:700}
.cover:before,.cover:after{content:"";position:absolute;border:1px solid rgba(57,120,214,.2);border-radius:50%;width:170px;height:170px;right:-55px;top:-45px}
.cover:after{width:90px;height:90px;right:25px;top:27px;border-color:rgba(107,103,201,.22)}
.cover span{position:relative;z-index:1;background:rgba(255,255,255,.76);padding:4px 8px;border-radius:6px}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.flow-card{display:grid;grid-template-columns:148px 1fr auto;gap:19px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow);transition:.25s}
.flow-card .cover{min-height:100px}
.card-tag{color:var(--accent);font-size:12px;font-weight:800}
.feature-card h3,.flow-card h3{font-size:20px;margin:9px 0 6px}
.flow-card h3{font-size:17px}
.card-text{color:var(--muted);font-size:13px;margin-bottom:12px}
.card-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.arrow{color:var(--primary);font-size:23px}
.notice{display:flex;align-items:center;gap:13px;background:#fff9ef;border:1px solid #f1dfbf;border-radius:12px;padding:14px 17px;color:#816747;font-size:13px}
.notice strong{color:var(--warning)}
.pagination{display:flex;justify-content:center;gap:8px;padding:25px 0 0}
.page-btn{min-width:40px;height:40px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--muted);font-weight:700}
.page-btn:hover,.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}
.empty-state{display:none;background:#fff;border:1px dashed #b9cce4;border-radius:var(--radius);padding:42px;text-align:center;color:var(--muted)}
.info-band{background:#eef5ff;border-top:1px solid #dceafa;border-bottom:1px solid #dceafa}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.info-grid p{color:var(--muted);margin-bottom:0}
.info-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.info-point{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px}
.info-point strong{display:block;font-size:14px;margin-bottom:3px}
.info-point span{font-size:12px;color:var(--muted)}
.faq{max-width:860px;margin:0 auto}
.faq-item{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:10px;overflow:hidden}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:#fff;padding:19px 22px;color:var(--ink);font-weight:700}
.faq-question:hover{background:#f8fbff;color:var(--primary-dark)}
.faq-question span:last-child{font-size:22px;color:var(--primary);transition:.2s}
.faq-answer{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff;border:1px solid #cfe0f4;border-radius:var(--radius);padding:30px 34px;box-shadow:var(--shadow)}
.cta-panel p{color:var(--muted);margin:5px 0 0}
footer{background:#f0f5fb;border-top:1px solid var(--border);padding:42px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}
.footer-brand{font-weight:800;font-size:18px;margin-bottom:9px}
footer p,footer li,footer a{color:var(--muted);font-size:13px}
footer p{max-width:300px}
footer ul{list-style:none;padding:0;margin:12px 0 0}
footer li{margin:7px 0}
footer a:hover{color:var(--primary)}
.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);margin-top:30px;padding-top:17px;color:#8898aa;font-size:12px}
@media(max-width:992px){
 .brand{min-width:225px}
 .page-hero-grid{grid-template-columns:1fr 300px;gap:28px}
 .content-layout{grid-template-columns:210px 1fr}
 .feature-card{grid-template-columns:170px 1fr}
}
@media(max-width:768px){
 .container{width:min(var(--container),calc(100% - 32px))}
 .nav-wrap{height:68px;justify-content:space-between;gap:12px}
 .brand{min-width:0}
 .brand-name{font-size:16px}
 .brand-mark{width:34px;height:34px}
 .menu-toggle{display:block}
 .tab-nav{display:none;position:absolute;top:68px;left:16px;right:16px;padding:10px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
 .tab-nav.open{display:flex}
 .tab-nav a{padding:12px 14px}
 .nav-cta{display:none}
 .page-hero{padding-top:22px}
 .page-hero-grid{grid-template-columns:1fr}
 .summary-card{max-width:420px}
 .toolbar{grid-template-columns:1fr 1fr}
 .search-box{grid-column:1 / -1}
 .content-layout{display:block}
 .filter-panel{position:static;margin-bottom:18px}
 .filter-group{display:inline-block;vertical-align:top;width:48%;border-top:0;padding:10px 4px}
 .feature-card{grid-template-columns:145px 1fr;gap:16px;padding:17px}
 .flow-card{grid-template-columns:112px 1fr}
 .flow-card .arrow{grid-column:2;justify-self:end;margin-top:-30px}
 .info-grid{grid-template-columns:1fr;gap:25px}
 .cta-panel{display:block}
 .cta-panel .btn-primary{margin-top:18px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:25px}
 .footer-grid>div:first-child{grid-column:1 / -1}
}
@media(max-width:520px){
 h1{font-size:32px}
 h2{font-size:25px}
 .hero-copy{font-size:15px}
 .toolbar{grid-template-columns:1fr}
 .search-box{grid-column:auto}
 select{width:100%}
 .feature-card{grid-template-columns:1fr}
 .feature-card .cover{min-height:125px}
 .flow-card{grid-template-columns:88px 1fr;gap:13px;padding:13px}
 .flow-card .cover{min-height:82px}
 .flow-card h3{font-size:15px}
 .card-text{font-size:12px}
 .filter-group{width:100%}
 .info-points{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr}
 .copyright{display:block}
 .copyright span{display:block;margin-top:5px}
}