/* ============================================================
   Greenlink Packaging - 主样式文件
   基于 Figma 设计稿布局，字号层级参考 Moba 企业站
   响应式适配：移动端优先（Mobile First）
   尺寸单位：rem（基准 1rem=16px）/ vw / %
   布局：Flexbox + CSS Grid，禁止固定宽度容器
   字体：Playfair Display / Montserrat / Poppins（Google Fonts）
   ============================================================ */

/* ============================================================
   CSS 自定义属性（设计令牌）
============================================================ */
:root {
  /* Figma 颜色标注 */
  --color-green:        #008436;
  --color-gold:         #ffab11;
  --color-dark:         #191c1e;
  --color-text:         #333333;
  --color-text-muted:   rgba(255, 255, 255, 0.8);
  --color-bg-light:     #f7f9fb;
  --color-white:        #ffffff;
  --color-overlay-dark: rgba(8, 55, 28, 0.67);
  --color-overlay-green:rgba(0, 132, 54, 0.85);
  --color-border-light: rgba(194, 200, 193, 0.3);

  /* Figma 间距基准 */
  --container-max:      1240px;
  --container-pad:      clamp(1.25rem, 4vw, 5.25rem); /* 移动端 20px → 桌面 84px */

  /* 导航高度：Figma logo 高 61px + 上下 padding ≈ 120px */
  --nav-height:         7.5rem; /* 120px */

  /* 圆角：Figma 2px */
  --radius-sm:          2px;

  /* 阴影：Figma Aegis 卡片 shadow */
  --shadow-card:        0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-feature:     0 1px 1px rgba(0, 0, 0, 0.05);

  /* 字号层级：参考 Moba 企业站（正文 18px / 区块标题 36px / Hero 56px） */
  --fs-xs:   0.75rem;   /* 12px 标签、脚注 */
  --fs-sm:   0.875rem;  /* 14px 按钮、页脚 */
  --fs-nav:  1rem;      /* 16px 导航 */
  --fs-body: 1.125rem;  /* 18px 正文 */
  --fs-lead: 1.25rem;   /* 20px 导语、副标题 */
  --fs-card: 1.5rem;    /* 24px 卡片标题 */
  --fs-h2:   2.25rem;   /* 36px 区块标题 */
  --fs-h1:   3.5rem;    /* 56px Hero */
}

/* ============================================================
   CSS Reset & Base
============================================================ */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  /*font-family: 'Playfair Display', sans-serif;*/
  font-family: 'Poppins', sans-serif;
  font-size: var(--fs-body);
  color: var(--color-text);
  background: var(--color-white);
  line-height: 1.6;
  overflow-x: hidden;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
}

/* ============================================================
   布局容器
   Figma：内容区宽 1240px，水平居中，两侧 padding 响应式
   ============================================================ */
.container {
  width: 96%;
  max-width: var(--container-max);
  margin-inline: auto;
}

/* ============================================================
   通用按钮样式
   Figma：圆角 2px，字体 Montserrat SemiBold/Bold，uppercase，tracking 1.4px
============================================================ */
.btn {
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: var(--radius-sm);
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 0.0875rem; /* 1.4px */
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: opacity 0.2s, transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  white-space: nowrap;
}

.btn:hover {
  opacity: 0.88;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

/* 绿色按钮：Figma bg #008436，px 32 py 17，文字 18px 白色 */
.btn--green {
  background: var(--color-green);
  color: var(--color-white);
  padding: 1.0625rem 2rem; /* 17px 32px */
  font-size: var(--fs-nav); /* 16px */
  min-width: 320px;
}

/* 金色描边按钮：Figma border #ffab11，px 33 py 17，文字 18px 金色 */
.btn--outline-gold {
  background: transparent;
  color: var(--color-gold);
  border: 1px solid var(--color-gold);
  padding: 1.0625rem 2.0625rem; /* 17px 33px */
  font-size: var(--fs-nav);
  min-width: 320px;
}

/* 实心金色按钮：Figma bg #ffab11，px 32 py 16，文字 14px 白色 tracking 1.4px */
.btn--gold {
  background: var(--color-gold);
  color: var(--color-white);
  padding: 1rem 2rem;  /* 16px 32px */
  font-size: var(--fs-sm); /* 14px */
}

/* 小金色按钮：首页文章列表 Read More，描边款，避免实心色块过硬 */
.btn--gold-sm {
  margin-top: auto;
  background: transparent;
  color: var(--color-gold);
  border: 1px solid rgba(255, 171, 17, 0.85);
  padding: 0.5rem 1.15rem;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08rem;
  border-radius: var(--radius-sm);
  -webkit-align-self: flex-end;
  align-self: flex-end;
  min-width: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease;
}

.btn--gold-sm:hover {
  background: var(--color-gold);
  color: var(--color-white);
  border-color: var(--color-gold);
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

/* 大金色按钮：Figma Final CTA，px 48 py 20，18px uppercase tracking 1.8px */
.btn--gold-lg {
  background: var(--color-gold);
  color: var(--color-white);
  padding: 1.25rem 3rem;
  font-size: var(--fs-nav);
  font-weight: 700;
  letter-spacing: 0.1125rem;
  border-radius: var(--radius-sm);
  -webkit-box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
}

.btn__arrow {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  -o-object-fit: contain;
  object-fit: contain;
}

/* ============================================================
   区块标题通用样式
   ============================================================ */
/* 标题：Figma Playfair Display SemiBold Italic 44px，#ffab11 */
.section-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2)); /* 24px → 36px */
  color: var(--color-gold);
  line-height: 1.15;
  letter-spacing: 0.01em;
}

/* 金色分隔线：Figma #ffab11 4px 高，96px 宽 */
.section-divider {
  width: 6rem; /* 96px */
  height: 4px;
  background: var(--color-gold);
  margin-top: 0.75rem;
  display: none;
}

/* 副标题：Figma Montserrat Medium 20px，#333 */
.section-subtitle {
  font-weight: 500;
  font-size: clamp(1.0625rem, 1.4vw, var(--fs-lead)); /* 17px → 20px */
  color: var(--color-text);
  line-height: 1.75;
  margin-top: 1.25rem;
}

/* 居中对齐的区块头部 */
.section-header--center {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 3rem;
}

/* 居中副标题最大宽度：Figma "Integrated Egg Systems" 672px / "How We Work" 774px */
.section-header--center .section-subtitle {
  max-width: 48.375rem; /* 774px */
}

/* ============================================================
   导航栏 Navigation
   Figma：高度约 120px，白色背景，sticky 固定顶部
   logo: 186×61px，nav 项 Poppins Medium 16px black
   ============================================================ */
.nav {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--color-white);
  z-index: 1000;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.nav__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: var(--nav-height);
  gap: 1.5rem;
}

/* Logo：Figma 186×61px */
.nav__logo img {
  height: 3.6rem; /* 61px */
  width: auto;
  display: block;
}

/* 主导航 */
.nav__menu {
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.nav__list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: clamp(0.5rem, 1.8vw, 2.5rem);
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.nav__list > li {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  /*margin-top: 25px;*/
    text-align: center;
}

/* 导航链接：Figma Poppins Medium 16px black */
.nav__link {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: var(--fs-nav);
  color: #000;
  /*white-space: nowrap;*/
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.nav__link:hover,
.nav__link--active {
  color: var(--color-green);
}

/* 当前页导航项下划线（Egg Systems 等） */
.nav__item--active {
  position: relative;
}

.nav__item--active::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1rem;
  height: 2px;
  background: var(--color-gold);
}

.nav__item--active .nav__link--active {
  color: var(--color-gold);
}

/* Egg Systems 下拉产品 */
.nav__item--dropdown {
  position: relative;
}

.nav__link--has-dropdown {
  padding-right: 1rem;
}

.nav__link--has-dropdown::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.125rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  -webkit-transform: translateY(-65%) rotate(45deg);
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

.nav__item--dropdown .nav__link {
  position: relative;
}

.nav__dropdown {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 50%;
  min-width: 13.5rem;
  margin: 0;
  padding: 0.5rem 0;
  list-style: none;
  background: var(--color-white);
  border: 1px solid rgba(194, 200, 193, 0.45);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(0.35rem);
  transform: translateX(-50%) translateY(0.35rem);
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  z-index: 1001;
}

.nav__item--dropdown::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 0.75rem;
}

.nav__item--dropdown:hover .nav__dropdown,
.nav__item--dropdown:focus-within .nav__dropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

.nav__dropdown a,
.nav__dropdown-link {
  display: block;
  padding: 0.625rem 1.25rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: var(--fs-nav);
  line-height: 1.5;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.nav__dropdown a:hover,
.nav__dropdown a:focus-visible,
.nav__dropdown-link:hover,
.nav__dropdown-link:focus-visible {
  color: var(--color-green);
}

/* 语言切换：Figma globe 24px + "EN" Poppins Regular 16px + 箭头 10px */
.nav__lang {
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.nav__lang-toggle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem;
  margin: -0.25rem;
  cursor: pointer;
  background: none;
  border: none;
  font: inherit;
  color: inherit;
}

.nav__lang-icon {
  width: 1.5rem;  /* 24px */
  height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.nav__lang-text {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  color: #000;
}

.nav__lang-arrow {
  width: 0.625rem; /* 10px */
  height: 0.625rem;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}

.nav__lang--open .nav__lang-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* 语言下拉菜单 */
.nav__lang-menu {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  min-width: 8.75rem;
  margin: 0;
  padding: 0.375rem 0;
  list-style: none;
  background: var(--color-white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  z-index: 1001;
}

.nav__lang-menu[hidden] {
  display: none;
}

.nav__lang-option {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  border: none;
  background: none;
  font-family: 'Poppins', sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #000;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: background 0.15s, color 0.15s;
  transition: background 0.15s, color 0.15s;
}

.nav__lang-option:hover,
.nav__lang-option:focus-visible {
  background: rgba(0, 132, 54, 0.08);
  color: var(--color-green);
  outline: none;
}

.nav__lang-option--active {
  font-weight: 500;
  color: var(--color-green);
}

/* 汉堡菜单（移动端） */
.nav__hamburger {
  display: none;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  padding: 4px;
  margin-left: auto;
}

.nav__hamburger span {
  display: block;
  width: 24px;
  height: 2px;
  background: #000;
  border-radius: 1px;
  -webkit-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}

/* ============================================================
   Hero 区块
   Figma：全屏宽背景图 + 从左到右深绿渐变遮罩
   from-[rgba(0,24,12,0.85)] to-[rgba(0,24,12,0.4)]
   内容距顶部 326px（含 nav 120px）
   ============================================================ */
.hero {
  position: relative;
  min-height: clamp(28rem, 48vw, 44rem); /* 448px → 704px */
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  overflow: hidden;
}

/* 背景图层 */
.hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
}

/* 渐变遮罩：Figma from-[rgba(0,24,12,0.85)] to-[rgba(0,24,12,0.4)] 向右 */
.hero__gradient {
  position: absolute;
  inset: 0;
  background: -webkit-linear-gradient(left, rgba(0,24,12,0.85) 0%, rgba(0,24,12,0.4) 100%);
  background: linear-gradient(to right, rgba(0,24,12,0.85) 0%, rgba(0,24,12,0.4) 100%);
}

.hero__inner {
  position: relative;
  z-index: 1;
  padding-top: clamp(3.5rem, 6vw, 5.5rem);
  padding-bottom: clamp(3rem, 5vw, 5rem);
  width: 100%;
}

/* 内容宽度：Figma max-width 768px */
.hero__content {
  max-width: 60rem; /* 768px */
}

/* 主标题：Figma Playfair Display Bold Italic 66px，white，tracking 2.7px，line-height 64.8px */
.hero__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(2rem, 4vw, var(--fs-h1)); /* 32px → 56px */
  color: var(--color-white);
  line-height: 1.12;
  letter-spacing: 0.04em;
  margin-bottom: 1.25rem;
}

/* 副标题：Figma Montserrat SemiBold 24px，white，line-height 34px */
.hero__subtitle {
  font-weight: 600;
  font-size: clamp(1.0625rem, 1.5vw, var(--fs-lead)); /* 17px → 20px */
  color: var(--color-white);
  line-height: 1.417;
  margin-bottom: 1.5rem;
  opacity: 0.95;
}

/* 特性列表：Figma Montserrat Regular 20px，white，icon 20px，gap 12px */
.hero__features {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

.hero__feature-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.75rem; /* 12px */
}

.hero__feature-icon {
  width: 1.25rem;  /* 20px */
  height: 1.25rem;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

.hero__feature-item span {
  font-size: clamp(1rem, 1.4vw, var(--fs-body)); /* 16px → 18px */
  color: var(--color-white);
  line-height: 1.5;
}

/* CTA 按钮组：Figma gap 16px，pt 32px */
.hero__btns {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
  padding-top: 2rem;
}

/* ============================================================
   Aegis® Egg Cartons 区块
   Figma：左侧图片全高 773px，右侧内容，白色背景
   左图宽约 51.7% (992px/1920px)，右侧 48.3%
   ============================================================ */
.aegis {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background: var(--color-white);
  padding-block: clamp(2.5rem, 5vw, 4.5rem);
}

/* 左侧图片容器 */
.aegis__image-wrap {
  position: relative;
  width: 51.7%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  overflow: hidden;
  border-radius: var(--radius-sm);
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.aegis__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

/* 右侧内容 */
.aegis__content {
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  padding: clamp(2rem, 4vw, 4.5rem) clamp(1.5rem, 3vw, 3.75rem);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

/* PREMIUM TIER 标签：Figma Montserrat Bold 16px，tracking 1.2px，#008436 uppercase */
.aegis__tag {
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.075rem; /* 1.2px */
  text-transform: uppercase;
  color: var(--color-green);
  line-height: 1;
  margin-bottom: 0.25rem;
}

/* Aegis 标题：Figma Playfair Display SemiBold Italic 44px，#ffab11，tracking 0.72px，line-height 54px */
.aegis__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2)); /* 24px → 44px */
  color: var(--color-gold);
  line-height: 1.227;
  letter-spacing: 0.016em;
  margin-bottom: 0.5rem;
}

/* Aegis 描述：Figma Montserrat Medium 20px，#333，line-height 28px，width 590px */
.aegis__desc {
  font-weight: 500;
  font-size: clamp(1.125rem, 1.4vw, var(--fs-lead));
  color: var(--color-text);
  line-height: 1.4;
  margin-bottom: 0.5rem;
  max-width: 36.875rem; /* 590px */
}

/* 特性卡片列表 */
.aegis__features {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem; /* 24px */
  padding-block: 1rem;
  margin-bottom: 0.5rem;
}

/* 特性卡片：Figma 白色背景，左侧 4px 金色边框，padding 16px 20px，shadow */
.feature-card {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: 1rem; /* 16px */
  background: var(--color-white);
  border-left: 4px solid var(--color-gold);
  padding: 1rem 1rem 1rem 1.25rem; /* 16px 16px 16px 20px */
  border-radius: var(--radius-sm);
  -webkit-box-shadow: var(--shadow-feature);
  box-shadow: var(--shadow-feature);
}

.feature-card__icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 2px;
}

.feature-card__body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
}

/* 卡片标题：Figma Playfair Display Bold 18px，#191c1e，line-height 24px */
.feature-card__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1.125rem; /* 18px */
  color: var(--color-dark);
  line-height: 1.333;
}

/* 卡片描述：Figma Montserrat Regular 16px，black，opacity 80%，line-height 20px */
.feature-card__desc {
  font-size: var(--fs-body);
  color: rgba(0,0,0,0.8);
  line-height: 1.5;
}

/* Aegis CTA */
.aegis__cta {
  margin-top: 0.5rem;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}

/* ============================================================
   Integrated Egg Systems 区块
   Figma：背景 #f7f9fb，标题居中
   3列产品：图片 392×379px + 白色卡片 200px 高，border-bottom/left/right #c2c8c1 30%
   ============================================================ */
.egg-systems {
  background: var(--color-bg-light);
  padding-block: clamp(3rem, 5vw, 6rem);
}

/* 产品列表：3列 flex，不使用绝对定位，图片使用 <img> */
.product-list {
  display: -webkit-flex;
  display: flex;
  gap: clamp(0.75rem, 2vw, 1.5rem); /* ~24px */
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-item {
  -webkit-flex: 1 1 16rem; /* 最小 256px，响应自动换行 */
  flex: 1 1 16rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

a.product-item__link {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  flex: 1;
  text-decoration: none;
  color: inherit;
}

a.product-item__link:focus-visible {
  outline: 2px solid var(--color-gold);
  outline-offset: 2px;
}

/* 产品图片容器：Figma 392×379px，overflow hidden */
.product-item__img-wrap {
  width: 100%;
  aspect-ratio: 392 / 379;
  overflow: hidden;
}

.product-item__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -webkit-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
}

.product-item__img:hover {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

/* 产品卡片：Figma 白色背景，border-bottom/left/right rgba(194,200,193,0.3)，高 200px */
.product-item__card {
  background: var(--color-white);
  border: 1px solid var(--color-border-light);
  border-top: none;
  padding: 1.25rem 1.375rem; /* ≈20px 22px */
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  min-height: 9rem; /* ≈ 144px，接近 Figma 200px */
}

/* 产品名：Figma Playfair Display Medium Italic 30px，#008436，line-height 48px */
.product-item__name {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(1.125rem, 1.8vw, var(--fs-card)); /* 18px → 24px */
  color: var(--color-gold);
  line-height: 1.6;
}

/* 产品描述：Figma Montserrat Regular 16px，#333，line-height 24px */
.product-item__desc {
  font-size: var(--fs-body);
  color: var(--color-text);
  line-height: 1.6;
}

/* ============================================================
   Why Greenlink 区块
   Figma：背景 #008436，内容区 max-width 1280px
   标题带左侧金色 4px 边框，3列网格，下方认证列表
   ============================================================ */
.why-greenlink {
  background: var(--color-green);
  padding-block: clamp(3rem, 5vw, 5.875rem);
}

/* "WHY GREENLINK" 标题：Figma Playfair Display SemiBold Italic 44px，white，uppercase，tracking 1.6px */
.why-greenlink__heading {
  border-left: 4px solid var(--color-gold);
  padding-left: 1.75rem; /* 28px */
  margin-bottom: clamp(2rem, 4vw, 4rem);
}

.why-greenlink__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2)); /* 24px → 36px */
  color: var(--color-white);
  line-height: 1.09;
  letter-spacing: 0.036em; /* 1.6px */
  text-transform: uppercase;
}

/* 三列优势网格：Figma grid 3列，gap 48px */
.why-greenlink__grid {
  display: -webkit-flex;
  display: flex;
  gap: clamp(1.5rem, 4vw, 3rem);
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: clamp(2.5rem, 4vw, 4.5rem);
}

.why-item {
  -webkit-flex: 1 1 16rem;
  flex: 1 1 16rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

/* 数字：Figma Playfair Display Bold Italic 40px，#ffab11，line-height 40px */
.why-item__num {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2)); /* 28px → 40px */
  color: var(--color-gold);
  line-height: 1;
}

/* 优势标题：Figma Playfair Display Medium Italic 34px，white，line-height 48px */
.why-item__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(1.125rem, 2vw, 1.75rem); /* 18px → 28px */
  color: var(--color-white);
  line-height: 1.412;
}

/* 优势描述：Figma Montserrat Medium 16px，white，opacity 90%，line-height 20px */
.why-item__desc {
  font-weight: 500;
  font-size: var(--fs-body);
  color: var(--color-white);
  opacity: 0.9;
  line-height: 1.5;
}

/* 水平分隔线：Figma 金色线 imgLine1 */
.why-greenlink__divider {
  height: 1px;
  background: rgba(255, 171, 17, 0.5);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

/* 认证区块：Figma Group 22 — 1246×84px，两行布局 */
.why-greenlink__certifications {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem; /* 12px：说明文字底 → 链接顶 */
}

/* 第一行：左侧说明 + 右侧标徽横排 */
.why-greenlink__cert-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: clamp(1.5rem, 6.5vw, 7.8125rem); /* Figma 文字右缘→BRC 约 125px */
}

/* 认证区文字：Figma 1:96 — Montserrat SemiBold Italic 20px，495×52px，line-height 26px */
.why-greenlink__cert-text {
  -webkit-flex: 0 1 30.9375rem;
  flex: 0 1 30.9375rem;
  max-width: 30.9375rem;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: var(--color-white);
  line-height: 1.3; /* 26px @ 20px */
}

/* 认证标徽：Figma 1:97–107 — Montserrat Bold 20px，横向间距约 41px */
.why-greenlink__cert-badges {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 2.5625rem; /* 41px */
}

.cert-badge {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: clamp(0.875rem, 1.5vw, 1.25rem);
  color: var(--color-gold);
  letter-spacing: -0.05em; /* -1px */
  line-height: 1.4; /* 28px @ 20px */
  white-space: nowrap;
}

/* 认证链接：Figma 1:109 — Montserrat Bold 16px，line-height 20px */
.why-greenlink__cert-link {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.1875rem; /* 箭头 left 284，链接宽 281 → 约 3px */
  -webkit-align-self: flex-start;
  align-self: flex-start;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25;
  color: var(--color-gold);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.why-greenlink__cert-link:hover {
  opacity: 0.8;
}

.why-greenlink__cert-arrow {
  width: 0.9375rem; /* 15px */
  height: 0.9375rem;
  -o-object-fit: contain;
  object-fit: contain;
}

/* ============================================================
   How We Work 区块
   Figma：白色背景，3张覆盖遮罩图片，各 397×387px
   遮罩 rgba(8,55,28,0.67)，文字居中 Playfair Display SemiBold 24px white
   ============================================================ */
.how-we-work {
  background: var(--color-white);
  padding-block: clamp(3rem, 5vw, 6rem);
}

/* 3张图片 flex 行 */
.how-we-work__grid {
  display: -webkit-flex;
  display: flex;
  gap: clamp(0.5rem, 1.5vw, 1rem);
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* 单张图片卡片：Figma 397×387px，overflow hidden，relative */
.work-card {
  -webkit-flex: 1 1 16rem;
  flex: 1 1 16rem;
  position: relative;
  overflow: hidden;
  aspect-ratio: 397 / 387;
}

.work-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -webkit-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}

.work-card:hover .work-card__img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}

/* 深绿遮罩层：Figma rgba(8,55,28,0.67) */
.work-card__overlay {
  position: absolute;
  inset: 0;
  background: var(--color-overlay-dark);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 1.5rem;
}

/* 卡片标题：Figma Playfair Display SemiBold 24px，white，居中，line-height 28px */
.work-card__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: clamp(1.125rem, 1.8vw, 1.5rem); /* 18px → 24px */
  color: var(--color-white);
  text-align: center;
  line-height: 1.167;
}

/* ============================================================
   Who We Serve 区块
   Figma：高 660px，背景图 + 深绿遮罩 rgba(0,132,54,0.85)
   4个毛玻璃卡片：backdrop-blur 2px，bg rgba(255,255,255,0.1)，border rgba(255,255,255,0.2)
   卡片高 323px，阴影 0 1px 2px rgba(0,0,0,0.05)
============================================================ */
.who-we-serve {
  position: relative;
  padding-block: clamp(3rem, 5vw, 5rem);
  overflow: hidden;
  min-height: clamp(28rem, 40vw, 41.25rem); /* 448px → 660px */
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}

/* 背景图层 */
.who-we-serve__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.who-we-serve__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

/* 绿色遮罩：Figma rgba(0,132,54,0.85) */
.who-we-serve__overlay {
  position: absolute;
  inset: 0;
  background: var(--color-overlay-green);
}

.who-we-serve__inner {
  position: relative;
  z-index: 1;
}

/* 标题白色：覆盖 section-title 金色 */
.who-we-serve .section-title {
  color: var(--color-gold);
}

/* 4个毛玻璃卡片：flex 行，各自等宽 */
.serve-grid {
  display: -webkit-flex;
  display: flex;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 2rem;
}

/* 毛玻璃卡片：Figma backdrop-blur 2px，bg rgba(255,255,255,0.1)，border rgba(255,255,255,0.2) */
.serve-card {
  -webkit-flex: 1 1 12rem;
  flex: 1 1 12rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 1rem; /* 16px：图标与文字间距 */
  padding: 2.0625rem; /* 33px */
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  min-height: clamp(14rem, 25vw, 20.1875rem); /* 224px → 323px */
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.serve-card:hover {
  background: rgba(255,255,255,0.17);
}

.serve-card__icon-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.serve-card__icon {
  -o-object-fit: contain;
  object-fit: contain;
}

/* 标签：Figma Montserrat Bold Italic 20px（约），white，居中 */
.serve-card__label {
  font-weight: 700;
  font-style: normal;
  font-size: clamp(0.9375rem, 1.4vw, 1.25rem); /* 15px → 20px */
  color: var(--color-white);
  text-align: center;
  line-height: 1.25;
}

/* ============================================================
   Insights & Resources 区块
   Figma：白色背景，标题左 + "VIEW ALL INSIGHTS" 右
   3篇文章：图片 399×356px + body（分类、标题、描述、按钮）
============================================================ */
.insights {
  background: var(--color-white);
  padding-block: clamp(3rem, 5vw, 6rem);
}

/* 区块头部：标题左，链接右，flex row */
.insights__header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2.5rem;
}

/* 标题：Figma Playfair Display Medium Italic 44px，#ffab11 */
.insights__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2));
  color: var(--color-gold);
  line-height: 1.09;
}

/* "VIEW ALL INSIGHTS" 链接：Figma Montserrat Bold 16px uppercase，tracking 1.2px，#ffab11 */
.insights__view-all {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  color: var(--color-gold);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.insights__view-all:hover {
  opacity: 0.8;
}

.insights__arrow {
  width: 0.75rem;
  height: 0.75rem;
  -o-object-fit: contain;
  object-fit: contain;
}

/* 文章列表：3列 flex，不使用绝对定位 */
.article-list {
  display: -webkit-flex;
  display: flex;
  gap: clamp(1rem, 2.5vw, 1.75rem);
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.article-item {
  -webkit-flex: 1 1 16rem;
  flex: 1 1 16rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/* 文章图片容器：Figma 399×356px，overflow hidden */
.article-item__img-wrap {
  width: 100%;
  aspect-ratio: 399 / 356;
  overflow: hidden;
  display: block;
}

.article-item__title-link {
  color: inherit;
  text-decoration: none;
}

.article-item__title-link:hover {
  color: var(--color-gold);
}

.article-item__img {
    width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -webkit-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
}

.article-item__img:hover {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

/* 文章内容区 */
.article-item__body {
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
    flex-direction: column;
  gap: 0.5rem;
  padding-top: 1rem;
}

/* 分类标签：Figma Montserrat Bold 10px uppercase，tracking 1px，#ffab11 */
.article-item__tag {
  font-weight: 700;
  font-size: var(--fs-xs); /* 12px */
  letter-spacing: 0.0625rem; /* 1px */
  text-transform: uppercase;
  color: var(--color-gold);
  line-height: 1.5;
}

/* 文章标题：Figma Playfair Display Medium Italic 32px，#191c1e，line-height 40px */
.article-item__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(1.125rem, 1.8vw, var(--fs-card)); /* 18px → 24px */
  color: var(--color-dark);
  line-height: 1.25;
}

/* 文章描述：Figma Montserrat Medium 16px，#333，line-height 20px */
.article-item__desc {
  font-weight: 500;
  font-size: var(--fs-body);
  color: var(--color-text);
  line-height: 1.5;
  -webkit-flex: 1;
  flex: 1;
}

/* ============================================================
   Final CTA 区块
   Figma：白色背景，顶部 4px 金色线紧贴顶部，底部 border
   内容 padding-top 103px，padding-bottom 97px
============================================================ */
.final-cta {
  position: relative;
  background-color: var(--color-bg-light);
  background-image: url('../img/hero-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* Figma: pb 97px pt 103px */
  padding-top: clamp(4rem, 6vw, 6.4375rem);
  padding-bottom: clamp(3.5rem, 5.5vw, 6.0625rem);
  overflow: hidden;
}

.final-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: -webkit-linear-gradient(left, rgba(0, 24, 12, 0.78) 0%, rgba(0, 24, 12, 0.48) 100%);
  background: linear-gradient(to right, rgba(0, 24, 12, 0.78) 0%, rgba(0, 24, 12, 0.48) 100%);
  z-index: 0;
  pointer-events: none;
}

/* 顶部金色横线：Figma absolute bg-[#ffab11] h-[4px] left-0 right-0 top-0 */
/*.final-cta__top-bar {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  height: 4px;*/
/*  background: var(--color-gold);*/
/*  z-index: 2;*/
/*}*/

.final-cta__inner {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
  padding-inline: clamp(1rem, 5vw, 4rem);
}

/* CTA 标题：Figma Playfair Display SemiBold Italic 44px，#ffab11，居中 */
.final-cta__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2));
  color: var(--color-gold);
  line-height: 1.09;
 /* max-width: 50rem; */
}

/* CTA 副标题：Figma Montserrat Italic 18px，#424843，居中 */
.final-cta__subtitle {
  font-style: normal;
  font-size: clamp(1.125rem, 1.4vw, var(--fs-body)); /* 18px */
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.556;
  /* max-width: 42rem; */
  padding-bottom: 1rem;
}

/* ============================================================
   Footer 页脚
   Figma：背景 #008436，高 793px，内容分层
   Logo 176×51px，描述 Playfair Display ExtraBold 19px，#ffab11
   4列导航 + 全球布局，版权 Montserrat Italic 10px white
============================================================ */
.footer {
  background: var(--color-green);
  padding-block: clamp(2.5rem, 4vw, 5rem);
}

/* 页脚顶部：Logo + 描述 */
.footer__top {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: clamp(1rem, 3vw, 2rem);
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.footer__logo img {
  /*height: 3.1875rem; */
  width: auto;
  display: block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

/* 描述：Figma Playfair Display ExtraBold 19px，#ffab11 */
.footer__desc {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: clamp(1rem, 1.3vw, var(--fs-body));
  color: var(--color-gold);
  line-height: 1.5;
  -webkit-flex: 1;
  flex: 1;
  min-width: 15rem;
  -webkit-align-self: center;
  align-self: center;
}

/* 分隔线 */
.footer__divider {
  height: 1px;
  background: rgba(255, 171, 17, 0.35);
}

.footer__divider--top {
  margin-bottom: 2rem;
}

.footer__divider--bottom {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

/* 导航列组：Figma 4列 + 全球列，flex 行 */
.footer__nav-wrap {
  display: -webkit-flex;
  display: flex;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer__col {
  /* -webkit-flex: 1 1 9rem;
  flex: 1 1 9rem; */
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-width: 290px;
}

.footer__col--global {
  -webkit-flex: 1.5 1 14rem;
  flex: 1.5 1 14rem;
}

/* 列标题：Figma Montserrat Bold 14px uppercase，tracking 1px，#ffab11，底部金色线 */
.footer__col-title {
  font-weight: 700;
  font-size: 0.875rem; /* 14px */
  letter-spacing: 0.0625rem; /* 1px */
  /*text-transform: uppercase;*/
  color: var(--color-gold);
  border-bottom: 1px solid var(--color-gold);
  padding-bottom: 0.5625rem; /* 9px */
  margin-bottom: 1.5rem;
  line-height: 1.071;
}

/* 列链接列表 */
.footer__col-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1rem; /* 16px */
}

/* 链接：Figma Montserrat Regular 14px，rgba(255,255,255,0.8)，line-height 16.5px */
.footer__link {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.179;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.footer__link:hover {
  color: var(--color-gold);
}

/* 全球布局描述：Figma Montserrat Medium 12px，white */
.footer__global-desc {
  font-weight: 500;
  font-size: var(--fs-sm);
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.375;
  margin-bottom: 1.5rem;
}

/* 地区块 */
.footer__region {
  margin-bottom: 1rem;
}

/* 地区名：Figma Montserrat Bold 11px uppercase，white，opacity 80%，tracking -0.55px */
.footer__region-name {
  font-weight: normal;
  font-size: 0.875rem; /* 12px */
  /*letter-spacing: -0.05em;*/
  /*text-transform: uppercase;*/
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}

/* 地区国家：Figma Montserrat Regular 14px，rgba(255,255,255,0.8) */
.footer__region-countries {
    margin-top: 6px;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.179;
}

/* 底部版权 + 链接 */
.footer__bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  gap: 1rem;
}

/* 版权：Figma Montserrat Italic 10px，white */
.footer__copyright {
  font-style: normal;
  font-size: var(--fs-sm); /* 12px */
  color: var(--color-white);
  line-height: 1.5;
}

/* 底部链接组 */
.footer__bottom-links {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.5rem);
}

/* 底部链接：Figma Montserrat Bold 10px uppercase，white，tracking 1px */
.footer__bottom-link {
  font-weight: normal;
  font-size: var(--fs-sm);
  /*letter-spacing: 0.0625rem;*/
  /*text-transform: uppercase;*/
  color: var(--color-white);
  line-height: 1.5;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.footer__bottom-link:hover {
  color: var(--color-gold);
}

/* ============================================================
   响应式 Media Queries
   Mobile First：移动端基础样式已写在上方，以下针对更大屏幕覆盖
   ============================================================ */

/* 导航：768px–1199px 略缩小字号，保证单行不换行 */
@media screen and (min-width: 48rem) and (max-width: 74.9375rem) {
  .nav__link,
  .nav__dropdown a,
  .nav__dropdown-link {
    font-size: 0.875rem;
  }
}

/* ---- 平板端（768px） ---- */
@media screen and (min-width: 48rem) {

  /* Aegis：左右布局 */
  .aegis {
    -webkit-flex-direction: row;
    flex-direction: row;
  }

  .aegis__image-wrap {
    width: 51.7%;
  }

  /* 产品列表 2列 */
  .product-list {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  /* Why Greenlink 3列固定 */
  .why-greenlink__grid {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  /* 文章列表 3列 */
  .article-list {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  /* How We Work 3列 */
  .how-we-work__grid {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

}

/* ---- PC 端（1200px） ---- */
@media screen and (min-width: 75rem) {

  /* 导航全部可见 */
  .nav__hamburger {
    display: none;
  }

  .nav__menu {
    display: -webkit-flex;
  display: flex;
  }

  /* Aegis 严格 51.7% / 48.3% */
  .aegis__image-wrap {
    width: 51.7%;
  }

  /* 服务卡片4列 */
  .serve-grid {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .serve-card {
    -webkit-flex: 1;
    flex: 1;
  }

}

/* 认证区：容器较窄时竖排，避免标徽挤压 */
@media screen and (max-width: 69.9375rem) {
  .why-greenlink__cert-row {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: 1.25rem;
  }

  .why-greenlink__cert-text {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
  }

  .why-greenlink__cert-badges {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.25rem 2rem;
  }
}

/* ---- 移动端专属（< 768px） ---- */
@media screen and (max-width: 47.9375rem) {

  /* 导航移动端 */
  .nav__menu {
    display: none;
  position: absolute;
    top: var(--nav-height);
  left: 0;
    right: 0;
    background: var(--color-white);
    padding: 1.5rem var(--container-pad);
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    z-index: 999;
  }

  .nav--open .nav__menu {
    display: -webkit-flex;
  display: flex;
  }

  .nav__list {
    -webkit-flex-direction: column;
  flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: 1rem;
  }

  .nav__item--dropdown {
    width: 100%;
  }

  .nav__dropdown {
    position: static;
    display: block;
    min-width: 0;
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.25rem 0 0.25rem 1rem;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
    background: transparent;
  }

  .nav__item--dropdown::before {
    display: none;
  }

  .nav__dropdown a,
  .nav__dropdown-link {
    padding: 0.5rem 0;
    white-space: normal;
  }

  .nav__hamburger {
    display: -webkit-flex;
  display: flex;
  }

  /* Hero 全宽 */
  .hero {
    min-height: 24rem;
  }

  .hero__inner {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .hero__title {
    font-size: 2rem;
  }

  /* Aegis 竖排 */
  .aegis {
    -webkit-flex-direction: column;
  flex-direction: column;
  }

  .aegis__image-wrap {
  width: 100%;
    height: 16rem;
  }

  /* 产品列表 1列 */
  .product-list,
  .article-list,
  .how-we-work__grid {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  /* Why Greenlink 1列 */
  .why-greenlink__grid {
    -webkit-flex-direction: column;
  flex-direction: column;
  }

  /* 服务卡片 2列 */
  .serve-grid {
    display: -webkit-flex;
  display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .serve-card {
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    min-height: 12rem;
    padding: 1.5rem;
  }

  /* Footer 竖排 */
  .footer__bottom {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
  align-items: flex-start;
  }

  /* Final CTA */
  .final-cta__inner {
    padding-inline: 0;
  }

  /* Insights 头部竖排 */
  .insights__header {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

}

/* ============================================================
   Egg Systems 产品中心页（Figma 1:328）
   ============================================================ */

/* Hero：814px 高 + 底部认证条 */
.es-hero {
  position: relative;
  min-height: clamp(28rem, 50vw, 50.875rem);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-bottom: 3.125rem;
}

.es-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.es-hero__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.es-hero__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 103, 42, 0.79) 0%,
    rgba(0, 103, 42, 0.79) 75.48%,
    rgba(0, 0, 0, 0.12) 100%
  );
}

.es-hero__inner {
  position: relative;
  z-index: 1;
  padding-block: clamp(5.5rem, 8vw, 8rem) clamp(5rem, 8vw, 7rem);
}

.es-hero__eyebrow {
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.175rem;
  text-transform: uppercase;
  color: var(--color-gold);
  margin-bottom: 1rem;
  line-height: 1.225;
}

.es-hero__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: clamp(2rem, 4vw, var(--fs-h1));
  color: var(--color-white);
  line-height: 1.06;
  letter-spacing: -0.035em;
  max-width: 62.625rem;
  margin-bottom: 1.5rem;
}

.es-hero__desc {
  font-weight: 500;
  font-size: clamp(1.125rem, 1.4vw, var(--fs-lead));
  color: var(--color-white);
  line-height: 1.625;
  max-width: 49.9375rem;
  margin-bottom: 2rem;
}

.es-hero__desc p + p {
  margin-top: 0.25rem;
}

.es-hero__cta.btn--gold {
  font-size: var(--fs-nav);
  letter-spacing: 0.0875rem;
  padding: 1rem 2rem;
}

/* 认证条：Figma 高 100px，#008436 */
.es-stats {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: var(--color-green);
  padding: 2.5625rem clamp(1rem, 8vw, 18.1875rem) 2rem;
}

.es-stats__list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 1.5rem;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 4rem);
  opacity: 0.8;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.es-stats__item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
}

.es-stats__icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
  display: none;
}

.es-stats__label {
  font-weight: 700;
  font-size: clamp(0.875rem, 1.2vw, 1.125rem);
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
  color: var(--color-gold);
  white-space: nowrap;
}

/* System Components */
.es-components {
  background: var(--color-bg-light);
  padding-block: clamp(3rem, 5vw, 5.5rem) clamp(4rem, 6vw, 6rem);
}

.es-components .section-title {
  margin-bottom: 0;
}

.system-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: clamp(1.5rem, 4vw, 3.5rem);
  margin-top: clamp(2.5rem, 5vw, 5rem);
}

.system-row:first-of-type {
  margin-top: clamp(2rem, 4vw, 4rem);
}

.system-row--reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.system-row__media {
  -webkit-flex: 0 1 41rem;
  flex: 0 1 41rem;
  width: 100%;
  max-width: 41rem;
  aspect-ratio: 1;
  background: #eceef0;
  border: 1px solid rgba(188, 203, 181, 0.3);
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.system-row__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.system-row__body {
  -webkit-flex: 1 1 35.75rem;
  flex: 1 1 35.75rem;
  max-width: 35.75rem;
}

.system-row__tag {
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--color-green);
  line-height: 1.3;
  margin-bottom: 1rem;
}

.system-row__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, 2.5rem);
  color: var(--color-gold);
  line-height: 1;
  margin-bottom: 1.25rem;
}

.system-row__desc {
  font-size: var(--fs-body);
  color: var(--color-text);
  line-height: 1.625;
  margin-bottom: 1.75rem;
  max-width: 35.75rem;
}

.btn--read-more {
  background: var(--color-gold);
  color: var(--color-white);
  padding: 0.375rem 1.9375rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1125rem;
  border-radius: var(--radius-sm);
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* Product Catalogue 横幅 */
.es-catalogue {
  position: relative;
  min-height: clamp(18rem, 28vw, 24.4375rem);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}

.es-catalogue__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.es-catalogue__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.es-catalogue__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 132, 54, 0.8);
}

.es-catalogue__inner {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 2rem;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-block: clamp(3rem, 6vw, 5rem);
}

.es-catalogue__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, 2.5rem);
  color: var(--color-gold);
  line-height: 1;
  margin-bottom: 1rem;
}

.es-catalogue__desc {
  font-size: var(--fs-body);
  color: var(--color-white);
  line-height: 1.625;
  max-width: 34.8125rem;
}

.es-catalogue__btn {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 0.625rem;
  background: var(--color-gold);
  color: var(--color-white);
  font-weight: 700;
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  padding: 1.5rem clamp(1.5rem, 3vw, 2.5rem);
  min-height: 4.875rem;
  border-radius: var(--radius-sm);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.es-catalogue__btn:hover {
  opacity: 0.9;
}

.es-catalogue__btn-icon {
  width: 1.5rem;
  height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
}

/* Final CTA — 产品中心文案 */
.final-cta--systems .final-cta__title {
  max-width: 70.125rem;
}

.final-cta--systems .final-cta__subtitle {
  display: none;
}

/* 产品中心页响应式 */
@media screen and (max-width: 69.9375rem) {
  .system-row,
  .system-row--reverse {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .system-row__body,
  .system-row__media {
    max-width: 100%;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .es-catalogue__inner {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .es-catalogue__btn {
    width: 100%;
  }

  .es-stats__list {
    -webkit-justify-content: center;
    justify-content: center;
  }
}

@media screen and (max-width: 47.9375rem) {
  .es-stats {
    position: relative;
    padding: 1.5rem 1rem;
  }

  .es-hero {
    padding-bottom: 0;
  }

  .es-stats__item {
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .nav__item--active::after {
    display: none;
  }
}

/* ============================================================
   Egg Trays 产品详情页（Figma 1:537）
   ============================================================ */

.et-hero__gradient {
  background: rgba(7, 26, 33, 0.64);
}

.et-config {
  background: var(--color-bg-light);
  padding-block: clamp(3rem, 5vw, 5.5rem) clamp(4rem, 6vw, 6rem);
}

.et-config__layout {
  display: -webkit-flex;
  display: flex;
  gap: clamp(2rem, 4vw, 3.5rem);
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-top: clamp(2rem, 4vw, 4rem);
}

.et-config__list {
  -webkit-flex: 1 1 32.5rem;
  flex: 1 1 32.5rem;
  max-width: 32.5rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.75rem;
}

.et-config__item {
  border-left: 3px solid var(--color-gold);
  padding-left: 1.6875rem;
}

.et-config__item-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--color-green);
  line-height: 1.516;
  margin-bottom: 0.5rem;
}

.et-config__item-text {
  font-weight: 500;
  font-size: 1.25rem;
  color: var(--color-dark);
  line-height: 1.6;
}

.et-config__item-text p + p {
  margin-top: 0;
}

.et-config__line {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: start;
}

.et-config__bullet {
  white-space: pre;
}

.et-config__media {
  -webkit-flex: 1 1 42.5625rem;
  flex: 1 1 42.5625rem;
  max-width: 42.5625rem;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  background: var(--color-white);
  -webkit-align-self: flex-start;
  align-self: flex-start;
}

.et-config__media-img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
}

/* Typical Applications */
.et-applications {
  padding-block: clamp(3rem, 5vw, 5.5rem);
}

.et-applications__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(0.75rem, 2vw, 1.5rem);
  margin-top: clamp(2rem, 4vw, 4rem);
}

.et-applications__card {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
    flex-direction: column;
  gap: 1rem;
}

.et-applications__img-wrap {
  aspect-ratio: 287 / 243;
  overflow: hidden;
  background: #eceef0;
}

.et-applications__img {
    width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.et-applications__label {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  color: var(--color-green);
  text-align: center;
  line-height: 1.2;
}

.et-applications__grid--cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.et-applications__img-wrap--carton {
  aspect-ratio: 386 / 327;
}

.et-config__media-img--color {
  -webkit-filter: none;
  filter: none;
}

.et-catalogue--light {
  background: var(--color-bg-light);
}

/* Program Fit */
.et-program {
  padding-block: clamp(3rem, 5vw, 5rem);
}

.et-program__grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1.5rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.et-program__card {
  position: relative;
  background: var(--color-white);
  border: 1px solid rgba(188, 203, 181, 0.3);
  padding: 2.5625rem;
  min-height: 19.625rem;
  overflow: hidden;
}

.et-program__card--wide {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.et-program__card-bg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  overflow: hidden;
  z-index: 0;
}

.et-program__card-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.et-program__card-body {
  position: relative;
  z-index: 1;
  max-width: 20.5rem;
}

.et-program__icon-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
}

.et-program__icon-wrap--green {
  background: rgba(0, 110, 21, 0.1);
}

.et-program__icon-wrap--gold {
  background: rgba(254, 170, 15, 0.1);
}

.et-program__icon {
  -o-object-fit: contain;
  object-fit: contain;
}

.et-program__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.et-program__title--gold {
  color: var(--color-gold);
}

.et-program__title--green {
  color: var(--color-green);
}

.et-program__desc {
  font-weight: 500;
  font-size: 1.125rem;
  color: var(--color-text);
  line-height: 1.5;
}

/* Supply Assurance */
.et-supply {
  position: relative;
  padding-block: clamp(4rem, 8vw, 7rem);
  overflow: hidden;
}

.et-supply__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.et-supply__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.et-supply__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 132, 54, 0.87);
}

.et-supply__inner {
  position: relative;
  z-index: 1;
  text-align: center;
}

.et-supply .section-title {
  color: var(--color-gold);
  margin-bottom: 0;
}

.et-supply .section-divider {
  margin-inline: auto;
}

.et-supply__lead {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-white);
  line-height: 1.5;
  max-width: 60rem;
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
}

.et-supply__panels {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 3rem;
  margin-top: 2.5rem;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.et-supply__panel {
  text-align: center;
  max-width: 40%;
}

.et-supply__panel-label {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.0875rem;
  text-transform: uppercase;
  color: var(--color-white);
  margin-bottom: 0.75rem;
}

.et-supply__panel-countries {
  /*display: -webkit-flex;*/
  /*display: flex;*/
  gap: 1rem;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.et-supply__country {
  margin-bottom: 9px;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  color: var(--color-white);
  line-height: 1.3;
  border-bottom: 2px solid var(--color-gold);
  padding-bottom: 0.125rem;
}

.et-supply__panel-focus {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.75rem;
  color: var(--color-white);
  line-height: 1.3;
  max-width: 22.625rem;
}

.et-supply__divider {
  width: 1px;
  height: 4rem;
  background: rgba(255, 255, 255, 0.35);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

/* Product Catalogue（白底），高度与同页 final-cta 对齐 */
.et-catalogue {
  background: var(--color-white);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding-block: clamp(3rem, 6vw, 5rem);
}

.et-catalogue__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 2rem;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.et-catalogue__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, 2.5rem);
  color: var(--color-gold);
  line-height: 1;
  margin-bottom: 1rem;
}

.et-catalogue__desc {
  font-size: var(--fs-body);
  color: var(--color-text);
  line-height: 1.625;
  max-width: 34.8125rem;
}

@media screen and (max-width: 69.9375rem) {
  .et-config__layout {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .et-config__list,
  .et-config__media {
    max-width: 100%;
  }

  .et-applications__grid,
  .et-applications__grid--cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .et-program__grid {
    grid-template-columns: 1fr;
  }

  .et-program__card-bg {
    width: 100%;
    height: 45%;
    top: auto;
    bottom: 0;
    opacity: 0.35;
  }

  .et-catalogue__inner {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

    .et-catalogue__inner .es-catalogue__btn {
    width: 100%;
  }

  .et-supply__divider {
    display: none;
  }
}

@media screen and (max-width: 47.9375rem) {
  .et-applications__grid,
  .et-applications__grid--cols-3 {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   Aegis® Egg Cartons 产品详情页（Figma 1:1030）
============================================================ */

/* 特性条：3 项（中间无图标） */
.es-stats__list--aegis {
  -webkit-justify-content: center;
  justify-content: center;
  gap: clamp(2rem, 8vw, 8rem);
}

.es-stats__item--text-only {
  padding-left: 0;
}

.es-stats__item--text-only .es-stats__label {
  margin: 0 auto;
}

/* Request Catalogue 区块 */
.aegis-request {
  background: #eceef0;
  padding-block: clamp(3rem, 6vw, 5.5rem) clamp(4rem, 7vw, 6rem);
}

.aegis-request__header {
  text-align: center;
  max-width: 62.5rem;
  margin-inline: auto;
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

.aegis-request__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2));
  color: var(--color-gold);
  line-height: 1.09;
  margin-bottom: 1.5rem;
}

.aegis-request__title::after {
  content: '';
  display: block;
  width: 6rem;
  height: 4px;
  background: var(--color-gold);
  margin: 1rem auto 0;
}

.aegis-request__intro {
  font-size: clamp(1rem, 1.5vw, 1.5rem);
  color: var(--color-text);
  line-height: 1.35;
  max-width: 62.5rem;
  margin-inline: auto;
}

/* 表单卡片 */
.aegis-form {
  max-width: 77.5rem;
  margin-inline: auto;
  background: var(--color-white);
  border: 1px solid rgba(188, 203, 181, 0.3);
  padding: clamp(1.5rem, 3vw, 2.0625rem);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.aegis-form__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.aegis-form__field {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}

.aegis-form__field--full {
  grid-column: 1 / -1;
}

.aegis-form__label {
  font-size: 1rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #3e4a3a;
  line-height: 1.5;
}

.aegis-form__input,
.aegis-form__select,
.aegis-form__textarea {
  width: 100%;
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  color: var(--color-text);
  background: rgba(247, 249, 251, 0.5);
  border: 1px solid rgba(188, 203, 181, 0.3);
  border-radius: 0;
  padding: 0.625rem 0.75rem;
  line-height: 1.5;
}

.aegis-form__select {
  appearance: none;
  background-image: url('../img/icon-arrow-down.png');
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 0.625rem;
  padding-right: 2rem;
  cursor: pointer;
}

.aegis-form__textarea {
  min-height: 5.625rem;
  resize: vertical;
}

.aegis-form__submit {
  grid-column: 1 / -1;
  padding-top: 1rem;
}

.aegis-form__submit .btn {
  width: 100%;
  padding: 1.25rem 2.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.0875rem;
}

/* 表单提交成功态（Figma 1:1264 / 1:1345） */
.aegis-request--submitted .aegis-form {
  display: none;
}

.aegis-success {
  display: none;
  max-width: 77.8125rem;
  margin-inline: auto;
  background: var(--color-white);
  border: 1px solid rgba(188, 203, 181, 0.3);
  padding: clamp(2.5rem, 5vw, 4.0625rem);
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.aegis-request--submitted .aegis-success {
  display: block;
}

.aegis-success__icon-wrap {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  margin-bottom: 1rem;
  background: rgba(32, 180, 49, 0.1);
  border-radius: 0.75rem;
}

.aegis-success__icon {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

.aegis-success__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2));
  color: var(--color-green);
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.aegis-success__message {
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  color: var(--color-green);
  line-height: 1.6;
  max-width: 28rem;
  margin-inline: auto;
}

@media screen and (max-width: 69.9375rem) {
  .aegis-form__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .es-stats__list--aegis {
    gap: 1.5rem;
  }
}

@media screen and (max-width: 47.9375rem) {
  .aegis-form__grid {
    grid-template-columns: 1fr;
  }

  .es-stats__list--aegis {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
  }
}

/* ============================================================
   Why Greenlink 专题页（Figma 1:1460）
   ============================================================ */

.wg-hero {
  min-height: clamp(28rem, 50vw, 50.875rem);
}

.wg-hero__gradient {
  background: linear-gradient(
    90deg,
    rgba(0, 103, 42, 0.99) 0%,
    rgba(0, 132, 54, 0.01) 93.75%
  );
}

/* 双栏内容块 */
.wg-split {
  padding-block: clamp(4rem, 8vw, 6.5rem);
}

.wg-split__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  -webkit-align-items: center;
  align-items: center;
}

.wg-split--reverse .wg-split__grid {
  -webkit-align-items: start;
  align-items: start;
}

.wg-split--reverse .wg-split__media {
  order: -1;
}

.wg-split__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2));
  color: var(--color-gold);
  line-height: 1.09;
  border-left: 4px solid var(--color-gold);
  padding-left: 1.75rem;
  margin-bottom: 2.5rem;
}

.wg-split__text {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

.wg-split__text p {
  font-weight: 500;
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  color: #424843;
  line-height: 1.5;
}

.wg-split__lead {
  font-weight: 500;
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  color: #333;
  line-height: 1.2;
  margin-bottom: 2rem;
}

.wg-split__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 0.5rem;
}

.wg-split__list-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 1rem;
}

.wg-split__list-icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 1rem;
  height: auto;
}

.wg-split__list-item span {
  font-weight: 600;
  font-size: 1.125rem;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
  color: #006e15;
}

.wg-split__media {
  position: relative;
}

.wg-split__img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.wg-split__badge {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 24rem;
  margin: 0;
  padding: 1.5rem;
  background: var(--color-green);
  border: 1px solid rgba(0, 110, 21, 0.2);
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.25rem;
  color: var(--color-white);
  line-height: 1;
}

.wg-split__media--shadow .wg-split__img {
  border: 1px solid rgba(188, 203, 181, 0.3);
  background: #eceef0;
  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.wg-split__checks {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}

.wg-split__check-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.75rem;
}

.wg-split__check-icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.wg-split__check-item span {
  font-weight: 500;
  font-size: 1.125rem;
  color: var(--color-green);
  line-height: 1.33;
}

.wg-split__quote {
  margin: 0;
  padding: 2.5rem 1.5rem 2.5rem 1.5rem;
  background: #e6e8ea;
  border-left: 8px solid var(--color-green);
}

.wg-split__quote p {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-size: 1.125rem;
  color: #3e4a3a;
  line-height: 1.67;
  margin: 0;
}

.wg-split__quote strong {
  font-weight: 700;
  color: var(--color-green);
}

/* Designed Around Real Operations */
.wg-operations {
  background: #f2f4f6;
  border-block: 1px solid rgba(188, 203, 181, 0.3);
  padding-block: clamp(4rem, 7vw, 6.25rem);
}

.wg-operations__header {
  text-align: center;
  max-width: 71.75rem;
  margin-inline: auto;
  margin-bottom: clamp(2.5rem, 5vw, 3.875rem);
}

.wg-operations__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2));
  color: var(--color-gold);
  line-height: 1.09;
  margin-bottom: 2rem;
}

.wg-operations__lead {
  font-weight: 600;
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  color: #333;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.wg-operations__highlight {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  color: var(--color-green);
  line-height: 1.33;
  padding: 1.5625rem 2.5625rem;
  background: #f7f9fb;
  border: 1px solid var(--color-green);
  max-width: 47rem;
}

.wg-operations__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.5rem, 3vw, 3rem);
}

.wg-ops-card {
  background: #f7f9fb;
  border: 1px solid rgba(188, 203, 181, 0.3);
  padding: 0.8125rem;
}

.wg-ops-card__img-wrap {
  overflow: hidden;
  aspect-ratio: 4 / 3;
}

.wg-ops-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.wg-ops-card__body {
  padding: 1.875rem 1.5rem 2rem;
}

.wg-ops-card__tag {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.0875rem;
  text-transform: uppercase;
  color: var(--color-green);
  margin-bottom: 0.75rem;
}

.wg-ops-card__heading {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: #191c1e;
  line-height: 1.3;
}

/* A Partner You Can Plan Around */
.wg-partner {
  background: var(--color-green);
  padding-block: clamp(4rem, 8vw, 6.25rem);
}

.wg-partner__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  -webkit-align-items: start;
  align-items: start;
}

.wg-partner__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2));
  color: var(--color-gold);
  line-height: 1.09;
  border-left: 4px solid var(--color-gold);
  padding-left: 1.6rem;
  margin-bottom: 2rem;
}

.wg-partner__intro {
  font-weight: 500;
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  color: var(--color-white);
  line-height: 1.5;
  opacity: 0.8;
  margin-bottom: 2rem;
}

.wg-partner__features {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.wg-partner__feature {
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1.5rem 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wg-partner__feature-icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.wg-partner__feature-label {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.0875rem;
  text-transform: uppercase;
  color: #feaa0f;
  margin-bottom: 0.75rem;
}

.wg-partner__feature-desc {
  font-size: 1.25rem;
  color: var(--color-white);
  line-height: 1.2;
}

.wg-partner__media {
  min-width: 0;
}

.wg-partner__img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Final CTA 变体 */
.final-cta--wg .final-cta__inner {
  gap: 2.5rem;
}

.final-cta--wg .final-cta__title {
  max-width: 57.9375rem;
}

.final-cta--wg .final-cta__subtitle {
  display: none;
}

@media screen and (max-width: 69.9375rem) {
  .wg-split__grid,
  .wg-partner__grid {
    grid-template-columns: 1fr;
  }

  .wg-split--reverse .wg-split__media {
    order: 0;
  }

  .wg-operations__cards {
    grid-template-columns: 1fr;
  }

  .wg-split__badge {
    position: static;
    margin-top: 1rem;
  }
}

@media screen and (max-width: 47.9375rem) {
  .wg-split__title,
  .wg-partner__title {
    padding-left: 1rem;
  }
}

/* ============================================================
   Sustainability & Compliance 页（Figma 1:1707）
   ============================================================ */

.sc-hero {
  position: relative;
  min-height: clamp(28rem, 44vw, 43.75rem);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  background: #1a3a2a;
  padding-bottom: 6.5rem;
}

.sc-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.sc-hero__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.5;
}

.sc-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    269.52deg,
    rgba(0, 132, 54, 0) 31.26%,
    rgba(0, 30, 12, 0.37) 72.59%
  );
}

.sc-hero__inner {
  position: relative;
  z-index: 1;
  padding-block: clamp(5.5rem, 8vw, 8rem) 2rem;
}

.sc-hero__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(2rem, 4vw, var(--fs-h1));
  color: var(--color-white);
  line-height: 1.02;
  letter-spacing: 0.04375rem;
  margin-bottom: 2rem;
}

.sc-hero__desc {
  font-size: clamp(1.125rem, 1.4vw, var(--fs-lead));
  color: var(--color-white);
  opacity: 0.9;
  line-height: 1.625;
  max-width: 42rem;
}

.sc-hero__subnav {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(26, 58, 42, 0.85);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.sc-hero__subnav__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  -webkit-justify-content: flex-start;
  justify-content: space-between;
  padding: 1.5rem 0;
}

.sc-hero__subnav-link {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-white);
  line-height: 1.3;
  /*max-width: 10rem;*/
}

.sc-hero__subnav-link:hover {
  color: var(--color-gold);
}

/* Intro + 支柱 */
.sc-intro {
  background: #f7f9fb;
  padding-block: clamp(3rem, 6vw, 6rem) clamp(2rem, 4vw, 3rem);
}

.sc-intro__header {
  text-align: center;
  max-width: 56rem;
  margin-inline: auto;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.sc-intro__eyebrow {
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.225rem;
  text-transform: uppercase;
  color: #20b431;
  margin-bottom: 1.25rem;
}

.sc-intro__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2));
  color: var(--color-gold);
  line-height: 1.23;
  letter-spacing: 0.045rem;
  margin-bottom: 1.5rem;
}

.sc-intro__lead {
  font-weight: 500;
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  color: #333;
  line-height: 1.625;
}

.sc-pillars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.sc-pillar-card {
  background: var(--color-white);
  border: 1px solid #c2c8c1;
  padding: 2.0625rem;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  gap: 1rem;
  min-height: 17.25rem;
}

.sc-pillar-card__icon {
  height: 1.875rem;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.sc-pillar-card__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #191c1e;
  line-height: 1.55;
}

.sc-pillar-card__desc {
  font-size: 1rem;
  color: #424843;
  line-height: 1.625;
}

.sc-callout {
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.33;
  padding: 1.5625rem 2.5625rem;
  border: 1px solid var(--color-green);
  max-width: 77.5rem;
  margin-inline: auto;
}

.sc-callout--green {
  background: #f7f9fb;
  color: var(--color-green);
}

.sc-callout--gold {
  background: var(--color-gold);
  color: var(--color-green);
  border-color: var(--color-green);
}

/* Our Commitment */
.sc-commitment {
  background: #f2f4f6;
  border-top: 1px solid #cecece;
  padding-block: clamp(3rem, 6vw, 5rem);
}

.sc-section-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2));
  color: var(--color-gold);
  line-height: 1.09;
  border-left: 4px solid var(--color-gold);
  padding-left: 1.75rem;
  margin-bottom: 1.5rem;
}

.sc-section-title--light {
  color: var(--color-gold);
}

.sc-section-lead {
  font-weight: 500;
  font-size: clamp(1.125rem, 1.5vw, 1.5rem);
  color: #333;
  line-height: 1.42;
  max-width: 50.8125rem;
  margin-bottom: 1.5rem;
}

.sc-commitment__highlight {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.125rem, 1.5vw, 1.5rem);
  color: var(--color-gold);
  line-height: 1.42;
  margin-bottom: 2.5rem;
}

.sc-commitment__highlight--compact {
  max-width: 77.4375rem;
}

.sc-commitment__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  margin-bottom: 2.5rem;
}

.sc-commit-card {
  background: var(--color-white);
  border: 1px solid #c2c8c1;
  padding: 2.5625rem 1.6875rem 2rem;
  min-height: 20rem;
}

.sc-commit-card__icon-wrap {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(0, 110, 21, 0.1);
  margin-bottom: 1.5rem;
}

.sc-commit-card__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  color: #191c1e;
  line-height: 1.4;
  margin-bottom: 1rem;
}

.sc-commit-card__desc {
  font-size: 1rem;
  color: #424843;
  line-height: 1.625;
}

/* Human Rights — Figma 1:1824–1865 */
.sc-human {
  background: #1a3a2a;
  padding-block: clamp(3rem, 5.7vw, 5.6875rem) clamp(3rem, 6vw, 5rem);
}

.sc-human__wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.sc-human__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6rem;
  -webkit-align-items: start;
  align-items: start;
}

.sc-human__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

.sc-human .sc-section-title {
  font-size: clamp(1.75rem, 2.8vw, var(--fs-h2));
  font-weight: 600;
  line-height: 1.09;
  margin-bottom: 0;
  max-width: 34.6875rem;
}

.sc-human__lead {
  font-size: 1.25rem;
  color: #fdfdfd;
  opacity: 0.8;
  line-height: 1.3;
  margin: 0;
  padding-top: 1rem;
  max-width: 34.6875rem;
}

.sc-human__highlight {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  color: var(--color-gold);
  line-height: 1.5;
  margin: 0;
  max-width: 36.25rem;
}

.sc-human__topics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.5rem 3rem;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
  margin: 0;
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sc-human__topic {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.95rem;
}

.sc-human__topic-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
  color: #20b431;
  line-height: 1.4;
  margin: 0;
}

.sc-human__topic-desc {
  font-size: 0.875rem;
  color: var(--color-white);
  opacity: 0.7;
  line-height: 1.625;
  margin: 0;
}

.sc-human__refs {
  padding-top: 2.5rem;
}

.sc-human__ref-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  color: #20b431;
  line-height: 1.25;
  margin: 0 0 0.75rem;
}

.sc-human__ref-title:not(:first-child) {
  margin-top: 1.5rem;
}

.sc-human__ref-text {
  font-weight: 500;
  font-size: 1.25rem;
  color: var(--color-white);
  line-height: 1.5;
  margin: 0 0 1.5rem;
}

.sc-human__ref-text:last-child {
  margin-bottom: 0;
}

.sc-human__media {
  position: relative;
  align-self: start;
  width: 100%;
  max-width: 35.6875rem;
  margin-bottom: 3rem;
}

.sc-human__media-img {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 571 / 797;
  overflow: hidden;
}

.sc-human__media-frame {
  position: absolute;
  z-index: 0;
  width: 16rem;
  height: 16rem;
  border: 1px solid #20b431;
  bottom: -4.875rem;
  left: -4rem;
  pointer-events: none;
}

.sc-human__img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 28% center;
  object-position: 28% center;
  /*filter: grayscale(100%);*/
  border: 1px solid #20b431;
}

.sc-human__callout {
  max-width: none;
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 0;
  padding: 1.5625rem 2.5625rem;
}

/* Environmental */
.sc-environmental {
  padding-block: clamp(3rem, 6vw, 5rem);
}

.sc-env-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin: 2.5rem 0;
}

.sc-env-card {
  background: #f7f9fb;
  border: 1px solid #c2c8c1;
  padding: 3.0625rem 2rem 2rem;
  text-align: center;
  min-height: 20.375rem;
}

.sc-env-card__icon {
  height: 2.5rem;
  width: auto;
  margin: 0 auto 2rem;
  display: block;
}

.sc-env-card__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  color: #191c1e;
  line-height: 1.33;
  margin-bottom: 1.5rem;
}

.sc-env-card__desc {
  font-size: 1rem;
  color: #424843;
  line-height: 1.625;
}

.sc-env-cert-note {
  padding-top: 2rem;
  border-top: 1px solid #c2c8c1;
  margin-bottom: 2rem;
}

.sc-env-cert-note__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  color: #20b431;
  margin-bottom: 1rem;
}

.sc-env-cert-note__text {
  font-weight: 500;
  font-size: 1.25rem;
  color: #333;
  line-height: 1.5;
  max-width: 77.375rem;
}

/* Supply Chain — Figma 1:1912–1946 */
.sc-supply {
  padding-block: clamp(3rem, 6vw, 5rem);
  background: #f2f4f6;
}

.sc-supply__wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.sc-supply__top {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 5vw, 6rem);
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-bottom: 2.5rem;
}

.sc-supply__media {
  min-width: 0;
  width: 100%;
  max-width: 35.6875rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: 1.5rem;
  height: 100%;
}

.sc-supply__media-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  border: 1px solid rgba(188, 203, 181, 0.3);
  background: #eceef0;
  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.sc-supply__img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.sc-supply__body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
}

.sc-supply .sc-section-title,
.sc-supply__title {
  font-size: clamp(1.75rem, 2.8vw, var(--fs-h2));
  font-weight: 700;
  line-height: 1.09;
  margin-bottom: 0;
}

.sc-supply__lead {
  margin: 0;
}

.sc-supply__highlight {
  margin: 0;
}

.sc-supply__steps {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 2.5rem;
}

.sc-supply__step {
  display: grid;
  grid-template-columns: 3.4375rem minmax(0, 1fr);
  gap: 0;
  margin: 0;
  -webkit-align-items: start;
  align-items: start;
}

.sc-supply__step-num {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  color: #006e15;
  line-height: 1.2;
}

.sc-supply__step-content {
  min-width: 0;
}

.sc-supply__step-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  color: #191c1e;
  line-height: 1.4;
  margin: 0 0 0.5rem;
}

.sc-supply__step-desc {
  font-size: 1.125rem;
  color: #424843;
  line-height: 1.11;
  margin: 0;
}

.sc-supply__bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.sc-supply__philosophy {
  padding-top: 2.5rem;
  border-top: 1px solid #c2c8c1;
  margin-bottom: 2rem;
}

.sc-supply__philosophy-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  color: #20b431;
  line-height: 1.25;
  margin: 0 0 0.75rem;
}

.sc-supply__philosophy-text {
  font-weight: 500;
  font-size: 1.25rem;
  color: #333;
  line-height: 1.5;
  margin: 0;
}

.sc-supply__callout {
  max-width: none;
  width: 100%;
  margin: 0;
}

/* Certifications */
.sc-certifications {
  padding-block: clamp(3rem, 6vw, 5rem);
}

.sc-cert-badges {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.5rem;
  margin: 2.5rem 0 0;
}

.sc-cert-badge {
  background: var(--color-white);
  border: 1px solid #c2c8c1;
  padding: 2.0625rem 1rem;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 7.5rem;
}

a.sc-cert-badge {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  -webkit-transition: border-color 0.2s ease, box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

a.sc-cert-badge:hover {
  border-color: var(--color-gold);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.sc-cert-badge__name {
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--color-gold);
  letter-spacing: 0.075rem;
  text-transform: uppercase;
}

.sc-cert-badge__sub {
  font-size: var(--fs-xs);
  color: #424843;
  letter-spacing: -0.03125rem;
  text-transform: uppercase;
  line-height: 1.5;
}

.sc-download-bar {
  background: var(--color-green);
  padding: 3rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 1.5rem;
}

.sc-download-bar__title {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-size: 1.5rem;
  color: var(--color-white);
  margin-bottom: 0.5rem;
}

.sc-download-bar__desc {
  font-size: 0.875rem;
  color: var(--color-white);
  opacity: 0.7;
}

.sc-download-bar__btn {
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  color: var(--color-gold);
  border: 1px solid var(--color-gold);
  padding: 1.0625rem 2.0625rem;
  white-space: nowrap;
}

.sc-download-bar__btn:hover {
  background: rgba(255, 171, 17, 0.1);
}

/* Policies */
.sc-policies {
  /* background: #f2f4f6; */
  padding-block: clamp(3rem, 6vw, 5rem);
}

.sc-policies__intro {
  font-size: 1.125rem;
  color: #333;
  line-height: 1.5;
  max-width: 77.4375rem;
  margin-bottom: 2rem;
}

.sc-reports {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2.5rem;
}

.sc-report-row {
  background: var(--color-white);
  border: 1px solid #c2c8c1;
  padding: 2.5625rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 1.5rem;
}

.sc-report-row__main {
  display: -webkit-flex;
  display: flex;
  gap: 2rem;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex: 1;
  flex: 1;
  min-width: 16rem;
}

.sc-report-row__icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.sc-report-row__title {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-size: 1.5rem;
  color: #1a3a2a;
  line-height: 1.33;
  margin-bottom: 0.25rem;
}

.sc-report-row__meta {
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  color: #424843;
}

.sc-report-row__link {
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  color: var(--color-green);
  border-bottom: 2px solid rgba(32, 180, 49, 0.3);
  padding-bottom: 0.375rem;
  white-space: nowrap;
}

.sc-policies__access {
  padding-top: 2rem;
  border-top: 1px solid #c2c8c1;
  margin-bottom: 2rem;
}

.sc-policies__access-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  color: #20b431;
  margin-bottom: 0.75rem;
}

.sc-policies__access-text {
  font-weight: 500;
  font-size: 1.25rem;
  color: #333;
  line-height: 1.5;
}

@media screen and (max-width: 69.9375rem) {
  .sc-pillars {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-commitment__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-human__grid,
  .sc-supply__top {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-bottom: 2rem;
  }

  .sc-supply__media {
    order: -1;
    max-width: 28rem;
    height: auto;
    margin-inline: auto;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .sc-supply__media-img {
    width: 100%;
    height: auto;
    max-width: none;
  }

  .sc-human__media-frame {
    bottom: -2.5rem;
    left: -1.5rem;
    width: 10rem;
    height: 10rem;
  }

  .sc-env-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-cert-badges {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 47.9375rem) {
  .sc-hero__subnav__inner {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .sc-hero__subnav-link {
    max-width: none;
  }

  .sc-pillars,
  .sc-commitment__grid,
  .sc-human__topics,
  .sc-env-grid,
  .sc-cert-badges {
    grid-template-columns: 1fr;
  }

  .sc-section-title {
    padding-left: 1rem;
  }

  .sc-report-row {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

/* ============================================================
   Insights & Resources 页（Figma 1:2159）
   ============================================================ */

.ir-hero {
  position: relative;
  min-height: clamp(22rem, 40vw, 36.25rem);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background: #1a3a2a;
  overflow: hidden;
}

.ir-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ir-hero__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 30%;
  object-position: center 30%;
}

.ir-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(3, 10, 15, 0.55);
}

.ir-hero__inner {
  position: relative;
  z-index: 1;
  padding-block: clamp(5.5rem, 8vw, 8rem) clamp(3rem, 8vw, 5rem);
}

.ir-hero__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(2rem, 4vw, var(--fs-h1));
  color: var(--color-white);
  line-height: 1.02;
  letter-spacing: 0.04375rem;
  margin-bottom: 2rem;
}

.ir-hero__desc {
  font-size: clamp(1.125rem, 1.5vw, var(--fs-lead));
  color: var(--color-white);
  opacity: 0.9;
  line-height: 1.625;
  max-width: 42rem;
}

.ir-main {
  background: var(--color-white);
  padding-block: clamp(2.5rem, 5vw, 4rem) clamp(3rem, 6vw, 5rem);
}

.ir-main__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: clamp(2.5rem, 4vw, 4rem);
}

.ir-toolbar {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 1.5rem;
  padding-bottom: 1.5625rem;
  border-bottom: 1px solid #bccbb5;
}

.ir-toolbar--sort-only {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.ir-filters {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(1rem, 2.5vw, 2.5rem);
}

.ir-filter {
  font-family: 'Poppins', sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08125rem;
  text-transform: uppercase;
  color: #3e4a3a;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 0 0 1.34375rem;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: color 0.2s, border-color 0.2s;
  transition: color 0.2s, border-color 0.2s;
}

.ir-filter:hover {
  color: var(--color-green);
}

.ir-filter--active {
  font-weight: 700;
  color: var(--color-green);
  border-bottom-color: var(--color-green);
}

.ir-sort {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
}

.ir-sort__label {
  font-size: 0.75rem;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  color: #3e4a3a;
}

.ir-sort__toggle {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.ir-sort__value {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  color: #3e4a3a;
}

.ir-sort__chevron {
  width: 0.6rem;
  /* height: 1.125rem; */
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}

.ir-sort__control {
  position: relative;
}

.ir-sort--open .ir-sort__chevron {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ir-sort__menu {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  min-width: 10rem;
  margin: 0;
  padding: 0.375rem 0;
  list-style: none;
  background: var(--color-white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  z-index: 20;
}

.ir-sort__menu[hidden] {
  display: none;
}

.ir-sort__option {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  color: #3e4a3a;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: background 0.15s, color 0.15s;
  transition: background 0.15s, color 0.15s;
}

.ir-sort__option:hover,
.ir-sort__option:focus-visible {
  background: rgba(0, 132, 54, 0.08);
  color: var(--color-green);
  outline: none;
}

.ir-sort__option--active {
  color: var(--color-green);
  background: rgba(0, 132, 54, 0.06);
}

.ir-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(2rem, 4vw, 4rem) 1.5rem;
}

.ir-card {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: var(--color-white);
  border: 1px solid rgba(188, 203, 181, 0.3);
  overflow: hidden;
}

.ir-card__media {
  position: relative;
  aspect-ratio: 398 / 356;
  overflow: hidden;
  background: #f4f6f3;
}

.ir-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.ir-card__body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.9375rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  -webkit-flex: 1;
  flex: 1;
}

.ir-card__cat {
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  color: var(--color-green);
  line-height: 1.5;
  margin: 0;
}

.ir-card__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: clamp(1.125rem, 1.8vw, var(--fs-card));
  color: #191c1e;
  line-height: 1.2;
  margin: 0;
}

.ir-card__title-link {
  color: inherit;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.ir-card__title-link:hover {
  color: var(--color-green);
}

.ir-card__excerpt {
  font-size: 0.875rem;
  color: #3e4a3a;
  line-height: 1.43;
  margin: 0;
  padding-top: 0.25rem;
}

.ir-card__link {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  gap: 0.5rem;
  margin-top: auto;
  padding: 0.3125rem 0.875rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  color: var(--color-white);
  background: var(--color-gold);
  border-radius: var(--radius-sm);
  -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.12);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
}

.ir-card__link:hover {
  opacity: 0.88;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.ir-card__link-icon {
  display: none;
}

.ir-pagination {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 1rem;
  padding-top: 1rem;
}

.ir-pagination__btn {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  font-family: 'Poppins', sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08125rem;
  text-transform: uppercase;
  color: #3e4a3a;
  background: var(--color-white);
  border: 1px solid rgba(188, 203, 181, 0.5);
  cursor: pointer;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}

.ir-pagination__btn:hover:not(.ir-pagination__btn--active) {
  border-color: var(--color-green);
  color: var(--color-green);
}

.ir-pagination__btn--active {
  font-weight: 700;
  color: var(--color-white);
  background: var(--color-green);
  border-color: var(--color-green);
}

.ir-pagination__btn--arrow img {
  display: block;
}

@media screen and (max-width: 69.9375rem) {
  .ir-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 47.9375rem) {
  .ir-grid {
    grid-template-columns: 1fr;
  }

  .ir-filters {
    gap: 0.75rem 1.25rem;
  }

  .ir-filter {
    padding-bottom: 0.75rem;
    font-size: 0.75rem;
  }

  .ir-toolbar {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .ir-sort {
    padding-bottom: 0;
  }
}

/* ============================================================
   FAQ 页（Figma 1:2594）
   ============================================================ */

.faq-hero {
  position: relative;
  min-height: clamp(22rem, 38vw, 38.375rem);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background: #274533;
  overflow: hidden;
}

.faq-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.faq-hero__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 25%;
  object-position: center 25%;
}

.faq-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(39, 69, 51, 0.65);
}

.faq-hero__inner {
  position: relative;
  z-index: 1;
  padding-block: clamp(5.5rem, 8vw, 8rem) clamp(3rem, 8vw, 5rem);
}

.faq-hero__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(2rem, 4vw, var(--fs-h1));
  color: var(--color-white);
  line-height: 1.02;
  letter-spacing: 0.04375rem;
  margin-bottom: 1.5rem;
}

.faq-hero__desc {
  font-size: clamp(1.125rem, 1.5vw, var(--fs-lead));
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.625;
  max-width: 36rem;
  margin: 0;
}

.faq-section {
  padding-block: clamp(3rem, 5vw, 4.8125rem);
}

.faq-section--grey {
  background: #f2f4f6;
}

.faq-section--white {
  background: var(--color-white);
}

.faq-section--warm {
  background: #f2f1ef;
}

.faq-section__inner {
  max-width: 78.6875rem;
}

.faq-section__head {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.faq-section__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.5rem, 2.8vw, var(--fs-h2));
  color: #006e15;
  line-height: 1.23;
  margin: 0 0 1rem;
}

.faq-section__bar {
  width: 6rem;
  height: 4px;
  background: rgba(0, 110, 21, 0.2);
}

.faq-section__bar--wide {
  width: 7.8125rem;
}

.faq-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.faq-item {
  border-bottom: 1px solid rgba(194, 200, 193, 0.3);
}

.faq-item__summary {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 1.5rem;
  padding-block: clamp(1.5rem, 2.5vw, 2rem);
  cursor: pointer;
  list-style: none;
}

.faq-item__summary::-webkit-details-marker {
  display: none;
}

.faq-item__question {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: clamp(1.125rem, 1.8vw, var(--fs-card));
  color: #191c1e;
  line-height: 1.5;
  padding-right: 1rem;
}

.faq-item__icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 1.3125rem;
  height: 1.3125rem;
  background: url('../img/faq-icon-plus.png') center / contain no-repeat;
}

.faq-item[open] .faq-item__icon {
  background-image: url('../img/faq-icon-close.png');
}

.faq-item__answer {
  padding-bottom: clamp(1.25rem, 2vw, 1.75rem);
  padding-right: 2.5rem;
}

.faq-item__answer p {
  font-size: clamp(1rem, 1.4vw, 1.5rem);
  font-weight: 500;
  color: #3e4a3a;
  line-height: 1.22;
  margin: 0;
  max-width: 62.5rem;
}

.faq-item__answer a {
  color: var(--color-green);
  text-decoration: underline;
}

.faq-item__answer a:hover {
  opacity: 0.85;
}

@media screen and (max-width: 47.9375rem) {
  .faq-item__summary {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .faq-item__icon {
    margin-top: 0.5rem;
  }

  .faq-item__answer {
    padding-right: 0;
  }
}

/* ============================================================
   Insight Article 详情页（Figma 1:2405）
============================================================ */

.ia-hero {
  position: relative;
  min-height: clamp(24rem, 38vw, 37.5rem);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background: #00180c;
  overflow: hidden;
}

.ia-hero--plain {
  min-height: auto;
}

.ia-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ia-hero__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 35%;
  object-position: center 35%;
}

.ia-hero__gradient {
  position: absolute;
  inset: 0;
  background:
    -webkit-linear-gradient(left, rgba(0, 24, 12, 0.78) 0%, rgba(0, 24, 12, 0.38) 62%, rgba(0, 24, 12, 0.22) 100%),
    -webkit-linear-gradient(top, rgba(0, 24, 12, 0.12) 0%, rgba(0, 24, 12, 0.55) 100%);
  background:
    linear-gradient(to right, rgba(0, 24, 12, 0.78) 0%, rgba(0, 24, 12, 0.38) 62%, rgba(0, 24, 12, 0.22) 100%),
    linear-gradient(to bottom, rgba(0, 24, 12, 0.12) 0%, rgba(0, 24, 12, 0.55) 100%);
}

.ia-hero__top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--color-gold);
  z-index: 2;
}

.ia-hero__inner {
  position: relative;
  z-index: 1;
  padding-block: clamp(2.75rem, 5vw, 4.5rem) clamp(2.5rem, 5vw, 4rem);
}

.ia-breadcrumb {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

.ia-breadcrumb__link {
  color: rgba(255, 255, 255, 0.78);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.ia-breadcrumb__link:hover {
  color: var(--color-gold);
}

.ia-breadcrumb__sep {
  opacity: 0.7;
}

.ia-breadcrumb__current {
  color: rgba(255, 255, 255, 0.78);
}

.ia-hero__cat {
  display: inline-block;
  margin: 0 0 0.875rem;
  padding: 0.25rem 0.7rem;
  background: rgba(255, 171, 17, 0.16);
  border: 1px solid rgba(255, 171, 17, 0.45);
  color: var(--color-gold);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  line-height: 1.4;
}

.ia-hero__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 4vw, var(--fs-h1));
  color: var(--color-white);
  line-height: 1.18;
  letter-spacing: 0.02em;
  margin: 0;
}

.ia-hero__meta {
  margin: 1.25rem 0 0;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

.ia-body {
  background: var(--color-white);
  padding-block: clamp(3rem, 5vw, 4.8125rem) clamp(4rem, 7vw, 6rem);
}

.ia-body--insight {
  background: var(--color-bg-light);
}

.ia-body--insight .ia-article__panel {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.75rem;
}

.ia-body__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(16.5rem, 1fr);
  gap: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 3vw, 2rem);
  -webkit-align-items: start;
  align-items: start;
}

.ia-body__grid--single {
  grid-template-columns: minmax(0, 1fr);
  max-width: 52rem;
}

.ia-article {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.ia-article__lead {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-size: clamp(1.125rem, 1.6vw, 1.3125rem);
  color: #006e15;
  line-height: 1.6;
  margin: 0;
  /*padding: 0.25rem 0 0.25rem 1.25rem;*/
  /*border-left: 3px solid var(--color-gold);*/
}

.ia-article__block {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.75rem;
}

.ia-article__block p {
  font-size: var(--fs-body);
  color: #424843;
  line-height: 1.7;
  margin: 0;
}

.ia-article__block h2,
.ia-article__heading {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  color: #1a3a2a;
  line-height: 1.25;
  margin: 0.5rem 0 0;
  padding-top: 0.5rem;
}

.ia-article__block h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: clamp(1.125rem, 1.6vw, 1.375rem);
  color: #1a3a2a;
  line-height: 1.35;
  margin: 0;
}

.ia-article__block ul,
.ia-article__block ol:not(.ia-steps) {
  margin: 0;
  padding-left: 1.35rem;
  color: #424843;
  line-height: 1.7;
}

.ia-article__block li + li {
  margin-top: 0.45rem;
}

.ia-article__block a {
  color: #006e15;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.ia-article__block a:hover {
  color: #004d0f;
}

.ia-article__block img {
  width: 100%;
  height: auto;
  display: block;
  background: #f4f6f3;
}

.ia-article__block blockquote:not(.ia-quote) {
  margin: 0;
  padding: 1.25rem 1.5rem 1.25rem 1.75rem;
  background: #f2f8f3;
  border-left: 4px solid var(--color-gold);
  color: #1a3a2a;
}

.ia-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

.ia-steps__item {
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 1rem 1.125rem;
  background: #f7f9fb;
  border: 1px solid rgba(188, 203, 181, 0.45);
}

.ia-steps__num {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  margin-top: 0.1rem;
  border-radius: 50%;
  background: var(--color-gold);
  color: var(--color-white);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.75rem;
  text-align: center;
}

.ia-steps__content p {
  margin: 0;
}

.ia-steps__title {
  font-weight: 600;
  color: #191c1e;
  margin-bottom: 0.25rem;
}

.ia-steps__content p:not(.ia-steps__title) {
  color: #424843;
}

.ia-quote {
  margin: 0;
  padding: 1.25rem 1.5rem 1.25rem 1.75rem;
  background: #f2f8f3;
  border-left: 4px solid var(--color-gold);
}

.ia-quote__text {
  font-style: normal;
  font-size: clamp(1.125rem, 1.4vw, var(--fs-lead));
  color: #1a3a2a;
  line-height: 1.6;
  margin: 0 0 0.75rem;
}

.ia-quote__cite {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  color: #6d7b68;
  margin: 0;
}

.ia-article__meta {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 0.75rem 1.25rem;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(188, 203, 181, 0.7);
}

.ia-article__date {
  font-style: normal;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  color: #6d7b68;
}

.ia-article__back {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  color: var(--color-green);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.ia-article__back:hover {
  color: var(--color-gold);
}

.ia-sidebar {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

@media screen and (min-width: 70rem) {
  .ia-sidebar--insight {
    position: -webkit-sticky;
    position: sticky;
    top: 6.5rem;
  }
}

.ia-consult {
  background: -webkit-linear-gradient(165deg, #0a2e1a 0%, #003d1c 100%);
  background: linear-gradient(165deg, #0a2e1a 0%, #003d1c 100%);
  border: 1px solid rgba(255, 171, 17, 0.28);
  padding: clamp(1.5rem, 3vw, 2.0625rem);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.25rem;
}

.ia-consult__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: clamp(1.25rem, 2vw, 1.625rem);
  color: var(--color-gold);
  line-height: 1.3;
  margin: 0;
}

.ia-consult__text {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.55;
  margin: 0;
}

.ia-consult__btn {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  padding: 0.875rem 1rem;
  background: var(--color-gold);
  color: var(--color-white);
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  border-radius: var(--radius-sm);
  -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.18);
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.18);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
}

.ia-consult__btn:hover {
  opacity: 0.92;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.ia-related__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.14rem;
  text-transform: uppercase;
  color: #6d7b68;
  line-height: 1.4;
  margin: 0 0 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(188, 203, 181, 0.6);
}

.ia-related__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.25rem;
}

.ia-related__item {
  background: var(--color-white);
  border: 1px solid rgba(188, 203, 181, 0.5);
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.25s, -webkit-transform 0.25s, border-color 0.25s;
  transition: box-shadow 0.25s, transform 0.25s, border-color 0.25s;
}

.ia-related__item:hover {
  border-color: rgba(0, 132, 54, 0.28);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 12px 24px -12px rgba(0, 24, 12, 0.18);
  box-shadow: 0 12px 24px -12px rgba(0, 24, 12, 0.18);
}

.ia-related__link {
  display: block;
  color: inherit;
}

.ia-related__media {
  aspect-ratio: 398 / 356;
  overflow: hidden;
  background: #f4f6f3;
}

.ia-related__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}

.ia-related__item:hover .ia-related__img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

.ia-related__copy {
  padding: 1rem 1.125rem 1.2rem;
}

.ia-related__card-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1.0625rem;
  color: #191c1e;
  line-height: 1.35;
  margin: 0 0 0.5rem;
}

.ia-related__excerpt {
  font-size: 0.875rem;
  color: #424843;
  line-height: 1.5;
  margin: 0;
}

@media screen and (max-width: 69.9375rem) {
  .ia-body__grid {
    grid-template-columns: 1fr;
  }

  .ia-sidebar {
    max-width: 28rem;
  }
}

@media screen and (max-width: 47.9375rem) {
  .ia-steps__item {
    gap: 0.75rem;
  }

  .ia-article__meta {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

/* ============================================================
   Contact 页（Figma 1:2858）
============================================================ */

.ct-hero {
  position: relative;
  min-height: clamp(22rem, 38vw, 38.375rem);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background: #0c1911;
  overflow: hidden;
}

.ct-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ct-hero__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 30%;
  object-position: center 30%;
}

.ct-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(12, 25, 17, 0.4);
}

.ct-hero__inner {
  position: relative;
  z-index: 1;
  padding-block: clamp(5.5rem, 8vw, 8rem) clamp(3rem, 8vw, 5rem);
}

.ct-hero__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(2rem, 4vw, var(--fs-h1));
  color: var(--color-white);
  line-height: 1.02;
  letter-spacing: 0.04375rem;
  margin-bottom: 1.5rem;
}

.ct-hero__desc {
  font-size: clamp(1.125rem, 1.5vw, var(--fs-lead));
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.625;
  margin: 0;
}

.ct-intro {
  background: var(--color-white);
  padding-block: clamp(3rem, 6vw, 5rem);
}

.ct-intro__headline {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.375rem, 2vw, 1.875rem);
  color: var(--color-gold);
  line-height: 1.4;
  margin: 0 0 clamp(2rem, 4vw, 3rem);
  /*padding-left: clamp(1rem, 2vw, 1.75rem);*/
  /*border-left: 4px solid var(--color-gold);*/
  /* max-width: 52rem; */
}

.ct-intro__body {
  max-width: 52rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.ct-intro__lead {
  font-size: clamp(1.125rem, 1.6vw, 1.5rem);
  font-weight: 500;
  color: #333;
  line-height: 1.33;
  margin: 0 0 1.5rem;
}

.ct-intro__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
}

.ct-intro__item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(1.125rem, 1.4vw, var(--fs-lead));
  font-weight: 500;
  color: #006e15;
  line-height: 1.6;
}

.ct-intro__check {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.ct-intro__facility {
  border: 1px solid #bccbb5;
  overflow: hidden;
  aspect-ratio: 1280 / 534;
  max-height: 33.375rem;
}

.ct-intro__facility-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.ct-suited {
  background: #f2f4f6;
  border-block: 1px solid #bccbb5;
  padding-block: clamp(4rem, 6vw, 6.0625rem);
}

.ct-suited__head {
  margin-bottom: clamp(2rem, 4vw, 3rem);
  max-width: 52rem;
}

.ct-suited__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.375rem, 2vw, 1.875rem);
  color: var(--color-gold);
  line-height: 1.4;
  margin: 0 0 0.5rem;
}

.ct-suited__subtitle {
  font-size: 1.125rem;
  color: #3e4a3a;
  line-height: 1.5;
  margin: 0;
}

.ct-suited__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
}

.ct-suited-card {
  background: var(--color-white);
  border: 1px solid #bccbb5;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
}

.ct-suited-card__media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  margin: 5px 5px 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  background: #e8ede6;
}

.ct-suited-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.45s ease;
  transition: transform 0.45s ease;
}

.ct-suited-card:hover .ct-suited-card__img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.ct-suited-card__body {
  padding: 1.25rem 1.25rem 1.5rem;
}

.ct-suited-card__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 1.375rem;
  color: #191c1e;
  line-height: 1.5;
  margin: 0 0 0.5rem;
}

.ct-suited-card__desc {
  font-size: 1rem;
  color: #424843;
  line-height: 1.625;
  margin: 0;
}

.ct-global {
  padding-block: clamp(3rem, 6vw, 5rem);
  background: var(--color-white);
}

.ct-global__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(2rem, 5vw, 4rem);
  -webkit-align-items: start;
  align-items: start;
}

.ct-global__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.375rem, 2vw, 1.875rem);
  color: #191c1e;
  line-height: 1.4;
  margin: 0 0 2rem;
}

.ct-global__block {
  margin-bottom: 2rem;
}

.ct-global__label {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  color: #191c1e;
  margin: 0 0 0.5rem;
}

.ct-global__text {
  font-size: 0.875rem;
  color: #3e4a3a;
  line-height: 1.5;
  margin: 0;
}

.ct-global__callout {
  margin: 0;
  padding-left: 1.25rem;
  border-left: 4px solid var(--color-green);
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
  color: var(--color-green);
  line-height: 1.5;
}

.ct-global__contacts {
  list-style: none;
  margin: 2rem 0 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

.ct-global-contact {
  padding-top: 1.5rem;
  border-top: 1px solid rgba(25, 28, 30, 0.1);
}

.ct-global-contact:first-child {
  padding-top: 0;
  border-top: 0;
}

.ct-global-contact__region {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  color: #191c1e;
  margin: 0 0 0.375rem;
}

.ct-global-contact__countries {
  font-size: 0.875rem;
  color: #191c1e;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}

.ct-global-contact__lines {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.375rem;
}

.ct-global-contact__lines li {
  font-size: 0.875rem;
  color: #3e4a3a;
  line-height: 1.5;
}

.ct-global-contact__link {
  display: inline-block;
  margin-top: 0.75rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-green);
  text-decoration: none;
  word-break: break-all;
}

.ct-global-contact__link:hover {
  text-decoration: underline;
}

.ct-form-intro {
  margin-bottom: 2rem;
}

.ct-form-intro__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.375rem, 2vw, 1.875rem);
  color: var(--color-green);
  line-height: 1.4;
  margin: 0 0 1rem;
}

.ct-form-intro__list {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #424843;
  line-height: 1.43;
}

.ct-form-intro__list li::before {
  content: '> ';
  color: #424843;
}

.ct-form-intro__list li + li {
  margin-top: 0.25rem;
}

.ct-form-intro__note {
  font-size: 1.125rem;
  font-weight: 600;
  font-style: normal;
  color: var(--color-green);
  line-height: 1.33;
  margin: 0;
}

.ct-form__grid {
  display: grid;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.ct-form__grid--2 {
  grid-template-columns: repeat(2, 1fr);
}

.ct-form__field--full {
  grid-column: 1 / -1;
}

.ct-form__section {
  border: none;
  margin: 0 0 1.5rem;
  padding: 2rem 0 0;
  border-top: 1px solid #bccbb5;
}

.ct-form__section-title {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  color: #191c1e;
  opacity: 0.5;
  margin-bottom: 1.5rem;
  width: 100%;
}

.ct-form__field {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}

.ct-form__label {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.0375rem;
  text-transform: uppercase;
  color: #191c1e;
}

.ct-form__label--sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ct-form__input,
.ct-form__textarea {
  width: 100%;
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  color: var(--color-text);
  background: var(--color-white);
  border: 1px solid #bccbb5;
  border-radius: 0;
  padding: 0.875rem 1rem;
  min-height: 3.125rem;
  line-height: 1.5;
}

.ct-form__textarea {
  min-height: 7.5rem;
  resize: vertical;
  padding-top: 1.25rem;
}

.ct-form__checks-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  padding-top: 2rem;
  margin-bottom: 1.5rem;
  border-top: 1px solid #bccbb5;
}

.ct-form__check-group {
  border: none;
  margin: 0;
  padding: 0;
}

.ct-form__checks {
  list-style: none;
  margin: 0.75rem 0 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.7rem;
}

.ct-form__check {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  color: #191c1e;
  cursor: pointer;
}

.ct-form__check input {
  width: 1rem;
  height: 1rem;
  margin: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  accent-color: var(--color-green);
}

.ct-form__hint {
  font-size: 0.875rem;
  color: #424843;
  margin: 0 0 0.75rem;
  line-height: 1.5;
}

.ct-form__radios {
  display: -webkit-flex;
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1rem;
}

.ct-form__radio {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #191c1e;
  cursor: pointer;
}

.ct-form__radio input {
  width: 1rem;
  height: 1rem;
  accent-color: var(--color-green);
}

.ct-form__submit {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  padding: 1.25rem 2rem;
  background: var(--color-green);
  color: var(--color-white);
  font-family: 'Poppins', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.175rem;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.ct-form__submit:hover {
  opacity: 0.92;
}

.ct-form__footnote {
  font-size: var(--fs-xs);
  font-style: normal;
  color: #424843;
  text-align: center;
  margin: 1rem 0 0;
}

.ct-standards {
  background: #f7f9fb;
  padding-block: clamp(4rem, 6vw, 6rem);
}

.ct-standards__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 3rem);
  -webkit-align-items: center;
  align-items: center;
}

.ct-standards__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.375rem, 2vw, 1.875rem);
  color: #191c1e;
  line-height: 1.4;
  margin: 0 0 2rem;
}

.ct-standards__list {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

.ct-standards__list li {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-green);
  line-height: 1.5;
}

.ct-standards__list li::before {
  content: '> ';
}

.ct-standards__text {
  font-size: 1.125rem;
  color: #3e4a3a;
  line-height: 1.5;
  margin: 0;
}

.ct-standards__media {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.ct-standards__img {
  width: min(100%, 24rem);
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  border: 8px solid var(--color-white);
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.ct-events {
  padding-block: clamp(4rem, 6vw, 6rem);
  border-top: 1px solid rgba(194, 200, 193, 0.3);
}

.ct-events__head {
  margin-bottom: 3rem;
}

.ct-events__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.375rem, 2vw, 1.875rem);
  color: #191c1e;
  line-height: 1.5;
  margin: 0 0 0.5rem;
}

.ct-events__desc {
  font-size: 1.125rem;
  color: #3e4a3a;
  line-height: 1.5;
  margin: 0;
}

.ct-events__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.ct-events-card__media {
  border: 1px solid #bccbb5;
  overflow: hidden;
  aspect-ratio: 368 / 256;
  margin-bottom: 0.625rem;
}

.ct-events-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.ct-events-card__name {
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.0875rem;
  text-transform: uppercase;
  color: #191c1e;
  line-height: 1.43;
  margin: 0 0 0.5rem;
  padding-top: 0.875rem;
}

.ct-events-card__link {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  color: var(--color-green);
  border-bottom: 1px solid var(--color-green);
  padding-bottom: 2px;
}

.ct-events-card__link:hover {
  opacity: 0.85;
}

.final-cta--contact .final-cta__title {
  max-width: 62rem;
}

@media screen and (max-width: 69.9375rem) {
  .ct-suited__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ct-global__grid,
  .ct-standards__grid {
    grid-template-columns: 1fr;
  }

  .ct-standards__media {
    -webkit-order: -1;
    order: -1;
  }

  .ct-events__grid {
    grid-template-columns: 1fr;
  }

  .ct-form__checks-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 47.9375rem) {
  .ct-suited__grid {
    grid-template-columns: 1fr;
  }

  .ct-form__grid--2 {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   浏览器兼容处理
   支持 Chrome / Firefox / Safari 主流版本
============================================================ */

/* Safari flex gap 兼容（旧版 Safari） */
@supports not (gap: 1rem) {
  .nav__list > li + li { margin-left: 1rem; }
  .hero__features > li + li { margin-top: 1rem; }
  .hero__btns > a + a { margin-left: 1rem; }
  .why-greenlink__grid > div + div { margin-left: 3rem; }
  .product-list > li + li { margin-left: 1.5rem; }
  .article-list > li + li { margin-left: 1.75rem; }
  .serve-grid > div + div { margin-left: 1.5rem; }
  .how-we-work__grid > div + div { margin-left: 1rem; }
}

/* backdrop-filter 不支持时降级处理 */
@supports not (backdrop-filter: blur(2px)) {
  .serve-card {
    background: rgba(0, 80, 30, 0.85);
  }
}

/* ============================================================
   Legal Article 详情页
============================================================ */

.ia-body--legal {
  background: #f7f9fb;
}

.ia-article--legal {
  gap: clamp(1.25rem, 2.5vw, 1.75rem);
}

.ia-legal-meta {
  margin: 0;
}

.ia-legal-meta__date {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.5rem 1rem;
  background: #e8f2ea;
  border-radius: 2rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #006e15;
}

.ia-article__panel {
  background: var(--color-white);
  border: 1px solid #bccbb5;
  padding: clamp(1.75rem, 4vw, 3rem);
  box-shadow: 0 1px 3px rgba(0, 24, 12, 0.06);
}

.ia-article__block--legal {
  gap: 1.5rem;
}

.ia-article__block--legal > p:first-child {
  font-size: clamp(1.0625rem, 1.5vw, 1.1875rem);
  color: #1a3a2a;
  line-height: 1.65;
}

.ia-article__block--legal .ia-article__heading:not(:first-child) {
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(188, 203, 181, 0.6);
}

.ia-article__block--legal ul,
.ia-article__block--legal ol {
  margin: 0;
  padding-left: 1.5rem;
  color: #424843;
  line-height: 1.625;
}

.ia-article__block--legal li + li {
  margin-top: 0.5rem;
}

.ia-article__block--legal a {
  color: #006e15;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.ia-article__block--legal a:hover {
  color: #004d0f;
}

.ia-sidebar--legal {
  gap: 1.5rem;
}

@media screen and (min-width: 70rem) {
  .ia-sidebar--legal {
    position: -webkit-sticky;
    position: sticky;
    top: 6rem;
    -webkit-align-self: start;
    align-self: start;
  }
}

.ia-legal-nav {
  background: var(--color-white);
  border: 1px solid #bccbb5;
  padding: clamp(1.25rem, 3vw, 1.75rem);
}

.ia-legal-nav__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6d7b68;
  margin: 0 0 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(188, 203, 181, 0.5);
}

.ia-legal-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
}

.ia-legal-nav__link {
  display: block;
  padding: 0.75rem 1rem;
  border-left: 3px solid transparent;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #424843;
  line-height: 1.4;
  -webkit-transition: background 0.2s, color 0.2s, border-color 0.2s;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.ia-legal-nav__link:hover {
  background: #f7f9fb;
  color: #1a3a2a;
}

.ia-legal-nav__link.is-active {
  background: #f2f8f3;
  border-left-color: #feaa0f;
  color: #006e15;
  font-weight: 600;
}

@media screen and (max-width: 47.9375rem) {
  .ia-article__panel {
    padding: 1.25rem;
  }

  .ia-legal-nav__link {
    padding: 0.625rem 0.875rem;
  }
}