/* ========== 电子呆滞料回收网站 共用样式 ========== */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#1a1a2e;line-height:1.7;background:#fff;}
.skip-link{position:fixed;top:12px;left:12px;z-index:2000;padding:10px 16px;background:#0a2540;color:#fff;border:2px solid #ffb84d;border-radius:6px;transform:translateY(-180%);transition:transform .18s ease;}
.skip-link:focus{transform:translateY(0);outline:3px solid #16539e;outline-offset:3px;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* ========== 顶部导航 ========== */
.top-bar{background:#0a2540;color:#fff;font-size:13px;padding:8px 0;}
.top-bar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.top-bar a{margin-left:16px;opacity:.85;transition:opacity .2s;}
.top-bar a:hover{opacity:1;}

header{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:1000;}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:18px 0;}
.logo{display:flex;align-items:center;gap:10px;}
.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#0f3460,#16539e);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:bold;}
.logo-text h1,.logo-text .site-name{font-size:20px;color:#0f3460;font-weight:700;}
.logo-text p{font-size:12px;color:#64748b;}

nav.main-nav{display:flex;align-items:center;gap:4px;}
nav.main-nav a{padding:10px 16px;font-size:15px;color:#334155;border-radius:6px;transition:all .2s;font-weight:500;}
nav.main-nav a:hover,nav.main-nav a.active{color:#16539e;background:#f0f5fb;}
.cta-header{background:#ff7800;color:#fff!important;padding:10px 22px!important;border-radius:6px;font-weight:600!important;}
.cta-header:hover{background:#e66a00!important;}

.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#0f3460;}

/* ========== Hero 横幅 ========== */
.hero{background:linear-gradient(135deg,#0f3460 0%,#16539e 50%,#1e6bb8 100%);color:#fff;padding:70px 0;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,120,0,.15) 0%,transparent 70%);border-radius:50%;}
.hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;position:relative;z-index:1;}
.hero h2{font-size:38px;font-weight:700;margin-bottom:16px;line-height:1.3;}
.hero h2 span{color:#ffb84d;}
.hero p{font-size:17px;opacity:.9;margin-bottom:28px;max-width:520px;}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;}
.btn-primary{background:#ff7800;color:#fff;}
.btn-primary:hover{background:#e66a00;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,120,0,.4);}
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);}
.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff;}
.btn-dark{background:#0f3460;color:#fff;}
.btn-dark:hover{background:#0a2540;}

.hero-stats{display:flex;gap:30px;margin-top:36px;}
.hero-stat .num{font-size:32px;font-weight:700;color:#ffb84d;}
.hero-stat .label{font-size:13px;opacity:.8;}

.hero-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.2);}
.hero-card h3{font-size:18px;margin-bottom:16px;}
.hero-card-form .form-group{margin-bottom:14px;}
.hero-card-form input,.hero-card-form textarea{width:100%;padding:11px 14px;border:none;border-radius:8px;font-size:14px;background:rgba(255,255,255,.95);}
.hero-card-form textarea{min-height:70px;resize:vertical;}
.hero-card-form .btn{width:100%;justify-content:center;}

/* ========== 通用区块 ========== */
.section{padding:60px 0;}
.section-alt{background:#f8fafc;}
.section-header{text-align:center;margin-bottom:44px;}
.section-header h2{font-size:30px;color:#0f3460;font-weight:700;margin-bottom:12px;}
.section-header p{font-size:16px;color:#64748b;max-width:600px;margin:0 auto;}
.section-header .line{width:60px;height:4px;background:#ff7800;border-radius:2px;margin:16px auto 0;}

/* ========== 服务卡片 ========== */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.service-card{background:#fff;border-radius:14px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,.06);transition:all .3s;border-top:4px solid transparent;}
.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.12);border-top-color:#ff7800;}
.service-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:18px;}
.service-icon.blue{background:#e8f0fe;color:#16539e;}
.service-icon.orange{background:#fff3e0;color:#ff7800;}
.service-icon.green{background:#e8f5e9;color:#2e7d32;}
.service-card h3{font-size:19px;color:#0f3460;margin-bottom:10px;}
.service-card p{font-size:14px;color:#64748b;margin-bottom:14px;}
.service-card ul{padding-left:0;}
.service-card li{font-size:13px;color:#475569;padding:4px 0;padding-left:18px;position:relative;}
.service-card li::before{content:"✓";position:absolute;left:0;color:#ff7800;font-weight:bold;}

/* ========== 流程步骤 ========== */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;}
.step{text-align:center;position:relative;}
.step-num{width:56px;height:56px;background:linear-gradient(135deg,#0f3460,#16539e);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 14px;position:relative;z-index:1;}
.step h4{font-size:15px;color:#0f3460;margin-bottom:6px;}
.step p{font-size:12px;color:#64748b;}

/* ========== 回收品类 ========== */
.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.category-item{background:#fff;border-radius:10px;padding:22px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:all .2s;border:1px solid #e8ecf2;}
.category-item:is(a){display:block;color:inherit;text-decoration:none;}
.category-item:hover{border-color:#ff7800;transform:translateY(-3px);}
.category-item .icon{font-size:32px;margin-bottom:10px;}
.category-item h4{font-size:15px;color:#0f3460;margin-bottom:4px;}
.category-item p{font-size:12px;color:#94a3b8;}

/* ========== 为什么选择我们 ========== */
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.feature-item{display:flex;gap:18px;align-items:flex-start;}
.feature-icon{width:50px;height:50px;background:#f0f5fb;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.feature-item h4{font-size:17px;color:#0f3460;margin-bottom:6px;}
.feature-item p{font-size:14px;color:#64748b;}

/* ========== CTA 区块 ========== */
.cta-section{background:linear-gradient(135deg,#0f3460,#16539e);color:#fff;padding:50px 0;text-align:center;}
.cta-section h2{font-size:28px;margin-bottom:12px;}
.cta-section p{font-size:16px;opacity:.9;margin-bottom:24px;}
.cta-section .btn{margin:0 8px;}

/* ========== 页脚 ========== */
footer{background:#0a2540;color:#fff;padding:50px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:36px;}
.footer-col h4{font-size:16px;margin-bottom:18px;color:#ffb84d;}
.footer-col p{font-size:13px;color:#94a3b8;line-height:1.8;margin-bottom:10px;}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:13px;color:#94a3b8;transition:color .2s;}
.footer-col a:hover{color:#ffb84d;}
.footer-contact li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#94a3b8;margin-bottom:12px;}
.footer-contact .icon{font-size:16px;flex-shrink:0;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;font-size:12px;color:#64748b;}

/* ========== 内页通用 ========== */
.page-banner{background:linear-gradient(135deg,#0f3460,#16539e);color:#fff;padding:50px 0;text-align:center;}
.page-banner h1,.page-banner h2{font-size:32px;margin-bottom:10px;}
.page-banner p{font-size:15px;opacity:.85;}
.breadcrumb{font-size:13px;opacity:.7;margin-top:10px;}
.breadcrumb a{opacity:.8;}
.breadcrumb a:hover{opacity:1;text-decoration:underline;}

.content-section{padding:50px 0;}
.content-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;}.content-grid > *{min-width:0;}
.sidebar{position:sticky;top:100px;align-self:start;}
.sidebar-card{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:20px;border:1px solid #e8ecf2;}
.sidebar-card h4{font-size:16px;color:#0f3460;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #ff7800;}
.sidebar-card li{margin-bottom:10px;}
.sidebar-card a{font-size:14px;color:#475569;transition:color .2s;display:block;padding:6px 0;}
.sidebar-card a:hover{color:#ff7800;}
.sidebar-cta{background:linear-gradient(135deg,#ff7800,#ff9800);color:#fff;border-radius:12px;padding:24px;text-align:center;}
.sidebar-cta h4{font-size:18px;margin-bottom:8px;}
.sidebar-cta p{font-size:13px;opacity:.9;margin-bottom:14px;}
.sidebar-cta .btn{background:#fff;color:#ff7800;width:100%;justify-content:center;}

.article-content > h2,.article-content h3{font-size:22px;color:#0f3460;margin:28px 0 14px;padding-left:12px;border-left:4px solid #ff7800;}
.article-content h4{font-size:17px;color:#1e293b;margin:20px 0 10px;}
.article-content p{font-size:15px;color:#334155;margin-bottom:14px;line-height:1.8;}
.article-content ul{padding-left:20px;margin-bottom:16px;}
.article-content li{font-size:15px;color:#334155;margin-bottom:8px;list-style:disc;}
.article-content table{width:100%;table-layout:fixed;border-collapse:collapse;margin:18px 0;font-size:14px;}
.content-section table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;margin:18px 0;font-size:14px;}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.article-content .table-scroll table{min-width:680px;}
.article-content caption{text-align:left;padding:0 0 10px;color:#64748b;font-size:13px;line-height:1.5;}
.article-content th{background:#0f3460;color:#fff;padding:12px;text-align:left;overflow-wrap:anywhere;word-break:break-word;}
.article-content td{padding:11px 12px;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere;word-break:break-word;}
.content-section th,.content-section td{padding:11px 12px;overflow-wrap:anywhere;word-break:break-word;}
.article-content tr:nth-child(even) td{background:#f8fafc;}
.info-box{background:#f0f7ff;border-left:4px solid #16539e;padding:16px 20px;border-radius:0 8px 8px 0;margin:18px 0;}
.info-box.warn{background:#fff8e6;border-left-color:#ff7800;}
.info-box p{margin-bottom:0!important;}
.footer-contact a,.form-fallback a,.ai-summary a{overflow-wrap:anywhere;}

/* ========== 表单 ========== */
.quote-form{background:#fff;border-radius:14px;padding:36px;box-shadow:0 4px 20px rgba(0,0,0,.08);}
.quote-form h2,.quote-form h3{font-size:22px;color:#0f3460;margin-bottom:24px;text-align:center;}
.form-row{margin-bottom:18px;}
.form-row label{display:block;font-weight:500;margin-bottom:6px;font-size:14px;color:#334155;}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:12px 16px;border:1px solid #d5dbe4;border-radius:8px;font-size:14px;transition:all .2s;}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:#16539e;box-shadow:0 0 0 3px rgba(22,83,158,.1);}
.form-row textarea{min-height:120px;resize:vertical;}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-row .hint{font-size:12px;color:#94a3b8;margin-top:4px;}

.upload-area{border:2px dashed #cbd5e1;border-radius:10px;padding:30px;text-align:center;cursor:pointer;transition:all .2s;background:#fafbfc;}
.upload-area:hover{border-color:#16539e;background:#f0f5fb;}
.upload-area:focus-visible{outline:3px solid var(--brand);outline-offset:3px;}
.upload-area .icon{font-size:36px;margin-bottom:8px;}
.upload-area p{font-size:13px;color:#64748b;}

/* ========== 响应式 ========== */
@media(max-width:992px){
  .hero-inner{grid-template-columns:1fr;}
  .services-grid{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:repeat(3,1fr);gap:20px;}
  .categories-grid{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .content-grid{grid-template-columns:1fr;}
  .sidebar{position:static;}
}
@media(max-width:768px){
  html.js nav.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);}
  html.js nav.main-nav.open{display:flex;}
  nav.main-nav a{width:100%;padding:12px;}
  .mobile-menu-btn{display:block;}
  .hero h2{font-size:28px;}
  .hero{padding:50px 0;}
  .services-grid{grid-template-columns:1fr;}
  .steps{grid-template-columns:repeat(2,1fr);}
  .categories-grid{grid-template-columns:repeat(2,1fr);}
  .features-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .form-grid-2{grid-template-columns:1fr;}
  .section{padding:40px 0;}
  .hero-stats{gap:20px;}
  .hero-stat .num{font-size:26px;}
}

/* ========== GEO/AEO 优化样式 ========== */
/* AI摘要段落 - 每页顶部核心定义，方便AI提取 */
.ai-summary{background:linear-gradient(135deg,#f0f7ff,#e8f0fe);border-left:4px solid #16539e;border-radius:0 10px 10px 0;padding:18px 22px;margin-bottom:28px;position:relative;}
.ai-summary::before{content:"AI 摘要";position:absolute;top:-10px;left:16px;background:#16539e;color:#fff;font-size:11px;padding:2px 10px;border-radius:10px;font-weight:500;letter-spacing:.5px;}
.ai-summary p{font-size:15px;color:#1e293b;line-height:1.8;margin:0;}
.ai-summary strong{color:#0f3460;}

/* FAQ手风琴样式 - GEO核心组件 */
.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;overflow:hidden;transition:all .2s;}
.faq-item:hover{border-color:#16539e;box-shadow:0 2px 12px rgba(22,83,158,.08);}
.faq-question{padding:16px 20px;border:0;background:transparent;width:100%;font:inherit;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;color:#0f3460;user-select:none;}
.faq-question:focus-visible{outline:3px solid #ff7800;outline-offset:-3px;border-radius:8px;}
.faq-question .faq-icon{font-size:18px;color:#ff7800;transition:transform .3s;flex-shrink:0;margin-left:12px;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 20px;}
.faq-item.open .faq-answer{max-height:500px;padding:0 20px 18px;}
.faq-answer p{font-size:14px;color:#475569;line-height:1.8;margin:0;}
.faq-answer ul{padding-left:18px;margin:8px 0;}
.faq-answer li{font-size:14px;color:#475569;margin-bottom:4px;list-style:disc;}

/* FAQ分类标签 */
.faq-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.faq-cat-btn{padding:8px 18px;border:1px solid #d5dbe4;border-radius:20px;background:#fff;cursor:pointer;font-size:13px;color:#475569;transition:all .2s;}
.faq-cat-btn:hover,.faq-cat-btn.active{background:#16539e;color:#fff;border-color:#16539e;}

/* 实体信息卡片 - About页用，增强AI实体识别 */
.entity-card{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0;}
.entity-card h4{font-size:14px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;}
.entity-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.entity-info-item{display:flex;gap:8px;font-size:14px;}
.entity-info-item .label{color:#64748b;min-width:70px;font-weight:500;}
.entity-info-item .value{color:#1e293b;}

/* 内容定义块 - 文章中用明确的定义格式，方便AI提取 */
.definition-block{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:14px 18px;margin:16px 0;}
.definition-block .def-term{font-weight:700;color:#92400e;font-size:15px;margin-bottom:4px;}
.definition-block .def-desc{font-size:14px;color:#78350f;line-height:1.7;margin:0;}
.category-lookup{margin-top:32px;padding:24px;background:var(--surface);border:1px solid var(--line);}.category-lookup h3{margin:0 0 6px;font-size:22px;color:var(--ink);}.category-lookup .table-hint{margin:0 0 14px;color:var(--muted);font-size:14px;}.category-lookup .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}.category-lookup table{min-width:760px;margin:0;}.category-lookup th{background:var(--brand);color:#fff;text-align:left;}.category-lookup td,.category-lookup th{vertical-align:top;}.category-lookup a{color:var(--brand);font-weight:600;white-space:nowrap;}

/* 关键事实列表 - AI容易提取的结构化事实 */
.fact-list{list-style:none;padding:0;margin:16px 0;}
.fact-list li{padding:10px 0 10px 28px;position:relative;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9;}
.fact-list li::before{content:"✓";position:absolute;left:0;top:10px;color:#16a34a;font-weight:bold;font-size:14px;}
.fact-list li:last-child{border-bottom:none;}

/* Enterprise design refresh — see ../DESIGN.md */
:root{--brand:#0f62fe;--brand-hover:#0050e6;--brand-deep:#002d9c;--ink:#161616;--muted:#525252;--subtle:#8c8c8c;--canvas:#fff;--surface:#f4f4f4;--line:#e0e0e0;--inverse:#161616;}
*{border-radius:0!important;}
html{scroll-behavior:smooth;}
body{font-family:"IBM Plex Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);line-height:1.5;letter-spacing:.16px;background:var(--canvas);}
a{color:var(--brand);}a:visited{color:#5b4bb7;}
.container{max-width:1312px;padding:0 32px;}

/* Utility navigation */
.top-bar{min-height:32px;background:var(--surface);color:var(--muted);font-size:12px;padding:8px 0;}
.top-bar a{color:var(--ink);opacity:1;margin-left:24px;}.top-bar a:hover{color:var(--brand);}
header{box-shadow:none;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);}
.header-inner{min-height:64px;padding:0;}.logo{gap:12px;color:var(--ink);}
.logo-icon{width:36px;height:36px;background:var(--brand);font-size:17px;}
.logo-text h1,.logo-text .site-name{font-size:20px;line-height:1.15;color:var(--ink);font-weight:600;}.logo-text p{margin-top:3px;font-size:12px;color:var(--muted);}
nav.main-nav{height:64px;gap:0;}nav.main-nav a{height:64px;display:flex;align-items:center;padding:0 16px;color:var(--ink);font-size:14px;font-weight:400;border-bottom:3px solid transparent;}
nav.main-nav a:hover,nav.main-nav a.active{color:var(--ink);background:transparent;border-bottom-color:var(--brand);}
.global-nav-link{color:var(--brand)!important;font-weight:600!important;}
.cta-header{height:auto!important;min-height:40px!important;margin-left:12px;padding:12px 16px!important;background:var(--brand)!important;color:#fff!important;border-bottom:0!important;}.cta-header:hover{background:var(--brand-hover)!important;}
.mobile-menu-btn{color:var(--ink);}

/* First screen: one composed, trust-forward statement */
.hero{color:var(--ink);padding:88px 0 80px;background:linear-gradient(90deg,#fff 0%,#fff 56%,#eef5ff 100%);border-bottom:1px solid var(--line);}
.hero::before{inset:0;right:auto;top:0;width:100%;height:100%;border-radius:0;background-image:linear-gradient(rgba(15,98,254,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(15,98,254,.055) 1px,transparent 1px);background-size:32px 32px;opacity:.45;}
.hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:64px;align-items:start;}
.hero h2{max-width:760px;font-size:clamp(40px,4vw,60px);font-weight:300;letter-spacing:-.4px;line-height:1.17;margin-bottom:24px;}.hero h2 span{color:var(--brand);font-weight:400;}
.hero p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.5;opacity:1;margin-bottom:32px;}.hero-buttons{gap:12px;}
.btn{min-height:48px;padding:12px 16px;font-size:14px;font-weight:400;letter-spacing:.16px;transition:background-color .15s,color .15s,border-color .15s;}
.btn-primary{background:var(--brand);color:#fff;}.btn-primary:hover{background:var(--brand-hover);transform:none;box-shadow:none;}
.btn-outline{border:1px solid var(--brand);color:var(--brand);background:#fff;}.btn-outline:hover{background:#edf5ff;border-color:var(--brand);}
.btn-dark{background:var(--ink);color:#fff;}.btn-dark:hover{background:#262626;}
.hero-stats{gap:0;margin-top:48px;border-top:1px solid var(--line);max-width:650px;}.hero-stat{min-width:150px;padding:20px 24px 0 0;margin-right:24px;border-right:1px solid var(--line);}.hero-stat:last-child{border-right:0;}
.hero-stat .num{font-size:30px;line-height:1;font-weight:400;color:var(--brand);}.hero-stat .label{font-size:13px;color:var(--muted);opacity:1;margin-top:8px;}
.hero-card{margin-top:8px;padding:32px;background:rgba(255,255,255,.82);backdrop-filter:none;border:1px solid var(--line);border-top:4px solid var(--brand);}.hero-card h3{font-size:24px;line-height:1.33;font-weight:400;margin-bottom:28px;}
.hero-card-form .form-group{margin-bottom:16px;}.hero-card-form input,.hero-card-form textarea{background:var(--surface);border:0;border-bottom:1px solid var(--ink);padding:12px 16px;color:var(--ink);font-family:inherit;}.hero-card-form input:focus,.hero-card-form textarea:focus{outline:2px solid var(--brand);outline-offset:-2px;}

/* Information architecture */
.section{padding:88px 0;}.section-alt{background:var(--surface);}
.section-header{text-align:left;display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;gap:28px;align-items:end;margin:0 0 40px;padding-bottom:24px;border-bottom:1px solid var(--line);}.section-header h2{font-size:42px;line-height:1.2;font-weight:300;color:var(--ink);margin:0;}.section-header p{font-size:16px;line-height:1.5;color:var(--muted);max-width:620px;margin:0;}.section-header .line{display:none;}
.services-grid,.categories-grid,.features-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);}
.service-card{min-height:360px;padding:28px 24px;background:#fff;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:none;transition:background-color .18s;}.service-card:hover{transform:none;box-shadow:none;border-top:0;background:#eef5ff;}
.service-icon,.feature-icon,.category-item .icon{display:none;}.service-card h3{font-size:24px;line-height:1.33;font-weight:400;color:var(--ink);margin-bottom:16px;}.service-card p{font-size:15px;line-height:1.55;color:var(--muted);margin-bottom:20px;}.service-card li{font-size:14px;color:var(--ink);padding:7px 0 7px 18px;}.service-card li::before{content:"—";color:var(--brand);}.service-card a[style]{color:var(--brand)!important;font-size:14px!important;font-weight:600!important;margin-top:18px!important;}
.category-item{min-height:124px;padding:24px;text-align:left;background:var(--canvas);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:none;transition:background-color .18s;}.category-item:hover{border-color:var(--line);transform:none;background:#eef5ff;}.category-item h4{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px;}.category-item p{font-size:13px;color:var(--muted);}
.feature-item{min-height:170px;display:block;padding:28px 24px;background:var(--canvas);border-right:1px solid var(--line);border-bottom:1px solid var(--line);}.feature-item h4{font-size:20px;line-height:1.4;font-weight:400;color:var(--ink);margin-bottom:12px;}.feature-item p{font-size:15px;line-height:1.55;color:var(--muted);}

/* Process, conversion, and details */
.steps{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.step{padding:24px 16px 24px 0;text-align:left;}.step:not(:last-child){border-right:1px solid var(--line);padding-left:24px;}.step:first-child{padding-left:0;}.step-num{width:auto;height:auto;margin:0 0 20px;background:transparent;color:var(--brand);font-size:16px;font-weight:600;justify-content:flex-start;}.step h4{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px;}.step p{font-size:13px;color:var(--muted);}
.cta-section{padding:72px 0;text-align:left;background:var(--brand);}.cta-section .container{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;}.cta-section h2{font-size:42px;line-height:1.2;font-weight:300;margin:0 0 12px;}.cta-section p{font-size:16px;line-height:1.5;opacity:1;margin:0;max-width:650px;}.cta-section .btn{margin:0;background:#fff;color:var(--brand);}.cta-section .btn:hover{background:#e8f1ff;}
.page-banner{padding:72px 0 64px;text-align:left;color:var(--ink);background:var(--surface);border-bottom:1px solid var(--line);}.page-banner h1,.page-banner h2{font-size:48px;line-height:1.2;font-weight:300;margin-bottom:12px;}.page-banner p{font-size:18px;color:var(--muted);opacity:1;}.breadcrumb{font-size:13px;color:var(--muted);opacity:1;}.content-section{padding:72px 0;}.content-grid{gap:56px;}.sidebar{top:88px;}
.sidebar-card,.entity-card{margin-bottom:0;padding:24px;background:var(--surface);border:1px solid var(--line);box-shadow:none;}.sidebar-card h4{font-size:16px;font-weight:600;color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--ink);}.sidebar-card a{font-size:14px;color:var(--ink);padding:10px 0;border-bottom:1px solid var(--line);}.sidebar-card a:hover{color:var(--brand);}.sidebar-cta{padding:28px 24px;background:var(--brand);color:#fff;}.sidebar-cta h4{font-size:22px;font-weight:400;}.sidebar-cta .btn{background:#fff;color:var(--brand);}
.article-content h3{padding:0;border:0;font-size:30px;line-height:1.3;font-weight:400;color:var(--ink);margin:40px 0 16px;}.article-content > h2{padding:0;border:0;font-size:30px;line-height:1.3;font-weight:400;color:var(--ink);margin:40px 0 16px;}.article-content h4{font-size:20px;line-height:1.4;color:var(--ink);}.article-content p,.article-content li{font-size:16px;line-height:1.6;color:var(--muted);}.article-content th{background:var(--ink);}.article-content td{border-color:var(--line);}.article-content tr:nth-child(even) td{background:var(--surface);}
.info-box,.ai-summary{background:#eef5ff;border-left:4px solid var(--brand);padding:20px 24px;margin:24px 0;}.info-box.warn{background:#fff8e1;border-left-color:#f1c21b;}.ai-summary::before{background:var(--brand);border-radius:0;}
.quote-form{padding:40px;background:var(--canvas);border:1px solid var(--line);box-shadow:none;}.quote-form h2,.quote-form h3{font-size:30px;line-height:1.3;font-weight:400;text-align:left;color:var(--ink);}.form-row label{font-size:14px;font-weight:600;color:var(--ink);}.form-row input,.form-row select,.form-row textarea{padding:12px 16px;background:var(--surface);border:0;border-bottom:1px solid var(--ink);font-size:16px;color:var(--ink);font-family:inherit;}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:2px solid var(--brand);outline-offset:-2px;border-color:var(--brand);box-shadow:none;}.form-row .hint{color:var(--muted);}.upload-area{padding:32px;background:var(--surface);border:1px dashed var(--subtle);}.upload-area:hover{border-color:var(--brand);background:#eef5ff;}
.faq-item{margin-bottom:0;border:0;border-bottom:1px solid var(--line);box-shadow:none;}.faq-item:hover{border-color:var(--line);box-shadow:none;background:var(--surface);}.faq-question{padding:20px 0;font-size:16px;color:var(--ink);}.faq-question .faq-icon{color:var(--brand);}.faq-answer{padding:0;}.faq-item.open .faq-answer{padding:0 0 20px;}.faq-answer p,.faq-answer li{font-size:16px;color:var(--muted);}.faq-cat-btn{min-height:40px;padding:8px 16px;background:#fff;border:1px solid var(--line);color:var(--ink);}.faq-cat-btn:hover,.faq-cat-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;}.definition-block{background:var(--surface);border:1px solid var(--line);padding:18px 20px;}.definition-block .def-term{color:var(--ink);}.definition-block .def-desc{color:var(--muted);}

/* Footer and responsive behavior */
footer{padding:64px 0 0;background:var(--inverse);}.footer-grid{gap:0;padding-bottom:48px;}.footer-col{padding-right:28px;}.footer-col h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:18px;}.footer-col p,.footer-col a,.footer-contact li{font-size:14px;line-height:1.5;color:#c6c6c6;}.footer-col a:hover{color:#fff;}.footer-bottom{padding:20px 0;color:#c6c6c6;border-color:#393939;}
:focus-visible{outline:2px solid var(--brand)!important;outline-offset:2px;}
@media(max-width:992px){.hero-inner,.content-grid{grid-template-columns:1fr;gap:36px;}.hero-card{max-width:none;}.services-grid{grid-template-columns:repeat(2,1fr);}.steps{grid-template-columns:repeat(3,1fr);}.cta-section .container{grid-template-columns:1fr;}}
@media(max-width:768px){.container{padding:0 20px;}.top-bar{display:none;}.header-inner{min-height:56px;}.logo-text p:not(.site-name){display:none;}.logo-text .site-name{display:block;font-size:16px;line-height:1.2;}nav.main-nav{top:56px;height:auto;background:#fff;border-bottom:1px solid var(--line);}nav.main-nav a{height:48px;padding:0 20px;border-bottom:0;border-left:3px solid transparent;}nav.main-nav a:hover,nav.main-nav a.active{border-left-color:var(--brand);border-bottom:0;background:var(--surface);}.cta-header{margin:8px 20px!important;justify-content:center;}.hero{padding:56px 0;}.hero h2{font-size:36px;}.hero p{font-size:16px;}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);}.hero-stat{min-width:0;margin:0;padding:16px 12px 0 0;}.hero-stat .num{font-size:24px;}.section{padding:64px 0;}.section-header{grid-template-columns:1fr;gap:12px;margin-bottom:28px;}.section-header h2,.cta-section h2{font-size:32px;}.services-grid,.categories-grid,.features-grid,.steps{grid-template-columns:1fr;}.service-card,.feature-item{min-height:auto;}.step,.step:not(:last-child),.step:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line);}.page-banner{padding:48px 0;}.page-banner h1,.page-banner h2{font-size:36px;}.quote-form{padding:24px 20px;}.form-grid-2{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr 1fr;gap:28px;}}
a.btn-primary:visited,a.btn-dark:visited,.cta-section a.btn:visited{color:#fff;}.cta-section a.btn:visited{color:var(--brand);}

/* WeChat contact cards */
.wechat-card{display:flex;gap:18px;align-items:center;margin:22px 0;padding:18px;background:linear-gradient(135deg,#071a38,#0c3970);border:1px solid rgba(40,215,208,.45)!important;color:#fff;box-shadow:0 16px 30px rgba(5,27,61,.16);}
.wechat-card img{width:132px;height:132px;flex:0 0 132px;object-fit:cover;background:#fff;padding:6px;border:1px solid rgba(255,255,255,.5)!important;}
.wechat-card__eyebrow{margin:0 0 7px!important;color:var(--cyan)!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.2px;text-transform:uppercase;}
.wechat-card h4{margin:0 0 8px!important;padding:0!important;border:0!important;color:#fff!important;font-size:19px!important;line-height:1.35!important;}
.wechat-card p:not(.wechat-card__eyebrow){margin:0!important;color:#d9e8ff!important;font-size:14px!important;line-height:1.6!important;}
@media(max-width:480px){.wechat-card{align-items:flex-start;gap:14px;padding:16px;}.wechat-card img{width:104px;height:104px;flex-basis:104px;}.wechat-card h4{font-size:16px!important;}}

/* Conversion-first directory and mobile navigation additions */
.mobile-menu-actions{display:none;}
.mobile-sticky-actions{display:none;}
.directory-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);}
.directory-nav a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:14px;text-decoration:none;background:#fff;}
.directory-nav a:hover,.directory-nav a:focus-visible{color:#fff;background:var(--brand);border-color:var(--brand);}
.directory-nav a.directory-nav__cta{color:#fff;background:var(--gold);border-color:var(--gold);font-weight:700;}
.directory-nav a.directory-nav__cta:hover,.directory-nav a.directory-nav__cta:focus-visible{color:var(--night);background:#ffbf5e;border-color:#ffbf5e;}

/* Category-first directory: a visible, scan-friendly layer before the detailed service cards. */
.category-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.category-index-card{padding:28px 30px;background:#fff;border:1px solid #d8e3f1;border-radius:16px;box-shadow:0 8px 24px rgba(9,42,84,.06);}
.category-index-card__head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;}
.category-index-card__number{display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border-radius:12px;background:#0f3460;color:#fff;font-size:14px;font-weight:700;letter-spacing:.04em;}
.category-index-card__meta{margin:0 0 6px;color:var(--brand);font-size:13px;font-weight:700;letter-spacing:.03em;}
.category-index-card h3{margin:0;color:var(--ink);font-size:22px;line-height:1.35;font-weight:600;}
.category-index-card p:not(.category-index-card__meta){margin:0;color:var(--muted);font-size:14px;line-height:1.8;}
.category-index-card__terms{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px;}
.category-index-card__terms a{padding:7px 11px;border-radius:999px;background:#eef4fb;color:#174f9b;font-size:13px;line-height:1.35;text-decoration:none;}
.category-index-card__terms a:hover,.category-index-card__terms a:focus-visible{background:#dceafb;color:#0c3e82;text-decoration:none;}
.category-index-card>.text-link{display:inline-block;color:var(--brand);font-weight:700;text-decoration:none;white-space:nowrap;}
.category-index-card>.text-link:hover,.category-index-card>.text-link:focus-visible{text-decoration:underline;}
.category-index-card__rfq{margin-left:14px;color:#c45100!important;}
.passive-detail-block{margin-top:24px;padding:28px 30px;border:1px solid #d8e3f1;border-radius:16px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);}
.passive-detail-block>h3{margin:0 0 8px;color:var(--ink);font-size:24px;line-height:1.4;font-weight:600;}
.passive-detail-block>p{margin:0;color:var(--muted);font-size:14px;line-height:1.8;}
.passive-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;}
.passive-detail-card{display:flex;min-height:210px;flex-direction:column;padding:20px;background:#fff;border:1px solid #d8e3f1;border-radius:12px;}
.passive-detail-card__eyebrow{margin:0 0 8px;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.04em;}
.passive-detail-card h4{margin:0 0 10px;color:var(--ink);font-size:18px;line-height:1.45;font-weight:600;}
.passive-detail-card>p:not(.passive-detail-card__eyebrow){flex:1;margin:0;color:var(--muted);font-size:13px;line-height:1.75;}
.passive-detail-card>a{display:inline-block;margin-top:16px;color:var(--brand);font-size:13px;font-weight:700;text-decoration:none;}
.passive-detail-card>a:hover,.passive-detail-card>a:focus-visible{text-decoration:underline;}
.service-card .category-rfq-link{display:inline-flex;align-items:center;width:max-content;margin:14px 0 0;padding:8px 13px;border:1px solid var(--brand);border-radius:4px;color:var(--brand);font-size:13px;font-weight:700;text-decoration:none;}
.service-card .category-rfq-link:hover,.service-card .category-rfq-link:focus-visible{background:var(--brand);color:#fff;text-decoration:none;}
.category-inline-cta{margin:10px 0 24px;color:var(--brand);font-size:14px;font-weight:700;}
.category-inline-cta a{color:inherit;text-decoration:none;}
.category-inline-cta a:hover,.category-inline-cta a:focus-visible{text-decoration:underline;}
.category-index-tools{max-width:760px;margin:-18px 0 22px;padding:18px 20px;background:#f7fbff;border:1px solid #d8e3f1;border-radius:14px;}
.category-index-tools>label{display:block;margin:0 0 8px;color:var(--ink);font-size:15px;font-weight:700;}
.category-index-search-row{display:flex;gap:10px;align-items:center;}
.category-index-search-row input{min-width:0;flex:1;padding:12px 14px;border:1px solid #b8cbe2;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:15px;line-height:1.4;}
.category-index-search-row input:focus{outline:3px solid rgba(22,83,158,.2);border-color:var(--brand);}
.category-index-search-row button{padding:11px 15px;border:1px solid #b8cbe2;border-radius:9px;background:#fff;color:var(--brand);font:inherit;font-size:14px;font-weight:700;cursor:pointer;}
.category-index-search-row button:hover,.category-index-search-row button:focus-visible{background:#eef4fb;border-color:var(--brand);}
.category-index-tools>p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6;}
.category-index-tools>.category-index-search-status{margin-top:10px;color:var(--brand);font-weight:700;}
.category-index-search-empty{margin:18px 0 0;padding:16px 18px;border-left:4px solid #ff7800;background:#fff8ed;color:#475569;font-size:14px;line-height:1.7;}
.category-index-search-empty a{color:var(--brand);font-weight:700;}
@media(max-width:768px){.category-index-grid{grid-template-columns:1fr;}.category-index-card{padding:24px 22px;}.category-index-card h3{font-size:20px;}.passive-detail-block{padding:24px 22px;}.passive-detail-block>h3{font-size:21px;}.passive-detail-grid{grid-template-columns:1fr;}.passive-detail-card{min-height:0;padding:18px;}}
@media(max-width:520px){.category-index-tools{margin-top:-10px;padding:16px;}.category-index-search-row{align-items:stretch;flex-direction:column;}.category-index-search-row button{width:100%;}}
.material-routing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.material-routing-card{display:flex;flex-direction:column;min-height:100%;padding:26px 24px;background:#fff;border:1px solid #d8e3f1;border-radius:16px;box-shadow:0 8px 24px rgba(9,42,84,.06);}
.material-routing-card--inventory{border-top:4px solid #1769aa;}.material-routing-card--mixed{border-top:4px solid #d18b00;}.material-routing-card--scrap{border-top:4px solid #b9572a;}
.material-routing-card__eyebrow{margin:0 0 10px;color:var(--brand);font-size:13px;font-weight:700;letter-spacing:.05em;}
.material-routing-card h3{margin:0 0 12px;color:var(--ink);font-size:21px;line-height:1.4;font-weight:600;}
.material-routing-card>p:not(.material-routing-card__eyebrow){margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.75;}
.material-routing-card ul{margin:0 0 20px;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.75;}.material-routing-card li{margin:5px 0;}
.material-routing-card>a{margin-top:auto;color:var(--brand);font-size:14px;font-weight:700;text-decoration:none;}.material-routing-card>a:hover,.material-routing-card>a:focus-visible{text-decoration:underline;}
.material-routing-note{margin:18px 0 0;padding:14px 18px;border-left:4px solid var(--gold);background:#fff8ed;color:#5b4a2a;font-size:14px;line-height:1.7;}
@media(max-width:900px){.material-routing-grid{grid-template-columns:1fr;}.material-routing-card{min-height:0;}}
.page-banner__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.page-banner__actions .btn{min-height:46px;padding:12px 20px;}
.project-snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:30px;border:1px solid rgba(255,255,255,.28);}
.project-snapshot__item{padding:20px;border-right:1px solid rgba(255,255,255,.22);background:rgba(8,34,72,.3);}
.project-snapshot__item:last-child{border-right:0;}
.project-snapshot__label{display:block;color:rgba(255,255,255,.72);font-size:13px;margin-bottom:8px;}
.project-snapshot__value{display:block;color:#fff;font-size:17px;line-height:1.45;font-weight:600;}
.conversion-strip{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin:-28px auto 0;padding:20px 26px;position:relative;z-index:2;background:var(--ink);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 36px rgba(5,27,61,.18);}
.conversion-strip__badge{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;background:var(--gold);color:var(--night);font-weight:700;white-space:nowrap;}
.conversion-strip h2{margin:0 0 4px;font-size:22px;font-weight:500;}
.conversion-strip p{margin:0;color:#d9e8ff;font-size:14px;line-height:1.5;}
.conversion-strip__links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.conversion-strip__links a{padding:10px 14px;border:1px solid rgba(255,255,255,.45);color:#fff;text-decoration:none;}
.conversion-strip__links a:first-child{background:var(--brand);border-color:var(--brand);}
.homepage-category-entry{padding:34px 0;background:#f7fbff;border-bottom:1px solid var(--line);}
.homepage-category-entry .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:28px;align-items:center;}
.homepage-category-entry h2{margin:0 0 8px;color:var(--ink);font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.3;}
.homepage-category-entry p:not(.proof-kicker){margin:0;color:var(--muted);font-size:15px;line-height:1.7;}
.homepage-category-entry__links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
.homepage-category-entry__links a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid #c7d7ea;border-radius:999px;background:#fff;color:var(--brand);font-size:14px;font-weight:700;text-decoration:none;}
.homepage-category-entry__links a:hover,.homepage-category-entry__links a:focus-visible{border-color:var(--brand);background:#eef6ff;}
.insights-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:32px;padding:30px;margin:30px 0 42px;background:var(--surface);border:1px solid var(--line);}
.insights-feature h2{margin:0 0 12px;font-size:30px;font-weight:400;color:var(--ink);}
.insights-feature p{color:var(--muted);line-height:1.7;}
.insights-feature__meta{color:var(--brand)!important;font-size:13px!important;font-weight:700;margin-bottom:10px!important;letter-spacing:.08em;text-transform:uppercase;}
.insights-feature__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.contact-hero{padding:72px 0 64px;color:#fff;background:linear-gradient(105deg,rgba(7,26,56,.95),rgba(15,83,158,.9)),url('../assets/optimized/page-contact-scenario.jpg') center/cover;border-bottom:1px solid rgba(255,255,255,.15);}
.contact-hero .eyebrow{color:var(--gold);}
.contact-hero h1{max-width:900px;margin:14px 0;font-size:clamp(36px,5vw,60px);font-weight:300;line-height:1.15;}
.contact-hero p{max-width:780px;color:#d9e8ff;font-size:18px;line-height:1.7;}
.contact-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
.copy-status{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:13px;line-height:1.4;}
.contact-copy-email{display:inline-block;margin-top:8px!important;padding:0;border:0;background:transparent;font:inherit;cursor:pointer;}
.rfq-copy-phone{margin-top:16px;}
.rfq-field-hint{display:block;margin-top:8px;color:var(--muted);font-size:13px;font-weight:400;line-height:1.6;}.rfq-field-hint a{color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.section-note{margin-top:24px;color:var(--muted);font-size:14px;}
.contact-hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;border-top:1px solid rgba(255,255,255,.28);}
.contact-hero__stat{padding:18px 20px 0 0;border-right:1px solid rgba(255,255,255,.22);}
.contact-hero__stat:not(:first-child){padding-left:20px;}
.contact-hero__stat:last-child{border-right:0;}
.contact-hero__stat span{display:block;color:rgba(255,255,255,.72);font-size:13px;margin-bottom:7px;}
.contact-hero__stat strong{font-size:18px;font-weight:500;}
.contact-prep-section{margin:0 0 44px;padding:40px 0 0;border-top:1px solid var(--line);}
.contact-prep-section .section-header{margin-bottom:28px;}
.contact-prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.contact-prep-card{display:flex;min-height:250px;flex-direction:column;padding:26px 24px;background:#fff;}
.contact-prep-card__eyebrow{color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.4;}
.contact-prep-card h3{margin:12px 0 12px;color:var(--ink);font-size:21px;line-height:1.4;font-weight:600;}
.contact-prep-card ul{margin:0 0 18px;padding:0;}
.contact-prep-card li{position:relative;margin-bottom:9px;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.65;}
.contact-prep-card li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:700;}
.contact-prep-card .text-link{margin-top:auto;color:var(--brand);font-weight:700;text-decoration:none;}
.contact-prep-card .text-link:hover,.contact-prep-card .text-link:focus{text-decoration:underline;}
.contact-response-section{max-width:1080px;margin:0 auto 48px;padding:42px 0 0;border-top:1px solid var(--line);}
.contact-response-section .section-header{margin-bottom:28px;}
.contact-response-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.contact-response-card{min-height:210px;padding:26px 24px;background:#fff;}
.contact-response-card>span{display:block;margin-bottom:12px;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.1em;}
.contact-response-card h3{margin:0 0 10px;color:var(--ink);font-size:21px;line-height:1.4;font-weight:600;}
.contact-response-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.75;}
.contact-response-note{margin:16px 0 0;padding:13px 16px;border-left:4px solid var(--gold);background:#fff8ed;color:#5b4a2a;font-size:13px;line-height:1.7;}
@media(max-width:768px){
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px));}
  body.menu-open{overflow:hidden;}
  body.menu-open .mobile-sticky-actions{display:none;}
  nav.main-nav.open{display:flex;position:fixed;z-index:30;inset:56px 0 0;height:calc(100vh - 56px);overflow:auto;padding:18px 20px 24px;background:var(--ink);box-shadow:none;}
  nav.main-nav.open a{color:#fff;font-size:18px;height:52px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.12);}
  nav.main-nav.open a:hover,nav.main-nav.open a.active{color:#fff;background:rgba(255,255,255,.12);border-left:3px solid var(--gold);}
  nav.main-nav.open .language-switcher{width:100%;padding:16px 0;}
  nav.main-nav.open .language-switcher select{width:100%;min-height:44px;}
  .mobile-menu-actions{display:grid;gap:10px;margin-top:16px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);}
  .mobile-menu-actions a{display:flex!important;align-items:center;justify-content:center;height:48px!important;border:0!important;border-radius:4px;font-size:16px!important;font-weight:600;}
  .mobile-menu-actions .mobile-menu-phone{background:var(--gold);color:var(--night)!important;}
  .mobile-menu-actions .mobile-menu-rfq{background:var(--brand);color:#fff!important;}
  .project-snapshot{grid-template-columns:repeat(2,1fr);}
  .project-snapshot__item:nth-child(2){border-right:0;}
  .project-snapshot__item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.22);}
  .conversion-strip{grid-template-columns:1fr;margin-top:0;padding:20px;}
  .conversion-strip__links{justify-content:flex-start;}
  .homepage-category-entry .container{grid-template-columns:1fr;gap:18px;}
  .homepage-category-entry__links{justify-content:flex-start;}
  .insights-feature{grid-template-columns:1fr;padding:22px;}
  .contact-hero{padding:54px 0 44px;}
  .contact-hero p{font-size:16px;}
  .contact-hero__stats{grid-template-columns:1fr;}
  .contact-hero__stat,.contact-hero__stat:not(:first-child){padding:14px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18);}
  .contact-hero__stat:last-child{border-bottom:0;}
  .contact-prep-section{padding-top:32px;}
  .contact-prep-grid{grid-template-columns:1fr;}
  .contact-prep-card{min-height:0;padding:24px 22px;}
  .contact-response-section{margin-bottom:32px;padding-top:32px;}
  .contact-response-grid{grid-template-columns:1fr;}
  .contact-response-card{min-height:0;padding:22px;}
  .mobile-sticky-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:26;min-height:58px;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 22px rgba(10,42,93,.12);}
  .mobile-sticky-actions a{display:flex;align-items:center;justify-content:center;min-height:58px;color:var(--ink);font-size:15px;font-weight:700;text-decoration:none;}
  .mobile-sticky-actions a:first-child{background:var(--gold);color:var(--night);}
  .mobile-sticky-actions a:last-child{background:var(--brand);color:#fff;}
}

/* Warehouse and delivery scenes: show the handoff context without claiming every image is company-owned. */
.proof-section{padding:88px 0;background:linear-gradient(180deg,#f6faff 0%,#fff 100%);overflow:hidden;}
.proof-header{margin-bottom:40px;}
.proof-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);background:#071a38;color:#fff;box-shadow:0 22px 60px rgba(5,27,61,.18);}
.proof-feature__image{position:relative;min-height:420px;margin:0;overflow:hidden;}.proof-feature__image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 46%,rgba(7,26,56,.76));}.proof-feature__image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;}.proof-feature__image figcaption{position:absolute;z-index:1;left:24px;bottom:22px;padding:8px 12px;background:rgba(7,26,56,.84);border-left:3px solid var(--cyan);font-size:13px;color:#fff;}
.proof-feature__copy{padding:52px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}.proof-kicker{margin:0 0 12px!important;color:var(--cyan)!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.3px;text-transform:uppercase;}.proof-feature__copy h3{margin:0 0 18px;color:#fff;font-size:34px;font-weight:400;line-height:1.2;}.proof-feature__copy > p:not(.proof-kicker){margin:0 0 28px;color:#d9e8ff;font-size:16px;line-height:1.75;}.proof-feature__copy .btn{background:var(--gold);color:var(--night);font-weight:600;}.proof-feature__copy .btn:hover{background:#ffd27c;}
.proof-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 42px;}.proof-gallery figure{position:relative;min-height:330px;margin:0;overflow:hidden;background:#dbe7f4;}.proof-gallery img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .35s ease;}.proof-gallery figure::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(3,13,31,.8));}.proof-gallery figure:hover img{transform:scale(1.04);}.proof-gallery figcaption{position:absolute;z-index:1;bottom:20px;left:20px;color:#fff;font-size:18px;font-weight:600;}
.proof-videos{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}.proof-video{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;padding:16px;background:#fff;border:1px solid #d8e3f1!important;}.proof-video video{display:block;width:220px;height:160px;object-fit:cover;background:#071a38;}.proof-video h3{margin:0;color:var(--ink);font-size:21px;font-weight:400;line-height:1.35;}
@media(max-width:992px){.proof-feature{grid-template-columns:1fr;}.proof-feature__image{min-height:360px;}.proof-feature__image::after{background:linear-gradient(0deg,rgba(7,26,56,.75),transparent 58%);}.proof-feature__copy{padding:38px 32px;}.proof-gallery figure{min-height:260px;}.proof-videos{grid-template-columns:1fr;}}
@media(max-width:640px){.proof-section{padding:64px 0;}.proof-feature__image{min-height:260px;}.proof-feature__copy{padding:30px 22px;}.proof-feature__copy h3{font-size:28px;}.proof-gallery{grid-template-columns:1fr;gap:12px;margin-bottom:28px;}.proof-gallery figure{min-height:300px;}.proof-videos{gap:12px;}.proof-video{grid-template-columns:1fr;padding:14px;gap:16px;}.proof-video video{width:100%;height:220px;}.proof-video h3{font-size:19px;}}

/* No-script fallback: keep navigation and contact actions usable if the
   browser blocks JavaScript before the menu enhancer can run. */
@media(max-width:768px){
  html:not(.js) .mobile-menu-btn{display:none;}
  html:not(.js) .header-inner{flex-wrap:wrap;}
  html:not(.js) nav.main-nav{display:flex;position:static;width:100%;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 0;background:transparent;box-shadow:none;}
  html:not(.js) nav.main-nav a{width:100%;height:44px;padding:0 14px;display:flex;align-items:center;border-bottom:1px solid var(--line);}
  html:not(.js) nav.main-nav .language-switcher{width:100%;padding:10px 0;}
}

/* FAQ fallback: answers remain readable when the interaction script is
   unavailable. With JavaScript, the existing accordion rules stay active. */
html:not(.js) .faq-question{cursor:default;}
html:not(.js) .faq-answer{max-height:none;overflow:visible;padding:0 20px 18px;}

/* Give the knowledge hub a clear first decision and make contact handoff status visible. */
.insights-priority{padding:28px 0 0;}
.insights-priority .directory-nav{margin-bottom:0;}
.insights-search{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.35fr) auto;gap:18px;align-items:end;margin:26px 0 0;padding:22px 24px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);}
.insights-search h2{margin:0 0 6px;color:var(--ink);font-size:22px;font-weight:600;line-height:1.3;}
.insights-search p{margin:0;color:var(--muted);font-size:14px;line-height:1.6;}
.insights-search label{display:flex;flex-direction:column;gap:7px;color:var(--ink);font-size:13px;font-weight:700;}
.insights-search input{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-weight:400;}
.insights-search input:focus-visible{outline:3px solid rgba(15,98,254,.25);outline-offset:1px;border-color:var(--brand);}
.insights-search .btn{min-height:44px;white-space:nowrap;}
.insights-search-status{grid-column:1 / -1;min-height:1.6em;}
.insights-search-status a{color:var(--brand);font-weight:700;}
.insight-card[hidden],.insights-feature[hidden]{display:none!important;}
@media(max-width:768px){.insights-search{grid-template-columns:1fr;gap:12px;padding:20px;}.insights-search-status{grid-column:auto;}.insights-search .btn{width:100%;}}
@media(max-width:768px){.entity-info-grid{grid-template-columns:1fr;}.entity-info-item,.entity-info-item .value{min-width:0;overflow-wrap:anywhere;}}
.form-result{margin-top:16px;padding:14px 16px;background:var(--surface);border-left:3px solid var(--brand);color:var(--muted);font-size:14px;line-height:1.6;}
.form-result p{margin:0 0 6px;}
.form-result p:last-of-type{margin-bottom:6px;}
.form-result a{color:var(--brand);font-weight:600;}
.form-fallback{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.6;text-align:center;}
.quote-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}.quote-actions .btn{flex:1 1 220px;justify-content:center;margin:0;}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}.contact-actions .btn{flex:1 1 220px;justify-content:center;margin:0;}
.form-fallback a{color:var(--brand);font-weight:600;}
.top-contact-trigger[aria-expanded="true"] + .top-contact-popover{opacity:1;visibility:visible;transform:translateY(0);}

/* Contact entry point in the utility navigation and home hero */
.top-bar{position:relative;z-index:2001;}.top-bar-inner{overflow:visible;}.top-contact{position:relative;display:inline-flex;align-items:center;}.top-contact-trigger{padding:0;border:0;background:transparent;color:var(--ink);font:inherit;line-height:1.4;cursor:pointer;}.top-contact-trigger:hover,.top-contact-trigger:focus-visible{color:var(--brand);outline:0;}.top-phone{margin-left:8px!important;color:var(--ink)!important;font-weight:600;}.top-contact-popover{position:absolute;z-index:2002;top:calc(100% + 74px);left:0;display:flex;gap:12px;align-items:center;width:270px;padding:12px;background:#071a38;border:1px solid rgba(40,215,208,.65)!important;box-shadow:0 18px 42px rgba(3,13,31,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;}.top-contact:hover .top-contact-popover,.top-contact:focus-within .top-contact-popover{opacity:1;visibility:visible;transform:translateY(0);}.top-contact-popover img{width:94px;height:94px;flex:0 0 94px;object-fit:cover;background:#fff;padding:4px;border:1px solid rgba(255,255,255,.54)!important;}.top-contact-popover span{display:flex;flex-direction:column;align-items:flex-start;gap:5px;}.top-contact-popover strong{font-size:14px;color:#fff;}.top-contact-popover b{font-size:17px;color:var(--gold);letter-spacing:.2px;}.top-contact-popover em{font-size:12px;color:#c7dbf5;font-style:normal;}
.hero-wechat{display:flex;gap:14px;align-items:center;width:max-content;max-width:100%;margin-top:26px;padding:10px 16px 10px 10px;background:rgba(5,24,53,.7);border:1px solid rgba(40,215,208,.5)!important;backdrop-filter:blur(8px);}.hero-wechat img{width:92px;height:92px;flex:0 0 92px;object-fit:cover;background:#fff;padding:4px;border:1px solid rgba(255,255,255,.62)!important;}.hero-wechat div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;}.hero-wechat p{margin:0!important;color:var(--cyan)!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.2px;}.hero-wechat a{color:#fff!important;font-size:20px;font-weight:600;}.hero-wechat a:hover{color:var(--gold)!important;}.hero-wechat span{color:#d9e8ff;font-size:12px;}
@media(max-width:768px){.hero-wechat{width:100%;}.hero-wechat img{width:82px;height:82px;flex-basis:82px;}.hero-wechat a{font-size:18px;}.top-contact-popover{display:none;}}

/* Language selector */
.language-switcher{display:flex;align-items:center;margin-left:12px;}.language-switcher select{height:34px;min-width:82px;padding:0 24px 0 10px;color:var(--ink);font:600 12px/1 "IBM Plex Sans","Noto Sans SC",sans-serif;background:#fff;border:1px solid var(--line)!important;cursor:pointer;}.language-switcher select:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:992px){.language-switcher{margin:8px 0 0 12px;}.language-switcher select{min-width:76px;}}
@media(max-width:768px){.language-switcher{margin:0 20px 8px;}.language-switcher select{width:100%;height:40px;}}
.translation-provider{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}

/* Professional industrial B2B refinement */
:root{--brand:#0f2f4d;--brand-hover:#0b2238;--brand-deep:#071a2b;--ink:#10212f;--muted:#51616e;--surface:#f3f5f6;--line:#d8dfe3;--gold:#c79b54;--cyan:#c79b54;--night:#071a2b;--night-2:#0f2f4d;}
body{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;background:#fff;color:var(--ink);letter-spacing:.05px;}
.top-bar{background:var(--brand-deep);color:#dce5ea;min-height:34px;}.top-bar a,.top-bar .top-contact-trigger{color:#edf2f5!important;}.top-bar a:hover,.top-bar .top-contact-trigger:hover{color:#f5d39a!important;}.top-phone{color:#f5d39a!important;}.top-contact-popover{background:#071a2b;border-color:rgba(199,155,84,.75)!important;}.top-contact-popover b{color:#f5d39a;}
header{background:#fff!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;}.header-inner{min-height:72px;}.logo-icon{background:var(--brand)!important;width:38px;height:38px;font-size:16px;}.logo-text h1{font-size:19px;letter-spacing:.04em;}.logo-text p{font-size:11px;letter-spacing:.06em;}
nav.main-nav a{font-size:14px;font-weight:500;color:#263845;}nav.main-nav a:hover,nav.main-nav a.active{color:var(--brand);border-bottom-color:var(--gold)!important;}.cta-header{background:var(--brand)!important;color:#fff!important;min-height:38px!important;margin-left:16px!important;}.cta-header:hover{background:var(--brand-hover)!important;}.language-switcher select{border-color:#cbd4d9!important;color:#263845;}
.hero{min-height:620px;padding:116px 0 94px;background:linear-gradient(90deg,rgba(5,20,34,.98) 0%,rgba(5,20,34,.91) 44%,rgba(5,20,34,.54) 70%,rgba(5,20,34,.22) 100%),url("../assets/optimized/recycling-hero-v2.jpg") 68% center/cover no-repeat;}.hero::before{opacity:.24;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:56px 56px;}.hero-inner{display:block;}.hero h2{max-width:760px;font-size:clamp(42px,4.6vw,68px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin-bottom:25px;}.hero h2 span{color:#f5d39a;}.hero p{max-width:620px;color:#d8e1e7;font-size:17px;line-height:1.8;margin-bottom:34px;}.hero-buttons{gap:10px;}.hero-buttons .btn{min-height:50px;padding:14px 22px;}.hero-buttons .btn-primary{background:var(--gold);color:#1b2a35;box-shadow:none;}.hero-buttons .btn-outline{border-color:rgba(255,255,255,.7);background:transparent;}.hero-wechat{margin-top:34px;padding:9px 16px 9px 9px;background:rgba(2,12,21,.52);border-color:rgba(199,155,84,.55)!important;backdrop-filter:blur(4px);}.hero-wechat img{width:84px;height:84px;flex-basis:84px;}.hero-wechat p{color:#f5d39a!important;}.hero-wechat a{font-size:19px;}.hero-stats,.hero-card{display:none!important;}
.section,.proof-section{padding:104px 0;}.section-alt,.proof-section{background:#f5f7f8;}.section-header{grid-template-columns:1fr minmax(280px,.75fr);gap:46px;padding-bottom:22px;border-color:#b9c5cc;margin-bottom:34px;}.section-header h2{padding-left:0;font-size:43px;font-weight:500;letter-spacing:-.04em;}.section-header h2::before{display:none;}.section-header p{font-size:16px;line-height:1.7;}.service-icon,.feature-icon,.category-item .icon{display:none!important;}.services-grid{grid-template-columns:1.05fr .95fr 1fr;border-color:var(--line);}.service-card{min-height:0;padding:34px 28px;background:#fff;transition:background .18s ease;}.service-card::before{display:none;}.service-card:hover{transform:none;box-shadow:none;background:#f7fafb;}.service-card h3{font-size:24px;font-weight:600;}.service-card p,.service-card li{font-size:15px;line-height:1.7;}.service-card li::before{content:"/";color:var(--gold);}.category-item{min-height:114px;padding:22px;background:#fff;}.category-item::after{display:none;}.category-item:hover{transform:none;box-shadow:none;background:#f7fafb;}.feature-item{min-height:0;padding:30px 26px;background:#fff!important;}.feature-item h4{font-size:20px;font-weight:600;}.feature-item p{font-size:15px;line-height:1.7;}
.proof-feature{background:var(--brand-deep);box-shadow:none;}.proof-feature__image{min-height:430px;}.proof-feature__image::after{background:linear-gradient(90deg,transparent 35%,rgba(7,26,43,.85));}.proof-feature__copy{padding:58px 52px;}.proof-feature__copy h3{font-size:36px;font-weight:500;letter-spacing:-.035em;}.proof-feature__copy .btn{background:var(--gold);}.proof-gallery{gap:1px;margin:1px 0 42px;background:var(--line);}.proof-gallery figure{min-height:360px;background:#fff;}.proof-gallery figcaption{font-size:16px;font-weight:500;}.proof-videos{gap:1px;background:var(--line);}.proof-video{background:#fff;border:0!important;padding:20px;}.proof-video h3{font-weight:600;}
.steps{padding:0;background:var(--brand-deep);}.steps::before{display:none;}.step,.step:not(:last-child),.step:first-child{padding:32px 26px;border-color:rgba(255,255,255,.16);}.step-num{color:#f5d39a;font-size:14px;}.step h4{font-size:18px;font-weight:600;}.cta-section{padding:88px 0;background:var(--brand)!important;}.cta-section::before{display:none;}.cta-section h2{font-size:42px;font-weight:500;letter-spacing:-.04em;}.cta-section .btn{background:#f5d39a;color:#1b2a35;}.cta-section .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.7);}
footer{background:#07131f;padding-top:66px;}.footer-col h4{color:#f5d39a;letter-spacing:.04em;}.footer-col p,.footer-col a,.footer-contact li{color:#c5d0d6;}
@media(max-width:992px){.hero{min-height:auto;padding:84px 0 76px;}.section-header{grid-template-columns:1fr;gap:14px;}.services-grid{grid-template-columns:repeat(2,1fr);}.proof-feature__copy{padding:40px 32px;}}
@media(max-width:768px){.hero{padding:66px 0 58px;}.hero h2{font-size:39px;}.hero p{font-size:16px;}.section,.proof-section{padding:68px 0;}.section-header h2,.cta-section h2{font-size:33px;}.services-grid{grid-template-columns:1fr;}.proof-gallery{gap:1px;}.proof-gallery figure{min-height:280px;}.cta-section{padding:62px 0;}}

/* Visual campaign layer: original electronic-recovery illustration */
:root{--night:#06152e;--night-2:#0a2550;--cyan:#28d7d0;--gold:#f4bd58;--mist:#dceaff;}
.hero{isolation:isolate;min-height:690px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,13,31,.98) 0%,rgba(3,13,31,.94) 38%,rgba(3,13,31,.5) 68%,rgba(3,13,31,.15) 100%),url("../assets/optimized/recycling-hero-v2.jpg") center center/cover no-repeat;border-bottom:0;}
.hero::before{z-index:-1;background-image:linear-gradient(90deg,rgba(40,215,208,.12) 1px,transparent 1px),linear-gradient(rgba(40,215,208,.09) 1px,transparent 1px);background-size:48px 48px;opacity:.62;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 46%,transparent 76%);}
.hero-inner{width:100%;}.hero h2{color:#fff;max-width:680px;text-shadow:0 8px 30px rgba(0,0,0,.28);}.hero h2 span{color:var(--gold);}.hero p{color:#d9e8ff;max-width:610px;}
.hero-buttons .btn-primary{background:var(--gold);color:var(--night);font-weight:600;box-shadow:0 12px 30px rgba(244,189,88,.22);}.hero-buttons .btn-primary:hover{background:#ffd27c;color:var(--night);}.hero-buttons .btn-outline{border-color:rgba(255,255,255,.72);background:rgba(7,28,60,.34);color:#fff;backdrop-filter:blur(8px);}.hero-buttons .btn-outline:hover{background:rgba(40,215,208,.15);border-color:var(--cyan);}
.hero-stats{border-color:rgba(255,255,255,.24);}.hero-stat{border-color:rgba(255,255,255,.2);}.hero-stat .num{color:var(--cyan);text-shadow:0 0 20px rgba(40,215,208,.3);}.hero-stat .label{color:#d9e8ff;}
.hero-card{position:relative;overflow:hidden;margin-top:30px;background:linear-gradient(145deg,rgba(8,31,68,.88),rgba(10,63,112,.64));border:1px solid rgba(159,209,255,.32);border-top:3px solid var(--cyan);box-shadow:0 24px 70px rgba(0,0,0,.26);backdrop-filter:blur(13px);}.hero-card::after{content:"";position:absolute;width:180px;height:180px;right:-88px;bottom:-95px;border:1px solid rgba(40,215,208,.52);border-radius:50%!important;box-shadow:0 0 0 24px rgba(40,215,208,.05),0 0 0 48px rgba(40,215,208,.035);}.hero-card h3{position:relative;z-index:1;color:#fff;}.hero-card-form{position:relative;z-index:1;}.hero-card-form input,.hero-card-form textarea{background:rgba(255,255,255,.94);border-bottom:2px solid transparent;}.hero-card-form input:focus,.hero-card-form textarea:focus{outline-color:var(--cyan);}.hero-card-form .btn{background:var(--cyan);color:var(--night);font-weight:600;}.hero-card-form .btn:hover{background:#7bf1ec;}

/* Carry the material palette through the storytelling sections */
.section-header h2{position:relative;padding-left:22px;}.section-header h2::before{content:"";position:absolute;left:0;top:.13em;width:4px;height:1.55em;background:linear-gradient(var(--cyan),var(--brand));}
.services-grid{border-color:#d8e3f1;}.service-card{position:relative;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,background .24s ease;}.service-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--cyan),var(--brand));transform:scaleY(0);transform-origin:bottom;transition:transform .24s ease;}.service-card:hover{background:linear-gradient(135deg,#f8fcff,#e7f4ff);transform:translateY(-6px);box-shadow:0 16px 36px rgba(5,47,101,.12);}.service-card:hover::before{transform:scaleY(1);}
.service-icon,.feature-icon,.category-item .icon{display:flex;background:transparent!important;width:auto;height:auto;margin:0 0 18px;border-radius:0!important;font-size:30px;filter:drop-shadow(0 5px 10px rgba(10,45,91,.16));}.feature-icon{margin:0 0 14px;}.category-item .icon{font-size:24px;margin:0 0 12px;}
.category-item{position:relative;overflow:hidden;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;}.category-item::after{content:"";position:absolute;width:72px;height:72px;right:-32px;top:-32px;border:1px solid rgba(15,98,254,.18);border-radius:50%!important;}.category-item:hover{background:#f2fbfa;transform:translateY(-4px);box-shadow:0 10px 24px rgba(5,47,101,.1);}
.section-alt{background:linear-gradient(180deg,#eef6ff 0%,#f7fbff 100%);}.features-grid{border-color:#d8e3f1;}.feature-item{background:linear-gradient(145deg,#fff,#f5faff);}.feature-item:nth-child(2n){background:linear-gradient(145deg,#f2fbfa,#fff);}
.steps{position:relative;overflow:hidden;padding:30px 0;background:linear-gradient(90deg,#071a38,#0c3970);border:0;}.steps::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(40,215,208,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(40,215,208,.12) 1px,transparent 1px);background-size:36px 36px;opacity:.45;}.step{position:relative;z-index:1;}.step:not(:last-child){border-color:rgba(255,255,255,.18);}.step-num{color:var(--cyan);font-size:26px;}.step h4{color:#fff;}.step p{color:#c7dbf5;}
.cta-section{position:relative;overflow:hidden;background:linear-gradient(110deg,#0b2d65,#0f62fe 55%,#13a7bd);}.cta-section::before{content:"";position:absolute;width:460px;height:460px;right:-120px;top:-240px;border:1px solid rgba(255,255,255,.36);border-radius:50%!important;box-shadow:0 0 0 42px rgba(255,255,255,.06),0 0 0 86px rgba(255,255,255,.04);}.cta-section .container{position:relative;z-index:1;}.cta-section .btn{background:var(--gold);color:var(--night);font-weight:600;}.cta-section .btn:hover{background:#ffd27c;}
@media(max-width:992px){.hero{min-height:auto;background-position:62% center;}.hero-card{margin-top:0;max-width:560px;}.hero::before{mask-image:none;}.steps{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.hero{padding:64px 0 56px;background:linear-gradient(180deg,rgba(3,13,31,.93),rgba(3,13,31,.85)),url("../assets/optimized/recycling-hero-v2.jpg") 64% center/auto 100% no-repeat;}.hero h2{font-size:38px;}.hero p{font-size:16px;}.hero-card{margin-top:28px;padding:24px 20px;}.service-icon,.feature-icon,.category-item .icon{display:flex;}.steps{padding:8px 0;}.step,.step:not(:last-child),.step:first-child{padding:22px 0;border-color:rgba(255,255,255,.18);}.section-header h2{padding-left:16px;}}

/* Insights hub and RFQ intake */
.eyebrow,.article-label{margin:0 0 12px;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.page-banner--rfq{background:linear-gradient(110deg,#071a38,#0c3970);border:0;}.page-banner--rfq h2,.page-banner--rfq p{color:#fff;}.page-banner--rfq p:not(.eyebrow){max-width:720px;color:#d9e8ff;}.page-banner--rfq .eyebrow{color:var(--cyan);}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8e3f1;border:1px solid #d8e3f1;}.insight-card{display:flex;min-height:320px;flex-direction:column;align-items:flex-start;padding:32px 28px;background:#fff;}.insight-card__meta{margin:0 0 18px;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.08em;}.insight-card h3{margin:0 0 16px;color:var(--ink);font-size:24px;line-height:1.35;font-weight:600;}.insight-card > p:not(.insight-card__meta){margin:0 0 24px;color:var(--muted);line-height:1.7;}.insight-card a,.text-link{margin-top:auto;color:var(--brand);font-weight:700;text-decoration:none;}.insight-card a:hover,.text-link:hover{color:#0f62fe;}.insight-card .region-entry-rfq{margin-top:10px;color:#c45100;}.insight-card .region-entry-rfq:hover,.insight-card .region-entry-rfq:focus-visible{color:#9a3c00;}.insights-cta{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;margin-top:40px;padding:46px 48px;background:#071a38;color:#fff;}.insights-cta h2{margin:0 0 12px;font-size:34px;line-height:1.25;}.insights-cta > div > p:not(.proof-kicker){margin:0;color:#d9e8ff;line-height:1.7;}.insights-cta .btn{background:var(--gold);color:var(--night);font-weight:700;white-space:nowrap;}
.article-detail{max-width:820px;margin:0 auto;}.article-cover{margin:0 0 32px;overflow:hidden;background:#eaf2fc;border:1px solid var(--line);}.article-cover img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;}.article-cover figcaption{padding:10px 14px;color:var(--muted);font-size:13px;}.article-lead{margin:0 0 34px!important;color:#273c4e!important;font-size:20px!important;line-height:1.75!important;}.article-action{margin-top:46px;padding:32px;background:#eef6ff;border-left:4px solid var(--brand);}.article-action h2{margin-top:0!important;}.article-action .btn{margin-top:12px;background:var(--brand);}.article-related{margin-top:32px;padding:24px;background:#f8fbff;border:1px solid var(--line);border-radius:12px;}.article-related h2{margin:0 0 8px;font-size:22px;}.article-related p{margin:0 0 16px;color:var(--muted);}.article-related .directory-nav{justify-content:flex-start;gap:10px;}.article-related .directory-nav a{font-size:14px;}.faq-update-entry{margin:24px 0 30px;padding:22px 24px;background:#f8fbff;border:1px solid var(--line);border-radius:12px;}.faq-update-entry h2{margin:0 0 8px;font-size:22px;}.faq-update-entry p{margin:0 0 14px;color:var(--muted);}
.rfq-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:34px;align-items:start;}.rfq-form{padding:42px;background:#fff;border:1px solid #d8e3f1;}.section-title--compact{margin-bottom:30px;}.section-title--compact h2{margin:0 0 12px;font-size:34px;line-height:1.25;color:var(--ink);}.section-title--compact > p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.7;}.rfq-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;}.rfq-form label{display:flex;flex-direction:column;gap:8px;color:var(--ink);font-size:14px;font-weight:700;}.rfq-form input,.rfq-form select,.rfq-form textarea{width:100%;padding:12px 14px;box-sizing:border-box;border:1px solid #bccbd5;background:#fff;color:var(--ink);font:400 15px/1.5 inherit;}.rfq-form textarea{resize:vertical;min-height:176px;}.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand);}.rfq-field-wide{grid-column:1/-1;}.rfq-consent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;margin:24px 0;line-height:1.5;font-weight:400!important;color:var(--muted)!important;}.rfq-consent input{width:16px!important;height:16px;margin-top:3px;flex:0 0 16px;}.rfq-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}.rfq-actions .btn{margin:0;}.rfq-result{margin-top:22px;padding:18px 20px;background:#eef6ff;border-left:4px solid var(--brand);}.rfq-result p{margin:0 0 8px;color:#203647;line-height:1.6;}.rfq-result a{color:var(--brand);font-weight:700;}.rfq-aside{display:grid;gap:18px;position:sticky;top:92px;}.rfq-contact-card{padding:32px 28px;background:#071a38;color:#fff;}.rfq-contact-card h2{margin:0 0 24px;font-size:29px;line-height:1.3;}.rfq-contact-card .eyebrow{color:var(--cyan);}.rfq-steps{display:grid;gap:12px;margin:0 0 26px;padding:0;list-style-position:inside;color:#d9e8ff;line-height:1.6;}.rfq-contact-card .text-link{display:inline-block;margin:0;color:#fff;font-size:16px;overflow-wrap:anywhere;}.rfq-phone{margin:12px 0 0;color:#d9e8ff;}.rfq-phone a{color:var(--gold);font-weight:700;text-decoration:none;}.rfq-aside .wechat-card{margin:0;align-items:center;}.rfq-aside .wechat-card img{width:118px;height:118px;flex-basis:118px;}.rfq-aside .wechat-card div{display:flex;flex-direction:column;gap:7px;}.rfq-aside .wechat-card strong{font-size:16px;}.rfq-aside .wechat-card span{color:#d9e8ff;font-size:13px;line-height:1.6;}
@media(max-width:992px){.insights-grid{grid-template-columns:1fr;}.insights-cta,.rfq-layout{grid-template-columns:1fr;}.rfq-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}.insights-cta{padding:36px;}.rfq-form{padding:34px 30px;}}
@media(max-width:640px){.insights-cta{gap:22px;padding:28px 22px;}.insights-cta h2,.section-title--compact h2{font-size:29px;}.rfq-form{padding:28px 20px;}.rfq-form-grid,.rfq-aside{grid-template-columns:1fr;}.rfq-contact-card{padding:28px 22px;}.article-lead{font-size:18px!important;}.insight-card{min-height:0;padding:28px 22px;}}

/* Bright green technology / circular-economy direction */
:root{--brand:#16803c;--brand-hover:#0f6630;--brand-deep:#123c25;--ink:#173126;--muted:#51685a;--surface:#f1f8f2;--line:#d4e4d7;--gold:#69b87c;--cyan:#2b9b57;--night:#123c25;--night-2:#1d6138;}
body{background:#fff;color:var(--ink);}
.top-bar{background:#f2f8f2;color:#4a6251;border-bottom:1px solid #d9e8dc;}.top-bar a,.top-bar .top-contact-trigger,.top-phone{color:#28523a!important;}.top-bar a:hover,.top-bar .top-contact-trigger:hover{color:var(--brand)!important;}.top-contact-popover{background:#17462a;border-color:#69b87c!important;}.top-contact-popover b{color:#bce9c8;}.top-contact-popover strong,.top-contact-popover em{color:#fff;}
header{background:rgba(255,255,255,.97)!important;}.header-inner{min-height:74px;}.logo-icon,.cta-header{background:var(--brand)!important;}.logo-text h1,nav.main-nav a{color:#18352a;}nav.main-nav a{white-space:nowrap;}nav.main-nav a:hover,nav.main-nav a.active{color:var(--brand);border-bottom-color:var(--brand)!important;}.cta-header:hover{background:var(--brand-hover)!important;}.language-switcher select{border-color:#c9ddce!important;color:#28523a;}
.hero{min-height:660px;padding:104px 0 80px;background:linear-gradient(90deg,#f9fffa 0%,rgba(249,255,250,.98) 38%,rgba(240,251,242,.72) 58%,rgba(240,251,242,.10) 100%),url("../assets/optimized/green-circular-hero.jpg") right center/cover no-repeat!important;border-bottom:1px solid #d4e4d7;}.hero::before{z-index:0;opacity:.65;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.62) 42%,transparent 76%);background-image:linear-gradient(rgba(22,128,60,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(22,128,60,.12) 1px,transparent 1px);background-size:42px 42px;}.hero-inner{position:relative;z-index:1;display:block;}.hero h2{max-width:690px;color:#163526;font-size:clamp(42px,4.6vw,66px);font-weight:600;line-height:1.11;text-shadow:none;}.hero h2 span{color:var(--brand);}.hero p{max-width:590px;color:#4f6756;font-size:17px;line-height:1.75;}.hero-kicker{margin:0 0 18px!important;color:#16803c!important;font-size:12px!important;font-weight:800!important;letter-spacing:.16em;}.hero-buttons .btn-primary{background:var(--brand);color:#fff;box-shadow:0 12px 24px rgba(22,128,60,.16);}.hero-buttons .btn-primary:hover{background:var(--brand-hover);color:#fff;}.hero-buttons .btn-outline{border-color:#408a5b;background:rgba(255,255,255,.75);color:#17653a;backdrop-filter:none;}.hero-buttons .btn-outline:hover{background:#e4f5e8;border-color:var(--brand);color:#155d33;}
.hero-wechat{margin-top:30px;background:rgba(255,255,255,.89);border-color:#a9d8b4!important;box-shadow:0 12px 30px rgba(18,76,38,.10);backdrop-filter:blur(8px);}.hero-wechat img{border-color:#b1d8ba!important;}.hero-wechat p{color:#16803c!important;}.hero-wechat a{color:#17462a!important;}.hero-wechat a:hover{color:var(--brand)!important;}.hero-wechat span{color:#5b735f;}.hero-data{display:flex;gap:0;margin-top:30px;border-top:1px solid #b9d9c0;max-width:590px;}.hero-data span{padding:15px 20px 0 0;margin-right:20px;border-right:1px solid #c9e0cd;color:#4c6855;font-size:13px;}.hero-data span:last-child{border:0;}.hero-data b{display:block;margin-bottom:4px;color:#16803c;font-size:12px;letter-spacing:.1em;}
.section-alt,.proof-section{background:linear-gradient(180deg,#f5fbf6 0%,#fff 100%);}.section-header{border-color:#bed9c4;}.section-header h2{color:#173126;}.section-header h2::before{background:linear-gradient(#58b875,#16803c);}.services-grid,.categories-grid,.features-grid{border-color:#d4e4d7;}.service-card,.category-item,.feature-item{border-color:#d4e4d7;}.service-card:hover,.category-item:hover{background:#eef9f0;box-shadow:0 12px 28px rgba(18,98,46,.08);}.service-card::before{background:linear-gradient(#61c27f,#16803c);}.service-card li::before{color:#16803c;}.service-card a[style]{color:#16803c!important;}.feature-item:nth-child(2n),.feature-item{background:#fff!important;}
.proof-feature{background:#fff;color:#173126;box-shadow:0 18px 48px rgba(21,84,43,.10);}.proof-feature__image::after{background:linear-gradient(90deg,transparent 45%,rgba(20,79,39,.45));}.proof-feature__copy h3{color:#173126;}.proof-feature__copy > p:not(.proof-kicker){color:#526b59;}.proof-kicker{color:#16803c!important;}.proof-feature__copy .btn{background:var(--brand);color:#fff;}.proof-feature__copy .btn:hover{background:var(--brand-hover);}.proof-gallery{background:#cbe1d0;}.proof-gallery figure::after{background:linear-gradient(transparent,rgba(12,64,31,.72));}.proof-videos{background:#d4e4d7;}.proof-video{background:#fff;}.proof-video video{background:#e8f5ea;}
.steps{background:#e9f6eb;border:1px solid #cfe3d3;}.steps::before{opacity:.32;background-image:linear-gradient(rgba(22,128,60,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(22,128,60,.13) 1px,transparent 1px);}.step,.step:not(:last-child),.step:first-child{border-color:#c7dfcc;}.step-num{color:#16803c;}.step h4{color:#173126;}.step p{color:#526b59;}.cta-section{background:linear-gradient(115deg,#14763a,#238a4b 62%,#4daf69)!important;}.cta-section::before{opacity:.45;}.cta-section .btn{background:#fff;color:#17653a;}.cta-section .btn-outline{color:#fff;border-color:rgba(255,255,255,.76);background:transparent;}
.wechat-card{background:linear-gradient(135deg,#f5fcf6,#e7f6e9);border-color:#a7d5b0!important;color:#173126;box-shadow:0 14px 28px rgba(17,91,40,.1);}.wechat-card h4{color:#173126!important;}.wechat-card__eyebrow{color:#16803c!important;}.wechat-card p:not(.wechat-card__eyebrow){color:#526b59!important;}.wechat-card img{border-color:#bbddc1!important;}.page-banner--rfq{background:linear-gradient(110deg,#1b6b38,#4aa868);}.insights-cta,.rfq-contact-card{background:#17462a;}.rfq-aside .wechat-card span,.rfq-phone{color:#526b59;}.rfq-phone a{color:#16803c;}
footer{background:#123c25;}.footer-col h4{color:#bce9c8;}.footer-col p,.footer-col a,.footer-contact li{color:#d2e7d7;}
@media(max-width:1100px){.container{padding:0 24px;}nav.main-nav a{padding:0 10px;font-size:13px;}.cta-header{margin-left:8px!important;padding:10px 12px!important;}.language-switcher{margin-left:8px;}}
@media(max-width:768px){.hero{min-height:0;padding:66px 0 58px;background:linear-gradient(180deg,rgba(250,255,251,.97),rgba(239,250,241,.91)),url("../assets/optimized/green-circular-hero.jpg") 70% center/cover no-repeat!important;}.hero::before{mask-image:none;opacity:.32;}.hero h2{font-size:38px;}.hero-data{display:grid;grid-template-columns:repeat(3,1fr);}.hero-data span{margin-right:10px;padding-right:10px;font-size:12px;}.hero-wechat{width:100%;}.proof-feature__copy{padding:34px 24px;}.steps{padding:8px 0;}.step,.step:not(:last-child),.step:first-child{border-color:#c7dfcc;}.cta-section{padding:62px 0;}}

/* Bright illustrated technology direction */
:root{--brand:#0d5eff;--brand-hover:#084bd1;--brand-deep:#173b88;--ink:#1d2e4a;--muted:#60708a;--surface:#f5f9ff;--line:#dce6f4;--gold:#ffba2e;--cyan:#08bcd4;--night:#173b88;--night-2:#2757b6;}
body{background:#fff;color:var(--ink);}
.top-bar{background:#fff;color:#65758b;border-bottom:1px solid #e5edf8;}.top-bar a,.top-bar .top-contact-trigger,.top-phone{color:#355171!important;}.top-bar a:hover,.top-bar .top-contact-trigger:hover{color:var(--brand)!important;}.top-contact-popover{background:#fff;border-color:#b8d4ff!important;box-shadow:0 18px 42px rgba(24,80,170,.16);}.top-contact-popover strong{color:#1d2e4a;}.top-contact-popover b{color:#0d5eff;}.top-contact-popover em{color:#60708a;}
header{background:rgba(255,255,255,.97)!important;border-bottom-color:#e0e9f5!important;}.logo-icon,.cta-header{background:var(--brand)!important;}.logo-text h1,nav.main-nav a{color:#1d2e4a;}nav.main-nav a:hover,nav.main-nav a.active{color:var(--brand);border-bottom-color:var(--brand)!important;}.cta-header:hover{background:var(--brand-hover)!important;}.language-switcher select{border-color:#d5e2f4!important;color:#355171;}
.hero{min-height:676px;padding:98px 0 80px;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.96) 37%,rgba(255,255,255,.48) 59%,rgba(255,255,255,.05) 100%),url("../assets/optimized/bright-circular-recovery-hero.jpg") center/cover no-repeat!important;border-bottom:1px solid #dce6f4;}.hero::before{z-index:0;opacity:.5;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.62) 43%,transparent 75%);background-image:linear-gradient(rgba(13,94,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(13,94,255,.11) 1px,transparent 1px);background-size:42px 42px;}.hero-inner{position:relative;z-index:1;display:block;}.hero h2{max-width:650px;color:#1d2e4a;font-size:clamp(42px,4.6vw,66px);font-weight:600;line-height:1.1;text-shadow:none;}.hero h2 span{color:#0d5eff;}.hero p{max-width:570px;color:#60708a;font-size:17px;line-height:1.75;}.hero-kicker{margin:0 0 18px!important;color:#0d5eff!important;font-size:12px!important;font-weight:800!important;letter-spacing:.16em;}.hero-buttons .btn-primary{background:#0d5eff;color:#fff;box-shadow:0 12px 25px rgba(13,94,255,.18);}.hero-buttons .btn-primary:hover{background:#084bd1;color:#fff;}.hero-buttons .btn-outline{border-color:#8db5fa;background:rgba(255,255,255,.78);color:#0d5eff;backdrop-filter:none;}.hero-buttons .btn-outline:hover{background:#e9f2ff;border-color:#0d5eff;color:#084bd1;}
.hero-wechat{margin-top:30px;background:rgba(255,255,255,.9);border-color:#c5dafe!important;box-shadow:0 12px 30px rgba(30,93,196,.10);backdrop-filter:blur(8px);}.hero-wechat img{border-color:#c7dcff!important;}.hero-wechat p{color:#0d5eff!important;}.hero-wechat a{color:#1d2e4a!important;}.hero-wechat a:hover{color:#0d5eff!important;}.hero-wechat span{color:#60708a;}.hero-data{display:flex;gap:0;margin-top:30px;border-top:1px solid #cbdcf6;max-width:570px;}.hero-data span{padding:15px 20px 0 0;margin-right:20px;border-right:1px solid #d8e5f8;color:#60708a;font-size:13px;}.hero-data span:last-child{border:0;}.hero-data b{display:block;margin-bottom:4px;color:#0d5eff;font-size:12px;letter-spacing:.1em;}
.section-alt,.proof-section{background:linear-gradient(180deg,#f6faff 0%,#fff 100%);}.section-header{border-color:#cad9ef;}.section-header h2{color:#1d2e4a;}.section-header h2::before{background:linear-gradient(#08bcd4,#0d5eff);}.services-grid,.categories-grid,.features-grid{border-color:#dce6f4;}.service-card,.category-item,.feature-item{border-color:#dce6f4;}.service-card:hover,.category-item:hover{background:#f3f8ff;box-shadow:0 12px 28px rgba(21,92,199,.08);}.service-card::before{background:linear-gradient(#08bcd4,#0d5eff);}.service-card li::before{color:#0d5eff;}.service-card a[style]{color:#0d5eff!important;}.feature-item:nth-child(2n),.feature-item{background:#fff!important;}
.proof-feature{background:#fff;color:#1d2e4a;box-shadow:0 18px 48px rgba(27,87,178,.10);}.proof-feature__image::after{background:linear-gradient(90deg,transparent 44%,rgba(36,104,226,.30));}.proof-feature__copy h3{color:#1d2e4a;}.proof-feature__copy > p:not(.proof-kicker){color:#60708a;}.proof-kicker{color:#0d5eff!important;}.proof-feature__copy .btn{background:#0d5eff;color:#fff;}.proof-feature__copy .btn:hover{background:#084bd1;}.proof-gallery{background:#d9e5f5;}.proof-gallery figure::after{background:linear-gradient(transparent,rgba(22,69,153,.66));}.proof-videos{background:#dce6f4;}.proof-video{background:#fff;}.proof-video video{background:#edf5ff;}
.steps{background:#f3f8ff;border:1px solid #d7e4f6;}.steps::before{opacity:.32;background-image:linear-gradient(rgba(13,94,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(13,94,255,.11) 1px,transparent 1px);}.step,.step:not(:last-child),.step:first-child{border-color:#cfdef3;}.step-num{color:#0d5eff;}.step h4{color:#1d2e4a;}.step p{color:#60708a;}.cta-section{background:linear-gradient(115deg,#0d5eff,#2279ef 60%,#08bcd4)!important;}.cta-section .btn{background:#fff;color:#0d5eff;}.cta-section .btn-outline{color:#fff;border-color:rgba(255,255,255,.76);background:transparent;}
.wechat-card{background:linear-gradient(135deg,#f8fbff,#edf5ff);border-color:#c5dafe!important;color:#1d2e4a;box-shadow:0 14px 28px rgba(21,92,199,.10);}.wechat-card h4{color:#1d2e4a!important;}.wechat-card__eyebrow{color:#0d5eff!important;}.wechat-card p:not(.wechat-card__eyebrow){color:#60708a!important;}.wechat-card img{border-color:#c7dcff!important;}.page-banner--rfq{background:linear-gradient(110deg,#0d5eff,#08bcd4);}.insights-cta,.rfq-contact-card{background:#173b88;}.rfq-aside .wechat-card span,.rfq-phone{color:#60708a;}.rfq-phone a{color:#0d5eff;}
footer{background:#173b88;}.footer-col h4{color:#fff;}.footer-col p,.footer-col a,.footer-contact li{color:#dce8ff;}
@media(max-width:768px){.hero{min-height:0;padding:66px 0 58px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,250,255,.90)),url("../assets/optimized/bright-circular-recovery-hero.jpg") 70% center/cover no-repeat!important;}.hero::before{mask-image:none;opacity:.27;}.hero h2{font-size:38px;}.hero-data{display:grid;grid-template-columns:repeat(3,1fr);}.hero-data span{margin-right:10px;padding-right:10px;font-size:12px;}.hero-wechat{width:100%;}.proof-feature__copy{padding:34px 24px;}.steps{padding:8px 0;}.step,.step:not(:last-child),.step:first-child{border-color:#cfdef3;}.cta-section{padding:62px 0;}}

/* QR preview */
.hero-wechat{overflow:visible;}.hero-wechat img{position:relative;z-index:1;cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease;}.hero-wechat img:hover{z-index:8;transform:scale(2.15);transform-origin:left bottom;box-shadow:0 18px 38px rgba(18,56,126,.26);cursor:zoom-out;}
@media(max-width:768px){.hero-wechat img:hover{transform:scale(1.65);transform-origin:left center;}}

/* Keep the hero contact card on the open image side on desktop while
   returning it to the normal flow on narrow screens. The number remains a
   first-class tel link so a tap/click starts the device's call flow. */
@media(min-width:769px){.hero-wechat{margin-left:auto;margin-right:0;}}
@media(max-width:768px){.hero-wechat{margin-left:0;margin-right:0;}}

/* Real operation imagery in service, category, process, and trust sections */
.service-card{display:flex;flex-direction:column;}.service-icon,.feature-icon{display:none!important;}.service-card-media{width:100%;height:164px;margin:0 0 24px;overflow:hidden;background:#eaf2fc;}.service-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease;}.service-card:hover .service-card-media img{transform:scale(1.035);}
.category-feature{display:grid;grid-template-columns:minmax(300px,.86fr) 1.14fr;align-items:stretch;min-height:230px;margin:0 0 34px;background:#fff;border:1px solid #dce6f4;overflow:hidden;}.category-feature img{width:100%;height:100%;min-height:230px;object-fit:cover;}.category-feature figcaption{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:34px 38px;background:linear-gradient(135deg,#fff,#f4f8ff);}.category-feature strong{font-size:26px;color:#1d2e4a;}.category-feature span{max-width:480px;color:#60708a;font-size:16px;line-height:1.75;}
.step{display:flex;flex-direction:column;}.step-media{width:100%;height:116px;margin:0 0 20px;overflow:hidden;background:#eaf2fc;}.step-media img{display:block;width:100%;height:100%;object-fit:cover;}.step-num{order:-2;}.step-media{order:-1;}.step h4{margin-top:auto;}
.feature-item{display:grid!important;grid-template-columns:110px 1fr;gap:20px;align-items:start;}.feature-media{width:110px;height:108px;margin:0;overflow:hidden;background:#eaf2fc;}.feature-media img{display:block;width:100%;height:100%;object-fit:cover;}.feature-item h4{margin-top:2px;}
.cta-section .btn-outline{background:#fff!important;color:#0d5eff!important;border-color:#fff!important;}.cta-section .btn-outline:hover{background:#edf4ff!important;color:#084bd1!important;}
@media(max-width:992px){.category-feature{grid-template-columns:1fr 1fr;}.step-media{height:104px;}.feature-item{grid-template-columns:96px 1fr;}.feature-media{width:96px;height:96px;}}
@media(max-width:768px){.service-card-media{height:190px;}.category-feature{grid-template-columns:1fr;}.category-feature img{min-height:190px;height:190px;}.category-feature figcaption{padding:26px 22px;}.category-feature strong{font-size:23px;}.step-media{height:178px;}.feature-item{grid-template-columns:104px 1fr;gap:16px;}.feature-media{width:104px;height:100px;}}

/* Page-specific photorealistic service imagery */
.page-visual{position:relative;margin:28px 0 34px;border:1px solid #dce6f4;background:#f7faff;overflow:hidden;}
.page-visual img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;}
.page-visual figcaption,.rfq-visual figcaption{position:absolute;right:14px;bottom:12px;margin:0;padding:5px 9px;background:rgba(255,255,255,.88);color:#60708a;font-size:12px;line-height:1.2;}
.page-visual--contact{max-width:900px;margin-right:auto;margin-left:auto;}
.article-cover-wrap{padding-top:34px;}
.article-cover-wrap .page-visual{max-width:900px;margin-right:auto;margin-left:auto;}
.insight-card__media{width:calc(100% + 56px);height:174px;margin:-32px -28px 26px;overflow:hidden;background:#eaf2fc;}
.insight-card__media img{display:block;width:100%;height:100%;object-fit:cover;}
.rfq-visual{position:relative;margin:0;overflow:hidden;background:#eaf2fc;}
.rfq-visual img{display:block;width:100%;height:172px;object-fit:cover;}
@media(max-width:768px){.page-visual{margin:22px 0 28px;}.page-visual img{aspect-ratio:16/9;}.article-cover-wrap{padding-top:22px;}.insight-card__media{width:calc(100% + 44px);height:190px;margin:-28px -22px 24px;}.rfq-visual img{height:196px;}}

/* Photorealistic component imagery for the category grid */
.category-item{display:flex;flex-direction:column;min-height:0;padding:18px;}
.category-media{width:100%;height:132px;margin:0 0 16px;overflow:hidden;background:#eef4fb;}
.category-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease;}
.category-item:hover .category-media img{transform:scale(1.04);}
.category-item h4{margin-top:auto;}
@media(max-width:768px){.category-item{padding:16px;}.category-media{height:174px;margin-bottom:14px;}}

/* Keep sidebar contact details legible on the light card background. */
.sidebar-card .footer-contact li{color:#111827;font-size:14px;font-weight:500;line-height:1.65;}
.sidebar-card .footer-contact .icon{color:#0d5eff;}

/* About-page advantage cards: copy on the left, contextual image on the right. */
.about-features .feature-item{grid-template-columns:minmax(0,1fr) 168px;gap:22px;align-items:center;min-height:198px;}
.about-features .about-feature-copy{min-width:0;}
.about-features .about-feature-media{width:168px;height:150px;margin:0;overflow:hidden;background:#eef4fb;}
.about-features .about-feature-media img{display:block;width:100%;height:100%;object-fit:cover;}
@media(max-width:640px){.about-features .feature-item{grid-template-columns:minmax(0,1fr) 126px;gap:14px;min-height:0;}.about-features .about-feature-media{width:126px;height:120px;}.about-features .feature-item h4{font-size:18px;}.about-features .feature-item p{font-size:14px;}}

/* Semantic heading updates: the visible page topic is the primary H1, not the logo. */
.logo-text .site-name{margin:0;font:inherit;font-size:19px;line-height:1.15;font-weight:600;letter-spacing:.04em;color:var(--ink);}
.page-banner h1{font-size:48px;line-height:1.2;font-weight:300;margin-bottom:12px;}
.hero h1.hero-title{max-width:650px;margin:0 0 25px;font-size:clamp(42px,4.6vw,66px);line-height:1.1;letter-spacing:-.045em;font-weight:600;}
.hero h1.hero-title span{color:#0d5eff;}
@media(max-width:768px){.page-banner h1{font-size:36px;}.hero h1.hero-title{font-size:38px;line-height:1.12;margin-bottom:22px;}}

/* Homepage intake routing: make the next action obvious without adding claims. */
.intake-section{background:#fff;}
.intake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.intake-card{display:flex;flex-direction:column;min-height:220px;padding:28px 26px;border:1px solid #dbe4ef;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f5f9fd 100%);box-shadow:0 10px 24px rgba(9,42,84,.06);}
.intake-card__eyebrow{color:var(--brand);font-size:12px;letter-spacing:.08em;font-weight:700;text-transform:uppercase;}
.intake-card h3{margin:12px 0 10px;color:var(--ink);font-size:22px;}
.intake-card p{flex:1;margin:0 0 20px;color:var(--muted);line-height:1.75;}
.intake-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;}
.intake-card-actions .text-link{margin-top:0;}
.intake-card .text-link{color:var(--brand);font-weight:700;text-decoration:none;}
.intake-card .text-link:hover,.intake-card .text-link:focus{text-decoration:underline;}
@media(max-width:800px){.intake-grid{grid-template-columns:1fr;}.intake-card{min-height:0;}}

/* Homepage answer block: concise AEO-friendly answers with one clear next step. */
.answer-section{background:#f8fbff;}
.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d8e3f1;border:1px solid #d8e3f1;}
.answer-card,.global-response-card{display:flex;min-height:238px;flex-direction:column;padding:28px 24px;background:#fff;}
.answer-card__eyebrow,.global-response-card__eyebrow{margin:0 0 10px;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.answer-card h3,.global-response-card h3{margin:0 0 12px;color:var(--ink);font-size:22px;line-height:1.4;font-weight:600;}
.answer-card p:not(.answer-card__eyebrow),.global-response-card p:not(.global-response-card__eyebrow){flex:1;margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.8;}
.answer-card .text-link,.global-response-card .text-link{margin-top:auto;color:var(--brand);font-weight:700;text-decoration:none;}
.answer-card .text-link:hover,.answer-card .text-link:focus,.global-response-card .text-link:hover,.global-response-card .text-link:focus{text-decoration:underline;}
@media(max-width:800px){.answer-grid{grid-template-columns:1fr;}.answer-card,.global-response-card{min-height:0;padding:24px 22px;}}
.global-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.global-material-card{display:flex;min-height:222px;flex-direction:column;padding:26px 24px;background:var(--surface);}
.global-material-card__eyebrow{margin:0 0 10px;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.08em;}
.global-material-card h3{margin:0 0 10px;color:var(--ink);font-size:20px;line-height:1.4;font-weight:600;}
.global-material-card p:not(.global-material-card__eyebrow){margin:0;color:var(--muted);font-size:14px;line-height:1.7;}
.global-material-card .text-link{margin-top:auto;padding-top:18px;color:var(--brand);font-weight:700;}
@media(max-width:900px){.global-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.global-material-grid{grid-template-columns:1fr;}.global-material-card{min-height:0;padding:24px 22px;}}

/* Hero proof links land on the heading rather than hiding it behind the fixed header. */
#intake-title,#service-title,#process-title,#directory-title{scroll-margin-top:132px;}
@media(max-width:768px){#intake-title,#service-title,#process-title,#directory-title{scroll-margin-top:72px;}}

/* Apply the same anchor offset to the service-directory sections beneath the fixed header. */
main.content-section > section[id],main.content-section > .container > section[id]{scroll-margin-top:132px;}
@media(max-width:768px){main.content-section > section[id],main.content-section > .container > section[id]{scroll-margin-top:72px;}}

/* The English navigation has one extra entry; keep its desktop row within the viewport. */
@media(min-width:769px){html[lang="en"] nav.main-nav a{padding-left:14px;padding-right:14px;}}

/* Homepage hero refinement: learn the competitor's information hierarchy without copying its identity or claims. */
.hero{min-height:700px;padding:112px 0 100px;background:linear-gradient(90deg,rgba(4,18,32,.96) 0%,rgba(4,18,32,.88) 40%,rgba(4,18,32,.54) 70%,rgba(4,18,32,.22) 100%),url("../assets/optimized/page-service-scenario.jpg") 68% center/cover no-repeat!important;}
.hero::before{opacity:.22;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 44%,transparent 78%);background-image:linear-gradient(rgba(40,215,208,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(40,215,208,.12) 1px,transparent 1px);background-size:48px 48px;}
.hero-title{max-width:760px!important;}
.hero h1.hero-title{color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.28);}
.hero h1.hero-title span{color:var(--gold)!important;}
.hero .hero-kicker{color:var(--cyan)!important;}
.hero-proof-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;max-width:780px;}
.hero-proof-pills a{display:inline-flex;align-items:center;min-height:42px;padding:0 17px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(7,28,60,.32);color:#fff;font-size:15px;font-weight:600;text-decoration:none;backdrop-filter:blur(6px);}
.hero-proof-pills a:hover,.hero-proof-pills a:focus-visible{border-color:#fff;background:rgba(7,28,60,.58);color:#fff;text-decoration:none;}
.hero-process{max-width:760px!important;margin:0 0 26px!important;color:#f5d39a!important;font-size:17px!important;font-weight:600!important;letter-spacing:.02em;}
.hero-process b{display:inline-block;margin:0 8px;color:var(--cyan);font-weight:700;}
.hero .hero-intro{color:#f1f6fb!important;max-width:720px;font-size:18px;line-height:1.8;text-shadow:0 2px 16px rgba(0,0,0,.28);}
.hero-identity{display:flex;flex-wrap:wrap;align-items:center;gap:0;max-width:820px;margin:-6px 0 18px!important;color:#d8e8f5!important;font-size:13px!important;line-height:1.6!important;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.28);}
.hero-identity strong{color:#fff;font-weight:700;}
.contact-address{margin:10px 0 8px;color:#0f3460;font-size:15px;font-style:normal;font-weight:700;line-height:1.65;}
.hero-sales-line{max-width:760px;margin:-2px 0 18px!important;color:#fff!important;font-size:16px!important;line-height:1.7!important;text-shadow:0 2px 14px rgba(0,0,0,.3);}
.hero-sales-line strong{color:var(--gold);font-weight:700;}
.hero-value-line{max-width:850px;margin:-6px 0 24px!important;color:#e4edf5!important;font-size:14px!important;line-height:1.8!important;letter-spacing:.01em;}
.hero-value-line strong{color:var(--gold);font-weight:700;}
.strength-strip{padding:30px 0 34px;background:#071a38;color:#fff;border-bottom:1px solid rgba(40,215,208,.22);}
.strength-strip .container{display:grid;grid-template-columns:minmax(250px,.72fr) 1.8fr;gap:28px;align-items:stretch;}
.strength-strip__intro{padding:8px 20px 8px 0;border-right:1px solid rgba(159,209,255,.25);}
.strength-strip__intro .proof-kicker{margin:0 0 8px;color:var(--cyan)!important;}
.strength-strip__intro h2{margin:0 0 8px;color:#fff;font-size:24px;line-height:1.35;letter-spacing:-.02em;}
.strength-strip__intro>p:last-child{margin:0;color:#cbdcf0;font-size:14px;line-height:1.7;}
.strength-strip__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;}
.strength-strip__actions .btn{min-height:40px;padding:9px 14px;font-size:13px;}
.strength-strip__actions .btn-primary{background:var(--gold);color:var(--night);}
.strength-strip__actions .btn-primary:hover,.strength-strip__actions .btn-primary:focus-visible{background:#ffd27c;color:var(--night);}
.strength-strip__actions .btn-outline{border-color:rgba(255,255,255,.68);color:#fff;background:rgba(7,28,60,.36);}
.strength-strip__actions .btn-outline:hover,.strength-strip__actions .btn-outline:focus-visible{border-color:#fff;background:rgba(40,215,208,.15);color:#fff;}
.strength-strip__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(159,209,255,.23);}
.strength-strip__grid article{padding:16px 16px 14px;background:rgba(10,43,83,.72);}
.strength-strip__grid article>span{display:block;margin-bottom:9px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.08em;}
.strength-strip__grid h3{margin:0 0 6px;color:#fff;font-size:16px;line-height:1.45;}
.strength-strip__grid p{margin:0;color:#d9e8f7;font-size:13px;line-height:1.65;}
@media(max-width:768px){
  .hero{min-height:0;padding:66px 0 58px;background:linear-gradient(180deg,rgba(3,13,31,.94),rgba(3,13,31,.84)),url("../assets/optimized/page-service-scenario.jpg") 68% center/cover no-repeat!important;}
  .hero-proof-pills{gap:8px;margin-bottom:18px;}
  .hero-proof-pills a{min-height:38px;padding:0 12px;font-size:13px;}
  .hero-process{font-size:15px!important;line-height:1.7!important;}
  .hero-process b{margin:0 4px;}
  .hero .hero-intro{font-size:16px;line-height:1.75;}
  .hero-identity{margin:-4px 0 15px!important;font-size:12px!important;line-height:1.55!important;}
  .hero-sales-line{font-size:15px!important;line-height:1.65!important;margin-bottom:16px!important;}
  .hero-value-line{font-size:13px!important;}
  .strength-strip{padding:24px 0 26px;}
  .strength-strip .container{display:block;}
  .strength-strip__intro{padding:0 0 18px;border-right:0;border-bottom:1px solid rgba(159,209,255,.25);}
  .strength-strip__intro h2{font-size:22px;}
  .strength-strip__actions{margin-top:15px;}
  .strength-strip__grid{grid-template-columns:1fr 1fr;margin-top:18px;}
  .strength-strip__grid article{padding:14px 12px;}
  .strength-strip__grid h3{font-size:15px;}
  .strength-strip__grid p{font-size:12px;line-height:1.6;}
}

/* At tablet widths the full desktop nav compresses the brand into a vertical strip.
   Switch to the existing accessible menu before that happens. */
@media (min-width:769px) and (max-width:1120px){
  .header-inner{padding:12px 20px;}
  .logo{min-width:0;}
  .logo-text{min-width:0;}
  .logo-text .site-name{white-space:nowrap;}
  .logo-text p:not(.site-name){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;}
  nav.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);flex-direction:column;align-items:stretch;padding:12px 20px;border-bottom:1px solid var(--line);box-shadow:0 8px 18px rgba(5,27,61,.12);}
  nav.main-nav.open{display:flex;}
  nav.main-nav a{width:100%;height:48px;padding:0 16px;display:flex;align-items:center;}
  .mobile-menu-btn{display:block;}
}

/* Keep the brand block readable before the full navigation can fit.
   Without this intermediate breakpoint, a medium desktop viewport may
   shrink the logo text into a narrow vertical strip while the nav remains
   visible. The same accessible menu used on tablet widths is clearer for
   visitors and keeps the primary RFQ action reachable. */
@media (min-width:1121px) and (max-width:1320px){
  .header-inner{padding:12px 20px;}
  .logo{flex:0 0 auto;}
  .logo-text{min-width:230px;}
  .logo-text .site-name{white-space:nowrap;}
  .logo-text p:not(.site-name){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;}
  nav.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);flex-direction:column;align-items:stretch;padding:12px 20px;border-bottom:1px solid var(--line);box-shadow:0 8px 18px rgba(5,27,61,.12);}
  nav.main-nav.open{display:flex;}
  nav.main-nav a{width:100%;height:48px;padding:0 16px;display:flex;align-items:center;}
  .mobile-menu-btn{display:block;}
}

/* If JavaScript is unavailable, never leave the tablet navigation trapped
   behind a button that cannot open it. Show the links as a compact wrapped
   row and keep the primary RFQ link reachable. */
@media (min-width:769px) and (max-width:1320px){
  html:not(.js) nav.main-nav{
    display:flex;
    position:static;
    height:auto;
    flex-wrap:wrap;
    gap:0;
    padding:8px 0;
    background:transparent;
    box-shadow:none;
  }
  html:not(.js) nav.main-nav a{
    height:44px;
    padding:0 12px;
    display:flex;
    align-items:center;
  }
  html:not(.js) .mobile-menu-btn{display:none;}
}

/* Keep a direct, truthful contact action available while desktop visitors browse deeper sections. */
.wechat-float{position:fixed;right:24px;bottom:92px;z-index:24;display:flex;width:166px;flex-direction:column;align-items:center;gap:7px;padding:14px 12px 15px;background:rgba(7,26,56,.96);border:1px solid rgba(40,215,208,.58);box-shadow:0 16px 34px rgba(5,27,61,.24);color:#fff;text-align:center;}
.wechat-float img{width:124px;height:124px;object-fit:cover;background:#fff;padding:5px;}
.wechat-float strong{font-size:15px;color:#fff;line-height:1.35;}
.wechat-float span{font-size:12px;line-height:1.45;color:#d9e8ff;}
.wechat-float a{font-size:14px;font-weight:700;color:var(--gold);}
.wechat-float a:hover,.wechat-float a:focus-visible{color:#fff;text-decoration:underline;}
@media(max-width:768px){.wechat-float{display:none;}}

/* English global landing page: use the prepared bright recovery illustration
   consistently with its social preview, while keeping the copy readable. */
body.global-home .hero{
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.55) 62%,rgba(255,255,255,.08) 100%),url("../assets/optimized/bright-circular-recovery-hero.jpg") 68% center/cover no-repeat!important;
}
body.global-home .hero h1.hero-title{color:var(--ink);text-shadow:none;}
body.global-home .hero .hero-kicker{color:var(--brand)!important;}
body.global-home .hero .hero-intro{color:var(--muted)!important;text-shadow:none;}
body.global-home .hero .hero-buttons .btn-outline{border-color:var(--brand);color:var(--brand);background:rgba(255,255,255,.72);}
body.global-home .hero .hero-buttons .btn-outline:hover,
body.global-home .hero .hero-buttons .btn-outline:focus-visible{background:var(--brand);color:#fff;}
body.global-home .hero .hero-data{color:var(--ink);}
body.global-home .hero .hero-data span{border-color:rgba(15,52,96,.28);background:rgba(255,255,255,.68);}
body.global-home .hero .hero-data b{color:var(--brand);}
@media(max-width:768px){
  body.global-home .hero{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.84)),url("../assets/optimized/bright-circular-recovery-hero.jpg") 68% center/cover no-repeat!important;}
  body.global-home .hero .hero-data{color:var(--ink);}
}

/* Project directory hero: give the deep category index a clear visual anchor
   and keep the range snapshot readable against the existing warehouse scene. */
.page-banner--directory{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(90deg,rgba(6,22,45,.96) 0%,rgba(6,22,45,.86) 48%,rgba(6,22,45,.62) 100%),url("../assets/optimized/page-service-scenario.jpg") center/cover no-repeat!important;
  border-bottom:0;
}
.page-banner--directory .container{position:relative;z-index:1;}
.page-banner--directory .eyebrow{color:var(--cyan)!important;}
.page-banner--directory h1{color:#fff;}
.page-banner--directory p:not(.eyebrow){color:#d9e8ff;}
.page-banner--directory .breadcrumb,.page-banner--directory .breadcrumb a{color:#d9e8ff;}
.page-banner--directory .page-banner__actions .btn-primary{background:var(--gold);color:var(--night);}
.page-banner--directory .page-banner__actions .btn-primary:hover,.page-banner--directory .page-banner__actions .btn-primary:focus-visible{background:#ffd27c;color:var(--night);}
.page-banner--directory .page-banner__actions .btn-outline{border-color:rgba(255,255,255,.75);color:#fff;background:rgba(7,28,60,.34);}
.page-banner--directory .page-banner__actions .btn-outline:hover,.page-banner--directory .page-banner__actions .btn-outline:focus-visible{border-color:#fff;background:rgba(40,215,208,.15);color:#fff;}
@media(max-width:768px){.page-banner--directory{background:linear-gradient(180deg,rgba(6,22,45,.95),rgba(6,22,45,.82)),url("../assets/optimized/page-service-scenario.jpg") center/cover no-repeat!important;}}

/* Keep the primary navigation focused on the main decision paths.  Detailed
   inventory categories and FAQ remain available from the service directory,
   footer and in-page links, while the header stays readable on desktop and
   mobile menus. */
nav.main-nav > a[href="surplus.html"],
nav.main-nav > a[href="scrap.html"],
nav.main-nav > a[href="faq.html"]{display:none;}

/* Keep the homepage decision split visible without repeating the full service
   catalogue.  Each card routes to a dedicated page with its own evidence and
   conditions, so the hero remains scannable for people and answer engines. */
.hero-business-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:720px;margin:22px 0 18px;}
.hero-business-card{display:block;padding:16px 18px;border:1px solid rgba(255,255,255,.45);background:rgba(7,28,60,.38);color:#fff;text-decoration:none;backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease,transform .2s ease;}
.hero-business-card:hover,.hero-business-card:focus-visible{border-color:var(--cyan);background:rgba(7,28,60,.64);color:#fff;transform:translateY(-1px);}
.hero-business-card:focus-visible{outline:3px solid rgba(255,205,83,.9);outline-offset:3px;}
.hero-business-card strong{display:block;margin-bottom:5px;color:var(--gold);font-size:15px;line-height:1.4;}
.hero-business-card span{display:block;color:#d9e8ff;font-size:13px;line-height:1.6;}
@media(max-width:768px){.hero-business-paths{grid-template-columns:1fr;margin-top:18px;}.hero-business-card{padding:14px 15px;}}

/* Put the direct contact action in the first viewport, immediately below the
   headline.  The phone remains a real tel link and the QR code remains
   accessible, while the card is compact enough not to push the service split
   out of the initial scan. */
.hero-wechat[data-hero-priority="primary"]{width:min(100%,430px);margin:16px 0 22px!important;padding:12px 18px 12px 12px;background:linear-gradient(135deg,rgba(6,38,91,.94),rgba(13,94,255,.78));border:2px solid rgba(255,186,46,.78)!important;border-radius:12px;box-shadow:0 14px 34px rgba(5,35,91,.28);}
.hero-wechat[data-hero-priority="primary"] img{width:104px;height:104px;flex-basis:104px;border:3px solid #fff!important;box-shadow:0 5px 18px rgba(0,0,0,.18);}
.hero-wechat[data-hero-priority="primary"] p{margin:0!important;color:#ffba2e!important;font-size:12px!important;letter-spacing:.12em;}
.hero-wechat[data-hero-priority="primary"] a{font-size:23px;font-weight:800;color:#fff!important;line-height:1.25;}
.hero-wechat[data-hero-priority="primary"] a:hover,.hero-wechat[data-hero-priority="primary"] a:focus-visible{color:#ffdb7a!important;}
.hero-wechat[data-hero-priority="primary"] span{color:#e8f1ff;font-size:13px;line-height:1.5;}
@media(min-width:769px){.hero-wechat[data-hero-priority="primary"]{margin-left:0!important;margin-right:auto!important;}}
@media(max-width:768px){.hero-wechat[data-hero-priority="primary"]{width:100%;padding:10px 13px 10px 10px;}.hero-wechat[data-hero-priority="primary"] img{width:88px;height:88px;flex-basis:88px;}.hero-wechat[data-hero-priority="primary"] a{font-size:20px;}}

/* On the homepage the QR contact card also acts as the persistent right-side
   contact affordance used on quote pages.  Keep one authored card so the
   number and QR code never drift apart or get announced twice. */
@media(min-width:769px){
  .hero-wechat[data-hero-priority="primary"]{position:fixed;right:24px;bottom:92px;z-index:24;width:166px;margin:0!important;display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 12px 15px;background:rgba(7,26,56,.96);border:1px solid rgba(40,215,208,.58)!important;border-radius:0;box-shadow:0 16px 34px rgba(5,27,61,.24);text-align:center;}
  .hero-wechat[data-hero-priority="primary"] img{width:124px;height:124px;flex-basis:124px;padding:5px;}
  .hero-wechat[data-hero-priority="primary"] div{display:flex;align-items:center;gap:7px;}
  .hero-wechat[data-hero-priority="primary"] p{font-size:15px!important;font-weight:700!important;letter-spacing:0;color:#fff!important;line-height:1.35;}
  .hero-wechat[data-hero-priority="primary"] a{font-size:14px;font-weight:700;color:var(--gold)!important;}
  .hero-wechat[data-hero-priority="primary"] span{font-size:12px;line-height:1.45;color:#d9e8ff;}
}
@media(max-width:768px){.hero-wechat[data-hero-priority="primary"] div{align-items:flex-start;}}

/* Generated visual system v1: business explanation imagery, not operational evidence. */
body.home-page .hero{
  background-image:linear-gradient(90deg,rgba(3,13,31,.97) 0%,rgba(3,13,31,.91) 38%,rgba(3,13,31,.55) 67%,rgba(3,13,31,.18) 100%),url("../assets/optimized/home-hero-proof-first-v1.jpg")!important;
  background-position:center center;
}
.visual-matrix{background:#f5f8fc;}
.visual-matrix .section-header{align-items:end;}
.visual-matrix .section-header>p{max-width:520px;margin:0;color:var(--muted);line-height:1.7;}
.visual-matrix__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.visual-matrix__card{overflow:hidden;background:#fff;border:1px solid #dce5f1;border-radius:16px;box-shadow:0 12px 30px rgba(13,46,91,.07);}
.visual-matrix__card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
.visual-matrix__card>div{padding:22px 22px 24px;}
.visual-matrix__card h3{margin:5px 0 10px;color:var(--ink);font-size:22px;line-height:1.35;}
.visual-matrix__card p:not(.insight-card__meta){margin:0 0 14px;color:var(--muted);line-height:1.7;}
.visual-matrix__card .insight-card__meta{margin:0;color:var(--brand);font-size:13px;font-weight:800;letter-spacing:.08em;}
.visual-matrix__note{margin:18px 0 0;color:#71819b;font-size:12px;line-height:1.6;}
@media(max-width:900px){.visual-matrix__grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.visual-matrix .section-header>p{margin-top:10px;}.visual-matrix__grid{grid-template-columns:1fr;}.visual-matrix__card h3{font-size:20px;}}

/* Chinese-only palette. Existing English section/hero backgrounds are untouched. */
html[lang="zh-CN"] .seo-hero{background:#edf2f8;border-color:#dbe4ef}
html[lang="zh-CN"] .seo-hero h1,html[lang="zh-CN"] .seo-section h2,html[lang="zh-CN"] .seo-section h3{color:#132f50}
html[lang="zh-CN"] .seo-eyebrow{color:#526e8b}
html[lang="zh-CN"] .seo-lead,html[lang="zh-CN"] .seo-section p,html[lang="zh-CN"] .seo-section li{color:#4b6075}
html[lang="zh-CN"] .seo-section{background:#fff}
html[lang="zh-CN"] .seo-section:nth-child(even){background:#f4f7fb}
html[lang="zh-CN"] .seo-three article{background:#eef3f9;border-top-color:#315f98}
html[lang="zh-CN"] .seo-checklist{background:#eef3f9;border-color:#d6a348}
html[lang="zh-CN"] .seo-filters button[aria-pressed="true"]{background:#1d4c82;border-color:#1d4c82}
html[lang="zh-CN"] .seo-section a:not(.btn),html[lang="zh-CN"] .seo-faq summary{color:#204e80}
html[lang="zh-CN"] .seo-card,html[lang="zh-CN"] .seo-draft-card{border-color:#dbe4ef}
html[lang="zh-CN"] .seo-step{color:#597899}
.service-illustration{margin:0 0 30px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:30px}
.service-illustration img{width:100%;height:280px;object-fit:cover;border-radius:10px}
.service-illustration figcaption{color:#4e6378;font-size:16px;line-height:1.9}
.inventory-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:steps;margin:24px 0}
.inventory-steps article{border:1px solid #d9e3ee;border-radius:10px;padding:22px;background:#fff}
.inventory-steps article::before{counter-increment:steps;content:'0' counter(steps);display:block;font-size:30px;font-weight:750;color:#d09930;margin-bottom:10px}
.inventory-steps h3{font-size:18px;margin:0 0 8px}.inventory-steps p{margin:0;font-size:14px;line-height:1.8}
img[data-qr-zoom]{cursor:zoom-in;touch-action:manipulation}
img[data-qr-zoom]:focus-visible{outline:3px solid #e0a942;outline-offset:5px}
.qr-zoom-preview{position:fixed;z-index:2147483000;pointer-events:none;box-sizing:border-box;padding:20px;background:#fff;border:1px solid #d4dfec;border-radius:14px;box-shadow:0 12px 45px #10294640}
.qr-zoom-preview img{display:block;width:100%;height:auto;max-width:none;max-height:none}
.qr-zoom-preview p{margin:10px 0 0;text-align:center;font:600 14px/1.5 system-ui;color:#163754}
.qr-zoom-dialog{box-sizing:border-box;width:min(480px,92vw);max-height:92vh;padding:24px;border:0;border-radius:16px;background:white;color:#17324f;box-shadow:0 20px 80px #0005}
.qr-zoom-dialog::backdrop{background:#061a36b3}
.qr-zoom-dialog img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;margin-top:16px}
.qr-zoom-dialog p{text-align:center;margin:16px 0 0}
.qr-zoom-close{display:block;margin-left:auto;background:#edf2f8;color:#193d65;border:1px solid #cfdaea;border-radius:7px;padding:10px 16px;cursor:pointer;font:inherit}
.english-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.english-content-grid article{padding:24px;border:1px solid #dce5ef;border-radius:10px}
.english-content-grid h3{font-size:20px;margin:12px 0}.english-content-grid img{width:100%;height:180px;object-fit:cover;border-radius:8px}
.english-reading{max-width:900px;margin:auto;line-height:1.85}.english-reading h2{margin:30px 0 16px}
.english-faq details{padding:18px 0;border-bottom:1px solid #dce4ed}.english-faq summary{font-size:18px;font-weight:650;cursor:pointer}.english-faq p{margin:14px 0;line-height:1.85}
@media(max-width:850px){.inventory-steps,.english-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-illustration{grid-template-columns:1fr}.service-illustration img{height:220px}}
@media(max-width:540px){.inventory-steps,.english-content-grid{grid-template-columns:1fr}.qr-zoom-dialog{padding:18px}.service-illustration{gap:14px}}

.qr-zoom-dialog{margin:auto!important;inset:0!important}
html[lang="zh-CN"] .cta-section{background:linear-gradient(115deg,#123454,#245684)!important}
html[lang="zh-CN"] .section-alt{background:linear-gradient(#f1f5fa,#fff)!important}