/* 网谋汽贸品牌视觉：青蓝主色、深蓝底色，橙色仅作细节强调。 */
:root{
  --brand-cyan:#09d7ee;
  --brand-blue:#0874f2;
  --brand-deep:#082d86;
  --brand-orange:#ff8a24;
  --brand-gradient:linear-gradient(110deg,var(--brand-cyan) 0%,var(--brand-blue) 68%,var(--brand-deep) 100%);
  --brand-line:linear-gradient(90deg,var(--brand-cyan),var(--brand-blue) 72%,var(--brand-orange));
}

/* 品牌标识：页眉使用紧凑横向组合，页脚使用完整品牌图片。 */
.brand-lockup{display:flex;align-items:center;flex-shrink:0;line-height:0}
.brand-lockup img{display:block;height:auto;max-width:none;object-fit:contain}
.brand-lockup--header{gap:13px}
.brand-lockup--header .brand-symbol{width:68px}
.brand-lockup--header .brand-wordmark{width:142px}
.brand{gap:0}
.footer-about{max-width:350px}
.footer-bottom{align-items:center;justify-content:center;text-align:center}

/* 导航与交互状态使用 Logo 青蓝渐变。 */
.nav>a{transition:color .2s ease}
.nav>a::after{height:2px;background:var(--brand-line);border-radius:2px;transform-origin:left center}
.nav>a:hover,.nav>a.active{color:#38dcff}
.header-phone .icon{color:#23d6f0}
.menu-button{background:linear-gradient(135deg,#0d3975,#092957);border:1px solid #2e82d5;color:#eafaff;transition:border-color .2s,box-shadow .2s,background .2s}
.menu-button:hover{border-color:#2ed8f1;box-shadow:0 0 0 3px #13bfe522}

.button{background:linear-gradient(110deg,#08bfe5,#0874f2 72%,#0756c7);box-shadow:0 5px 18px #0874f21c}
.button:hover{background:linear-gradient(110deg,#20d5ed,#1684ff 72%,#075bc9);box-shadow:0 8px 22px #0874f235}
.button.white{background:linear-gradient(110deg,#0bd1e9,#0875f2 75%);border-color:#77e8ff55}
.button.white:hover{background:linear-gradient(110deg,#31e1f2,#1685ff 75%)}
.button.secondary{color:#0870df;border-color:#b9d7f3}
.text-link{color:#0874df}
.text-link:hover{color:#04a8d6}
.choice-tabs button[aria-selected=true]::after{background:var(--brand-line);border-radius:3px}

/* 页面装饰线条化，减少厚重边框和大面积装饰。 */
.page-hero::after{width:430px;height:2px;border:0;border-radius:50%;right:7%;top:auto;bottom:35px;background:var(--brand-line);transform:rotate(-7deg);box-shadow:0 5px 16px #0874f222;opacity:.72}
.contact-band::before{width:360px;height:2px;right:7%;top:auto;bottom:27px;border:0;border-radius:50%;background:var(--brand-line);transform:rotate(-5deg);box-shadow:none;opacity:.6}
.fact-panel{position:relative;border:0;border-radius:8px;background:linear-gradient(135deg,#effaff,#f2f6ff);padding-left:30px}
.fact-panel::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--brand-cyan),var(--brand-blue) 68%,var(--brand-orange))}
.service-row{border-color:#dbe9f5;border-radius:8px;box-shadow:0 8px 26px #0a39720a}
.service-row::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--brand-cyan),var(--brand-blue) 68%,var(--brand-orange));border-radius:2px}
.service-check{border-left:1px solid #dce8f3}
.detail-aside{position:relative;border-top:0;border-radius:8px;background:linear-gradient(145deg,#effaff,#f1f5ff);box-shadow:0 10px 28px #0b3b760b}
.detail-aside::before{content:"";position:absolute;left:28px;right:28px;top:0;height:2px;border-radius:2px;background:var(--brand-line)}
.region-board{border:0;border-radius:9px;padding:30px 32px;background:linear-gradient(145deg,#f0faff,#f3f6ff 72%,#fff9f2);box-shadow:inset 0 1px 0 #fff,0 12px 32px #0b3b7609}
.region-board-head{display:flex;flex-direction:column;gap:7px;padding-bottom:17px;border-bottom:1px solid #d9e7f4}
.region-board-head>span{font-size:10px;letter-spacing:.16em;color:#6d94b9;font-weight:700}
.region-board-head>strong{font-size:19px;color:#123c70;letter-spacing:-.02em}
.region-groups{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:8px}
.region-group{display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:start;padding:13px 0;border-bottom:1px solid #dce8f2;font-size:12px;line-height:1.8}
.region-group>b{font-size:12px;color:#0870dc;font-weight:700}
.region-group>span{color:#496985}
.region-board-note{margin-top:16px;font-size:11px;line-height:1.8;color:#7890a8}
.region-label{align-items:flex-start;gap:10px;line-height:1.9;max-width:650px}
.region-label .icon{margin-top:4px;flex-shrink:0;color:#0874e8}
.region-label b{color:#24557e;font-weight:700;margin-right:4px}

/* 页脚：使用深蓝底色衬托完整品牌图片。 */
.site-footer{background:linear-gradient(112deg,#03142f 0%,#061f49 58%,#082c5d 100%)}
.footer-nav a,.footer-contacts a{transition:color .2s}
.footer-nav a:hover,.footer-contacts a:hover{color:#35dafa}
.footer-title{position:relative;padding-bottom:11px;margin-bottom:17px}
.footer-title::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:2px;background:var(--brand-line);border-radius:2px}
.footer-bottom{border-top-color:#5ca7e52b;color:#a7c2e2}

/* 表单细节：输入状态、提交按钮与全站品牌色统一。 */
.inquiry-card{position:relative;border-top:0;overflow:hidden;box-shadow:0 14px 38px #0b3b760d}
.inquiry-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--brand-line)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#1685ed;box-shadow:0 0 0 3px #0c8be51a}
.form-status{border-left:2px solid #0874ed;border-radius:0 5px 5px 0}
.form-status[data-state=error]{border-color:var(--brand-orange)}

/* 移动端双电话栏：深蓝底、同一套渐变体系，两位联系人同等清晰。 */
@media(max-width:900px){
  .header-inner{position:relative;height:82px}
  .brand-lockup--header{gap:10px}
  .brand-lockup--header .brand-symbol{width:58px}
  .brand-lockup--header .brand-wordmark{width:126px}
  .nav{position:absolute;top:100%;left:0;right:0;background:rgba(3,20,48,.985);display:none;gap:0;height:auto;padding:10px 20px 18px;box-shadow:0 18px 30px #00112c55;border-top:1px solid #1c6cae55;backdrop-filter:blur(16px)}
  .nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav>a{padding:13px 12px;font-size:13px;color:#c6ddf5;border-bottom:1px solid #1e4b7955}
  .nav>a::after{display:block;bottom:0;height:1px;transform:scaleX(0);transform-origin:left;background:var(--brand-line)}
  .nav>a:hover,.nav>a.active{color:#42dcff;background:transparent}
  .nav>a.active::after,.nav>a:hover::after{transform:scaleX(1)}
}
@media(max-width:720px){
  .header-inner{height:75px}
  .brand-lockup--header{gap:9px}
  .brand-lockup--header .brand-symbol{width:53px}
  .brand-lockup--header .brand-wordmark{width:116px}
  .nav{top:100%;padding:8px 14px 15px}
  .nav>a{padding:12px 10px;font-size:12px}
  .footer-main{gap:28px 20px}
  .footer-main>div:first-child{display:flex;flex-direction:column;align-items:flex-start}
  .footer-about{max-width:420px;font-size:12px;line-height:1.9}
  .footer-bottom{padding:17px 0 91px;justify-content:center;text-align:center}
  .mobile-callbar{position:fixed;left:0;right:0;bottom:0;z-index:35;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 11px max(9px,env(safe-area-inset-bottom));background:rgba(3,17,43,.985);border-top:0;box-shadow:0 -7px 24px #00122c30;backdrop-filter:blur(16px)}
  .mobile-callbar::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--brand-line)}
  .mobile-callbar a{min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 7px;border-radius:7px;color:#fff;line-height:1.35;border:1px solid #1d86dc;background:linear-gradient(135deg,#087ed9 0%,#0758c4 70%,#083f9a 100%);box-shadow:inset 0 1px 0 #ffffff22,0 3px 10px #001b3b30}
  .mobile-callbar a:last-child{background:linear-gradient(135deg,#0c4d92 0%,#0a3675 68%,#08295c 100%);border-color:#2874ba}
  .mobile-callbar a:active{transform:translateY(1px);filter:brightness(1.08)}
  .mobile-callbar span{min-width:0;text-align:left}
  .mobile-callbar small{display:block;color:#c6e8ff;font-size:9px;letter-spacing:.02em;white-space:nowrap}
  .mobile-callbar strong{display:block;color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap}
  .mobile-callbar .icon{width:17px;height:17px;color:#8ff2ff;flex-shrink:0}
  .region-board{padding:23px 20px}
  .region-board-head>strong{font-size:17px}
  .region-groups{grid-template-columns:1fr;gap:0}
  .region-group{grid-template-columns:50px 1fr;padding:10px 0}
  .region-label{font-size:11px;line-height:1.85}
  .service-row::before{top:18px;bottom:18px}
  .detail-aside::before{left:22px;right:22px}
  .contact-band::before{right:5%;bottom:16px;width:230px}
  .page-hero::after{right:4%;bottom:20px;width:250px}
}
@media(max-width:359px){
  .brand-lockup--header .brand-symbol{width:48px}
  .brand-lockup--header .brand-wordmark{width:106px}
  .mobile-callbar{gap:6px;padding-inline:8px}
  .mobile-callbar a{gap:6px;padding-inline:5px}
  .mobile-callbar strong{font-size:10px}
  .mobile-callbar small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.mobile-callbar a:active{transform:none}}

/* 其余模块的细节统一：弱化粗边框，保留清楚的交互反馈。 */
.business-card{border-color:#d8e8f5;box-shadow:0 6px 20px #0a397208}
.business-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--brand-line)}
.business-card:hover{border-color:#b7d8f1;box-shadow:0 15px 32px #0a397214}
.audience-item,.process li{position:relative;border-top-color:#d5e5f2}
.audience-item::before,.process li::before{content:"";position:absolute;left:0;top:-1px;width:42px;height:2px;background:var(--brand-line);border-radius:2px}
.faq-filters button{transition:background .2s,color .2s}
.faq-filters button[aria-pressed=true]{position:relative;background:#eef7ff;color:#0874df}
.faq-filters button[aria-pressed=true]::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--brand-cyan) 0%,var(--brand-blue) 68%,var(--brand-orange) 100%)}
.faq-item summary{transition:color .2s}
.faq-item summary:hover,.faq-item[open] summary{color:#0874df}
.contact-person{transition:background .2s,border-color .2s,padding .2s}
.contact-person:hover{padding-left:6px;border-bottom-color:#8ccdf0;background:linear-gradient(90deg,#f0f9ff,transparent 80%)}
.contact-person>.icon{color:#0874e8}
.contact-page-qr{border-color:#d7e8f5;background:linear-gradient(135deg,#f0faff,#f2f6ff)}
.qr-frame{box-shadow:0 4px 16px #0b39721a}
.qr-button{transition:color .2s}
.related-links a{transition:color .2s}
.related-links a:hover{color:#04a8d6}


/* v1.3：将新上传的完整品牌组合图作为唯一页脚标识。 */
.footer-brand{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  width:220px;
  max-width:100%;
  margin:0 0 16px;
  padding:0;
}
.brand-lockup--footer{
  display:block;
  width:220px;
  max-width:100%;
  line-height:0;
}
.brand-lockup--footer .brand-footer-image{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  filter:none;
}
.footer-about{max-width:350px;margin-top:0;font-size:12px;line-height:1.9;color:#9bb5d4}

/* FAQ 分类竖线与所有 eyebrow 左侧短线采用同一组品牌渐变。 */
.eyebrow::before{
  width:22px;
  height:2px;
  margin-right:12px;
  border-radius:2px;
  background:var(--brand-line);
}
.compare-card.warm .eyebrow::before{background:var(--brand-line)}

/* 统一页面内细节线：减少单色硬线与厚重边框。 */
.footer-title::after,
.audience-item::before,
.process li::before,
.business-card::before,
.inquiry-card::before,
.detail-aside::before{background:var(--brand-line)}
.fact-panel::before,.service-row::before{background:linear-gradient(180deg,var(--brand-cyan),var(--brand-blue) 68%,var(--brand-orange))}
.faq-filters button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #cfe6f8}

/* 页脚结构留白与完整 Logo 的比例适配。 */
.footer-main{align-items:start}
.footer-main>div:first-child{min-width:0}
.footer-bottom{border-top:1px solid #5ca7e52b;padding-top:20px}
.footer-nav a:hover,.footer-contacts a:hover{color:#42dcff}

@media(max-width:900px){
  .footer-brand{width:210px;margin-bottom:14px}
  .brand-lockup--footer{width:210px}
  .footer-about{max-width:480px}
}
@media(max-width:720px){
  .eyebrow::before{width:17px;margin-right:9px}
  .footer-main{gap:27px 20px;padding:34px 0 27px}
  .footer-main>div:first-child{align-items:flex-start;grid-column:1/-1}
  .footer-brand{width:198px;margin:0 0 13px}
  .brand-lockup--footer{width:198px}
  .footer-about{max-width:100%;font-size:11px;line-height:1.9}
  .footer-bottom{padding:17px 0 92px}
}
@media(max-width:359px){
  .footer-brand,.brand-lockup--footer{width:186px}
}

/* v1.6：页脚完整品牌图按 v1.5 显示尺寸的 80% 缩小，保持原图比例。 */
.footer-brand,
.brand-lockup--footer{width:144px;max-width:100%}
.footer-brand{margin-bottom:13px}
.brand-lockup--footer .brand-footer-image{width:100%;height:auto}

/* 列表项目圆点采用品牌渐变，正文勾选符号仍保持轻量。 */
.check-list li::before{
  width:7px;
  height:7px;
  top:.72em;
  border-radius:50%;
  background:linear-gradient(135deg,var(--brand-cyan) 0%,var(--brand-blue) 68%,var(--brand-orange) 100%);
  box-shadow:0 0 0 2px #0874f20c;
}

/* 流程区保留 01 / 02 / 03 / 04 的视觉编号，隐藏 ol 默认的 1. / 2. 标记，避免重复。 */
.process{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:none;
}
.process>li{list-style:none}
.process>li::marker{content:""}

/* 需求沟通区：左侧说明、右侧信息卡片，重建清晰的桌面与移动端层级。 */
.inquiry-section{
  background:linear-gradient(180deg,#f5faff 0%,#f1f6fc 100%);
}
.inquiry-info-layout{
  display:grid;
  grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);
  gap:clamp(24px,4vw,56px);
  align-items:stretch;
  padding:clamp(18px,2.8vw,32px);
  border:1px solid #deebf6;
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 42px #0b39720b;
}
.inquiry-info-intro{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  padding:clamp(24px,3vw,36px);
  border-radius:10px;
  background:linear-gradient(145deg,#effaff 0%,#f2f6ff 74%,#fff8f1 100%);
}
.inquiry-info-intro::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:var(--brand-line);
}
.inquiry-info-intro .eyebrow{margin-bottom:17px}
.inquiry-info-intro h2{
  margin:0 0 15px;
  font-size:clamp(29px,3vw,39px);
  line-height:1.38;
  letter-spacing:-.035em;
}
.inquiry-info-intro>p{
  max-width:340px;
  margin:0;
  font-size:14px;
  line-height:1.9;
  color:#627e99;
}
.inquiry-info-intro .text-link{
  margin-top:24px;
  gap:13px;
  font-size:14px;
}
.inquiry-info-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.inquiry-info-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 18px;
  padding:0;
}
.inquiry-info-list>div{
  position:relative;
  min-width:0;
  min-height:96px;
  padding:16px 17px 15px 20px;
  border:1px solid #e2edf7;
  border-radius:8px;
  background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);
}
.inquiry-info-list>div::before{
  content:"";
  position:absolute;
  left:0;
  top:17px;
  bottom:17px;
  width:2px;
  border-radius:2px;
  background:var(--brand-line);
}
.inquiry-info-list dt{
  margin:0 0 6px;
  color:#1b4b7a;
  font-size:13px;
  line-height:1.5;
  font-weight:750;
}
.inquiry-info-list dd{
  margin:0;
  color:#6a829a;
  font-size:12px;
  line-height:1.75;
  overflow-wrap:anywhere;
}
.inquiry-info-list>div:last-child{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:74px;
}
.inquiry-info-list>div:last-child dt{margin:0}
.inquiry-info-content>.button{
  align-self:flex-start;
  min-width:154px;
  margin-top:1px;
}

@media(max-width:900px){
  .footer-brand,.brand-lockup--footer{width:134px}
  .inquiry-info-layout{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:22px;padding:18px}
  .inquiry-info-intro{padding:24px 20px}
  .inquiry-info-list{gap:9px}
  .inquiry-info-list>div{padding:14px 13px 13px 17px}
}
@media(max-width:720px){
  .footer-brand,.brand-lockup--footer{width:125px}
  .inquiry-section{padding:54px 0}
  .inquiry-info-layout{grid-template-columns:1fr;gap:14px;padding:12px;border-radius:11px}
  .inquiry-info-intro{padding:24px 21px 23px}
  .inquiry-info-intro .eyebrow{margin-bottom:12px}
  .inquiry-info-intro h2{font-size:28px;line-height:1.4;margin-bottom:10px}
  .inquiry-info-intro>p{font-size:13px;line-height:1.85}
  .inquiry-info-intro .text-link{margin-top:15px}
  .inquiry-info-list{grid-template-columns:1fr;gap:8px;margin-bottom:13px}
  .inquiry-info-list>div{min-height:0;padding:13px 15px 13px 18px}
  .inquiry-info-list>div::before{top:13px;bottom:13px}
  .inquiry-info-list dt{margin-bottom:3px;font-size:13px}
  .inquiry-info-list dd{font-size:12px;line-height:1.7}
  .inquiry-info-list>div:last-child{grid-column:auto;display:block;min-height:0}
  .inquiry-info-list>div:last-child dt{margin-bottom:3px}
  .inquiry-info-content>.button{width:100%;justify-content:center}
}
@media(max-width:359px){
  .footer-brand,.brand-lockup--footer{width:117px}
}

/* v1.7：首页 OUR SERVICES 四卡片对齐与响应式优化。
   只作用于 #business，不影响其他业务页卡片、页脚、Logo 或表单。 */
#business .business-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:18px;
  border:0;
}
#business .business-grid .business-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  min-height:316px;
  height:100%;
  padding:26px 24px 24px !important;
  border:1px solid #d8e8f5;
  border-radius:11px;
  background:linear-gradient(150deg,#f9fcff 0%,#f1f7fe 100%);
  box-shadow:0 6px 20px #0a397208;
  overflow:hidden;
}
#business .business-grid .business-card:last-child{
  border-right:1px solid #d8e8f5;
}
#business .business-grid .business-card::before{
  left:0;
  right:0;
  top:0;
  height:2px;
  background:var(--brand-line);
}
#business .business-grid .business-card .card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:0 0 auto;
  min-height:44px;
  margin:0 0 23px;
}
#business .business-grid .business-card .card-number{
  font-size:12px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:.09em;
  color:#6384a8;
}
#business .business-grid .business-card .icon{
  box-sizing:border-box;
  width:44px;
  height:44px;
  padding:9px;
  flex:0 0 44px;
  color:#0874e8;
  border:1px solid #d0e7f8;
  border-radius:11px;
  background:linear-gradient(140deg,#e5faff,#e6efff);
}
#business .business-grid .business-card h3{
  flex:0 0 auto;
  margin:0 0 12px;
  font-size:21px;
  font-weight:750;
  line-height:1.4;
  letter-spacing:-.025em;
  color:#12365f;
  overflow-wrap:break-word;
}
#business .business-grid .business-card p{
  flex:1 1 auto;
  min-height:0 !important;
  margin:0;
  font-size:13px;
  line-height:1.9;
  color:#617b95;
  overflow-wrap:break-word;
}
#business .business-grid .business-card .card-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:0 0 auto;
  gap:12px;
  min-height:44px;
  margin-top:20px;
  padding-top:15px;
  border-top:1px solid #d9e7f5;
  color:#286eaa;
  font-size:12px;
  line-height:1.5;
  font-weight:650;
}
#business .business-grid .business-card .arrow{
  font-size:20px;
  line-height:1;
  color:#0874e8;
  transition:transform .2s ease;
}
#business .business-grid .business-card:hover{
  transform:translateY(-4px);
  border-color:#acd6ef;
  box-shadow:0 14px 30px #0a397215;
}
#business .business-grid .business-card:hover .arrow{
  transform:translate(2px,-2px);
}
@media(max-width:1199px){
  #business .business-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
  #business .business-grid .business-card{
    min-height:258px;
    padding:25px 24px 22px !important;
  }
  #business .business-grid .business-card .card-top{margin-bottom:18px}
}
@media(max-width:600px){
  /* 手机端固定两列；卡片不裁剪正文，并使同行底部链接自然齐平。 */
  #business .business-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  #business .business-grid .business-card{
    min-width:0;
    min-height:0;
    padding:17px 13px 16px !important;
  }
  #business .business-grid .business-card .card-top{
    min-height:36px;
    margin-bottom:14px;
  }
  #business .business-grid .business-card .icon{
    width:36px;
    height:36px;
    padding:7px;
    flex-basis:36px;
  }
  #business .business-grid .business-card h3{
    margin-bottom:9px;
    font-size:clamp(15px,3.9vw,18px);
    line-height:1.35;
    min-height:2.7em;
  }
  #business .business-grid .business-card p{
    font-size:clamp(11px,3.25vw,13px);
    line-height:1.7;
  }
  #business .business-grid .business-card .card-bottom{
    min-height:36px;
    margin-top:13px;
    padding-top:12px;
  }
}
@media(max-width:359px){
  #business .business-grid{gap:9px}
  #business .business-grid .business-card{padding:15px 10px 13px !important}
  #business .business-grid .business-card .icon{width:32px;height:32px;flex-basis:32px;padding:6px}
  #business .business-grid .business-card .card-top{min-height:32px;margin-bottom:12px}
  #business .business-grid .business-card .card-bottom{gap:6px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  #business .business-grid .business-card:hover,
  #business .business-grid .business-card:hover .arrow{transform:none}
}