@charset "UTF-8";

/* ==========================================================================
   套18 白底靛蓝·律所/合规咨询风
   纯白 #ffffff + 靛蓝 #0a2540 + 深蓝强调
   极简严谨 · 文字密集 · 0 圆角 · 无渐变 · 无发光
   ========================================================================== */

:root{
  --indigo:#0a2540;
  --indigo-deep:#061a30;
  --indigo-soft:#1d3b63;
  --line:#e6eaf0;
  --line-strong:#c9d1dd;
  --ink:#1a1a1a;
  --muted:#5b6675;
  --muted-2:#8a93a2;
  --bg:#ffffff;
  --bg-soft:#f6f8fb;
  --accent:#0a2540;
  --danger:#8b1a1a;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  font-size:15px;
  line-height:1.8;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  border-top:3px solid var(--indigo);
}
img{max-width:100%;display:block;border:0}
a{color:var(--indigo);text-decoration:none;transition:color .15s}
a:hover{color:var(--indigo-soft);text-decoration:underline}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;
  color:var(--indigo);
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.3;
}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}

.container{max-width:1200px;margin:0 auto;padding:0 24px}
.small{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);font-weight:500}
.divider{height:1px;background:var(--line);margin:0}
.divider-thick{height:2px;background:var(--indigo);width:48px;margin:24px 0}

/* ---------------- 顶部通告条 ---------------- */
.topbar{background:var(--indigo-deep);color:#c8d2e0;font-size:12px;line-height:1.4}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:36px}
.topbar a{color:#ffffff}
.topbar .tb-left span{margin-right:22px}
.topbar .tb-right a{margin-left:18px;letter-spacing:.08em}

/* ---------------- Header ---------------- */
.site-header{background:#ffffff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.site-header .container{display:flex;justify-content:space-between;align-items:center;height:86px}
.logo{display:flex;flex-direction:column}
.logo .brand{font-family:"Noto Serif SC",serif;font-size:24px;color:var(--indigo);font-weight:700;letter-spacing:.04em;line-height:1.2}
.logo .brand-sub{font-size:11px;color:var(--muted-2);letter-spacing:.3em;margin-top:4px;text-transform:uppercase}
.nav{display:flex;gap:34px;align-items:center}
.nav a{color:var(--ink);font-size:14px;letter-spacing:.08em;position:relative;padding:6px 0;font-weight:500}
.nav a:hover{color:var(--indigo);text-decoration:none}
.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--indigo)}
.header-tel{display:flex;flex-direction:column;align-items:flex-end;border-left:1px solid var(--line);padding-left:24px}
.header-tel .tel-label{font-size:11px;color:var(--muted-2);letter-spacing:.2em;text-transform:uppercase}
.header-tel .tel-num{font-family:"Noto Serif SC",serif;color:var(--indigo);font-size:20px;font-weight:700;letter-spacing:.04em;margin-top:2px}
.header-tel .tel-num a{color:var(--indigo)}

/* 汉堡 */
.hamburger{display:none;width:32px;height:24px;position:relative;cursor:pointer}
.hamburger span{position:absolute;left:0;right:0;height:1px;background:var(--indigo)}
.hamburger span:nth-child(1){top:2px}
.hamburger span:nth-child(2){top:11px}
.hamburger span:nth-child(3){top:20px}

/* ---------------- Hero (banner) ---------------- */
.hero{background:#ffffff;padding:110px 0 130px;border-bottom:1px solid var(--line);position:relative}
.hero::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--line)}
.hero-inner{max-width:900px}
.hero .eyebrow{font-size:12px;letter-spacing:.4em;color:var(--indigo);font-weight:500;text-transform:uppercase;margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--indigo);display:inline-block}
.hero h1{
  font-size:56px;
  line-height:1.25;
  color:var(--indigo);
  font-weight:700;
  margin-bottom:32px;
  letter-spacing:.02em;
}
.hero h1 em{font-style:normal;color:var(--indigo-deep);border-bottom:2px solid var(--indigo);padding:0 1px}
.hero .lede{font-size:17px;color:var(--muted);max-width:640px;line-height:1.9;margin-bottom:52px;font-weight:300}
.hero-ctas{display:flex;gap:0;margin-top:12px}
.hero-ctas .btn{padding:18px 40px;font-size:14px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;display:inline-flex;align-items:center;gap:12px;transition:all .15s;border:1px solid var(--indigo)}
.hero-ctas .btn-primary{background:var(--indigo);color:#ffffff}
.hero-ctas .btn-primary:hover{background:var(--indigo-deep);color:#ffffff;text-decoration:none}
.hero-ctas .btn-ghost{background:#ffffff;color:var(--indigo)}
.hero-ctas .btn-ghost:hover{background:var(--indigo);color:#ffffff;text-decoration:none}
.hero-meta{margin-top:72px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.hero-meta .hm{padding:28px 24px 0 0;border-right:1px solid var(--line)}
.hero-meta .hm:last-child{border-right:none}
.hero-meta .hm .num{font-family:"Noto Serif SC",serif;font-size:34px;color:var(--indigo);font-weight:700;line-height:1}
.hero-meta .hm .lab{font-size:12px;color:var(--muted);margin-top:10px;letter-spacing:.1em}

/* ---------------- Section 通用 ---------------- */
section{padding:90px 0;border-bottom:1px solid var(--line)}
.sec-head{margin-bottom:60px}
.sec-head .sec-no{font-family:"Noto Serif SC",serif;font-size:13px;color:var(--muted-2);letter-spacing:.3em;margin-bottom:14px;display:block}
.sec-head h2{font-size:38px;color:var(--indigo);font-weight:700;margin-bottom:18px}
.sec-head .sec-sub{color:var(--muted);font-size:15px;max-width:680px;line-height:1.9}
.sec-head .sec-sub strong{color:var(--indigo);font-weight:600}

/* ---------------- Services (两列文字+小图标) ---------------- */
#services .services-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.svc{padding:38px 36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff;transition:background .15s;position:relative}
.svc:hover{background:var(--bg-soft)}
.svc .svc-top{display:flex;align-items:flex-start;gap:20px;margin-bottom:18px}
.svc .svc-ico{width:44px;height:44px;flex-shrink:0;border:1px solid var(--indigo);display:flex;align-items:center;justify-content:center;color:var(--indigo)}
.svc .svc-ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.4}
.svc h3{font-size:20px;color:var(--indigo);margin-bottom:0;letter-spacing:.04em}
.svc .svc-en{font-size:11px;letter-spacing:.2em;color:var(--muted-2);text-transform:uppercase;margin-top:6px;font-family:"Noto Sans SC",sans-serif}
.svc p{color:var(--muted);font-size:14px;line-height:1.9;margin-top:18px}
.svc ul{margin-top:16px;border-top:1px dashed var(--line)}
.svc ul li{padding:10px 0;border-bottom:1px dashed var(--line);font-size:13px;color:var(--ink);display:flex;align-items:center;gap:10px}
.svc ul li::before{content:"§";font-family:"Noto Serif SC",serif;color:var(--indigo);font-weight:700}
.svc .svc-more{margin-top:22px;display:inline-block;font-size:12px;letter-spacing:.2em;color:var(--indigo);text-transform:uppercase;border-bottom:1px solid var(--indigo);padding-bottom:2px}

/* ---------------- Process 竖向步骤 ---------------- */
#process{background:var(--bg-soft)}
.process{max-width:900px;margin:0 auto}
.step{display:grid;grid-template-columns:110px 1fr;gap:40px;padding:36px 0;border-bottom:1px solid var(--line-strong);position:relative}
.step:last-child{border-bottom:none}
.step .step-no{font-family:"Noto Serif SC",serif;font-size:54px;color:var(--indigo);font-weight:700;line-height:1;border-right:1px solid var(--indigo);padding-right:30px;height:76px;display:flex;align-items:flex-start}
.step .step-body h3{font-size:22px;color:var(--indigo);margin-bottom:12px;letter-spacing:.04em}
.step .step-body p{color:var(--muted);font-size:14px;line-height:1.9}
.step .step-body .tags{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.step .step-body .tags span{font-size:12px;border:1px solid var(--line-strong);color:var(--muted);padding:4px 12px;letter-spacing:.1em}

/* ---------------- Cases 客户评价引用卡 ---------------- */
#cases .cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.case-card{background:#ffffff;border:1px solid var(--line);padding:42px 38px;position:relative}
.case-card::before{content:"\201C";font-family:"Noto Serif SC",serif;position:absolute;top:8px;left:24px;font-size:96px;color:var(--indigo);line-height:1;font-weight:700;opacity:.12}
.case-card blockquote{font-family:"Noto Serif SC",serif;font-size:17px;line-height:1.9;color:var(--ink);font-weight:400;margin:18px 0 28px;padding-left:2px}
.case-card .case-meta{display:flex;align-items:center;gap:16px;padding-top:22px;border-top:1px solid var(--line)}
.case-card .case-avatar{width:48px;height:48px;background:var(--indigo);color:#ffffff;font-family:"Noto Serif SC",serif;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}
.case-card .case-info .name{color:var(--indigo);font-weight:600;font-size:14px;letter-spacing:.08em}
.case-card .case-info .pos{font-size:12px;color:var(--muted);margin-top:4px;letter-spacing:.08em}
.case-card .case-tag{position:absolute;top:24px;right:24px;font-size:11px;letter-spacing:.2em;color:var(--muted-2);text-transform:uppercase;border:1px solid var(--line-strong);padding:4px 10px}

/* ---------------- News 资讯 横向卡 ---------------- */
#news{background:#ffffff}
.article-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.article-card{display:grid;grid-template-columns:200px 1fr;gap:0;border:1px solid var(--line);background:#ffffff;transition:border-color .15s}
.article-card:hover{border-color:var(--indigo)}
.article-card .ac-cover{overflow:hidden;position:relative;background:var(--bg-soft);height:160px}
.article-card .ac-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.article-card:hover .ac-cover img{transform:scale(1.04)}
.article-card .ac-body{padding:22px 26px;display:flex;flex-direction:column;justify-content:space-between}
.article-card .ac-cat{font-size:11px;letter-spacing:.2em;color:var(--indigo);text-transform:uppercase;border-bottom:1px solid var(--indigo);display:inline-block;padding-bottom:3px;align-self:flex-start}
.article-card h3{font-size:17px;color:var(--ink);line-height:1.5;margin-top:12px;font-weight:600;font-family:"Noto Sans SC",sans-serif}
.article-card h3 a{color:var(--ink)}
.article-card h3 a:hover{color:var(--indigo)}
.article-card .ac-sum{font-size:13px;color:var(--muted);line-height:1.8;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card .ac-date{font-size:12px;color:var(--muted-2);letter-spacing:.1em;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);display:flex;justify-content:space-between}

.news-more{margin-top:48px;text-align:center}
.news-more a{display:inline-block;padding:14px 40px;border:1px solid var(--indigo);color:var(--indigo);font-size:12px;letter-spacing:.25em;text-transform:uppercase}
.news-more a:hover{background:var(--indigo);color:#ffffff;text-decoration:none}

/* ---------------- About ---------------- */
#about{background:var(--bg-soft)}
.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
.about-text p{color:var(--muted);font-size:15px;line-height:2;margin-bottom:18px}
.about-text p strong{color:var(--indigo);font-weight:600}
.about-text .signature{margin-top:28px;padding-top:24px;border-top:1px solid var(--line-strong);display:flex;gap:40px}
.about-text .signature .si .v{font-family:"Noto Serif SC",serif;font-size:32px;color:var(--indigo);font-weight:700;line-height:1}
.about-text .signature .si .l{font-size:12px;color:var(--muted);letter-spacing:.1em;margin-top:6px}
.about-side{border:1px solid var(--line);background:#ffffff;padding:38px 36px}
.about-side h4{font-size:16px;color:var(--indigo);letter-spacing:.1em;padding-bottom:14px;border-bottom:1px solid var(--indigo);margin-bottom:20px;text-transform:uppercase}
.about-side ul li{padding:12px 0;border-bottom:1px dashed var(--line);font-size:14px;color:var(--ink);display:flex;justify-content:space-between;gap:16px}
.about-side ul li:last-child{border-bottom:none}
.about-side ul li span:first-child{color:var(--muted);font-size:13px;letter-spacing:.08em}
.about-side ul li span:last-child{color:var(--indigo);font-weight:600;font-family:"Noto Serif SC",serif}

/* ---------------- FAQ ---------------- */
#faq .faq-wrap{max-width:900px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-q{display:grid;grid-template-columns:60px 1fr 24px;gap:20px;align-items:center;padding:24px 0;cursor:pointer}
.faq-q .q-no{font-family:"Noto Serif SC",serif;font-size:14px;color:var(--indigo);font-weight:700;letter-spacing:.2em}
.faq-q .q-txt{font-size:16px;color:var(--indigo);font-weight:500;font-family:"Noto Serif SC",serif;letter-spacing:.03em}
.faq-q .q-ico{color:var(--indigo);font-size:20px;line-height:1;font-weight:300;transition:transform .2s}
.faq-item.open .faq-q .q-ico{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a-inner{padding:0 0 26px 80px;color:var(--muted);font-size:14px;line-height:1.95}
.faq-item.open .faq-a{max-height:500px}

/* ---------------- Apply 表单 ---------------- */
#apply{background:var(--indigo);color:#d8e0ec;border-top:none}
#apply .sec-head h2{color:#ffffff}
#apply .sec-head .sec-sub{color:#a9b6ca}
#apply .sec-head .sec-no{color:#7a8aa5}
.apply-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}
.apply-info .ai-item{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12);display:flex;gap:20px;align-items:flex-start}
.apply-info .ai-item:last-child{border-bottom:none}
.apply-info .ai-item .ai-l{font-size:11px;letter-spacing:.2em;color:#8ea0bd;text-transform:uppercase;min-width:110px;padding-top:3px}
.apply-info .ai-item .ai-v{color:#ffffff;font-size:15px;line-height:1.8;font-weight:500}
.apply-info .ai-item .ai-v a{color:#ffffff;border-bottom:1px solid rgba(255,255,255,.4)}
.apply-form{background:#ffffff;padding:44px 42px}
.apply-form h3{color:var(--indigo);font-size:22px;margin-bottom:8px;letter-spacing:.04em}
.apply-form .af-sub{font-size:12px;letter-spacing:.2em;color:var(--muted-2);text-transform:uppercase;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.form-row.full{grid-template-columns:1fr}
.apply-form label{display:block;font-size:12px;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}
.apply-form input,.apply-form select,.apply-form textarea{width:100%;border:1px solid var(--line-strong);padding:12px 14px;font-size:14px;color:var(--ink);background:#ffffff;transition:border-color .15s}
.apply-form input:focus,.apply-form select:focus,.apply-form textarea:focus{border-color:var(--indigo)}
.apply-form textarea{min-height:110px;resize:vertical}
.apply-form .btn-submit{width:100%;background:var(--indigo);color:#ffffff;padding:16px;font-size:13px;letter-spacing:.3em;text-transform:uppercase;font-weight:500;cursor:pointer;margin-top:8px;border:1px solid var(--indigo);transition:background .15s}
.apply-form .btn-submit:hover{background:var(--indigo-deep)}
.apply-form .af-note{font-size:12px;color:var(--muted-2);margin-top:14px;text-align:center;letter-spacing:.08em;line-height:1.6}

/* ---------------- Footer ---------------- */
.site-footer{background:var(--indigo-deep);color:#a9b6ca;padding:0;border-top:4px solid var(--indigo)}
.footer-main{padding:72px 0 56px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px;border-bottom:1px solid rgba(255,255,255,.08)}
.f-col h4{color:#ffffff;font-size:14px;letter-spacing:.2em;text-transform:uppercase;font-family:"Noto Sans SC",sans-serif;font-weight:600;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.15);position:relative}
.f-col h4::after{content:"";position:absolute;left:0;bottom:-1px;width:32px;height:1px;background:#ffffff}
.f-col p{font-size:13px;line-height:1.9;color:#8ea0bd;margin-bottom:14px}
.f-col ul li{padding:7px 0;font-size:13px}
.f-col ul li a{color:#a9b6ca;letter-spacing:.05em}
.f-col ul li a:hover{color:#ffffff;text-decoration:underline}
.f-brand .f-logo{font-family:"Noto Serif SC",serif;color:#ffffff;font-size:22px;font-weight:700;letter-spacing:.06em;margin-bottom:6px}
.f-brand .f-logo-sub{font-size:11px;letter-spacing:.3em;color:#7a8aa5;text-transform:uppercase;margin-bottom:24px}
.f-contact li{display:flex;gap:12px;padding:9px 0 !important;font-size:13px;color:#a9b6ca}
.f-contact li .fl{color:#ffffff;min-width:60px;font-size:11px;letter-spacing:.2em;padding-top:2px;text-transform:uppercase}
.f-grouplink{border-top:1px solid rgba(255,255,255,.08);padding:22px 0;font-size:12px;color:#7a8aa5}
.f-grouplink a{color:#8ea0bd;margin:0 10px;letter-spacing:.05em}
.f-grouplink a:hover{color:#ffffff}
.f-copy{padding:20px 0;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#6b7c97;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;letter-spacing:.05em}
.f-copy a{color:#8ea0bd}

/* ---------------- 文章内页 ---------------- */
.page-crumb{padding:20px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted-2);letter-spacing:.08em}
.page-crumb a{color:var(--muted)}
.article-wrap{padding:70px 0 90px}
.article-wrap .aw-grid{display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:start}
.article-body{border-right:1px solid var(--line);padding-right:50px}
.article-body h1{font-size:34px;line-height:1.4;color:var(--indigo);margin-bottom:18px;letter-spacing:.02em}
.article-meta{display:flex;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:34px;font-size:13px;color:var(--muted);letter-spacing:.08em}
.article-meta span{display:inline-flex;align-items:center;gap:6px}
.article-cover{margin-bottom:36px;border:1px solid var(--line);padding:6px;background:#ffffff}
.article-content{font-size:16px;line-height:2;color:var(--ink)}
.article-content p{margin-bottom:22px}
.article-content h2{font-size:24px;color:var(--indigo);margin:40px 0 18px;padding-left:14px;border-left:3px solid var(--indigo);letter-spacing:.02em}
.article-content h3{font-size:19px;color:var(--indigo-deep);margin:30px 0 14px}
.article-content ul,.article-content ol{margin:0 0 22px 24px}
.article-content ul li{list-style:disc;padding:4px 0;color:var(--ink)}
.article-content ol li{list-style:decimal;padding:4px 0}
.article-content blockquote{border-left:2px solid var(--indigo);padding:16px 24px;background:var(--bg-soft);margin:24px 0;font-family:"Noto Serif SC",serif;color:var(--indigo-deep);font-size:15px;line-height:1.9}
.article-content strong{color:var(--indigo);font-weight:600}
.article-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
.article-content table th{background:var(--indigo);color:#ffffff;padding:12px 16px;text-align:left;font-weight:600;letter-spacing:.05em}
.article-content table td{padding:12px 16px;border-bottom:1px solid var(--line)}

.aside .as-block{margin-bottom:36px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.aside .as-block:last-child{border-bottom:none}
.aside h4{font-size:14px;color:var(--indigo);letter-spacing:.2em;text-transform:uppercase;padding-bottom:12px;border-bottom:2px solid var(--indigo);margin-bottom:18px;font-family:"Noto Sans SC",sans-serif;font-weight:600}
.aside .as-contact{background:var(--bg-soft);padding:24px;border:1px solid var(--line)}
.aside .as-contact .tel{font-family:"Noto Serif SC",serif;font-size:24px;color:var(--indigo);font-weight:700;letter-spacing:.04em;margin:10px 0}
.aside .as-contact p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:12px}
.aside .as-contact .btn-call{display:block;background:var(--indigo);color:#ffffff;text-align:center;padding:12px;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.aside ul.as-list li{padding:12px 0;border-bottom:1px dashed var(--line);font-size:14px}
.aside ul.as-list li a{color:var(--ink);line-height:1.6;display:block}
.aside ul.as-list li a:hover{color:var(--indigo)}
.aside ul.as-list li .d{font-size:12px;color:var(--muted-2);margin-top:6px;letter-spacing:.08em}

/* ---------------- 响应式 ---------------- */
@media (max-width:1024px){
  .hero h1{font-size:42px}
  .footer-main{grid-template-columns:1fr 1fr;gap:36px}
  .article-wrap .aw-grid{grid-template-columns:1fr}
  .article-body{border-right:none;padding-right:0}
}
@media (max-width:768px){
  body{border-top-width:2px}
  .topbar{display:none}
  .site-header .container{height:68px}
  .nav{display:none;position:absolute;top:68px;left:0;right:0;background:#ffffff;flex-direction:column;gap:0;padding:10px 0;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .nav a{padding:14px 24px;width:100%;border-bottom:1px solid var(--line)}
  .nav a.active::after{display:none}
  .header-tel{display:none}
  .hamburger{display:block}
  .hero{padding:60px 0 70px}
  .hero h1{font-size:30px}
  .hero .lede{font-size:15px}
  .hero-ctas{flex-direction:column}
  .hero-ctas .btn{justify-content:center}
  .hero-meta{grid-template-columns:1fr 1fr}
  .hero-meta .hm{border-right:none;border-bottom:1px solid var(--line);padding:20px 0}
  section{padding:60px 0}
  .sec-head{margin-bottom:40px}
  .sec-head h2{font-size:26px}
  #services .services-grid{grid-template-columns:1fr;border-right:none}
  .svc{border-right:none}
  #cases .cases-grid{grid-template-columns:1fr;gap:20px}
  .article-cards{grid-template-columns:1fr}
  .article-card{grid-template-columns:1fr}
  .article-card .ac-cover{height:180px}
  .about-grid{grid-template-columns:1fr;gap:30px}
  .step{grid-template-columns:70px 1fr;gap:20px;padding:28px 0}
  .step .step-no{font-size:38px;height:54px;padding-right:16px}
  .apply-grid{grid-template-columns:1fr;gap:30px}
  .apply-form{padding:28px 22px}
  .form-row{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr;padding:50px 0 30px}
  .f-copy{flex-direction:column}
  .faq-q{grid-template-columns:40px 1fr 20px;gap:12px;padding:18px 0}
  .faq-a-inner{padding-left:52px}
  .article-body h1{font-size:26px}
}