*{box-sizing:border-box}
:root{
  --bg:#F4F7FC;
  --surface:#FFFFFF;
  --surface-2:#F9FBFF;
  --ink:#0A0E1C;
  --text:#121A2B;
  --muted:#5A667B;
  --soft:#7D8799;
  --line:#E4EAF3;
  --line-2:#D7E0EE;
  --blue:#2E6BFF;
  --blue-2:#1F56DF;
  --blue-soft:#EAF1FF;
  --teal:#0E9E7C;
  --teal-soft:#E7F8F3;
  --dark:#090E1D;
  --dark-2:#11182A;
  --shadow:0 10px 28px rgba(13,28,62,.08),0 2px 6px rgba(13,28,62,.04);
  --shadow-lg:0 28px 64px rgba(13,28,62,.13),0 8px 20px rgba(13,28,62,.07);
  --maxw:1180px;
  --body:'PingFang SC','HarmonyOS Sans SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --mono:ui-monospace,'SF Mono','Cascadia Code',Menlo,Consolas,monospace;
}
html,body{margin:0;min-height:100%;scroll-behavior:smooth}
body{
  font-family:var(--body);
  color:var(--text);
  background:var(--bg);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  background-image:
    linear-gradient(to right,rgba(46,107,255,.026) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(46,107,255,.026) 1px,transparent 1px);
  background-size:48px 48px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.page-shell{
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(900px 420px at 70% 2%,rgba(46,107,255,.10),transparent 62%),
    radial-gradient(780px 360px at 18% 12%,rgba(14,158,124,.055),transparent 58%),
    linear-gradient(180deg,#F8FBFF 0%,#F3F7FC 45%,#F8FBFF 100%);
}
.page-shell::before{display:none}

.site-nav{
  height:72px;
  padding:0 max(28px,calc((100vw - var(--maxw))/2));
  display:flex;
  align-items:center;
  gap:34px;
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(248,251,255,.88);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(16px) saturate(1.35);
}
.brand{display:inline-flex;align-items:center;gap:10px;min-width:170px;font-size:20px;font-weight:850;color:var(--ink)}
.brand img{width:32px;height:32px}
.nav-links{height:100%;display:flex;align-items:center;gap:30px;white-space:nowrap;font-size:14.5px;font-weight:700;color:#2E384A}
.nav-links a{height:100%;display:inline-flex;align-items:center;position:relative}
.nav-links a.active,.nav-links a:hover{color:var(--blue)}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--blue)}
.nav-cta{
  margin-left:auto;
  height:42px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  color:#fff;
  background:var(--blue);
  box-shadow:0 8px 20px rgba(46,107,255,.26);
  font-size:14px;
  font-weight:800;
}

h1,h2,h3,h4{margin:0;color:var(--ink);font-weight:800;line-height:1.2;letter-spacing:0}
h1{font-size:clamp(40px,4.2vw,58px);font-weight:860}
h2{font-size:clamp(27px,3vw,38px)}
h3{font-size:20px}
p{margin:0;color:var(--muted)}
.lead{font-size:17px;line-height:1.82;color:#46556D;max-width:680px}
.section-kicker,.page-label,.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--blue);
  font-family:var(--mono);
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  background:transparent;
  border:0;
  padding:0;
  margin:0 0 18px;
}
.section-kicker::before,.page-label::before,.eyebrow::before{content:"";width:18px;height:1px;background:var(--blue)}

.btn{
  min-height:46px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  font-size:14.5px;
  font-weight:800;
  border:1px solid transparent;
}
.btn.primary{color:#fff;background:var(--blue);box-shadow:0 8px 20px rgba(46,107,255,.26)}
.btn.secondary{color:var(--text);background:#fff;border-color:var(--line-2)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

.hero,.page-hero{
  max-width:var(--maxw);
  margin:0 auto;
  padding:84px 28px 54px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);
  gap:58px;
  align-items:center;
}
.hero-copy{padding:0}
.hero-copy h1,.page-hero h1{margin-bottom:22px}
.capability-row,.mini-tags,.keyword-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.capability-row span,.mini-tags span,.keyword-row span,.doc-points li,.footer-badges span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 12px;
  border:1px solid #C8D8FF;
  border-radius:999px;
  background:var(--blue-soft);
  color:var(--blue-2);
  font-family:var(--mono);
  font-size:12px;
  font-weight:750;
}
.capability-row .highlight{background:var(--teal-soft);border-color:#BFE9DA;color:var(--teal)}

.hero-visual,.page-hero-card,.doc-visual,.visual-area,.detail-showcase{
  position:relative;
  min-width:0;
  border:1px solid var(--line-2);
  border-radius:22px;
  background:
    radial-gradient(90% 85% at 50% 4%,#fff,#EEF4FF 70%,#E7EFFD);
  box-shadow:var(--shadow-lg);
  padding:26px;
  overflow:hidden;
}
.hero-visual{min-height:430px}
.page-hero-card.dark{background:var(--dark);border-color:rgba(255,255,255,.12)}
.hero-proof-list{display:grid;gap:14px}
.hero-proof-list>div,.proof-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
}
.page-hero-card.dark strong,.page-hero-card.dark h3,.page-hero-card.dark b{color:#fff}
.page-hero-card.dark p,.page-hero-card.dark span{color:#AEB8CC}
.page-hero-card.dark .icon-tile{background:rgba(46,107,255,.15);color:#79A2FF}
.page-hero-card img,.hero-visual img,.doc-visual img,.image-card img,.wide-showcase img,.visual-area img,.detail-showcase img{
  border-radius:16px;
  border:1px solid var(--line-2);
  box-shadow:0 8px 22px rgba(13,28,62,.08);
}
.glass-halo,.flow-dot{display:none}
.visual-frame{position:absolute;border-radius:18px;overflow:hidden}
.main-frame{left:46px;right:46px;top:74px;z-index:3}
.left-frame{left:18px;bottom:30px;width:42%;z-index:4}
.right-frame{right:18px;bottom:50px;width:40%;z-index:5}
.visual-frame img{width:100%;height:auto}

.system-strip,.flow-band{
  max-width:var(--maxw);
  margin:0 auto 62px;
  padding:24px 28px;
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:18px;
  align-items:center;
  border:1px solid var(--line-2);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:var(--shadow);
}
.flow-step,.flow-item{
  display:grid;
  grid-template-columns:auto auto 1fr;
  gap:13px;
  align-items:center;
  min-width:0;
}
.strip-index{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--blue);color:#fff;font-family:var(--mono);font-size:12px;font-weight:850;
}
.flow-icon,.icon-tile,.line-icon,.service-icon,.download-icon,.mega-icon{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  color:var(--blue);background:var(--blue-soft);
  flex:0 0 auto;
}
.flow-step strong,.flow-item strong{display:block;color:var(--text);font-size:17px}
.flow-step p,.flow-item p{font-size:13px;line-height:1.55}
.flow-arrow{color:#B7C4D7}

.page-main,main:not(.docs-layout),.detail-main{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 28px 90px;
}
.section-head,.band-head{
  max-width:760px;
  margin:0 auto 42px;
  text-align:center;
}
.section-head p:first-child,.band-head p:first-child{
  color:var(--blue);
  font-family:var(--mono);
  font-size:12px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.section-head h2,.band-head h2{margin-bottom:14px}
.page-band{
  padding:88px 0;
  border-top:1px solid rgba(228,234,243,.72);
}
.page-band:first-child{border-top:0}
.page-anchor-nav{
  max-width:var(--maxw);
  margin:-22px auto 34px;
  padding:0 28px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}
.page-anchor-nav a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border:1px solid var(--line-2);
  border-radius:999px;
  background:#fff;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.page-anchor-nav a.active,.page-anchor-nav a:hover{color:var(--blue);background:var(--blue-soft);border-color:#C8D8FF}
.geo-block{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:22px;
  align-items:stretch;
}
.geo-panel{
  min-width:0;
  border:1px solid var(--line);
  border-radius:18px;
  padding:28px;
  background:#fff;
  box-shadow:var(--shadow);
}
.geo-panel.dark{background:var(--dark);border-color:rgba(255,255,255,.1)}
.geo-panel.dark h3{color:#fff}.geo-panel.dark p{color:#AEB8CC}
.geo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.geo-list div{
  min-width:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#F8FBFF;
}
.geo-list strong{display:block;margin-bottom:4px;color:var(--text)}
.geo-list p{font-size:13px;line-height:1.6}
.trust-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.trust-strip article{
  padding:20px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(13,20,40,.04),0 3px 10px rgba(13,20,40,.04);
}
.trust-strip h3{font-size:17px;margin-bottom:8px}
.trust-strip p{font-size:13px;line-height:1.65}
.about-trust-band{
  position:relative;
  padding-top:76px;
  padding-bottom:76px;
}
.about-trust-shell{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:34px;
  align-items:start;
}
.about-trust-intro{padding-top:8px}
.about-trust-intro .section-kicker{
  justify-content:flex-start;
  margin-bottom:14px;
}
.about-trust-intro h2{
  max-width:520px;
  margin:0 0 18px;
  font-size:40px;
  line-height:1.16;
  letter-spacing:0;
}
.about-trust-intro p{
  max-width:590px;
  color:var(--muted);
  line-height:1.9;
}
.about-trust-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}
.about-trust-proof span{
  min-height:92px;
  padding:16px 14px;
  border:1px solid #DCE7F8;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#F8FBFF);
  box-shadow:0 10px 24px rgba(13,28,62,.06);
}
.about-trust-proof b,
.about-trust-proof em{
  display:block;
  font-style:normal;
}
.about-trust-proof b{
  color:var(--text);
  font-size:22px;
  line-height:1.2;
  margin-bottom:8px;
}
.about-trust-proof em{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.about-trust-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.about-trust-grid article{
  min-height:210px;
  padding:24px;
  border:1px solid #DCE7F8;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 32px rgba(13,28,62,.07);
}
.about-trust-grid .icon-tile{
  width:42px;
  height:42px;
  margin-bottom:18px;
}
.about-trust-grid h3{
  margin-bottom:10px;
  font-size:18px;
}
.about-trust-grid p{
  color:var(--muted);
  font-size:14px;
  line-height:1.75;
}
.about-scope-note{
  margin-top:24px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  align-items:start;
  border:1px solid #CFE0FF;
  border-radius:16px;
  background:#F7FAFF;
  color:var(--muted);
  box-shadow:0 10px 24px rgba(13,28,62,.05);
}
.about-scope-note i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#EAF1FF;
  color:var(--blue);
}
.about-scope-note strong,
.about-scope-note span{display:block}
.about-scope-note strong{
  color:var(--text);
  margin-bottom:4px;
}
.about-scope-note span{line-height:1.75}
.mobile-fold-note{
  display:none;
  margin-top:16px;
  padding:14px 16px;
  border:1px solid #C8D8FF;
  border-radius:14px;
  color:var(--blue-2);
  background:var(--blue-soft);
  font-size:13px;
  font-weight:750;
}

.product-grid,.overview-grid,.docs-grid,.download-grid,.article-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.overview-grid:has(> article:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.module-grid{display:grid;gap:18px}
.module-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.module-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.module-grid.three:has(> article:nth-child(4):last-child),
.module-grid.three:has(> article:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.fit-grid,.case-grid,.audience-grid,.service-grid,.delivery-grid,.security-grid,.proof-matrix{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.security-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.audience-grid{grid-template-columns:repeat(5,minmax(0,1fr))}

.product-card,.overview-card,.module-card,.fit-card,.case-card,.quick-card,.doc-card,.article-card,.download-card,.service-card,.delivery-card,.security-card,.proof-panel,.toc-card,.faq-item,.legal-section,.content-panel,.detail-proof,.docs-status,.docs-brand-card,.audience-pill,.process-card{
  min-width:0;
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  border-radius:16px;
  padding:26px;
  box-shadow:0 1px 2px rgba(13,20,40,.04),0 3px 10px rgba(13,20,40,.04);
}
.product-card,.overview-card,.module-card,.fit-card,.case-card,.quick-card,.article-card{transition:.22s}
.product-card:hover,.overview-card:hover,.module-card:hover,.fit-card:hover,.case-card:hover,.quick-card:hover,.article-card:hover{
  transform:translateY(-2px);
  border-color:var(--line-2);
  box-shadow:var(--shadow);
}
.card-top{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:flex-start;margin-bottom:18px}
.card-top .icon-tile{width:44px;height:44px;flex:none}
.card-top h3{min-width:0;padding-top:2px;word-break:keep-all}
.product-card img{
  width:100%;
  height:auto;
  margin:20px 0;
  border-radius:14px;
  border:1px solid var(--line);
  object-fit:contain;
}
.product-card ul,.overview-card ul,.case-card ul,.feature-list,.doc-points{
  list-style:none;
  margin:18px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.product-card li,.overview-card li,.case-card li{
  position:relative;
  padding-left:18px;
  color:var(--muted);
  font-size:14px;
}
.product-card li::before,.overview-card li::before,.case-card li::before{
  content:"";
  position:absolute;
  left:0;top:.75em;
  width:6px;height:6px;border-radius:50%;
  background:var(--blue);
}
.overview-card h3,.module-card h3,.fit-card h3,.case-card h3,.quick-card h3,.article-card h3{margin-top:16px;margin-bottom:10px}
.module-card .icon-tile,.overview-card .icon-tile,.fit-card .icon-tile,.quick-card .icon-tile,.service-card .icon-tile,.article-card .icon-tile{margin-bottom:18px}
.fit-card strong,.case-card strong,.article-meta span,.download-meta span{
  color:var(--blue);
  font-family:var(--mono);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
}
.process-line{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.process-card span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border-radius:10px;
  color:#fff;
  background:var(--blue);
  font-family:var(--mono);
  font-size:12px;
  font-weight:850;
}
.process-card h3{margin-bottom:10px}

.split-layout,.wide-showcase,.detail-hero,.detail-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);
  gap:28px;
  align-items:center;
}
.about-service-split{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
}
.about-service-split .content-panel{
  height:100%;
  display:flex;
  flex-direction:column;
}
.about-service-split .feature-list{margin-top:22px}
.about-service-split .page-note{margin-top:auto;padding-top:18px}
.image-grid{display:grid;grid-template-columns:1fr .72fr;gap:18px}
.stack-cards{display:grid;gap:18px}
.image-card{
  min-width:0;
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  background:#fff;
  box-shadow:var(--shadow);
}
.wide-showcase{
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:30px;
  box-shadow:var(--shadow);
}
.feature-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:var(--muted);
  font-size:14px;
}
.feature-list i{color:var(--blue);margin-top:4px}

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.price-card{
  position:relative;
  min-width:0;
  padding:30px 28px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 1px 2px rgba(13,20,40,.04),0 3px 10px rgba(13,20,40,.04);
  overflow:hidden;
}
.price-card.featured{border-color:#BFD2FF;background:linear-gradient(180deg,#FFFFFF 0%,#F7FAFF 100%)}
.price-card.custom{border-color:#F0D596;background:linear-gradient(180deg,#FFFDF7 0%,#FFF9E8 100%)}
.price-card.custom::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:9px;
  background:linear-gradient(90deg,#F4D37E,#E7B646);
}
.price-card h3{margin-top:14px;margin-bottom:10px}
.price-card ul{
  list-style:none;
  margin:22px 0 0;
  padding:18px 0 0;
  display:grid;
  gap:10px;
  border-top:1px solid var(--line);
}
.price-card li{
  position:relative;
  padding-left:18px;
  color:var(--muted);
  font-size:14px;
}
.price-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.75em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--blue);
}
.price-value{
  min-height:68px;
  display:flex;
  align-items:flex-end;
  gap:4px;
  margin-top:22px;
  color:#7D9ABD;
}
.price-value strong{
  color:inherit;
  font-size:42px;
  line-height:1;
  font-weight:850;
}
.price-value span{
  margin-bottom:5px;
  color:inherit;
  font-size:17px;
  font-weight:700;
}
.price-value.contact{
  align-items:center;
  color:var(--blue);
}
.price-value.contact strong{font-size:32px}
.price-value.custom{color:#B8751D}

.feature-tabs{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:22px;
  align-items:stretch;
}
.feature-tab-list{
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 2px rgba(13,20,40,.04),0 3px 10px rgba(13,20,40,.04);
}
.feature-tab-list button{
  width:100%;
  min-height:58px;
  padding:0 22px;
  display:flex;
  align-items:center;
  border:0;
  border-bottom:1px solid var(--line);
  background:#F6F9FE;
  color:var(--text);
  font:800 15px/1.2 var(--body);
  text-align:left;
}
.feature-tab-list button:last-child{border-bottom:0}
.feature-tab-list button.active{
  position:relative;
  background:#fff;
  color:var(--blue);
}
.feature-tab-list button.active::before{
  content:"";
  width:4px;
  align-self:stretch;
  margin:-1px 16px -1px -22px;
  background:var(--blue);
}
.feature-tab-panel{
  min-width:0;
  border:1px solid var(--line);
  border-radius:18px;
  padding:32px;
  background:#fff;
  box-shadow:var(--shadow);
}
.feature-tab-panel h3{margin-bottom:14px}
.feature-tab-panel>.module-grid{margin-top:28px}

.portal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.portal-card{
  min-width:0;
  padding:30px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow);
}
.portal-card h3{
  margin:16px 0 10px;
  font-size:24px;
}
.portal-card p{margin-bottom:20px}
.portal-card .portal-url{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--surface-2);
  color:var(--muted);
  font-family:var(--mono);
  font-size:12px;
  font-weight:750;
}
.portal-card.primary{
  border-color:#C8D8FF;
  background:linear-gradient(180deg,#FFFFFF 0%,#F7FAFF 100%);
}
.portal-card.secondary{
  border-color:#CFE9E1;
  background:linear-gradient(180deg,#FFFFFF 0%,#F6FFFB 100%);
}

.version-table{
  display:grid;
  grid-template-columns:1.08fr repeat(3,minmax(0,1fr));
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:var(--shadow);
}
.version-table>div{
  min-width:0;
  min-height:58px;
  padding:15px 18px;
  display:flex;
  align-items:center;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:14px;
  font-weight:650;
}
.version-table>div:nth-child(4n){border-right:0}
.version-table>div:nth-last-child(-n+4){border-bottom:0}
.version-head{
  min-height:250px!important;
  padding:24px!important;
  flex-direction:column;
  align-items:flex-start!important;
  justify-content:center;
  gap:12px;
  background:#fff;
}
.version-head h3{font-size:22px}
.version-head .btn{margin-top:4px}
.version-head.featured{background:linear-gradient(180deg,#F9FBFF,#EFF5FF)}
.version-head.custom{
  background:linear-gradient(180deg,#FFFDF7,#FFF5D9);
  border-top:6px solid #E7B646;
}
.version-label{
  background:#F6F9FE;
  justify-content:center;
}
.version-label p{font-size:13px}
.version-row-title{
  color:var(--text)!important;
  background:#F6F9FE;
  font-weight:850!important;
}

.final-cta{
  max-width:var(--maxw);
  margin:0 auto 88px;
  padding:36px 42px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
  color:#fff;
  background:var(--dark);
  border-radius:22px;
  box-shadow:var(--shadow-lg);
}
.final-cta h2{color:#fff;margin-bottom:10px}
.final-cta p{color:#AEB8CC}

.mega-panel{
  max-width:var(--maxw);
  margin:28px auto 0;
  padding:26px;
  border:1px solid var(--line-2);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--shadow-lg);
}
.mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mega-item{
  display:flex;
  gap:14px;
  align-items:flex-start;
  min-width:0;
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
}
.mega-item>span:last-child{min-width:0}
.mega-item strong{display:block;color:var(--text);margin-bottom:4px}
.mega-item em{font-style:normal;color:var(--muted);font-size:14px;line-height:1.6}
.mega-item.primary{background:var(--blue-soft);border-color:#C8D8FF}

.docs-layout{
  max-width:var(--maxw);
  margin:0 auto;
  padding:60px 28px 90px;
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  gap:28px;
}
.docs-side{
  position:sticky;
  top:96px;
  align-self:start;
  padding:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}
.docs-side a{
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-radius:10px;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
}
.docs-side a.active,.docs-side a:hover{background:var(--blue-soft);color:var(--blue)}
.docs-side-title{margin:18px 8px 8px;color:var(--soft);font-size:12px;font-weight:800}
.docs-brand-card{display:flex;gap:12px;align-items:center;padding:14px;margin-bottom:8px}
.docs-brand-card img{width:34px;height:34px}
.docs-brand-card p{font-size:12px}
.docs-hero{
  display:grid;
  grid-template-columns:1fr 220px;
  gap:24px;
  align-items:center;
  margin-bottom:26px;
  padding:32px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow);
}
.docs-hero h1{font-size:42px}
.docs-status{background:var(--dark);color:#fff}
.docs-status span{color:#79A2FF;font-family:var(--mono);font-weight:800;font-size:12px}
.docs-status strong{display:block;color:#fff;font-size:46px;margin:10px 0}
.docs-status p{color:#AEB8CC}
.docs-outline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}
.docs-outline article{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.docs-outline a{display:block;color:var(--muted);font-size:14px;margin-top:8px}

.legal-layout,.faq-layout,.news-layout,.doc-list-zone{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:26px;
  align-items:start;
}
.toc-card{position:sticky;top:96px}
.toc-card a{display:block;color:var(--muted);margin-top:10px}
.legal-section{margin-bottom:16px}
.legal-section h3{margin-bottom:10px}
.faq-list{display:grid;gap:14px}
.faq-item h3{margin-bottom:10px}
.article-meta,.download-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.read-link{display:inline-flex;margin-top:18px;color:var(--blue);font-weight:800}
.article-pagination,
nav[data-news-pagination]{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-top:30px;
  padding-top:2px;
}
.article-pagination button,
.article-pagination a,
nav[data-news-pagination] button,
nav[data-news-pagination] a{
  appearance:none;
  min-width:42px;
  height:42px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #CFE0F6;
  border-radius:12px;
  background:#fff;
  color:#40506A;
  font:850 14px/1 var(--body);
  text-decoration:none;
  box-shadow:0 8px 18px rgba(22,42,77,.06);
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.article-pagination button:hover,
.article-pagination a:hover,
nav[data-news-pagination] button:hover,
nav[data-news-pagination] a:hover{
  border-color:#BFD2FF;
  background:#F4F8FF;
  color:var(--blue);
  transform:translateY(-1px);
}
.article-pagination button.active,
.article-pagination button[aria-current="page"],
.article-pagination a.active,
.article-pagination a[aria-current="page"],
nav[data-news-pagination] button.active,
nav[data-news-pagination] button[aria-current="page"],
nav[data-news-pagination] a.active,
nav[data-news-pagination] a[aria-current="page"]{
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
  box-shadow:0 10px 22px rgba(46,107,255,.2);
}
.article-pagination button:focus-visible,
.article-pagination a:focus-visible,
nav[data-news-pagination] button:focus-visible,
nav[data-news-pagination] a:focus-visible{
  outline:3px solid rgba(46,107,255,.2);
  outline-offset:2px;
}

.consult-form,.form-grid{display:grid;gap:14px}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-field{
  padding:16px;
  border:1px solid var(--line-2);
  border-radius:12px;
  background:#F8FBFF;
}
.form-field.wide{grid-column:1/-1}
.form-field span{display:block;color:var(--soft);font-size:12px;font-weight:800}
.form-field strong{display:block;margin-top:8px}

.error-hero{
  min-height:calc(100vh - 72px);
  display:grid;
  place-items:center;
  padding:60px 28px;
}
.error-panel{
  max-width:680px;
  text-align:center;
  padding:54px;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--shadow-lg);
}
.error-code{font-size:92px;font-weight:900;color:var(--blue);line-height:1}

.site-footer{
  background:var(--dark);
  color:#98A4BB;
  padding:62px max(28px,calc((100vw - var(--maxw))/2)) 30px;
}
.footer-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px}
.footer-brand-row{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:850}
.footer-brand-row img{width:32px;height:32px}
.footer-brand p{margin-top:14px;font-size:13.5px;max-width:340px;color:#AEB8CC}
.footer-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.footer-col h3{font-size:14px;color:#fff;margin-bottom:14px}
.footer-col a{display:block;color:#98A4BB;font-size:13px;margin-bottom:10px}
.footer-bottom{
  margin-top:42px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.09);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  color:#AEB8CC;
  font-size:12px;
}
.footer-bottom span:first-child{color:#DDE6F5}
.footer-bottom span:last-child{text-align:right}
.footer-records{
  max-width:1080px;
  margin:18px auto 0;
  padding:16px 22px;
  display:grid;
  gap:8px;
  justify-items:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  color:rgba(174,184,204,.72);
  font-size:12px;
  line-height:1.7;
}
.footer-records-row{display:flex;gap:8px 14px;justify-content:center;align-items:center;flex-wrap:wrap}
.footer-records-copy{color:rgba(174,184,204,.66)}
.footer-records a{color:#F2A24A;text-decoration:underline;text-underline-offset:3px}

@media(max-width:1000px){
  .site-nav{height:auto;align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:14px;gap:12px}
  .nav-links{width:100%;gap:18px;overflow-x:auto;height:auto;padding-bottom:4px;font-size:13px}
  .nav-links a{height:auto;white-space:nowrap}.nav-links a.active::after{display:none}
  .nav-cta{margin-left:0}
  .hero,.page-hero,.split-layout,.wide-showcase,.detail-hero,.detail-shell,.docs-hero,.final-cta{grid-template-columns:1fr}
  .system-strip,.flow-band{grid-template-columns:1fr;gap:12px}
  .flow-arrow{display:none}
  .product-grid,.overview-grid,.overview-grid:has(> article:nth-child(8):last-child),.module-grid.three,.module-grid.four,.module-grid.three:has(> article:nth-child(4):last-child),.module-grid.three:has(> article:nth-child(8):last-child),.fit-grid,.case-grid,.audience-grid,.service-grid,.delivery-grid,.security-grid,.proof-matrix,.docs-grid,.download-grid,.article-grid,.docs-outline,.process-line,.geo-block,.geo-list,.trust-strip,.about-trust-shell,.about-trust-grid,.pricing-grid,.feature-tabs,.portal-grid{grid-template-columns:1fr}
  .about-trust-proof{grid-template-columns:repeat(3,minmax(0,1fr))}
  .about-trust-intro h2{font-size:34px}
  .version-table{display:block;border-radius:16px}
  .version-table>div{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .version-head{min-height:auto!important}
  .docs-layout,.legal-layout,.faq-layout,.news-layout,.doc-list-zone{grid-template-columns:1fr}
  .docs-side,.toc-card{position:static}
  .hero-visual{min-height:auto}
  .visual-frame{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin-bottom:14px}
  .footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
  .mobile-fold-note{display:block}
}
@media(max-width:560px){
  body{overflow-x:hidden}
  .hero,.page-hero,.page-main,main:not(.docs-layout),.detail-main,.docs-layout{padding-left:16px;padding-right:16px}
  h1,.docs-hero h1{font-size:34px}
  h2{font-size:26px}
  .lead{font-size:15px}
  .page-band{padding:58px 0}
  .about-trust-band{padding-top:58px;padding-bottom:58px}
  .about-trust-intro h2{font-size:28px}
  .about-trust-proof{grid-template-columns:1fr}
  .about-trust-grid article{min-height:auto;padding:20px}
  .about-scope-note{grid-template-columns:1fr;padding:18px}
  .page-anchor-nav{padding:0 16px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
  .page-anchor-nav a{white-space:nowrap}
  .page-hero-card,.hero-visual,.content-panel,.product-card,.overview-card,.module-card,.fit-card,.case-card,.quick-card,.doc-card,.article-card,.download-card,.service-card,.delivery-card,.security-card,.proof-panel,.toc-card,.faq-item,.legal-section,.docs-hero,.wide-showcase{padding:20px}
  .form-grid{grid-template-columns:1fr}
  .final-cta{margin-left:16px;margin-right:16px;padding:28px 22px}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
  .footer-records{justify-items:flex-start;text-align:left}
  .footer-records div{justify-content:flex-start}
  .site-footer{padding-left:16px;padding-right:16px}
}


/* Production navigation, breadcrumbs, and SEO-friendly static footer adjustments */
:root{
  --bg:#F6F8FB;
  --surface-2:#FAFCFF;
  --text:#151D2E;
  --muted:#536175;
  --soft:#768295;
  --line:#E2E8F1;
  --line-2:#D3DEEC;
  --blue:#2864E6;
  --blue-2:#1F52C7;
  --blue-soft:#EEF4FF;
  --teal:#0F9F83;
  --teal-soft:#EAF8F4;
  --accent-amber:#C98713;
  --accent-amber-soft:#FFF6DF;
  --accent-indigo:#625DD8;
  --accent-indigo-soft:#F0EFFF;
  --shadow:0 10px 24px rgba(15,23,42,.055),0 2px 6px rgba(15,23,42,.035);
  --shadow-lg:0 24px 54px rgba(15,23,42,.10),0 8px 18px rgba(15,23,42,.055);
}
body{
  background-color:var(--bg);
  background-image:
    linear-gradient(to right,rgba(40,100,230,.016) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(40,100,230,.016) 1px,transparent 1px);
  background-size:56px 56px;
}
.page-shell{
  background:
    radial-gradient(840px 380px at 72% 0%,rgba(40,100,230,.07),transparent 64%),
    radial-gradient(760px 340px at 16% 10%,rgba(15,159,131,.045),transparent 58%),
    linear-gradient(180deg,#FAFCFF 0%,#F5F8FC 46%,#FAFCFF 100%);
}
.site-nav{background:rgba(250,252,255,.9);backdrop-filter:blur(14px) saturate(1.08)}
.nav-cta,
.btn.primary{background:var(--blue);box-shadow:0 8px 18px rgba(40,100,230,.20)}
.nav-cta:hover,
.btn.primary:hover{background:var(--blue-2);box-shadow:0 10px 22px rgba(40,100,230,.24)}
.hero-visual,.page-hero-card,.doc-visual,.visual-area,.detail-showcase{
  background:radial-gradient(90% 82% at 50% 2%,#fff,#F2F6FE 68%,#EAF1FB);
}
.product-menu-wrap{height:100%;display:inline-flex;align-items:center;position:relative}
.product-menu-wrap .product-trigger{height:100%;display:inline-flex;align-items:center;position:relative}
.nav-mega{
  position:fixed;
  top:72px;
  left:50%;
  width:min(calc(100vw - 72px),900px);
  max-width:900px;
  margin:0;
  padding:18px;
  border:1px solid var(--line-2);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:var(--shadow-lg);
  backdrop-filter:blur(18px) saturate(1.2);
  z-index:35;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,10px);
  transition:opacity .18s ease,transform .18s ease;
}
.product-menu-wrap:hover .nav-mega,
.product-menu-wrap:focus-within .nav-mega{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.mega-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#EAF1FF;
  color:var(--blue);
}
.breadcrumb{
  max-width:var(--maxw);
  margin:22px auto 0;
  padding:0 28px;
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--soft);
  font-size:13px;
  font-weight:700;
}
.breadcrumb a{color:var(--blue)}
.site-footer a:hover{color:#fff}
.nav-mega .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nav-mega .mega-item{
  min-width:0;
  padding:16px;
  align-items:flex-start;
  overflow:hidden;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.nav-mega .mega-item.primary{background:#fff;border-color:var(--line)}
.nav-mega .mega-item:hover,
.nav-mega .mega-item:focus-visible{
  border-color:#9FBCFF;
  background:#F6F9FF;
  box-shadow:0 10px 24px rgba(46,107,255,.12);
  transform:translateY(-2px);
}
.nav-mega .mega-item:hover .mega-icon,
.nav-mega .mega-item:focus-visible .mega-icon{
  color:#fff;
  background:var(--blue);
}
.nav-mega .mega-item>span:last-child{min-width:0}
.nav-mega .mega-item strong,
.nav-mega .mega-item em{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.nav-mega .mega-item em{
  font-size:13px;
  line-height:1.55;
}
a.product-card,
a.overview-card,
a.module-card{
  color:inherit;
  text-decoration:none;
}
a.product-card:hover,
a.product-card:focus-visible{
  transform:translateY(-4px);
  border-color:#AFC4FF;
  box-shadow:0 18px 42px rgba(46,107,255,.14);
}
.static-link-label{
  display:inline-flex;
  align-items:center;
  color:var(--muted);
  font-weight:700;
}
.page-anchor-nav[data-tab-nav] a,
.toc-card[data-tab-nav] a{
  cursor:pointer;
  transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.page-anchor-nav[data-tab-nav] a.active,
.page-anchor-nav[data-tab-nav] a[aria-selected="true"],
.toc-card[data-tab-nav] a.active,
.toc-card[data-tab-nav] a[aria-selected="true"]{
  color:var(--blue);
  background:#EAF1FF;
  border-color:#C8D8FF;
  box-shadow:inset 0 0 0 1px rgba(46,107,255,.08);
}
.page-band[hidden],
.faq-item[hidden],
.compact-details[hidden]{
  display:none!important;
}
.page-band{padding:64px 0}
.page-band.compact-details{
  padding:0;
  margin:34px 0;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 1px 2px rgba(13,20,40,.04),0 12px 28px rgba(13,28,62,.06);
  overflow:hidden;
}
.page-band.compact-details+ .page-band.compact-details{margin-top:16px}
.compact-details summary{
  min-height:78px;
  padding:20px 28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 30px;
  column-gap:18px;
  row-gap:6px;
  align-items:center;
  cursor:pointer;
  list-style:none;
  color:var(--text);
}
.compact-details summary::-webkit-details-marker{display:none}
.compact-details summary span{
  display:block;
  grid-column:1;
  grid-row:1;
  min-width:0;
  font-size:22px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:0;
}
.compact-details summary em{
  grid-column:1;
  grid-row:2;
  min-width:0;
  max-width:520px;
  color:var(--muted);
  font-style:normal;
  font-size:14px;
  line-height:1.6;
  text-align:left;
}
.compact-details summary::after{
  content:"+";
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  grid-column:2;
  grid-row:1 / 3;
  justify-self:end;
  border-radius:50%;
  color:var(--blue);
  background:var(--blue-soft);
  font:900 20px/1 var(--body);
}
.compact-details[open] summary{
  border-bottom:1px solid var(--line);
  background:#F8FBFF;
}
.compact-details[open] summary::after{content:"-"}
.compact-details-body{
  padding:32px;
}
.compact-details-body>.band-head:first-child{margin-bottom:24px}
.compact-details-body .module-grid,
.compact-details-body .process-line,
.compact-details-body .fit-grid,
.compact-details-body .delivery-grid,
.compact-details-body .portal-grid{margin-top:20px}
.contact-float{
  position:fixed;
  right:22px;
  bottom:84px;
  z-index:45;
  display:grid;
  gap:6px;
}
.contact-float-item{
  position:relative;
  width:52px;
  height:52px;
  border:1px solid #C8D8FF;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:var(--blue);
  background:#fff;
  box-shadow:0 8px 20px rgba(13,28,62,.12);
  cursor:pointer;
  font-size:21px;
}
.contact-float-item.wechat{color:#12B76A}
.contact-float-item.qq{color:#1B9CFF}
.contact-float-item.phone{color:#2E6BFF}
.contact-float-item.top{background:#123052;color:#fff;border-color:#123052}
.contact-float-item .new-dot{
  position:absolute;
  top:-8px;
  right:-6px;
  min-width:28px;
  height:15px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#F04438;
  font-size:9px;
  font-weight:900;
}
.contact-float-qr{
  position:absolute;
  right:62px;
  bottom:58px;
  width:222px;
  padding:12px;
  border:1px solid #74B7DD;
  border-radius:14px;
  background:#fff;
  box-shadow:var(--shadow-lg);
  opacity:0;
  transform:translateX(8px);
  pointer-events:none;
  transition:.18s ease;
  text-align:center;
}
.contact-float:hover .contact-float-qr,
.contact-float:focus-within .contact-float-qr{opacity:1;transform:translateX(0)}
.contact-float-qr img{width:100%;border-radius:10px;border:1px solid var(--line)}
.contact-float-qr strong{display:block;margin-top:8px;color:var(--text)}
.contact-float-qr span{display:block;color:var(--muted);font-size:13px}
.contact-modal{
  position:fixed;
  inset:0;
  z-index:80;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(2,8,23,.68);
  backdrop-filter:blur(6px);
}
.contact-modal.is-open{display:flex}
.modal-open{overflow:hidden}
.contact-modal__panel{
  position:relative;
  width:min(800px,100%);
  border-radius:16px;
  background:#fff;
  box-shadow:0 28px 70px rgba(2,8,23,.28);
  overflow:hidden;
}
.contact-modal__close{
  position:absolute;
  right:20px;
  top:20px;
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#0D294C;
  background:#F4F7FB;
  cursor:pointer;
  font-size:18px;
}
.contact-modal__head{
  padding:38px 72px 24px;
  text-align:center;
  border-bottom:1px solid var(--line);
}
.contact-modal__head h2{font-size:26px;line-height:1.25;margin-bottom:8px}
.contact-modal__head p{max-width:620px;margin:0 auto;color:var(--muted);line-height:1.7}
.contact-modal__body{padding:26px 40px 30px}
.contact-modal__wechat{
  display:grid;
  grid-template-columns:58px 1fr 122px;
  gap:16px;
  align-items:center;
  padding:20px;
  border:2px solid #3C5F8D;
  border-radius:10px;
}
.contact-modal__wechat img{width:118px;border:1px solid #C9D7EA;border-radius:8px}
.contact-modal__wechat>div:nth-child(2){min-width:0}
.contact-modal__wechat>img{justify-self:end}
.contact-modal__icon{
  width:56px;
  height:56px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:25px;
}
.contact-modal__icon i{
  display:block;
  width:1em;
  height:1em;
  line-height:1;
  color:#fff;
  font-size:24px;
  text-align:center;
}
.contact-modal__icon.wechat{background:#07C160}
.contact-modal__icon.phone{background:#17A9E6}
.contact-modal__icon.qq{background:#13A8E8}
.contact-modal__wechat strong,
.contact-modal__methods strong{display:block;color:var(--text);font-size:17px}
.contact-modal__wechat b,
.contact-modal__methods b{display:block;margin-top:6px;color:#173A66;font-size:18px}
.contact-modal__wechat span:not(.contact-modal__icon),
.contact-modal__methods span:not(.contact-modal__icon){display:block;margin-top:2px;color:var(--muted);font-size:13px}
.contact-modal__methods{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-top:22px;
}
.contact-modal__methods>div{
  display:grid;
  grid-template-columns:56px 1fr;
  column-gap:16px;
  row-gap:2px;
  align-items:center;
  padding:20px;
  border-radius:10px;
  background:#F7FAFE;
}
.contact-modal__methods .contact-modal__icon{
  grid-column:1;
  grid-row:1/4;
  align-self:center;
  margin:0;
  color:#fff;
  font-size:24px;
}
.contact-modal__methods strong,
.contact-modal__methods b,
.contact-modal__methods span:not(.contact-modal__icon){grid-column:2}
.contact-modal__foot{
  margin:0 40px 34px;
  padding-top:18px;
  border-top:1px solid var(--line);
  text-align:center;
  color:var(--muted);
  font-size:14px;
}
.doc-section-card{
  scroll-margin-top:96px;
  margin-bottom:22px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 1px 2px rgba(13,20,40,.04),0 3px 10px rgba(13,20,40,.04);
}
.doc-section-card h2{font-size:28px;margin-bottom:12px}
.doc-section-card p{font-size:15px}
.doc-highlight-grid,
.doc-feature-list,
.doc-steps,
.docs-download-grid,
.docs-support-grid{
  display:grid;
  gap:16px;
  margin-top:22px;
}
.doc-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.doc-highlight-grid>div,
.doc-feature-list article,
.doc-steps>div,
.docs-download-grid>div,
.docs-support-grid>div{
  min-width:0;
  padding:20px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#F8FBFF;
}
.doc-highlight-grid i,
.docs-download-grid i,
.docs-support-grid i{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border-radius:10px;
  color:var(--blue);
  background:var(--blue-soft);
}
.doc-highlight-grid strong,
.docs-download-grid strong,
.docs-support-grid strong{display:block;color:var(--text);font-size:17px;margin-bottom:6px}
.doc-highlight-grid span,
.docs-support-grid span{display:block;color:var(--muted);font-size:13px;line-height:1.65}
.doc-feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.doc-feature-list article span,
.doc-steps b{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  margin-bottom:14px;
  border-radius:9px;
  color:#fff;
  background:var(--blue);
  font-family:var(--mono);
  font-size:12px;
}
.doc-feature-list article h3,
.doc-steps h3{margin-bottom:8px}
.doc-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.doc-checklist{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.doc-checklist li{
  position:relative;
  padding-left:20px;
  color:var(--muted);
}
.doc-checklist li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--blue);
}
.doc-code-note{
  margin-top:18px;
  padding:18px;
  border:1px solid #C8D8FF;
  border-radius:14px;
  background:var(--blue-soft);
}
.doc-code-note strong{display:block;color:var(--blue);margin-bottom:8px}
.doc-code-note code{
  display:block;
  color:#173A66;
  font-family:var(--mono);
  white-space:normal;
}
.docs-faq{display:grid;gap:12px;margin-top:18px}
.docs-faq details{
  border:1px solid var(--line);
  border-radius:12px;
  background:#F8FBFF;
  overflow:hidden;
}
.docs-faq summary{
  cursor:pointer;
  padding:16px 18px;
  color:var(--text);
  font-weight:800;
}
.docs-faq details p{
  padding:0 18px 18px;
  font-size:14px;
}
.docs-download-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.docs-download-grid .btn{margin-top:14px}
.docs-support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.docs-support-grid b{display:block;color:#173A66;font-size:18px}
.faq-item,
.legal-section,
.article-body h2{scroll-margin-top:96px}
.product-grid .product-card:nth-child(2) .icon-tile,
.overview-grid>article:nth-child(3n+2) .icon-tile,
.module-grid>article:nth-child(3n+2) .icon-tile,
.service-grid>article:nth-child(3n+2) .service-icon,
.delivery-grid>article:nth-child(3n+2) .icon-tile,
.docs-download-grid>div:nth-child(3n+2) i,
.nav-mega .mega-item:nth-child(2) .mega-icon,
.nav-mega .mega-item:nth-child(5) .mega-icon{
  color:var(--teal);
  background:var(--teal-soft);
}
.product-grid .product-card:nth-child(3) .icon-tile,
.overview-grid>article:nth-child(3n) .icon-tile,
.module-grid>article:nth-child(3n) .icon-tile,
.service-grid>article:nth-child(3n) .service-icon,
.delivery-grid>article:nth-child(3n) .icon-tile,
.docs-download-grid>div:nth-child(3n) i,
.nav-mega .mega-item:nth-child(3) .mega-icon,
.nav-mega .mega-item:nth-child(7) .mega-icon{
  color:var(--accent-amber);
  background:var(--accent-amber-soft);
}
.overview-grid>article:nth-child(4n) .icon-tile,
.module-grid>article:nth-child(4n) .icon-tile,
.service-grid>article:nth-child(4n) .service-icon,
.nav-mega .mega-item:nth-child(4) .mega-icon,
.nav-mega .mega-item:nth-child(6) .mega-icon{
  color:var(--accent-indigo);
  background:var(--accent-indigo-soft);
}
.flow-step:nth-child(2) .flow-icon,
.flow-item:nth-child(2) .flow-icon{color:var(--teal);background:var(--teal-soft)}
.flow-step:nth-child(3) .flow-icon,
.flow-item:nth-child(3) .flow-icon{color:var(--accent-amber);background:var(--accent-amber-soft)}
.flow-step:nth-child(4) .flow-icon,
.flow-item:nth-child(4) .flow-icon{color:var(--accent-indigo);background:var(--accent-indigo-soft)}
.nav-mega .mega-item:hover,
.nav-mega .mega-item:focus-visible,
a.product-card:hover,
a.product-card:focus-visible{
  border-color:#B8C8E4;
  box-shadow:0 16px 34px rgba(15,23,42,.085);
}
.nav-mega .mega-item:nth-child(2):hover .mega-icon,
.nav-mega .mega-item:nth-child(5):hover .mega-icon{color:#fff;background:var(--teal)}
.nav-mega .mega-item:nth-child(3):hover .mega-icon,
.nav-mega .mega-item:nth-child(7):hover .mega-icon{color:#fff;background:var(--accent-amber)}
.nav-mega .mega-item:nth-child(4):hover .mega-icon,
.nav-mega .mega-item:nth-child(6):hover .mega-icon{color:#fff;background:var(--accent-indigo)}
.page-anchor-nav[data-tab-nav] a.active,
.page-anchor-nav[data-tab-nav] a[aria-selected="true"],
.toc-card[data-tab-nav] a.active,
.toc-card[data-tab-nav] a[aria-selected="true"],
.docs-side a.active,
.docs-side a:hover{
  color:var(--blue-2);
  background:var(--blue-soft);
  border-color:#C9D8F3;
  box-shadow:inset 0 0 0 1px rgba(40,100,230,.055);
}
.capability-row .highlight{
  background:var(--teal-soft);
  border-color:#BFE6DA;
  color:var(--teal);
}
.section-kicker::before,.page-label::before,.eyebrow::before{background:linear-gradient(90deg,var(--blue),var(--teal))}
@media(max-width:1000px){
  .product-menu-wrap{height:auto}
  .product-menu-wrap .product-trigger{height:auto}
  .nav-mega{display:none}
  .breadcrumb{margin-top:14px}
  .contact-float{display:none}
  .doc-highlight-grid,.doc-feature-list,.doc-steps,.docs-download-grid,.docs-support-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .page-band{padding:48px 0}
  .compact-details summary{
    min-height:auto;
    grid-template-columns:1fr 30px;
    padding:18px;
  }
  .compact-details summary span{font-size:18px}
  .compact-details summary em{
    grid-column:1/-1;
    grid-row:2;
    max-width:none;
    text-align:left;
    font-size:13px;
  }
  .compact-details-body{padding:20px}
  .contact-modal{padding:14px}
  .contact-modal__head{padding:30px 22px 18px}
  .contact-modal__body{padding:20px}
  .contact-modal__wechat{grid-template-columns:46px 1fr;padding:16px}
  .contact-modal__wechat img{grid-column:1/-1;width:150px;margin:10px auto 0}
  .contact-modal__methods{grid-template-columns:1fr}
  .contact-modal__foot{margin:0 20px 24px}
}

/* Export-only color refinement: keep layout, add restrained accents */
.content-panel,
.process-card,
.about-trust-grid article,
.about-trust-proof span,
.product-card,
.overview-card,
.module-card,
.fit-card,
.case-card,
.quick-card,
.service-card,
.delivery-card,
.security-card,
.proof-panel{
  position:relative;
  overflow:hidden;
}
.content-panel::before,
.process-card::before,
.about-trust-grid article::before,
.about-trust-proof span::before,
.product-card::before,
.overview-card::before,
.module-card::before,
.fit-card::before,
.case-card::before,
.quick-card::before,
.service-card::before,
.delivery-card::before,
.security-card::before,
.proof-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--blue),#7AA6FF);
  opacity:.9;
}
.content-panel,
.about-trust-grid article,
.process-card{
  background:linear-gradient(180deg,#FFFFFF 0%,#FBFDFF 64%,#F8FAFE 100%);
}
.about-service-split .content-panel:nth-child(1)::before,
.process-line .process-card:nth-child(1)::before,
.about-trust-grid article:nth-child(1)::before,
.about-trust-proof span:nth-child(1)::before{
  background:linear-gradient(90deg,var(--blue),#7AA6FF);
}
.about-service-split .content-panel:nth-child(2)::before,
.process-line .process-card:nth-child(2)::before,
.about-trust-grid article:nth-child(2)::before,
.about-trust-proof span:nth-child(2)::before{
  background:linear-gradient(90deg,var(--teal),#76D8C1);
}
.process-line .process-card:nth-child(3)::before,
.about-trust-grid article:nth-child(3)::before,
.about-trust-proof span:nth-child(3)::before{
  background:linear-gradient(90deg,var(--accent-amber),#F2C766);
}
.process-line .process-card:nth-child(4)::before,
.about-trust-grid article:nth-child(4)::before{
  background:linear-gradient(90deg,var(--accent-indigo),#9D97F0);
}
.process-line .process-card:nth-child(1) span{background:var(--blue)}
.process-line .process-card:nth-child(2) span{background:var(--teal)}
.process-line .process-card:nth-child(3) span{background:var(--accent-amber)}
.process-line .process-card:nth-child(4) span{background:var(--accent-indigo)}
.about-trust-grid article:nth-child(2) .icon-tile,
.about-service-split .content-panel:nth-child(2) .feature-list i{
  color:var(--teal);
  background:var(--teal-soft);
}
.about-trust-grid article:nth-child(3) .icon-tile{
  color:var(--accent-amber);
  background:var(--accent-amber-soft);
}
.about-trust-grid article:nth-child(4) .icon-tile{
  color:var(--accent-indigo);
  background:var(--accent-indigo-soft);
}
.about-trust-proof span:nth-child(1){
  background:linear-gradient(180deg,#FFFFFF 0%,#F7FAFF 100%);
}
.about-trust-proof span:nth-child(2){
  background:linear-gradient(180deg,#FFFFFF 0%,#F5FCF9 100%);
}
.about-trust-proof span:nth-child(3){
  background:linear-gradient(180deg,#FFFFFF 0%,#FFF9EB 100%);
}
.mini-tags span:nth-child(4n+2){
  color:var(--teal);
  background:var(--teal-soft);
  border-color:#BFE6DA;
}
.mini-tags span:nth-child(4n+3){
  color:var(--accent-indigo);
  background:var(--accent-indigo-soft);
  border-color:#D7D4FF;
}
.mini-tags span:nth-child(4n){
  color:var(--accent-amber);
  background:var(--accent-amber-soft);
  border-color:#F1D598;
}
.feature-list li:nth-child(3n+2) i{color:var(--teal)}
.feature-list li:nth-child(3n) i{color:var(--accent-amber)}
.process-card h3,
.content-panel h3,
.about-trust-grid h3{
  letter-spacing:0;
}
.process-card:hover,
.content-panel:hover,
.about-trust-grid article:hover{
  border-color:#C8D3E4;
  box-shadow:0 16px 36px rgba(15,23,42,.075);
}

/* Full-site accent system: card color, round icons, softer B2B palette */
:root{
  --coral:#F45D68;
  --coral-soft:#FFF2F3;
  --accent-blue-soft:#F2F6FF;
  --accent-teal-soft:#F0FBF8;
  --accent-coral-soft:#FFF4F5;
  --accent-indigo-soft-2:#F6F4FF;
}
:is(
  .product-grid,
  .overview-grid,
  .module-grid,
  .fit-grid,
  .case-grid,
  .audience-grid,
  .service-grid,
  .delivery-grid,
  .security-grid,
  .proof-matrix,
  .docs-grid,
  .download-grid,
  .article-grid,
  .docs-outline,
  .process-line,
  .portal-grid,
  .geo-list,
  .about-trust-grid
) > :is(article,a,div){
  --card-accent:var(--blue);
  --card-soft:var(--accent-blue-soft);
  --card-soft-end:#FFFFFF;
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,var(--card-soft) 0%,var(--card-soft-end) 62%);
  border-color:#D9E4F2;
}
:is(
  .product-grid,
  .overview-grid,
  .module-grid,
  .fit-grid,
  .case-grid,
  .audience-grid,
  .service-grid,
  .delivery-grid,
  .security-grid,
  .proof-matrix,
  .docs-grid,
  .download-grid,
  .article-grid,
  .docs-outline,
  .process-line,
  .portal-grid,
  .geo-list,
  .about-trust-grid
) > :is(article,a,div)::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--card-accent),rgba(255,255,255,.12));
  opacity:.92;
}
:is(
  .product-grid,
  .overview-grid,
  .module-grid,
  .fit-grid,
  .case-grid,
  .audience-grid,
  .service-grid,
  .delivery-grid,
  .security-grid,
  .proof-matrix,
  .docs-grid,
  .download-grid,
  .article-grid,
  .docs-outline,
  .process-line,
  .portal-grid,
  .geo-list,
  .about-trust-grid
) > :is(article,a,div):nth-child(4n+2){
  --card-accent:var(--coral);
  --card-soft:var(--accent-coral-soft);
}
:is(
  .product-grid,
  .overview-grid,
  .module-grid,
  .fit-grid,
  .case-grid,
  .audience-grid,
  .service-grid,
  .delivery-grid,
  .security-grid,
  .proof-matrix,
  .docs-grid,
  .download-grid,
  .article-grid,
  .docs-outline,
  .process-line,
  .portal-grid,
  .geo-list,
  .about-trust-grid
) > :is(article,a,div):nth-child(4n+3){
  --card-accent:var(--teal);
  --card-soft:var(--accent-teal-soft);
}
:is(
  .product-grid,
  .overview-grid,
  .module-grid,
  .fit-grid,
  .case-grid,
  .audience-grid,
  .service-grid,
  .delivery-grid,
  .security-grid,
  .proof-matrix,
  .docs-grid,
  .download-grid,
  .article-grid,
  .docs-outline,
  .process-line,
  .portal-grid,
  .geo-list,
  .about-trust-grid
) > :is(article,a,div):nth-child(4n){
  --card-accent:var(--accent-indigo);
  --card-soft:var(--accent-indigo-soft-2);
}
:is(
  .product-grid,
  .overview-grid,
  .module-grid,
  .fit-grid,
  .case-grid,
  .audience-grid,
  .service-grid,
  .delivery-grid,
  .security-grid,
  .proof-matrix,
  .docs-grid,
  .download-grid,
  .article-grid,
  .docs-outline,
  .process-line,
  .portal-grid,
  .geo-list,
  .about-trust-grid
) > :is(article,a,div) :is(.icon-tile,.flow-icon,.line-icon,.service-icon,.download-icon){
  width:50px;
  height:50px;
  border-radius:50%;
  color:#fff;
  background:var(--card-accent);
  box-shadow:0 12px 22px rgba(15,23,42,.10);
}
.process-line > .process-card span,
.doc-steps > div b,
.doc-feature-list article span{
  background:var(--card-accent);
  color:#fff;
  border-radius:12px;
  box-shadow:0 10px 18px rgba(15,23,42,.10);
}
.process-line > .process-card:nth-child(4n+2) span{background:var(--coral)}
.process-line > .process-card:nth-child(4n+3) span{background:var(--teal)}
.process-line > .process-card:nth-child(4n) span{background:var(--accent-indigo)}
.nav-mega .mega-item{
  --card-accent:var(--blue);
  --card-soft:var(--accent-blue-soft);
  background:linear-gradient(180deg,var(--card-soft),#fff 68%);
}
.nav-mega .mega-item:nth-child(4n+2){--card-accent:var(--coral);--card-soft:var(--accent-coral-soft)}
.nav-mega .mega-item:nth-child(4n+3){--card-accent:var(--teal);--card-soft:var(--accent-teal-soft)}
.nav-mega .mega-item:nth-child(4n){--card-accent:var(--accent-indigo);--card-soft:var(--accent-indigo-soft-2)}
.nav-mega .mega-icon{
  border-radius:50%;
  color:#fff;
  background:var(--card-accent);
  box-shadow:0 8px 16px rgba(15,23,42,.10);
}
.nav-mega .mega-item:hover .mega-icon,
.nav-mega .mega-item:focus-visible .mega-icon{
  background:var(--card-accent);
  transform:scale(1.04);
}
.mini-tags span:nth-child(4n+2){color:var(--coral);background:var(--coral-soft);border-color:#FFD3D7}
.mini-tags span:nth-child(4n+3){color:var(--teal);background:var(--teal-soft);border-color:#BFE6DA}
.mini-tags span:nth-child(4n){color:var(--accent-indigo);background:var(--accent-indigo-soft);border-color:#D7D4FF}
.mini-tags span:nth-child(5n){color:var(--accent-amber);background:var(--accent-amber-soft);border-color:#F1D598}
.feature-list li:nth-child(4n+2) i,
.doc-points li:nth-child(4n+2) i{color:var(--coral)}
.feature-list li:nth-child(4n+3) i,
.doc-points li:nth-child(4n+3) i{color:var(--teal)}
.feature-list li:nth-child(4n) i,
.doc-points li:nth-child(4n) i{color:var(--accent-indigo)}
.feature-list li:nth-child(5n) i,
.doc-points li:nth-child(5n) i{color:var(--accent-amber)}
.price-card.featured,
.portal-card,
.content-panel,
.wide-showcase{
  background:linear-gradient(180deg,#fff 0%,#FBFDFF 70%,#F6F9FE 100%);
}
.content-panel:nth-child(2n)::before{background:linear-gradient(90deg,var(--coral),#FF9AA1)}
.content-panel:nth-child(3n)::before{background:linear-gradient(90deg,var(--teal),#76D8C1)}
.content-panel:nth-child(4n)::before{background:linear-gradient(90deg,var(--accent-indigo),#9D97F0)}

/* Color polish v2: richer accents without changing layout */
:root{
  --blue-deep:#1F55D6;
  --blue-soft-2:#EDF4FF;
  --teal-deep:#0D8F78;
  --coral-deep:#E25561;
  --purple:#7C4DFF;
  --purple-soft:#F3F0FF;
  --amber-deep:#B7791F;
  --card-line:#DDE7F4;
}
.section-head p:first-child,
.band-head p:first-child,
.page-label,
.section-kicker{
  color:var(--blue-deep);
}
.section-head p:first-child::before,
.band-head p:first-child::before,
.page-label::before{
  background:linear-gradient(90deg,var(--blue-deep),var(--teal));
}
.page-band:nth-of-type(3n+2){
  background:linear-gradient(180deg,rgba(247,250,255,.58) 0%,rgba(250,252,255,0) 76%);
}
.page-band:nth-of-type(3n){
  background:linear-gradient(180deg,rgba(240,251,248,.42) 0%,rgba(250,252,255,0) 72%);
}
.module-card,
.overview-card,
.product-card,
.fit-card,
.case-card,
.quick-card,
.service-card,
.delivery-card,
.security-card,
.article-card,
.content-panel,
.process-card,
.about-trust-grid article,
.about-trust-proof span{
  border-color:var(--card-line);
}
.module-card:hover,
.overview-card:hover,
.product-card:hover,
.fit-card:hover,
.case-card:hover,
.quick-card:hover,
.service-card:hover,
.delivery-card:hover,
.security-card:hover,
.article-card:hover,
.process-card:hover,
.content-panel:hover{
  border-color:#C8D7EA;
  box-shadow:0 18px 42px rgba(22,42,77,.09);
}
.module-card h3,
.overview-card h3,
.product-card h3,
.fit-card h3,
.case-card h3,
.quick-card h3,
.service-card h3,
.delivery-card h3,
.security-card h3,
.article-card h3,
.content-panel h3,
.process-card h3{
  color:#0D172A;
}
.page-hero-card.dark{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#071121 0%,#0E1930 54%,#111A2D 100%);
  border-color:#24324A;
  box-shadow:0 24px 60px rgba(10,20,40,.22);
}
.page-hero-card.dark::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--blue),var(--teal),var(--coral));
}
.hero-proof-list>div,
.proof-head{
  border-color:rgba(214,226,246,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.hero-proof-list>div>div,
.proof-head>div{min-width:0}
.hero-proof-list>div:hover,
.proof-head:hover{
  transform:translateY(-2px);
  border-color:rgba(129,165,255,.34);
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
}
.page-hero-card.dark .icon-tile{
  width:44px;
  height:44px;
  border-radius:50%;
  color:#fff;
  background:var(--blue);
  box-shadow:0 10px 22px rgba(46,107,255,.28);
}
.hero-proof-list>div:nth-child(2) .icon-tile{background:var(--teal)}
.hero-proof-list>div:nth-child(3) .icon-tile{background:var(--coral)}
.hero-proof-list>div:nth-child(4) .icon-tile{background:var(--purple)}
.hero-proof-list>div:nth-child(5) .icon-tile{background:var(--amber-deep)}
.page-hero-card.dark p{
  color:#B8C3D7;
}
.page-hero-card.dark strong{
  color:#F8FBFF;
}
.footer-badges span:nth-child(4n+1){border-color:#365DA8;color:#CFE0FF;background:rgba(46,107,255,.12)}
.footer-badges span:nth-child(4n+2){border-color:#1E6E62;color:#B9F0E1;background:rgba(16,185,129,.11)}

/* Promotion academy article template */
.promotion-article-hero{
  grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);
  align-items:center;
  gap:42px;
  padding-top:58px;
  padding-bottom:38px;
}
.promotion-article-hero .lead{
  max-width:700px;
}
.promotion-hero-panel{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:28px;
  border:1px solid var(--line-2);
  border-radius:22px;
  background:linear-gradient(180deg,#FFFFFF 0%,#F7FAFF 70%,#EEF5FF 100%);
  box-shadow:0 22px 54px rgba(28,54,92,.11);
}
.promotion-hero-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--blue),var(--teal),var(--accent-amber));
}
.promotion-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}
.promotion-panel-head span{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  color:var(--blue);
  background:var(--blue-soft);
  border:1px solid #CFE0FF;
  font-size:12px;
  font-weight:800;
}
.promotion-panel-head strong{
  min-width:0;
  color:#0D172A;
  font-size:16px;
  text-align:right;
}
.promotion-panel-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:18px;
}
.promotion-panel-metrics div{
  min-width:0;
  padding:14px 12px;
  border:1px solid #D9E5F5;
  border-radius:14px;
  background:rgba(255,255,255,.78);
}
.promotion-panel-metrics strong{
  display:block;
  color:#0D172A;
  font-size:18px;
  line-height:1.2;
  white-space:nowrap;
}
.promotion-panel-metrics span{
  display:block;
  margin-top:6px;
  color:#64748B;
  font-size:12px;
}
.promotion-panel-steps{
  display:grid;
  gap:10px;
  margin:0 0 18px;
  padding:0;
  list-style:none;
}
.promotion-panel-steps li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid #D9E5F5;
  border-radius:12px;
  background:rgba(255,255,255,.7);
}
.promotion-panel-steps b{
  flex:0 0 auto;
  min-width:48px;
  color:var(--blue);
  font-family:var(--mono);
  font-size:12px;
}
.promotion-panel-steps span{
  min-width:0;
  color:#20304A;
  font-weight:750;
  font-size:14px;
}
.promotion-panel-image{
  overflow:hidden;
  border-radius:16px;
  border:1px solid #D5E2F3;
  background:#fff;
}
.promotion-panel-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:top center;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.promotion-article-main{
  padding-top:26px;
}
.promotion-summary{
  max-width:var(--maxw);
  margin:0 auto 26px;
  padding:0 28px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.promotion-summary article,
.promotion-stage-grid article,
.promotion-related-card{
  min-width:0;
  border:1px solid var(--card-line);
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#FBFDFF 68%,#F5F9FF 100%);
  box-shadow:0 10px 28px rgba(22,42,77,.06);
}
.promotion-summary article{
  padding:22px;
}
.promotion-summary span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:50%;
  color:#fff;
  background:var(--blue);
  font-family:var(--mono);
  font-size:12px;
  font-weight:850;
}
.promotion-summary article:nth-child(2) span{background:var(--teal)}
.promotion-summary article:nth-child(3) span{background:var(--coral)}
.promotion-summary h3{
  margin:16px 0 8px;
  color:#0D172A;
  font-size:18px;
}
.promotion-summary p{
  margin:0;
  color:#52627A;
  line-height:1.75;
  font-size:14px;
}
.promotion-stage-section,
.promotion-related{
  max-width:var(--maxw);
  margin:0 auto;
  padding:42px 28px 10px;
}
.band-head.compact{
  margin-bottom:22px;
}
.band-head.compact h2{
  font-size:30px;
}
.band-head.compact p{
  max-width:720px;
}
.promotion-stage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.promotion-stage-grid article{
  position:relative;
  overflow:hidden;
  padding:22px;
}
.promotion-stage-grid article::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:var(--blue);
}
.promotion-stage-grid article:nth-child(2n)::before{background:var(--teal)}
.promotion-stage-grid article:nth-child(3n)::before{background:var(--coral)}
.promotion-stage-grid article:nth-child(4n)::before{background:var(--accent-indigo)}
.promotion-stage-grid span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  color:var(--blue);
  background:var(--blue-soft);
  border:1px solid #CFE0FF;
  font-family:var(--mono);
  font-size:12px;
  font-weight:850;
}
.promotion-stage-grid h3{
  margin:16px 0 8px;
  color:#0D172A;
  font-size:19px;
}
.promotion-stage-grid p{
  margin:0;
  color:#52627A;
  line-height:1.72;
  font-size:14px;
}
.promotion-layout{
  grid-template-columns:286px minmax(0,1fr);
}
.promotion-toc{
  padding:22px;
}
.promotion-toc h3{
  margin-bottom:14px;
}
.promotion-toc a{
  display:block;
  margin-top:8px;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:10px;
  color:#52627A;
  font-size:13px;
  line-height:1.45;
}
.promotion-toc a:hover{
  color:var(--blue);
  background:var(--blue-soft);
  border-color:#CFE0FF;
  padding-left:10px;
}
.promotion-article-body{
  max-width:920px;
  padding:42px 52px;
}
.promotion-article-body>p:first-child{
  padding:18px 20px;
  border-radius:14px;
  border:1px solid #D6E3F5;
  background:#F7FAFF;
  color:#243652;
  font-size:16px;
}
.promotion-article-body h2{
  margin-top:38px;
  padding-top:8px;
  color:#0D172A;
  font-size:28px;
}
.promotion-article-body h2:first-of-type{
  margin-top:22px;
}
.promotion-article-body h3{
  margin-top:24px;
  color:#13223A;
  font-size:20px;
}
.promotion-article-body p{
  color:#40506A;
  line-height:1.95;
  font-size:16px;
}
.promotion-article-body ul,
.promotion-article-body ol{
  display:grid;
  gap:10px;
  margin:18px 0 24px;
  padding:0;
  list-style:none;
}
.promotion-article-body li{
  position:relative;
  min-height:42px;
  padding:11px 14px 11px 42px;
  border:1px solid #DDE8F6;
  border-radius:12px;
  background:#FBFDFF;
  color:#33435C;
  line-height:1.65;
}
.promotion-article-body li::before{
  content:"";
  position:absolute;
  left:15px;
  top:17px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 0 5px var(--blue-soft);
}
.promotion-article-body ol{
  counter-reset:promotion-list;
}
.promotion-article-body ol li{
  counter-increment:promotion-list;
}
.promotion-article-body ol li::before{
  content:counter(promotion-list);
  top:10px;
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:var(--blue);
  box-shadow:none;
  font-family:var(--mono);
  font-size:11px;
  font-weight:850;
}
.promotion-related{
  padding-top:8px;
  padding-bottom:54px;
}
.promotion-related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.promotion-related-card{
  display:block;
  padding:22px;
  transition:.2s ease;
}
.promotion-related-card:hover{
  transform:translateY(-2px);
  border-color:#C8D7EA;
  box-shadow:0 18px 42px rgba(22,42,77,.09);
}
.promotion-related-card span{
  display:inline-flex;
  min-height:26px;
  padding:4px 10px;
  border-radius:999px;
  color:var(--teal);
  background:var(--teal-soft);
  border:1px solid #BFE6DA;
  font-size:12px;
  font-weight:800;
}
.promotion-related-card strong{
  display:block;
  margin:14px 0 8px;
  color:#0D172A;
  font-size:18px;
  line-height:1.45;
}
.promotion-related-card em{
  display:block;
  color:#64748B;
  font-style:normal;
  font-size:14px;
  line-height:1.75;
}

@media(max-width:980px){
  .promotion-article-hero,
  .promotion-layout{
    grid-template-columns:1fr;
  }
  .promotion-summary,
  .promotion-stage-grid,
  .promotion-related-grid{
    grid-template-columns:1fr;
  }
  .promotion-toc{
    position:static;
  }
}

@media(max-width:560px){
  .promotion-summary,
  .promotion-stage-section,
  .promotion-related{
    padding-left:16px;
    padding-right:16px;
  }
  .promotion-hero-panel,
  .promotion-article-body{
    padding:20px;
  }
  .promotion-panel-image img{height:auto}
  .promotion-panel-metrics{
    grid-template-columns:1fr;
  }
  .band-head.compact h2,
  .promotion-article-body h2{
    font-size:24px;
  }
}
.footer-badges span:nth-child(4n+3){border-color:#7C3941;color:#FFD0D5;background:rgba(244,93,104,.10)}
.footer-badges span:nth-child(4n){border-color:#644D98;color:#DDD6FE;background:rgba(124,77,255,.11)}
.footer-records{
  border:1px solid rgba(185,202,224,.13);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.footer-col a:hover{
  color:#fff;
  transform:translateX(2px);
}
.contact-modal__icon{
  display:grid;
  place-items:center;
  color:#fff;
  box-shadow:0 12px 22px rgba(15,23,42,.12);
}
.contact-modal__icon i{
  display:block;
  width:auto;
  height:auto;
  line-height:1;
}
.contact-modal__icon.phone{background:linear-gradient(135deg,#2E6BFF,#18A8E6)}
.contact-modal__icon.qq{background:linear-gradient(135deg,#2864E6,#7C4DFF)}
.contact-modal__methods>div{
  border:1px solid #E4ECF7;
  background:linear-gradient(180deg,#F8FBFF,#F4F8FD);
}

/* News detail article template */
.news-detail-breadcrumb{
  padding-top:18px;
  color:#1F2937;
  font-size:13px;
  flex-wrap:wrap;
  line-height:1.8;
}
.news-detail-breadcrumb span:first-child{
  font-weight:800;
  color:#0D172A;
}
.news-detail-breadcrumb span:not(:last-child),
.news-detail-breadcrumb a{
  flex-shrink:0;
  white-space:nowrap;
}
.news-detail-shell{
  max-width:var(--maxw);
  margin:0 auto;
  padding:76px 28px 48px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 304px;
  gap:64px;
  align-items:start;
}
.news-detail-main{
  min-width:0;
}
.news-detail-head{
  padding-bottom:24px;
  border-bottom:1px solid #E4EAF3;
}
.news-detail-head .page-label{
  margin-bottom:18px;
}
.news-detail-head h1{
  max-width:900px;
  margin:0 0 26px;
  color:#050B19;
  font-size:38px;
  line-height:1.38;
  letter-spacing:0;
}
.news-detail-summary{
  max-width:840px;
  margin:0 0 22px;
  color:#40506A;
  font-size:16px;
  line-height:1.9;
}
.news-detail-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 18px;
  color:#637083;
  font-size:13px;
}
.news-detail-meta>a{
  display:inline-flex;
  min-height:24px;
  align-items:center;
  padding:3px 10px;
  border:1px solid #D9E4F2;
  border-radius:999px;
  color:#52627A;
  background:#fff;
}
.news-detail-meta>a:hover{
  color:var(--blue);
  border-color:#BFD2FF;
  background:#F2F6FF;
}
.news-detail-meta time{
  color:#52627A;
}
.news-detail-body{
  padding:42px 0 16px;
}
.news-detail-body h2{
  margin:42px 0 18px;
  color:#0D172A;
  font-size:22px;
  line-height:1.55;
}
.news-detail-body h2:first-child{
  margin-top:0;
}
.news-detail-body h3{
  margin:30px 0 14px;
  color:#13223A;
  font-size:18px;
  line-height:1.55;
}
.news-detail-body p{
  margin:0 0 20px;
  color:#24324A;
  line-height:2.05;
  font-size:15.5px;
}
.news-detail-body ul,
.news-detail-body ol{
  display:grid;
  gap:12px;
  margin:16px 0 30px;
  padding:0;
  list-style:none;
}
.news-detail-body ol{
  counter-reset:detail-list;
}
.news-detail-body li{
  position:relative;
  padding:12px 14px 12px 34px;
  border-left:3px solid var(--blue);
  background:#F8FBFF;
  color:#24324A;
  line-height:1.8;
}
.news-detail-body li::before{
  content:"";
  position:absolute;
  left:15px;
  top:23px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--blue);
}
.news-detail-body ol li{
  counter-increment:detail-list;
}
.news-detail-body ol li::before{
  content:counter(detail-list);
  top:16px;
  left:12px;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:var(--blue);
  font-size:11px;
  font-weight:800;
}
.article-table-wrap{
  width:100%;
  margin:18px 0 30px;
  overflow-x:auto;
  border:1px solid #DDE7F4;
  border-radius:12px;
  background:#fff;
}
.article-table{
  width:100%;
  min-width:620px;
  border-collapse:collapse;
  font-size:14px;
}
.article-table th,
.article-table td{
  padding:13px 15px;
  border-bottom:1px solid #E6ECF5;
  color:#2B3951;
  line-height:1.7;
  text-align:left;
}
.article-table th{
  background:#F4F8FF;
  color:#0D172A;
  font-weight:850;
}
.article-table tr:last-child td{
  border-bottom:0;
}
.news-detail-body .faq-list{
  margin-top:18px;
}
.news-detail-body .faq-item{
  border:1px solid #DDE7F4;
  background:#FBFDFF;
  box-shadow:none;
}
.news-related-panel{
  position:sticky;
  top:96px;
  padding:0 24px 20px;
  border-top:4px solid var(--blue);
  border-radius:0 0 10px 10px;
  background:#fff;
  box-shadow:0 18px 44px rgba(16,31,58,.08);
}
.news-related-panel h2{
  margin:18px 0 8px;
  color:#0D172A;
  font-size:16px;
}
.news-related-panel h2::after{
  content:"";
  display:block;
  width:40px;
  height:2px;
  margin-top:14px;
  background:var(--blue);
}
.news-related-item{
  display:block;
  padding:18px 0;
  border-bottom:1px solid #E6ECF5;
}
.news-related-item:last-child{
  border-bottom:0;
}
.news-related-item strong{
  display:block;
  color:#111827;
  font-size:15px;
  line-height:1.65;
}
.news-related-item:hover strong{
  color:var(--blue);
}
.news-related-item span,
.news-related-item time{
  display:inline-block;
  margin-top:12px;
  margin-right:16px;
  color:#7B8798;
  font-size:12px;
}
.news-adjacent{
  margin-top:46px;
  padding-top:38px;
  border-top:1px solid #E4EAF3;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.news-adjacent-card{
  display:block;
  min-width:0;
  padding:24px;
  border-radius:10px;
  background:#fff;
  box-shadow:0 16px 40px rgba(16,31,58,.08);
  border:1px solid #EEF2F7;
}
.news-adjacent-card span{
  display:block;
  margin-bottom:16px;
  color:#111827;
  font-size:14px;
}
.news-adjacent-card span::after{
  content:"";
  display:block;
  width:40px;
  height:2px;
  margin-top:14px;
  background:var(--blue);
}
.news-adjacent-card strong{
  display:block;
  color:#111827;
  font-size:16px;
  line-height:1.65;
}
.news-adjacent-card:hover strong{
  color:var(--blue);
}
.news-adjacent-card em{
  display:block;
  margin-top:16px;
  color:#7B8798;
  font-size:12px;
  font-style:normal;
}
.news-detail-cta{
  margin-top:12px;
}

/* News article typography */
.content-panel.article-body,
.news-detail-main{
  color:#24324A;
}
.content-panel.article-body{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}
.content-panel.article-body h1,
.news-detail-head h1{
  max-width:900px;
  margin:0 0 18px;
  color:#162033;
  font-size:34px;
  line-height:1.42;
  font-weight:760;
  letter-spacing:0;
}
.content-panel.article-body h2,
.news-detail-body h2{
  margin:34px 0 14px;
  color:#1B2A42;
  font-size:22px;
  line-height:1.5;
  font-weight:740;
}
.content-panel.article-body h3,
.news-detail-body h3{
  margin:26px 0 12px;
  color:#20304A;
  font-size:18px;
  line-height:1.55;
  font-weight:720;
}
.content-panel.article-body p,
.content-panel.article-body li,
.news-detail-body p,
.news-detail-body li{
  color:#43516A;
  font-size:16px;
  line-height:1.9;
}
.content-panel.article-body p{margin:0 0 16px}
.content-panel.article-body ul,
.content-panel.article-body ol{
  margin:12px 0 22px;
  padding-left:22px;
}
.content-panel.article-body a,
.news-detail-body a{
  color:var(--blue);
  font-weight:700;
}

@media(max-width:980px){
  .news-detail-shell{
    grid-template-columns:1fr;
    gap:28px;
    padding-top:48px;
  }
  .news-related-panel{
    position:static;
  }
  .news-adjacent{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .news-detail-shell{
    padding:34px 16px;
  }
  .content-panel.article-body h1,
  .news-detail-head h1{
    font-size:28px;
  }
  .content-panel.article-body h2,
  .news-detail-body h2{
    font-size:20px;
  }
  .content-panel.article-body p,
  .content-panel.article-body li,
  .news-detail-body p,
  .news-detail-body li{
    font-size:15.5px;
    line-height:1.85;
  }
  .news-detail-meta{
    gap:10px;
  }
  .news-related-panel{
    padding-left:18px;
    padding-right:18px;
  }
  .news-adjacent-card{
    padding:20px;
  }
}