/* 全站只使用本地样式和系统字体，离线打开也能保持完整版式。 */
:root {
  --navy:#0b1d30;
  --navy-soft:#142d43;
  --ink:#142c40;
  --muted:#667784;
  --mint:#5ce1be;
  --teal:#147f74;
  --line:#dfe7eb;
  --paper:#f5f8f9;
  --container:1240px;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:108px;
}
body {
  margin:0;
  color:var(--ink);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  font-size:15px;
  line-height:1.8;
}
button,input,select,textarea {
  font:inherit;
}
button,a,input,select,textarea {
  -webkit-tap-highlight-color:transparent;
}
button,a {
  touch-action:manipulation;
}
button {
  cursor:pointer;
}
a {
  color:inherit;
  text-decoration:none;
}
img {
  display:block;
  max-width:100%;
  height:auto;
}
button {
  color:inherit;
}
button:focus-visible,a:focus-visible,summary:focus-visible {
  outline:3px solid #0d9a88;
  outline-offset:5px;
}
input:focus,select:focus,textarea:focus {
  outline:2px solid #178b7c;
  outline-offset:2px;
}
h1,h2,h3,p,figure,dl,dd {
  margin:0;
}
h1,h2,h3 {
  line-height:1.4;
  font-weight:600;
}
button {
  border:0;
}
section[id] {
  scroll-margin-top:10px;
}
[hidden] {
  display:none!important;
}
.container {
  width:min(var(--container),calc(100% - 96px));
  margin-inline:auto;
}
.mobile-break {
  display: none;
}
.mono {
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  letter-spacing:1.1px;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  min-height:50px;
  padding:12px 23px;
  border-radius:4px;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  transition:background .2s,transform .2s,box-shadow .2s;
}
.button:hover {
  transform:translateY(-2px);
}
.button span {
  font-size:20px;
  font-weight:400;
}
.button-navy {
  background:var(--navy);
  color:#fff;
}
.button-navy:hover {
  background:#214259;
}
.button-mint {
  background:var(--mint);
  color:#082b30;
}
.button-mint:hover {
  background:#88f0d3;
  box-shadow:0 8px 30px #4ee0b921;
}
.button-outline {
  color:#fff;
  border:1px solid #ffffff40;
  background:#ffffff04;
}
.button-outline:hover {
  background:#ffffff0b;
}
.text-link {
  display:inline-flex;
  gap:32px;
  align-items:center;
  color:var(--teal);
  font-size:14px;
  font-weight:600;
  background:none;
  padding:0;
}
.text-link:hover {
  text-decoration:underline;
  text-underline-offset:5px;
}
.text-link span {
  font-size:20px;
}
.eyebrow {
  color:var(--teal);
  font-size:11px;
  font-weight:650;
  letter-spacing:2px;
  line-height:1.6;
  margin-bottom:20px;
}
.eyebrow.light {
  color:#7cddc9;
}
.status-dot {
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--mint);
  box-shadow:0 0 0 5px #5ce1be12;
  margin-right:12px;
  vertical-align:2px;
}
.section {
  padding:100px 0;
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:54px;
  margin-bottom:42px;
}
.section-heading h2 {
  font-size:39px;
  letter-spacing:-1px;
  line-height:1.5;
}
.section-intro {
  max-width:470px;
  color:var(--muted);
  line-height:1.95;
  font-size:14px;
  padding-bottom:5px;
}
.section-intro p {
  margin:0;
}
.mini-label {
  font-size:11px;
  letter-spacing:.8px;
}
.quiet-label {
  color:#798690;
  font-size:11px;
  display:flex;
  align-items:center;
  gap:8px;
}
.small-ring {
  display:inline-block;
  width:6px;
  height:6px;
  border:1.5px solid #8aa4b1;
  border-radius:50%;
  flex-shrink:0;
}
.skip-link {
  position:fixed;
  top:-80px;
  left:20px;
  z-index:1000;
  padding:10px 20px;
  background:var(--navy);
  color:#fff;
}
.skip-link:focus {
  top:10px;
}

/* 导航与首屏 */
.site-header {
  height:88px;
  position:sticky;
  top:0;
  z-index:100;
  background:#fffffff5;
  backdrop-filter:blur(14px);
  border-bottom:1px solid #e9eff2;
}
.header-inner {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand {
  width:160px;
  flex-shrink:0;
}
.desktop-nav {
  display:flex;
  gap:26px;
  font-size:12px;
  color:#405362;
}
.desktop-nav a {
  position:relative;
  white-space:nowrap;
  transition:color .2s;
}
.desktop-nav a:hover,.desktop-nav a[aria-current] {
  color:var(--teal);
}
.desktop-nav a[aria-current]:after {
  position:absolute;
  content:"";
  height:2px;
  width:12px;
  left:50%;
  bottom:-10px;
  transform:translateX(-50%);
  background:var(--teal);
}
.header-cta {
  font-size:12px;
  min-height:44px;
  padding:10px 18px;
  gap:18px;
}
.header-cta span {
  font-size:16px;
}
.menu-toggle {
  display:none;
  background:none;
  padding:14px 5px;
  width:38px;
  min-height:44px;
}
.menu-toggle span {
  display:block;
  height:2px;
  margin:6px 0;
  background:var(--ink);
  transition:transform .2s;
}
.menu-toggle[aria-expanded=true] span:first-child {
  transform:translateY(4px) rotate(45deg);
}
.menu-toggle[aria-expanded=true] span:last-child {
  transform:translateY(-4px) rotate(-45deg);
}
.mobile-nav {
  position:absolute;
  top:100%;
  left:0;
  right:0;
  background:#fff;
  padding:12px 32px 28px;
  box-shadow:0 15px 25px #142c4010;
  max-height:calc(100dvh - 80px);
  overflow-y:auto;
}
.mobile-nav a {
  display:block;
  padding:11px 0;
  border-bottom:1px solid #edf1f3;
  font-size:15px;
}
.hero {
  background:var(--navy);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.hero:after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 80% 50%,#135d6733,transparent 60%);
  pointer-events:none;
}
.hero-grid {
  position:absolute;
  inset:0;
  background-image:linear-gradient(#709ab305 1px,transparent 1px),linear-gradient(90deg,#709ab305 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to right,transparent,black);
}
.hero-inner {
  position:relative;
  min-height:748px;
  padding-top:86px;
  z-index:1;
}
.hero-copy {
  position:relative;
  width:610px;
  max-width:55%;
  z-index:3;
}
.hero .eyebrow {
  font-size:11px;
  letter-spacing:1.8px;
  margin-bottom:28px;
}
.hero h1 {
  font-size:57px;
  line-height:1.5;
  letter-spacing:-2px;
  font-weight:600;
  white-space:nowrap;
}
.hero h1 span {
  color:#70e5c6;
}
.hero-description {
  margin-top:24px;
  max-width:480px;
  font-size:14px;
  color:#afbfce;
  line-height:2.1;
}
.hero-actions {
  display:flex;
  gap:14px;
  margin-top:35px;
}
.hero-actions .button {
  font-size:13px;
}
.hero-note {
  font-size:11px;
  letter-spacing:1.5px;
  color:#6f8ba1;
  margin-top:25px;
}
.hero-art {
  position:absolute;
  right:-95px;
  top:5px;
  width:770px;
  z-index:1;
}
.hero-art img {
  width:100%;
}
.hero-art figcaption {
  position:absolute;
  right:90px;
  bottom:78px;
  color:#66889b;
  font-size:10px;
  letter-spacing:.4px;
}
.hero-bottom {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:45px;
  position:relative;
  z-index:3;
  margin-top:67px;
  padding:28px 0 32px;
  border-top:1px solid #ffffff17;
}
.hero-bottom>div {
  position:relative;
  padding-left:18px;
  border-left:1px solid #3b6575;
}
.hero-bottom .mini-label {
  display:block;
  color:#7c98ac;
  font-size:10px;
  margin-bottom:3px;
}
.hero-bottom strong {
  font-weight:500;
  font-size:17px;
}
.hero-bottom-detail {
  display:block;
  color:#8299ab;
  font-size:11px;
  margin-top:6px;
}

/* 市场研究：地图只表达研究方向，不表达贸易额。 */
.markets-section {
  background:#fff;
}
.market-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px;
}
.segmented {
  display:inline-flex;
  border:1px solid var(--line);
  padding:4px;
  border-radius:5px;
  gap:4px;
  background:#f7f9fa;
}
.segmented button {
  padding:10px 24px;
  background:transparent;
  border-radius:3px;
  color:#627180;
  font-size:12px;
  font-weight:500;
  min-height:40px;
}
.segmented button.active {
  background:var(--navy);
  color:#fff;
}
.segmented button:not(.active):hover {
  background:#e9eff1;
}
.market-explorer {
  display:grid;
  grid-template-columns:1.85fr 1fr;
  border:1px solid var(--line);
  border-radius:5px;
  overflow:hidden;
  min-height:436px;
}
.map-panel {
  background:#f7fafb;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
  padding:22px 26px;
}
.panel-topline {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11px;
  color:#647b8c;
  gap:20px;
}
.panel-topline .mono {
  color:#8b9eac;
  font-size:9px;
}
.world-map {
  position:relative;
  width:100%;
  margin:auto 0;
}
.world-map>img {
  width:100%;
  opacity:.68;
}
.map-routes {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.route {
  stroke:#159d8b;
  stroke-width:1;
  stroke-dasharray:4 5;
  opacity:.5;
  fill:none;
}
.map-pin {
  position:absolute;
  display:flex;
  align-items:center;
  gap:6px;
  min-height:44px;
  font-size:11px;
  background:transparent;
  padding:4px;
  white-space:nowrap;
}
.map-pin i {
  width:9px;
  height:9px;
  background:#4b8da0;
  border:2px solid #f6fafb;
  border-radius:50%;
  box-shadow:0 0 0 4px #4b8da01f;
}
.map-pin span {
  padding:1px 5px;
  background:#f7fafbcc;
  color:#567482;
  line-height:1.7;
}
.map-pin:hover span,.map-pin.active span {
  color:#0c7d6d;
}
.map-pin.active i {
  background:#139983;
  box-shadow:0 0 0 6px #13998322;
}
.pin-americas {
  left:18%;
  top:28%;
}
.pin-europe {
  left:47%;
  top:26%;
}
.pin-middleeast {
  left:58%;
  top:44%;
}
.pin-asia {
  left:74%;
  top:56%;
}
.china-label {
  position:absolute;
  top:40%;
  left:80%;
  font-size:9px;
  color:#138675;
  white-space:nowrap;
}
.map-caption {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:9px;
  color:#7c8d9a;
  gap:16px;
}
.map-caption i {
  display:inline-block;
  width:5px;
  height:5px;
  background:var(--teal);
  border-radius:50%;
  margin-right:5px;
}
.market-detail {
  padding:27px 32px;
  background:#fff;
  border-left:1px solid var(--line);
}
.detail-kicker {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:9px;
  letter-spacing:1px;
  color:#69808d;
}
.detail-kicker>span:last-child {
  font-size:9px;
  letter-spacing:0;
  color:#758a93;
  border:1px solid #e1eaed;
  padding:1px 8px;
  border-radius:2px;
}
.market-detail h3 {
  font-size:26px;
  margin:14px 0 2px;
  line-height:1.5;
}
.region-countries {
  color:#82919a;
  font-size:10px;
  margin-bottom:21px;
}
.detail-block {
  margin-bottom:14px;
}
.detail-block .mini-label {
  color:#84939b;
  font-size:10px;
}
.detail-block p {
  font-size:12px;
  line-height:1.9;
  margin-top:3px;
}
.market-detail>.text-link {
  font-size:11px;
  gap:32px;
  margin-top:2px;
}
.market-detail .text-link span {
  font-size:17px;
}
.market-research-note {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:45px;
  padding:25px 0 24px;
}
.market-research-note>div {
  display:flex;
  gap:18px;
  align-items:flex-start;
}
.note-number {
  flex-shrink:0;
  font-size:10px;
  letter-spacing:.4px;
  color:var(--teal);
  padding-top:2px;
}
.market-research-note p {
  font-size:11px;
  line-height:1.9;
  color:#798792;
}
.source-disclosure {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  font-size:11px;
}
.source-disclosure summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:16px 0;
  cursor:pointer;
  list-style:none;
  color:#6c7c87;
}
.source-disclosure summary::-webkit-details-marker {
  display:none;
}
.source-icon {
  margin-right:7px;
  color:#5b7a8a;
}
.summary-action {
  font-size:10px;
  white-space:nowrap;
}
.summary-action b {
  font-weight:400;
  margin-left:16px;
  display:inline-block;
  transition:transform .2s;
}
.source-disclosure[open] .summary-action b {
  transform:rotate(45deg);
}
.disclosure-content {
  padding:0 20px 22px;
  color:#667986;
  line-height:2;
}
.disclosure-content p+p {
  margin-top:8px;
}
.disclosure-content a {
  color:var(--teal);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* 市场特征与采购商画像只展示研究框架，不用推测数值制造可信度。 */
.market-brief {
  margin-top: 28px;
}
.market-brief-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 20px;
  margin-bottom: 18px;
}
.market-brief-heading h3 {
  font-size: 20px;
}
.market-brief-heading>span {
  font-size: 10px;
  color: #7b8f98;
  white-space: nowrap;
}
.market-brief-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.market-brief-grid article {
  padding: 24px;
  border: 1px solid var(--line);
  background: #f8fafb;
  border-radius: 4px;
}
.brief-number {
  display: block;
  color: var(--teal);
  font-size: 10px;
  letter-spacing: .6px;
  margin-bottom: 14px;
}
.market-brief h4 {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 550;
  line-height: 1.7;
}
.market-brief-grid p {
  font-size: 12px;
  color: #6c818e;
  line-height: 2;
}
.market-source {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px 20px;
  color: #738a96;
  font-size: 10px;
  margin-top: 16px;
}
.market-source a {
  color: var(--teal);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.research-caption {
  margin-top: 6px;
  color: #7d909c;
  font-size: 10px;
  line-height: 1.95;
}
.market-status-row {
  display: grid;
  grid-template-columns: 1.3fr repeat(3,1fr);
  align-items: center;
  gap: 20px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 19px 0;
  margin-top: 22px;
}
.market-status-row strong {
  font-size: 12px;
  font-weight: 500;
}
.market-status-row>span {
  font-size: 10px;
  color: #6f8591;
}
.market-status-row b {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: #8999a3;
  margin-top: 3px;
}
.buyers-section {
  background: #f0f6f5;
}
.persona-explorer {
  display: grid;
  grid-template-columns: 274px minmax(0,1fr);
  border: 1px solid #d8e4e3;
  border-radius: 5px;
  overflow: hidden;
}
.persona-sidebar {
  background: #e7f0ee;
  padding: 26px 20px;
}
.persona-sidebar-label {
  display: block;
  font-size: 10px;
  color: #6d8c85;
  margin: 0 10px 18px;
  letter-spacing: .6px;
}
.persona-options {
  display: grid;
  gap: 9px;
}
.persona-options button {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 1px solid #ccdcda;
  border-radius: 3px;
  padding: 18px 13px;
  transition: background .2s, border-color .2s;
}
.persona-options button:hover {
  background: #dbeae6;
}
.persona-options button.active {
  color: #fff;
  background: var(--navy);
  border-color: var(--navy);
}
.persona-option-number {
  font-size: 9px;
  color: #799b92;
  font-family: Consolas,monospace;
  padding-top: 2px;
}
.persona-options strong {
  display: block;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.8;
}
.persona-options small {
  display: block;
  font-size: 9px;
  color: #6f8985;
  margin-top: 4px;
}
.persona-options .active small {
  color: #94b9b2;
}
.persona-options i {
  font-style: normal;
  font-size: 14px;
  margin-left: auto;
  color: #679d90;
}
.persona-sidebar>p {
  font-size: 10px;
  color: #708d84;
  line-height: 2;
  padding: 22px 10px 0;
}
.persona-panel {
  background: #fff;
  padding: 31px 34px;
  min-width: 0;
}
.persona-panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 24px;
}
.persona-category {
  color: var(--teal);
  font-size: 10px;
  letter-spacing: .7px;
}
.persona-panel-heading h3 {
  font-size: 27px;
  margin-top: 9px;
}
.persona-panel-heading p {
  color: #758b97;
  font-size: 12px;
  margin-top: 8px;
}
.persona-template-badge {
  border: 1px solid #d9e7e3;
  color: #648b80;
  font-size: 9px;
  padding: 2px 9px;
  white-space: nowrap;
}
.persona-facts {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 23px;
  padding: 23px 0;
  border-top: 1px solid #e4ecee;
  border-bottom: 1px solid #e4ecee;
}
.persona-panel h4 {
  font-size: 11px;
  line-height: 1.8;
  font-weight: 550;
  margin: 0 0 9px;
  color: #385b69;
}
.persona-facts p,.persona-panel li {
  font-size: 12px;
  line-height: 1.95;
  color: #708590;
}
.persona-decision-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 30px;
  padding: 23px 0;
}
.persona-panel ul {
  margin: 0;
  padding-left: 15px;
}
.persona-panel li+li {
  margin-top: 5px;
}
.persona-panel li::marker {
  color: #73a99b;
}
.persona-content {
  background: #eff7f4;
  border-left: 2px solid #6ebba5;
  padding: 14px 18px;
}
.persona-content>span {
  font-size: 10px;
  color: #358573;
}
.persona-content p {
  font-size: 12px;
  line-height: 1.95;
  color: #4b736c;
  margin-top: 5px;
}
.persona-questions {
  margin-top: 23px;
}
.persona-questions ol {
  padding-left: 19px;
  margin: 0;
}
.persona-region-focus {
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 26px 0;
}
.focus-icon {
  align-self: flex-start;
  font-size: 24px;
  line-height: 1.4;
  color: #479680;
}
.persona-region-focus>div {
  flex: 1;
}
.persona-region-focus h3 {
  font-size: 13px;
}
.persona-region-focus p {
  font-size: 11px;
  color: #718b87;
  margin-top: 7px;
  line-height: 1.9;
}
.persona-region-focus p strong {
  font-size: 10px;
  font-weight: 500;
  color: #39806f;
  display: block;
  margin-bottom: 3px;
}
.persona-region-focus>.text-link {
  flex-shrink: 0;
  font-size: 11px;
  margin-left: 20px;
  gap: 22px;
}
@media(max-width:1023px) {
  .market-brief-heading h3 { font-size: 18px; }
  .market-brief-grid { gap: 12px; }
  .market-brief-grid article { padding: 20px; }
  .market-brief h4 { font-size: 13px; }
  .market-brief-grid p { font-size: 11px; }
  .market-status-row { grid-template-columns: repeat(3,1fr); }
  .market-status-row>strong { grid-column: 1/-1; }
  .persona-explorer { grid-template-columns: 220px minmax(0,1fr); }
  .persona-sidebar { padding: 24px 12px; }
  .persona-options button { padding: 16px 12px; gap: 9px; }
  .persona-options strong { font-size: 11px; }
  .persona-options i { display: none; }
  .persona-panel { padding: 26px; }
  .persona-panel-heading h3 { font-size: 24px; }
  .persona-facts { grid-template-columns: 1fr; gap: 17px; }
  .persona-panel h4 { margin-bottom: 5px; }
  .persona-decision-grid { grid-template-columns: 1fr; gap: 17px; }
  .persona-region-focus { flex-wrap: wrap; }
  .persona-region-focus>.text-link { margin-left: 42px; }
}
@media(max-width:700px) {
  .market-brief { margin-top: 24px; }
  .market-brief-heading { display: block; margin-bottom: 15px; }
  .market-brief-heading h3 { font-size: 18px; line-height: 1.7; }
  .market-brief-heading>span { display: block; margin-top: 7px; font-size: 9px; }
  .market-brief-grid { grid-template-columns: 1fr; gap: 12px; }
  .market-brief-grid article { padding: 21px; }
  .brief-number { font-size: 9px; margin-bottom: 10px; }
  .market-brief h4 { font-size: 14px; margin-bottom: 8px; }
  .market-brief-grid p { font-size: 12px; }
  .market-source { display: block; font-size: 9px; line-height: 1.9; margin-top: 14px; }
  .market-source>span { display: block; }
  .market-source>span+span { margin-top: 5px; }
  .research-caption { font-size: 9px; margin-top: 8px; }
  .market-status-row { grid-template-columns: 1fr; gap: 12px; padding: 19px 0; }
  .market-status-row>strong { font-size: 12px; margin-bottom: 2px; }
  .market-status-row>span { display: flex; justify-content: space-between; align-items: baseline; gap: 15px; }
  .market-status-row b { margin: 0; text-align: right; }
  .persona-explorer { grid-template-columns: 1fr; }
  .persona-sidebar { padding: 21px 17px; }
  .persona-sidebar-label { margin: 0 0 13px; font-size: 9px; }
  .persona-options { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .persona-options button { padding: 14px 10px; min-height: 84px; }
  .persona-option-number { display: none; }
  .persona-options strong { font-size: 11px; }
  .persona-options small { font-size: 8px; margin-top: 4px; }
  .persona-sidebar>p { display: none; }
  .persona-panel { padding: 24px 21px; }
  .persona-panel-heading { gap: 12px; padding-bottom: 19px; }
  .persona-panel-heading h3 { font-size: 23px; line-height: 1.6; }
  .persona-panel-heading p { font-size: 11px; margin-top: 7px; }
  .persona-category { font-size: 9px; letter-spacing: 0; }
  .persona-template-badge { display: none; }
  .persona-facts { padding: 20px 0; gap: 18px; }
  .persona-panel h4 { font-size: 11px; margin-bottom: 6px; }
  .persona-facts p,.persona-panel li { font-size: 12px; }
  .persona-decision-grid { padding: 20px 0; gap: 18px; }
  .persona-content { padding: 13px 15px; }
  .persona-content>span { font-size: 10px; }
  .persona-content p { font-size: 12px; }
  .persona-questions { margin-top: 20px; }
  .persona-region-focus { gap: 12px; padding: 22px 0; }
  .persona-region-focus>div { flex: 0 0 calc(100% - 35px); }
  .focus-icon { font-size: 21px; }
  .persona-region-focus h3 { font-size: 12px; }
  .persona-region-focus p { font-size: 10px; }
  .persona-region-focus p strong { font-size: 9px; }
  .persona-region-focus>.text-link { margin-left: 33px; font-size: 11px; }
}

/* 获客数据保持空值，不用模拟数值装饰图表。 */
.results-section {
  background:var(--paper);
}
.data-state {
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  color:#7a8d96;
  border:1px solid #d9e3e7;
  padding:3px 9px;
  border-radius:3px;
  margin-top:15px;
}
.data-state:before {
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9faeb6;
}
.data-context {
  display:flex;
  align-items:center;
  gap:26px;
  margin-bottom:16px;
  color:#8a9aa5;
  font-size:10px;
}
.data-context strong {
  font-weight:400;
  color:#687c89;
  margin-left:9px;
}
.data-context .mono {
  margin-left:auto;
  color:#91a0a9;
  font-size:9px;
}
.metrics-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:#fff;
  border:1px solid var(--line);
  border-radius:5px;
  overflow:hidden;
}
.metric {
  padding:26px 30px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.metric:nth-child(3n) {
  border-right:0;
}
.metric:nth-child(n+4) {
  border-bottom:0;
}
.metric>span {
  font-size:12px;
  color:#607684;
}
.metric>strong {
  display:block;
  font-size:35px;
  font-weight:400;
  line-height:1.2;
  margin:20px 0 12px;
  color:#4d687a;
}
.metric small {
  font-size:11px;
  color:#92a0a9;
  margin-left:16px;
  font-weight:400;
}
.metric p {
  font-size:10px;
  color:#91a0a8;
}
.metric .text-value {
  font-size:20px;
  line-height:42px;
  display:flex;
  align-items:center;
  gap:32px;
  color:#8496a2;
}
.metric .text-value span {
  font-size:21px;
  color:#a9b6be;
}
.metric abbr {
  text-decoration:none;
}
.data-visuals {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:20px;
  margin:20px 0 24px;
}
.data-visuals>article {
  background:#fff;
  border:1px solid var(--line);
  border-radius:5px;
  padding:23px 28px;
  min-width:0;
}
.chart-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}
.chart-heading h3 {
  font-size:14px;
}
.chart-heading>span {
  font-size:9px;
  color:#94a2aa;
}
.country-empty {
  position:relative;
  min-height:217px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.country-empty>img {
  position:absolute;
  width:90%;
  height:100%;
  object-fit:contain;
  opacity:.17;
}
.country-empty>div {
  position:relative;
  text-align:center;
  padding-top:10px;
}
.empty-symbol {
  display:block;
  color:#638b9c;
  font-size:27px;
  line-height:1.3;
  margin-bottom:8px;
}
.country-empty strong {
  font-size:12px;
  font-weight:500;
  color:#607784;
}
.country-empty p {
  font-size:10px;
  color:#95a3ab;
  margin-top:5px;
}
.quality-placeholder {
  padding-top:25px;
}
.quality-line {
  display:flex;
  gap:30px;
  color:#a0adb5;
  font-size:9px;
  margin-bottom:14px;
}
.quality-line>span:first-child {
  margin-right:auto;
}
.empty-track {
  height:7px;
  border-radius:2px;
  margin:11px 0;
  background:repeating-linear-gradient(120deg,#f4f7f8,#f4f7f8 4px,#eef2f4 4px,#eef2f4 8px);
}
.quality-placeholder>strong {
  display:block;
  margin-top:23px;
  font-size:12px;
  font-weight:500;
  color:#637c8b;
}
.quality-placeholder>p {
  font-size:10px;
  color:#94a2ab;
  margin-top:5px;
}

/* 案例中的产品造型均为可替换示意，不当作真实照片。 */
.cases-notice {
  font-size:11px;
  color:#85939b;
  display:flex;
  align-items:center;
  gap:9px;
  margin:-13px 0 24px;
}
.case-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  align-items:start;
}
.case-card {
  border:1px solid var(--line);
  border-radius:5px;
  overflow:hidden;
  background:#fff;
}
.case-visual {
  height:223px;
  position:relative;
  overflow:hidden;
  background:#eaf1f3;
  background-image:linear-gradient(#9db3c014 1px,transparent 1px),linear-gradient(90deg,#9db3c014 1px,transparent 1px);
  background-size:27px 27px;
}
.visual-label {
  position:absolute;
  left:23px;
  top:20px;
  font-size:9px;
  letter-spacing:1.6px;
  color:#78929f;
}
.visual-caption {
  position:absolute;
  left:23px;
  bottom:15px;
  font-size:9px;
  color:#8a9da5;
}
.screen-model {
  position:absolute;
  left:22%;
  top:29%;
  width:58%;
  height:51%;
  transform:skewY(-7deg);
  background:linear-gradient(135deg,#133a53,#1d6b79 60%,#6ec4b3);
  border:5px solid #173248;
  box-shadow:12px 12px 0 #1732480c;
  background-size:auto;
}
.screen-model:after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(#b8f0e466 1px,transparent 1px);
  background-size:4px 4px;
}
.screen-model i {
  position:absolute;
  background:#91c8c642;
  top:0;
  width:1px;
  height:100%;
}
.screen-model i:nth-child(1) {
  left:25%;
}
.screen-model i:nth-child(2) {
  left:50%;
}
.screen-model i:nth-child(3) {
  left:75%;
}
.case-lighting {
  background-color:#eef1f2;
}
.light-model {
  position:absolute;
  inset:45px 40px 37px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:30px;
  transform:skewY(-8deg);
}
.light-model i {
  height:115px;
  width:17px;
  border:3px solid #d5dfe2;
  background:linear-gradient(90deg,#fff,#d5edf0,#fff);
  border-radius:4px;
  box-shadow:5px 7px 20px #6f8e9b20;
}
.light-model i:nth-child(2) {
  height:140px;
}
.light-model i:after {
  content:"";
  display:block;
  background:#c4d0d6;
  height:12px;
  margin-top:-14px;
  width:11px;
}
.case-application {
  background-color:#e9eff2;
}
.building-model {
  position:absolute;
  inset:50px 45px 42px;
  display:flex;
  justify-content:center;
  gap:13px;
  align-items:flex-end;
  transform:skewY(-5deg);
}
.building-model i {
  width:65px;
  height:76px;
  background:repeating-linear-gradient(0deg,transparent,transparent 10px,#80a9b738 10px,#80a9b738 12px),repeating-linear-gradient(90deg,#d0dee3,#d0dee3 12px,#eff6f7 12px,#eff6f7 14px);
  border:1px solid #bbcdd5;
  box-shadow:7px 4px 0 #bbcdd558;
}
.building-model i:nth-child(2) {
  height:127px;
}
.building-model i:nth-child(3) {
  height:97px;
}
.case-body {
  padding:23px 23px 0;
}
.case-kicker {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:#96a2aa;
  font-size:9px;
}
.pending-badge {
  font-size:9px;
  line-height:1.5;
  border:1px solid #e1e8ec;
  border-radius:2px;
  padding:3px 6px;
  white-space:nowrap;
}
.case-body h3 {
  font-size:22px;
  margin-top:13px;
}
.case-description {
  font-size:11px;
  color:#85949e;
  line-height:1.95;
  margin-top:11px;
  min-height:44px;
}
.case-metrics {
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:24px;
  padding:17px 0;
  border-top:1px solid #e8eef1;
  border-bottom:1px solid #e8eef1;
}
.case-metrics>div+div {
  border-left:1px solid #e8eef1;
  padding-left:18px;
}
.case-metrics dt {
  font-size:9px;
  color:#8296a2;
}
.case-metrics dd {
  font-size:21px;
  margin-top:8px;
  line-height:1.2;
  color:#617b8c;
}
.case-details>summary {
  cursor:pointer;
  list-style:none;
  padding:18px 0;
  color:#527887;
  font-size:11px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.case-details>summary::-webkit-details-marker {
  display:none;
}
.case-details>summary>span {
  font-size:17px;
  font-weight:400;
  transition:transform .2s;
}
.case-details[open]>summary>span {
  transform:rotate(45deg);
}
.case-details>div {
  padding:0 0 22px;
  font-size:11px;
}
.case-details dl>div {
  padding:9px 0;
  border-top:1px solid #edf2f4;
}
.case-details dt {
  color:#8a9ca7;
  font-size:10px;
}
.case-details dd {
  color:#5a7281;
  font-size:11px;
  margin-top:3px;
}

/* 服务与合作边界 */
.services-section {
  background:var(--navy);
  color:#fff;
}
.services-layout {
  display:grid;
  grid-template-columns:1fr 1.45fr;
  gap:100px;
}
.services-intro h2 {
  font-size:39px;
  line-height:1.55;
  letter-spacing:-1px;
}
.services-intro>p:not(.eyebrow):not(.orbit-caption) {
  color:#8fa6b8;
  font-size:13px;
  line-height:2;
  margin-top:22px;
}
.light-link {
  color:#7ce3cc;
  font-size:12px;
  margin-top:28px;
}
.service-orbit {
  width:207px;
  height:207px;
  border:1px solid #527b8c47;
  border-radius:50%;
  position:relative;
  margin:57px auto 0 28px;
  display:grid;
  place-items:center;
  transform:rotate(-20deg);
}
.service-orbit:before {
  content:"";
  position:absolute;
  inset:30px;
  border:1px solid #527b8c36;
  border-radius:50%;
}
.service-orbit:after {
  content:"";
  position:absolute;
  width:270px;
  height:1px;
  background:#527b8c2f;
  transform:rotate(40deg);
}
.service-orbit>span {
  display:grid;
  place-items:center;
  width:83px;
  height:83px;
  background:#123448;
  border:1px solid #7adbc660;
  border-radius:50%;
  color:#7bdac8;
  font-family:Arial,sans-serif;
  font-size:24px;
  letter-spacing:3px;
  transform:rotate(20deg);
  z-index:1;
}
.service-orbit i {
  position:absolute;
  width:7px;
  height:7px;
  background:#64c1b2;
  border:2px solid #0b1d30;
  box-shadow:0 0 0 1px #64c1b260;
  border-radius:50%;
}
.service-orbit i:nth-of-type(1) {
  top:0;
  left:50%;
}
.service-orbit i:nth-of-type(2) {
  top:50%;
  right:-3px;
}
.service-orbit i:nth-of-type(3) {
  bottom:0;
  left:50%;
}
.service-orbit i:nth-of-type(4) {
  top:50%;
  left:-3px;
}
.orbit-caption {
  color:#5c8397;
  font-size:10px;
  letter-spacing:2px;
  margin:25px 0 0 38px;
}
.service-list article {
  display:flex;
  gap:22px;
  align-items:flex-start;
  padding:24px 0 25px;
  border-bottom:1px solid #ffffff14;
}
.service-list article:first-child {
  padding-top:0;
}
.service-list article:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.service-number {
  color:#4c8f94;
  font-family:Consolas,monospace;
  font-size:12px;
  padding-top:3px;
}
.service-list h3 {
  font-size:17px;
  font-weight:500;
}
.service-list p {
  color:#8fa5b5;
  font-size:12px;
  line-height:2;
  margin-top:8px;
}
.service-list article>div>span {
  font-size:9px;
  letter-spacing:.6px;
  color:#53788e;
  display:block;
  margin-top:10px;
}
.service-icon {
  color:#69c9b6;
  font-size:25px;
  line-height:1.3;
  margin-left:8px;
  min-width:22px;
  text-align:center;
}
.why-section {
  padding-bottom:92px;
}
.why-section h2 {
  font-size:36px;
}
.why-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:35px;
}
.why-grid article {
  position:relative;
  padding-top:25px;
  border-top:1px solid #dce5e9;
}
.why-icon {
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  background:#eff7f5;
  border-radius:4px;
  color:#318d80;
  font-size:25px;
  line-height:1;
}
.why-number {
  position:absolute;
  right:0;
  top:31px;
  font-family:Consolas,monospace;
  font-size:10px;
  letter-spacing:1px;
  color:#a2b2bc;
}
.why-grid h3 {
  font-size:16px;
  margin:22px 0 12px;
}
.why-grid p {
  font-size:12px;
  color:#7a8a95;
  line-height:2;
}
.about-section {
  background:#f4f8f8;
}
.about-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px;
}
.about-statement {
  position:relative;
  border-right:1px solid #dce6e8;
}
.quote-mark {
  font-size:110px;
  line-height:1.2;
  color:#b3d7cf;
  position:absolute;
  left:-8px;
  top:24px;
  font-family:Georgia,serif;
}
.about-statement h2 {
  position:relative;
  font-size:38px;
  line-height:1.65;
  padding-top:34px;
  letter-spacing:-1px;
}
.about-statement h2 span {
  color:#217f73;
}
.about-signature {
  display:flex;
  align-items:center;
  gap:15px;
  font-size:11px;
  color:#78978f;
  margin-top:29px;
}
.signature-line {
  height:1px;
  width:28px;
  background:#72ac9d;
}
.about-copy {
  padding:10px 0;
}
.about-copy>h3 {
  font-size:22px;
  margin-bottom:22px;
}
.about-copy>p {
  font-size:13px;
  color:#71858d;
  line-height:2.1;
  margin-bottom:18px;
}
.about-facts {
  margin:24px 0 20px;
  border-top:1px solid #dce6e8;
}
.about-facts>div {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:12px 0;
  border-bottom:1px solid #dce6e8;
  font-size:11px;
}
.about-facts span {
  color:#8ba09f;
  white-space:nowrap;
}
.about-facts strong {
  font-weight:500;
  text-align:right;
}
.about-copy>.about-caption {
  font-size:10px;
  color:#9aa9aa;
  line-height:1.9;
  margin-bottom:0;
}
.process-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:22px;
  list-style:none;
  padding:0;
  margin:50px 0 0;
}
.process-grid li {
  position:relative;
}
.process-grid li:after {
  position:absolute;
  content:"";
  top:18px;
  left:49px;
  right:-9px;
  height:1px;
  background:#dce7ea;
}
.process-grid li:last-child:after {
  display:none;
}
.process-grid li>span {
  height:38px;
  width:38px;
  border:1px solid #d3e1e7;
  display:grid;
  place-items:center;
  color:#2e877c;
  font-family:Consolas,monospace;
  font-size:11px;
  border-radius:50%;
  background:#f9fbfb;
}
.process-grid h3 {
  font-size:14px;
  margin-top:22px;
  white-space:nowrap;
}
.process-grid p {
  font-size:11px;
  color:#8a99a3;
  line-height:1.95;
  margin-top:11px;
}
.cooperation-boundary {
  display:flex;
  align-items:flex-start;
  gap:30px;
  margin-top:42px;
  border:1px solid var(--line);
  padding:22px 26px;
  background:#f8fafb;
  border-radius:4px;
}
.cooperation-boundary strong {
  flex-shrink:0;
  font-size:12px;
  font-weight:500;
  padding-top:1px;
}
.cooperation-boundary p {
  color:#81919b;
  font-size:11px;
  line-height:2;
}

/* 咨询只在当前页面整理，不进行网络提交或本地持久保存。 */
.contact-section {
  background:var(--navy);
  padding:90px 0;
  color:#fff;
  position:relative;
  background-image:radial-gradient(ellipse at 15% 80%,#0d635c38,transparent 55%);
}
.contact-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px;
  align-items:start;
}
.contact-copy {
  padding-top:20px;
}
.contact-copy h2 {
  font-size:36px;
  line-height:1.65;
  letter-spacing:-1px;
}
.contact-copy>p:not(.eyebrow) {
  color:#90a8b9;
  font-size:13px;
  margin-top:23px;
  line-height:2.1;
}
.contact-checklist {
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:34px;
  font-size:12px;
  color:#aec5ce;
}
.contact-checklist i {
  font-style:normal;
  color:#69ddbc;
  margin-right:12px;
}
.contact-status {
  border-top:1px solid #ffffff1b;
  margin-top:55px;
  padding-top:24px;
  display:flex;
  gap:8px;
  align-items:baseline;
}
.contact-status .status-dot {
  box-shadow:none;
  width:5px;
  height:5px;
  margin:0 4px 0 0;
  background:#6e9b9c;
}
.contact-status strong {
  font-size:11px;
  color:#99b1c1;
  font-weight:500;
}
.contact-status p {
  font-size:11px;
  color:#628396;
  line-height:2;
  margin-top:7px;
}
.contact-form {
  background:#fff;
  color:var(--ink);
  padding:32px;
  border-radius:5px;
}
.form-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:9px;
}
.form-heading h3 {
  font-size:19px;
}
.form-heading>span {
  font-size:9px;
  color:#718d90;
  background:#f0f6f4;
  padding:2px 7px;
  border-radius:2px;
  white-space:nowrap;
}
.form-note {
  font-size:10px;
  color:#8b9ca4;
  line-height:1.9;
  margin-bottom:19px;
}
.contact-form label {
  display:block;
  font-size:11px;
  color:#536b7a;
  margin:16px 0 7px;
}
.contact-form label>span {
  color:#90aaa8;
  margin-left:2px;
}
.contact-form input,.contact-form select,.contact-form textarea {
  border:1px solid #dce5ea;
  min-height:43px;
  display:block;
  width:100%;
  padding:10px 12px;
  border-radius:3px;
  color:#324e60;
  font-size:12px;
  background:#fcfdfd;
  line-height:1.8;
}
.contact-form input::placeholder,.contact-form textarea::placeholder {
  color:#a7b4bd;
}
.contact-form textarea {
  resize:vertical;
  min-height:82px;
}
.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.form-grid>* {
  min-width:0;
}
.form-button {
  width:100%;
  margin-top:21px;
  justify-content:space-between;
  min-height:46px;
  font-size:12px;
}
.form-bottom-note {
  text-align:center;
  color:#98a6af;
  font-size:9px;
  margin-top:9px;
}
.summary-panel {
  border-top:1px solid var(--line);
  padding-top:5px;
  margin-top:19px;
}
.summary-panel textarea {
  font-size:11px;
  min-height:140px;
}
.summary-panel>div {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:11px;
  gap:15px;
}
.summary-panel .text-link {
  font-size:10px;
  gap:8px;
}
.summary-panel .text-link span {
  font-size:15px;
}
.form-feedback {
  font-size:11px;
  color:var(--teal);
  line-height:1.9;
}
.form-feedback:not(:empty) {
  padding-top:12px;
}
.site-footer {
  padding:40px 0 0;
  background:#fff;
}
.footer-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
  padding-bottom:28px;
}
.footer-top img {
  width:145px;
}
.footer-top p {
  font-size:10px;
  color:#8fa0aa;
  margin-top:12px;
}
.footer-links {
  display:flex;
  gap:25px;
  font-size:11px;
  color:#6c8290;
}
.footer-links a:hover {
  color:var(--teal);
}
.footer-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  border-top:1px solid #e5edf0;
  padding:20px 0;
  font-size:9px;
  color:#97a8b3;
}
.footer-bottom a {
  color:#64818e;
}
.noscript-notice {
  margin:0;
  background:#fff8df;
  color:#7c672b;
  padding:15px;
  text-align:center;
  font-size:12px;
}

/* 按实际可用宽度换行，避免手机左右溢出。 */
@media(min-width:1600px) {
  :root {
    --container:1320px;
  }
  .hero h1 {
    font-size:61px;
  }
  .hero-art {
    right:-75px;
    width:810px;
  }
  .hero-inner {
    min-height:780px;
    padding-top:96px;
  }
  .hero-bottom {
    margin-top:76px;
  }
}
@media(max-width:1200px) {
  .container {
    width:calc(100% - 72px);
  }
  .desktop-nav {
    gap:18px;
    font-size:11px;
  }
  .brand {
    width:140px;
  }
  .header-cta {
    font-size:11px;
    padding-inline:14px;
    gap:12px;
  }
  .header-inner {
    gap:18px;
  }
  .hero h1 {
    font-size:49px;
  }
  .hero-copy {
    max-width:58%;
    width:560px;
  }
  .hero-art {
    right:-105px;
    width:680px;
    top:35px;
  }
  .hero-description {
    font-size:13px;
    max-width:430px;
  }
  .hero-inner {
    min-height:700px;
    padding-top:75px;
  }
  .hero-bottom {
    margin-top:61px;
  }
  .hero-art figcaption {
    bottom:69px;
    right:95px;
  }
  .section {
    padding:82px 0;
  }
  .section-heading h2 {
    font-size:35px;
  }
  .section-intro {
    font-size:12px;
  }
  .section-heading {
    gap:35px;
  }
  .market-detail {
    padding:25px;
  }
  .market-explorer {
    grid-template-columns:1.7fr 1fr;
  }
  .map-panel {
    padding:22px;
  }
  .market-detail h3 {
    font-size:24px;
  }
  .detail-block p {
    font-size:11px;
  }
  .case-grid {
    gap:18px;
  }
  .case-body {
    padding:21px 20px 0;
  }
  .case-kicker {
    font-size:8px;
  }
  .pending-badge {
    font-size:8px;
    padding:3px 4px;
  }
  .case-visual {
    height:200px;
  }
  .services-layout {
    gap:65px;
  }
  .services-intro h2 {
    font-size:34px;
  }
  .why-grid {
    gap:24px;
  }
  .why-grid h3 {
    font-size:14px;
  }
  .why-grid p {
    font-size:11px;
  }
  .about-layout,.contact-layout {
    gap:70px;
  }
  .about-statement h2 {
    font-size:34px;
  }
  .contact-copy h2 {
    font-size:32px;
  }
  .process-grid {
    gap:14px;
  }
  .process-grid h3 {
    font-size:12px;
  }
  .process-grid p {
    font-size:10px;
  }
  .contact-form {
    padding:27px;
  }
  .footer-links {
    gap:18px;
  }
}
@media(max-width:1023px) {
  .site-header {
    height:78px;
  }
  .desktop-nav,.header-cta {
    display:none;
  }
  .menu-toggle {
    display:block;
  }
  .brand {
    width:145px;
  }
  .section-heading h2 {
    font-size:32px;
  }
  .section-heading {
    gap:25px;
  }
  .section-intro {
    max-width:340px;
    font-size:12px;
  }
  .hero-inner {
    min-height:700px;
  }
  .hero h1 {
    font-size:43px;
  }
  .hero-description {
    font-size:12px;
    max-width:370px;
  }
  .hero-copy {
    max-width:64%;
  }
  .hero-art {
    width:580px;
    right:-140px;
    top:65px;
    opacity:.9;
  }
  .hero-actions {
    gap:10px;
  }
  .hero-actions .button {
    font-size:12px;
    padding:12px 16px;
    gap:20px;
  }
  .hero-bottom {
    gap:25px;
    margin-top:83px;
  }
  .hero-bottom strong {
    font-size:15px;
  }
  .hero-bottom-detail {
    font-size:10px;
  }
  .hero-art figcaption {
    bottom:55px;
    right:80px;
  }
  .market-explorer {
    grid-template-columns:1.3fr 1fr;
  }
  .map-panel {
    padding:20px 14px;
  }
  .map-caption {
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
  }
  .panel-topline .mono {
    display:none;
  }
  .world-map {
    padding:15px 0;
  }
  .map-routes {
    top:15px;
    height:calc(100% - 30px);
  }
  .map-pin {
    font-size:9px;
    gap:1px;
  }
  .market-detail {
    padding:23px;
  }
  .market-research-note {
    gap:25px;
  }
  .market-research-note>div {
    gap:12px;
  }
  .data-context {
    flex-wrap:wrap;
    gap:10px 22px;
  }
  .data-context .mono {
    display:none;
  }
  .metric {
    padding:24px;
  }
  .metric>span {
    font-size:11px;
  }
  .data-visuals {
    gap:16px;
  }
  .data-visuals>article {
    padding:22px;
  }
  .chart-heading {
    flex-wrap:wrap;
    gap:3px;
  }
  .chart-heading h3 {
    font-size:13px;
  }
  .case-grid {
    grid-template-columns:repeat(2,1fr);
  }
  .case-card:last-child {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .case-card:last-child .case-visual {
    height:100%;
    min-height:300px;
  }
  .case-card:last-child .case-body {
    padding-top:26px;
  }
  .services-layout {
    grid-template-columns:1fr 1.5fr;
    gap:44px;
  }
  .services-intro h2 {
    font-size:29px;
  }
  .service-list article {
    gap:15px;
  }
  .service-list h3 {
    font-size:15px;
  }
  .service-list p {
    font-size:11px;
  }
  .service-icon {
    font-size:22px;
    margin:0;
  }
  .service-orbit {
    width:164px;
    height:164px;
    margin-left:15px;
  }
  .service-orbit:after {
    width:200px;
  }
  .orbit-caption {
    font-size:9px;
    margin-left:0;
  }
  .why-grid {
    grid-template-columns:repeat(2,1fr);
    gap:34px;
  }
  .why-grid h3 {
    font-size:16px;
  }
  .why-grid p {
    font-size:12px;
  }
  .about-layout {
    gap:40px;
  }
  .about-statement h2 {
    font-size:31px;
  }
  .about-copy>h3 {
    font-size:20px;
  }
  .about-copy>p {
    font-size:12px;
  }
  .about-facts>div {
    flex-direction:column;
    gap:1px;
    padding:10px 0;
  }
  .about-facts strong {
    text-align:left;
  }
  .process-grid {
    grid-template-columns:repeat(3,1fr);
    row-gap:32px;
  }
  .process-grid li:nth-child(3):after {
    display:none;
  }
  .process-grid h3 {
    font-size:14px;
  }
  .process-grid p {
    font-size:11px;
  }
  .cooperation-boundary {
    gap:20px;
    padding:20px;
  }
  .contact-layout {
    gap:35px;
  }
  .contact-copy h2 {
    font-size:29px;
  }
  .contact-copy>p:not(.eyebrow) {
    font-size:12px;
  }
  .contact-form {
    padding:25px;
  }
  .form-heading h3 {
    font-size:16px;
  }
  .form-heading>span {
    display:none;
  }
  .form-grid {
    gap:11px;
  }
  .footer-top {
    gap:25px;
  }
  .footer-links {
    gap:14px;
    flex-wrap:wrap;
    justify-content:flex-end;
    max-width:310px;
    font-size:10px;
  }
  .footer-bottom {
    font-size:8px;
    gap:15px;
  }
}
@media(max-width:700px) {
  .mobile-break {
    display: block;
  }
  html {
    scroll-padding-top:86px;
  }
  .container {
    width:calc(100% - 40px);
  }
  .site-header {
    height:72px;
  }
  .brand {
    width:132px;
  }
  .mobile-nav {
    padding-inline:24px;
  }
  .hero-inner {
    padding-top:47px;
    min-height:0;
  }
  .hero-copy {
    max-width:100%;
    width:100%;
  }
  .hero .eyebrow {
    font-size:9px;
    letter-spacing:1.2px;
    margin-bottom:21px;
  }
  .hero h1 {
    font-size:clamp(29px,7.8vw,48px);
    letter-spacing:-1px;
    line-height:1.55;
  }
  .hero-description {
    font-size:12px;
    max-width:460px;
    line-height:2;
    margin-top:19px;
  }
  .hero-description br {
    display:none;
  }
  .hero-actions {
    margin-top:25px;
    gap:10px;
  }
  .hero-actions .button {
    font-size:11px;
    padding:12px 14px;
    gap:15px;
    min-height:46px;
  }
  .hero-note {
    font-size:9px;
    margin-top:19px;
    letter-spacing:1px;
  }
  .hero-art {
    position:relative;
    top:auto;
    right:auto;
    width:calc(100% + 40px);
    margin:-20px -20px -31px;
    opacity:1;
  }
  .hero-art>img {
    max-height:420px;
    object-fit:contain;
    object-position:center;
  }
  .hero-art figcaption {
    right:22px;
    bottom:44px;
    font-size:8px;
    color:#6d91a6;
  }
  .hero-bottom {
    grid-template-columns:1fr;
    gap:0;
    margin-top:0;
    padding:4px 0 24px;
    border-top:1px solid #ffffff15;
  }
  .hero-bottom>div {
    border:0;
    border-bottom:1px solid #ffffff0b;
    padding:14px 0;
    display:grid;
    grid-template-columns:73px 1fr;
    gap:2px 14px;
    align-items:center;
  }
  .hero-bottom>div:last-child {
    border:0;
    padding-bottom:0;
  }
  .hero-bottom .mini-label {
    font-size:9px;
    margin:0;
    grid-row:1/3;
  }
  .hero-bottom strong {
    font-size:13px;
  }
  .hero-bottom-detail {
    font-size:9px;
    margin-top:1px;
  }
  .section {
    padding:58px 0;
  }
  .eyebrow {
    font-size:9px;
    letter-spacing:1.5px;
    margin-bottom:14px;
  }
  .section-heading {
    display:block;
    margin-bottom:27px;
  }
  .section-heading h2 {
    font-size:28px;
    letter-spacing:-.7px;
    line-height:1.55;
  }
  .section-intro {
    max-width:none;
    margin-top:18px;
    font-size:12px;
    padding:0;
    line-height:2;
  }
  .section-intro br {
    display:none;
  }
  .market-toolbar {
    align-items:flex-start;
    gap:15px;
    flex-direction:column;
    margin-bottom:16px;
  }
  .segmented button {
    padding:8px 20px;
    font-size:11px;
    min-height:38px;
  }
  .quiet-label {
    font-size:9px;
  }
  .market-explorer {
    grid-template-columns:1fr;
    min-height:0;
  }
  .map-panel {
    padding:18px 16px;
    min-height:240px;
    gap:13px;
  }
  .panel-topline {
    font-size:10px;
  }
  .panel-topline .mono {
    display:block;
    font-size:7px;
    letter-spacing:.7px;
  }
  .world-map {
    padding:0;
    margin:0;
  }
  .map-routes {
    top:0;
    height:100%;
  }
  .map-pin {
    font-size:9px;
    padding:0;
    gap:1px;
    min-height:34px;
    transform:translateY(-4px);
  }
  .map-pin span {
    padding:1px 3px;
  }
  .map-pin i {
    width:7px;
    height:7px;
  }
  .china-label {
    font-size:7px;
  }
  .map-caption {
    font-size:8px;
    flex-direction:row;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .market-detail {
    border-left:0;
    border-top:1px solid var(--line);
    padding:22px;
  }
  .market-detail h3 {
    font-size:24px;
    margin-top:11px;
  }
  .region-countries {
    font-size:10px;
    margin-bottom:17px;
  }
  .detail-block {
    margin-bottom:13px;
  }
  .detail-block p {
    font-size:12px;
  }
  .detail-kicker {
    font-size:8px;
  }
  .market-detail>.text-link {
    font-size:11px;
  }
  .market-research-note {
    grid-template-columns:1fr;
    gap:15px;
    padding:22px 0;
  }
  .note-number {
    font-size:9px;
  }
  .market-research-note>div {
    gap:13px;
  }
  .market-research-note p {
    font-size:10px;
  }
  .source-disclosure summary {
    font-size:10px;
    gap:12px;
    padding:14px 0;
    align-items:flex-start;
  }
  .source-disclosure summary>span:first-child {
    max-width:73%;
  }
  .summary-action {
    font-size:9px;
    padding-top:1px;
  }
  .summary-action b {
    margin-left:8px;
  }
  .disclosure-content {
    padding:0 4px 18px;
    font-size:11px;
  }
  .data-state {
    font-size:9px;
    margin-top:14px;
    padding:3px 8px;
  }
  .data-context {
    gap:5px 18px;
    font-size:9px;
    margin-bottom:12px;
  }
  .data-context strong {
    margin-left:6px;
  }
  .metrics-grid {
    grid-template-columns:repeat(2,1fr);
  }
  .metric {
    padding:20px 17px;
  }
  .metric:nth-child(3n) {
    border-right:1px solid var(--line);
  }
  .metric:nth-child(2n) {
    border-right:0;
  }
  .metric:nth-child(n+4) {
    border-bottom:1px solid var(--line);
  }
  .metric:nth-child(n+5) {
    border-bottom:0;
  }
  .metric>span {
    font-size:10px;
  }
  .metric>strong {
    font-size:28px;
    margin:15px 0 10px;
  }
  .metric small {
    font-size:9px;
    margin-left:9px;
  }
  .metric p {
    font-size:9px;
    line-height:1.8;
    min-height:32px;
  }
  .metric .text-value {
    font-size:16px;
    line-height:34px;
    gap:14px;
  }
  .metric .text-value span {
    font-size:17px;
  }
  .data-visuals {
    grid-template-columns:1fr;
    margin:16px 0 21px;
    gap:15px;
  }
  .data-visuals>article {
    padding:20px;
  }
  .chart-heading {
    flex-wrap:nowrap;
  }
  .chart-heading h3 {
    font-size:12px;
  }
  .chart-heading>span {
    font-size:8px;
  }
  .country-empty {
    min-height:176px;
  }
  .country-empty strong {
    font-size:11px;
  }
  .country-empty p {
    font-size:9px;
  }
  .quality-placeholder {
    padding:22px 0 4px;
  }
  .quality-placeholder>strong {
    font-size:11px;
  }
  .quality-placeholder>p {
    font-size:10px;
  }
  .cases-notice {
    font-size:10px;
    align-items:flex-start;
    gap:8px;
    margin:-4px 0 20px;
    line-height:1.9;
  }
  .cases-notice .small-ring {
    margin-top:6px;
  }
  .case-grid {
    grid-template-columns:1fr;
    gap:22px;
  }
  .case-visual {
    height:205px;
  }
  .case-card:last-child {
    display:block;
    grid-column:auto;
  }
  .case-card:last-child .case-visual {
    height:205px;
    min-height:0;
  }
  .case-body,.case-card:last-child .case-body {
    padding:23px 23px 0;
  }
  .case-kicker {
    font-size:9px;
  }
  .pending-badge {
    font-size:9px;
    padding:3px 7px;
  }
  .case-body h3 {
    font-size:22px;
  }
  .case-description {
    font-size:12px;
    min-height:0;
  }
  .case-metrics {
    margin-top:21px;
  }
  .case-metrics dt {
    font-size:10px;
  }
  .case-metrics dd {
    font-size:22px;
  }
  .case-details>summary {
    font-size:11px;
  }
  .services-layout {
    grid-template-columns:1fr;
    gap:38px;
  }
  .services-intro h2 {
    font-size:29px;
  }
  .services-intro>p:not(.eyebrow):not(.orbit-caption) {
    font-size:12px;
    margin-top:16px;
  }
  .light-link {
    font-size:11px;
    margin-top:20px;
  }
  .service-orbit,.orbit-caption {
    display:none;
  }
  .service-list article {
    padding:23px 0;
    gap:16px;
  }
  .service-list article:first-child {
    border-top:1px solid #ffffff14;
    padding-top:23px;
  }
  .service-list h3 {
    font-size:16px;
  }
  .service-list p {
    font-size:12px;
  }
  .service-list article>div>span {
    font-size:9px;
  }
  .service-icon {
    font-size:22px;
  }
  .service-number {
    font-size:10px;
  }
  .why-grid {
    gap:29px 20px;
  }
  .why-grid article {
    padding-top:21px;
  }
  .why-icon {
    width:36px;
    height:36px;
    font-size:21px;
  }
  .why-number {
    top:25px;
    font-size:9px;
  }
  .why-grid h3 {
    font-size:14px;
    margin:17px 0 10px;
    line-height:1.6;
  }
  .why-grid p {
    font-size:11px;
    line-height:1.95;
  }
  .about-layout {
    grid-template-columns:1fr;
    gap:34px;
  }
  .about-statement {
    border-right:0;
    border-bottom:1px solid #dce6e8;
    padding-bottom:31px;
  }
  .quote-mark {
    font-size:91px;
    top:15px;
  }
  .about-statement h2 {
    font-size:32px;
    padding-top:30px;
    line-height:1.65;
  }
  .about-signature {
    font-size:10px;
    margin-top:23px;
  }
  .about-copy {
    padding:0;
  }
  .about-copy>h3 {
    font-size:21px;
    margin-bottom:18px;
  }
  .about-copy>p {
    font-size:12px;
    margin-bottom:15px;
  }
  .about-facts {
    margin-top:22px;
  }
  .about-facts>div {
    flex-direction:row;
    gap:20px;
    font-size:10px;
    padding:12px 0;
  }
  .about-facts strong {
    text-align:right;
  }
  .about-copy>.about-caption {
    font-size:9px;
  }
  .process-grid {
    grid-template-columns:repeat(2,1fr);
    gap:28px 20px;
    margin-top:32px;
  }
  .process-grid li:nth-child(3):after {
    display:block;
  }
  .process-grid li:nth-child(2n):after {
    display:none;
  }
  .process-grid h3 {
    font-size:13px;
    margin-top:16px;
  }
  .process-grid p {
    font-size:10px;
    margin-top:7px;
  }
  .process-grid li>span {
    width:33px;
    height:33px;
    font-size:10px;
  }
  .process-grid li:after {
    top:16px;
    left:45px;
    right:-7px;
  }
  .cooperation-boundary {
    display:block;
    margin-top:30px;
    padding:20px;
  }
  .cooperation-boundary strong {
    font-size:12px;
  }
  .cooperation-boundary p {
    font-size:10px;
    line-height:2.1;
    margin-top:9px;
  }
  .contact-section {
    padding:58px 0;
  }
  .contact-layout {
    grid-template-columns:1fr;
    gap:35px;
  }
  .contact-copy {
    padding:0;
  }
  .contact-copy h2 {
    font-size:29px;
    line-height:1.6;
  }
  .contact-copy>p:not(.eyebrow) {
    font-size:12px;
    margin-top:18px;
  }
  .contact-checklist {
    gap:10px;
    margin-top:25px;
    font-size:11px;
  }
  .contact-status {
    margin-top:26px;
    padding-top:19px;
  }
  .contact-status strong {
    font-size:10px;
  }
  .contact-status p {
    font-size:10px;
    line-height:1.9;
  }
  .contact-status p br {
    display:none;
  }
  .contact-form {
    padding:24px 21px;
    border-radius:4px;
  }
  .form-heading h3 {
    font-size:17px;
  }
  .form-note {
    font-size:10px;
  }
  .contact-form label {
    font-size:11px;
    margin-top:15px;
  }
  .contact-form input,.contact-form select,.contact-form textarea {
    font-size:16px;
    padding:9px 10px;
  }
  .contact-form input::placeholder,.contact-form textarea::placeholder {
    font-size:12px;
  }
  .form-grid {
    grid-template-columns:1fr;
    gap:0;
  }
  .contact-form select {
    font-size:13px;
    min-height:47px;
  }
  .form-button {
    font-size:12px;
    min-height:48px;
  }
  .form-bottom-note {
    font-size:8px;
  }
  .footer-top {
    display:block;
    padding-bottom:25px;
  }
  .site-footer {
    padding-top:30px;
  }
  .footer-top img {
    width:136px;
  }
  .footer-top p {
    font-size:9px;
  }
  .footer-links {
    justify-content:flex-start;
    gap:12px 21px;
    max-width:none;
    margin-top:25px;
    font-size:10px;
  }
  .footer-bottom {
    align-items:flex-start;
    flex-wrap:wrap;
    gap:8px 12px;
    padding:17px 0;
    font-size:8px;
  }
  .footer-bottom>span:nth-child(2) {
    order:3;
    flex-basis:100%;
  }
  .footer-bottom a {
    margin-left:auto;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    transition:none!important;
    animation:none!important;
  }
}
@media print {
  .site-header {
    position:static;
  }
  .menu-toggle,.header-cta,.summary-panel,.form-button {
    display:none;
  }
  .section,.contact-section {
    padding:30px 0;
  }
  .container {
    width:94%;
  }
  .hero-inner {
    min-height:650px;
  }
  body {
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }
}
