:root {
  --green: #269547;
  --green-dark: #0c5d35;
  --green-deep: #073c29;
  --green-soft: #eaf5e7;
  --lime: #87b55f;
  --mint: #73c9a3;
  --mint-dark: #237b63;
  --aqua: #25aeb0;
  --cream: #f7f8ef;
  --white: #fff;
  --ink: #14372a;
  --text: #3f5c50;
  --muted: #71867c;
  --line: rgba(17, 91, 52, .14);
  --max: 1220px;
  --page-gutter: 44px;
  --radius: 22px;
  --shadow: 0 20px 60px rgba(9, 75, 42, .1);
  --card-shadow: 0 8px 30px rgba(20,80,42,.055);
  --card-shadow-hover: 0 20px 55px rgba(9,75,42,.12);
  --media-radius: 26px;
  --ease: cubic-bezier(.2, .75, .25, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body { margin: 0; color: var(--text); background: var(--cream); font-family:"PingFang SC","Microsoft YaHei","Source Han Sans SC",system-ui,sans-serif; line-height: 1.75; overflow-x: hidden; }
body.menu-open { overflow: hidden; }

/* ===== NOISE TEXTURE OVERLAY ===== */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 200px 200px;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.icon-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.container { width: min(calc(100% - var(--page-gutter)), var(--max)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 1000; height: 94px; padding-top: 12px; color: var(--ink); transition: height .3s var(--ease), padding .3s var(--ease); }
.site-header.scrolled { height: 78px; padding-top: 8px; }
.header-inner { height: 70px; padding: 0 12px 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid rgba(255,255,255,.58); border-radius: 18px; background: rgba(250,252,244,.88); box-shadow: 0 12px 40px rgba(3,46,28,.12); backdrop-filter: blur(18px) saturate(135%); transition: height .3s var(--ease), border-radius .3s, box-shadow .3s, background .3s; }
.site-header.scrolled .header-inner { height: 62px; border-color: rgba(18,103,55,.12); border-radius: 15px; background: rgba(255,255,250,.96); box-shadow: 0 9px 30px rgba(10,65,37,.12); }
.scroll-progress { position:absolute; left:0; right:0; bottom:0; height:2px; overflow:hidden; pointer-events:none; }
.scroll-progress i { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--lime),var(--green),var(--aqua)); transform:scaleX(0); transform-origin:left; will-change:transform; }
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-logo { display:block; width:190px; height:46px; object-fit:cover; object-position:center 51%; }
.brand-mark { position: relative; width: 51px; height: 41px; display: grid; place-items: center; color: var(--green-dark); }
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; border: 5px solid currentColor; border-radius: 50% 12px 50% 12px; transform: rotate(-22deg); }
.brand-mark::before { width: 44px; height: 23px; opacity: .95; }
.brand-mark::after { width: 33px; height: 16px; border-width: 3px; color: var(--mint); transform: rotate(24deg) translate(8px, 7px); }
.brand-mark i { position: absolute; width: 52px; height: 8px; border-radius: 50%; background: var(--aqua); bottom: 2px; transform: rotate(-7deg); }
.brand-mark b { position: relative; z-index: 2; font-size: 19px; font-style: italic; }
.brand-name { display: grid; line-height: 1.1; }
.brand-name strong { font-size: 21px; letter-spacing: .14em; }
.brand-name small { margin-top: 6px; font-size: 8px; letter-spacing: .34em; opacity: .78; }
.main-nav { display: flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; }
.main-nav a { position: relative; padding: 10px 14px; color: #36594a; border-radius: 10px; transition: color .22s, background .22s, transform .22s; }
.main-nav a::before { content: ""; position: absolute; left: 14px; right: 14px; bottom: 6px; height: 2px; border-radius: 99px; background: linear-gradient(90deg, var(--green), var(--aqua)); opacity: 0; transform: scaleX(0); transition: opacity .28s var(--ease), transform .28s var(--ease); }
.main-nav a:hover { color: var(--green-dark); background: rgba(38,149,71,.07); }
.main-nav a:hover::before { opacity: .5; transform: scaleX(.6); }
.main-nav a.active { color: var(--green-dark); background: rgba(38,149,71,.1); }
.main-nav a.active::before { opacity: 1; transform: scaleX(1); }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 9px; border: 0; background: transparent; }
.menu-toggle span { display: block; height: 2px; margin: 5px 0; background: currentColor; transition: .25s; }

.hero { position: relative; min-height: 820px; height: 100svh; max-height: 960px; display: flex; align-items: center; overflow: hidden; color: var(--white); background: #073d2c url("../images/benran-hero-medicinal-food.webp") center/cover no-repeat; }
.hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,42,29,.26) 0%, rgba(3,42,29,.12) 43%, rgba(3,42,29,.04) 72%), linear-gradient(0deg, rgba(3,41,28,.34), transparent 45%); }
.hero::after { content: ""; position: absolute; inset: auto -10% -32% 35%; height: 48%; background: rgba(99,171,77,.15); border: 1px solid rgba(255,255,255,.08); border-radius: 50% 50% 0 0; transform: rotate(-6deg); }
.hero-grid { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.25) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to right, transparent 5%, #000 65%, transparent); }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); border: 1px solid rgba(255,255,255,.2); }
.orb-one { width: 380px; height: 380px; right: 1%; top: 5%; }
.orb-two { width: 160px; height: 160px; right: 34%; bottom: 8%; }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr; align-items: center; padding-top: 60px; }
.hero-copy { width: min(630px, 50vw); padding: 46px 0 44px; }
.eyebrow, .section-kicker { margin: 0 0 20px; color: var(--green); font-size: 12px; font-weight: 800; letter-spacing: .22em; }
.eyebrow { color: #a9dca7; display: flex; align-items: center; gap: 12px; }
.eyebrow span { width: 34px; height: 1px; background: currentColor; }
.hero h1 { margin: 0; font-size: clamp(50px, 5.2vw, 76px); line-height: 1.15; letter-spacing: -.045em; }
.hero h1 em, .section h2 em { color: #b6dd75; font-style: normal; }
.hero-lead { max-width: 610px; margin: 28px 0 30px; color: rgba(255,255,255,.84); font-size: 18px; line-height: 1.9; text-shadow: 0 2px 14px rgba(0,30,16,.18); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.button { display: inline-flex; min-height: 52px; padding: 0 24px; align-items: center; justify-content: center; gap: 12px; border-radius: 999px; font-size: 14px; font-weight: 700; transition: transform .25s, box-shadow .3s, background .25s; position: relative; overflow: hidden; }
.button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent); transform: translateX(-100%); transition: transform .5s var(--ease); }
.button:hover { transform: translateY(-3px); }
.button:hover::after { transform: translateX(100%); }
.button-primary { color: var(--green-deep); background: #c6e68d; box-shadow: 0 14px 34px rgba(7,50,30,.25); }
.button-primary:hover { box-shadow: 0 14px 34px rgba(7,50,30,.25), 0 0 0 6px rgba(198,230,141,.3), 0 0 24px rgba(135,181,95,.2); }
.button-light { border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.08); backdrop-filter: blur(8px); }
.button-light:hover { border-color: rgba(255,255,255,.5); box-shadow: 0 0 0 4px rgba(255,255,255,.08), 0 8px 30px rgba(0,0,0,.15); }
.button-white { color: var(--green-dark); background: var(--white); }
.button-white:hover { box-shadow: 0 0 0 6px rgba(255,255,255,.25), 0 14px 34px rgba(0,0,0,.15); }
.hero-proof { display: flex; gap: 35px; margin-top: 56px; }
.hero-proof span { display: grid; padding-left: 13px; color: rgba(255,255,255,.62); font-size: 12px; border-left: 1px solid rgba(205,235,158,.6); }
.hero-proof b { color: var(--white); font-size: 14px; }
.hero-visual { display: none; }
.core-sphere { position: absolute; z-index: 3; left: 50%; top: 50%; width: 270px; height: 270px; display: grid; place-content: center; text-align: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.38), rgba(38,174,112,.28) 30%, rgba(5,57,38,.78) 72%); box-shadow: inset 0 0 45px rgba(255,255,255,.1), 0 30px 80px rgba(0,28,17,.25); transform: translate(-50%,-50%); }
.core-sphere::before { content: ""; position: absolute; inset: 20px; border: 1px dashed rgba(200,235,160,.44); border-radius: 50%; animation: spin 20s linear infinite; }
.core-sphere strong { font-size: 48px; letter-spacing: .12em; }
.core-sphere small, .micro-label { color: rgba(255,255,255,.65); font-size: 11px; letter-spacing: .12em; }
.micro-label { color: #cae994; }
.eco-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; transform: translate(-50%,-50%) rotate(-18deg); }
.ring-one { width: 460px; height: 340px; }
.ring-two { width: 540px; height: 420px; transform: translate(-50%,-50%) rotate(24deg); }
.fruit { position: absolute; z-index: 4; display: grid; place-items: center; border-radius: 50%; box-shadow: inset -12px -15px 25px rgba(80,45,15,.18), 0 15px 30px rgba(3,40,24,.26); animation: float 5s ease-in-out infinite; }
.fruit span { font-size: 11px; font-weight: 700; text-shadow: 0 1px 4px rgba(0,0,0,.35); }
.fruit::after { content: ""; position: absolute; width: 20px; height: 9px; top: -5px; right: 5px; border-radius: 100% 0; background: #7fc763; transform: rotate(-22deg); }
.fruit-peach { width: 86px; height: 86px; left: 4%; top: 35%; background: linear-gradient(140deg,#ffc47c,#e66d5f); }
.fruit-apple { width: 72px; height: 72px; right: 3%; top: 26%; background: linear-gradient(140deg,#f2c75a,#c94d37); animation-delay: -.8s; }
.fruit-melon { width: 82px; height: 82px; right: 8%; bottom: 20%; background: repeating-linear-gradient(75deg,#84b858 0 8px,#b6d584 8px 15px); animation-delay: -1.8s; }
.fruit-pepper { width: 62px; height: 62px; left: 11%; bottom: 18%; background: radial-gradient(circle at 30% 30%,#f1a051 1px,#a82e20 3px,#732318 6px); background-size: 10px 10px; animation-delay: -2.4s; }
.floating-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: 10px; padding: 12px 16px; font-size: 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; background: rgba(4,57,37,.55); box-shadow: 0 12px 28px rgba(0,30,17,.18); backdrop-filter: blur(10px); }
.floating-card i { width: 8px; height: 8px; border-radius: 50%; background: #c5ea88; box-shadow: 0 0 0 5px rgba(197,234,136,.12); }
.card-a { right: 0; top: 48%; }
.card-b { left: 0; top: 18%; }
.scroll-hint { position: absolute; z-index: 4; left: 50%; bottom: 24px; display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.55); font-size: 11px; letter-spacing: .2em; transform: translateX(-50%); }
.scroll-hint span { width: 1px; height: 30px; background: rgba(255,255,255,.4); }
.hero-data-card { position: absolute; z-index: 5; right: max(22px, calc((100vw - var(--max))/2)); bottom: 48px; min-width: 390px; padding: 17px 20px; color: rgba(255,255,255,.68); border: 1px solid rgba(255,255,255,.2); border-radius: 14px; background: rgba(4,52,34,.34); box-shadow: 0 18px 44px rgba(0,31,18,.18); backdrop-filter: blur(14px); }
.hero-data-card > span { display: block; margin-bottom: 8px; color: #cae99a; font-size: 9px; letter-spacing: .18em; }
.hero-data-card p { display: flex; align-items: center; gap: 13px; margin: 0; }
.hero-data-card b { color: var(--white); font-size: 12px; }
.hero-data-card i { width: 28px; height: 1px; background: rgba(255,255,255,.28); }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes float { 50% { transform: translateY(-12px) rotate(3deg); } }

/* Independent page banners */
.page-hero { --banner-a:#073f2c; --banner-b:#14804a; --banner-accent:rgba(190,231,129,.2); position:relative; min-height:430px; padding:155px 0 76px; display:flex; align-items:flex-end; overflow:hidden; color:#fff; background-color:var(--banner-a); background-image:radial-gradient(circle at 78% 26%,var(--banner-accent),transparent 24%),radial-gradient(circle at 92% 86%,rgba(115,201,163,.12),transparent 28%),linear-gradient(125deg,var(--banner-a),var(--banner-b)); }
.page-hero::before { content:""; position:absolute; inset:0; opacity:.42; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent 4%,#000 55%,transparent 96%); }
.page-hero::after { content:""; position:absolute; right:-90px; bottom:-210px; width:520px; height:520px; border:1px solid rgba(255,255,255,.14); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018); animation: float 8s ease-in-out infinite; }
.page-hero-inner { position:relative; z-index:2; display:grid; grid-template-columns:1fr; align-items:end; }
.page-hero-copy { max-width:760px; }
.page-hero-kicker { margin:0 0 18px; display:flex; align-items:center; gap:12px; color:#cae99a; font-size:10px; font-weight:800; letter-spacing:.21em; }
.page-hero-kicker::before { content:""; width:30px; height:1px; background:currentColor; }
.page-hero h1 { margin:0; color:#fff; font-size:clamp(44px,5vw,68px); line-height:1.18; letter-spacing:-.04em; }
.page-hero h1 em { color:#bfe680; font-style:normal; }
.page-hero-lead { max-width:690px; margin:22px 0 0; color:rgba(255,255,255,.76); font-size:16px; line-height:1.85; }
.page-hero-meta { display:none !important; }
.page-hero-meta span { display:block; color:#cae99a; font:italic 22px Georgia,serif; }
.page-hero-meta p { margin:5px 0 0; color:rgba(255,255,255,.72); font-size:11px; }
.page-hero--about { --banner-a:#083e2e; --banner-b:#267c48; --banner-accent:rgba(190,226,125,.22); }
.page-hero--business { --banner-a:#0a4534; --banner-b:#178672; --banner-accent:rgba(105,215,185,.2); }
.page-hero--technology { --banner-a:#083b38; --banner-b:#126c66; --banner-accent:rgba(73,193,190,.22); }
.page-hero--advantages { --banner-a:#16452c; --banner-b:#6b923a; --banner-accent:rgba(211,232,133,.18); }
.page-hero--scientists { --banner-a:#173c35; --banner-b:#3b7567; --banner-accent:rgba(130,211,191,.18); }
.page-hero--project { --banner-a:#184329; --banner-b:#43893d; --banner-accent:rgba(209,227,115,.22); }
.page-hero--investment { --banner-a:#143c31; --banner-b:#2e7763; --banner-accent:rgba(154,217,183,.2); }
.page-hero--honors { --banner-a:#173f29; --banner-b:#8a7b32; --banner-accent:rgba(239,218,121,.2); }
.page-hero--contact { --banner-a:#0b4035; --banner-b:#167c68; --banner-accent:rgba(111,215,187,.2); }
.inner-page main > .section:first-of-type { padding-top:105px; }

.section { position:relative; padding: 120px 0; }
.section-heading h2, .tech-copy h2 { margin: 0; color: var(--ink); font-size: clamp(36px, 4vw, 54px); line-height: 1.28; letter-spacing: -.04em; }
.section-heading h2 em, .tech-copy h2 em { color: var(--green); }
.section-kicker { display:flex; align-items:center; gap:11px; margin-bottom:14px; color:var(--green-dark); font-size:10px; font-weight:800; letter-spacing:.19em; }
.section-kicker::before { content:""; width:26px; height:1px; background:currentColor; }
.section-kicker.light::before { background:currentColor; }
.section-heading h2::after,.tech-copy h2::after { content:""; display:block; width:72px; height:3px; margin-top:21px; border-radius:99px; background:linear-gradient(90deg,var(--green),var(--aqua),var(--lime)); background-size:200% 100%; animation:shimmer 3s ease-in-out infinite; }
.heading-row { position:relative; }
.heading-row::after { content:""; position:absolute; left:0; right:0; bottom:-24px; height:1px; background:linear-gradient(90deg,var(--line),transparent 72%); }
.intro { background: var(--white); }
.intro::before { content: ""; position: absolute; width: 420px; height: 420px; top: -120px; left: -180px; border-radius: 50%; filter: blur(90px); opacity: .07; pointer-events: none; z-index: 0; background: var(--mint); }
.intro-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: end; }
.intro-copy { font-size: 16px; }
.intro-copy p { margin: 0 0 16px; }
.story-photo,.section-feature-photo { position:relative; height:clamp(320px,42vw,520px); margin-top:54px; overflow:hidden; border-radius:28px; box-shadow:var(--shadow); background:#e8efe2; }
.story-photo img,.section-feature-photo img { width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.story-photo:hover img,.section-feature-photo:hover img { transform:scale(1.025); }
.story-photo::after,.section-feature-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(4,48,31,.72),transparent 55%); }
.story-photo figcaption,.section-feature-photo figcaption { position:absolute; z-index:2; left:34px; right:34px; bottom:28px; display:grid; color:var(--white); }
.story-photo figcaption span,.section-feature-photo figcaption span { color:#c9e99a; font-size:9px; font-weight:800; letter-spacing:.2em; }
.story-photo figcaption strong,.section-feature-photo figcaption strong { margin-top:6px; font-size:24px; }
.story-photo figcaption small,.section-feature-photo figcaption small { margin-top:4px; color:rgba(255,255,255,.68); font-size:11px; }
.story-photo-orchard img { object-position:center 53%; }
.intro-highlight { color: var(--ink); font-size: 20px; font-weight: 700; }
.text-link { display: inline-flex; align-items: center; gap: 13px; margin-top: 10px; color: var(--green-dark); font-weight: 700; }
.text-link span { transition: transform .25s; }
.text-link:hover span { transform: translateX(5px); }
.stat-row { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 80px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-image: linear-gradient(var(--white), var(--white)), linear-gradient(90deg, var(--line), rgba(38,149,71,.15), var(--line)); background-origin: border-box; background-clip: padding-box, border-box; border-radius: 2px; }
.stat-row article { padding: 34px 28px; border-right: 1px solid var(--line); }
.stat-row article:last-child { border: 0; }
.stat-row strong { color: var(--green-dark); font-family: Georgia, serif; font-size: 45px; line-height: 1; position: relative; }
@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(38,149,71,.2); }
  50% { box-shadow: 0 0 0 10px rgba(38,149,71,0); }
}
.stat-row article { position: relative; }
.stat-row article::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(38,149,71,.12), transparent 70%);
  animation: pulseGlow 3s ease-in-out infinite;
}
.stat-row article:nth-child(2)::before { animation-delay: .5s; }
.stat-row article:nth-child(3)::before { animation-delay: 1s; }
.stat-row article:nth-child(4)::before { animation-delay: 1.5s; }
.stat-row sup { color: var(--green); font-size: 20px; }
.stat-row p { margin: 10px 0 0; color: var(--muted); font-size: 13px; }
.business { background: var(--green-soft); }
.business::before { content: ""; position: absolute; width: 420px; height: 420px; bottom: -100px; right: -200px; border-radius: 50%; filter: blur(90px); opacity: .07; pointer-events: none; z-index: 0; background: var(--aqua); }
.heading-row { display: flex; align-items: end; justify-content: space-between; gap: 60px; margin-bottom: 54px; }
.heading-row > p { max-width: 460px; margin: 0 0 8px; color: var(--muted); }
.business-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; }
.business-photo { position:relative; height:410px; margin:0 0 22px; overflow:hidden; border-radius:26px; box-shadow:var(--shadow); }
.business-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,53,34,.12),transparent 55%),linear-gradient(0deg,rgba(4,48,31,.72),transparent 52%); }
.business-photo img { width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.business-photo:hover img { transform:scale(1.025); }
.business-photo figcaption { position:absolute; z-index:2; left:38px; right:38px; bottom:30px; display:grid; color:var(--white); }
.business-photo figcaption span { color:#c9e99a; font-size:9px; font-weight:800; letter-spacing:.2em; }
.business-photo figcaption strong { margin-top:6px; font-size:25px; }
.business-photo figcaption p { margin:3px 0 0; color:rgba(255,255,255,.7); font-size:12px; }
.business-card { grid-column:span 2; position: relative; min-height: 360px; padding: 38px; overflow: hidden; border: 1px solid rgba(25,112,58,.12); border-radius: var(--radius); background: rgba(255,255,255,.9); box-shadow: 0 8px 30px rgba(20,80,42,.05), 0 2px 8px rgba(20,80,42,.03); transition: transform .3s var(--ease), box-shadow .3s, border-color .3s; }
.business-card--source { grid-column:span 3; }
.business-card:hover { transform: translateY(-7px); box-shadow: 0 20px 55px rgba(9,75,42,.12), 0 4px 12px rgba(20,80,42,.06); border-color: rgba(38,149,71,.38); }
.business-card::after { content: ""; position: absolute; width: 150px; height: 150px; right: -55px; bottom: -70px; border: 32px solid rgba(53,153,77,.06); border-radius: 50%; }
.business-card h3 { margin: 25px 0 12px; color: var(--ink); font-size: 25px; }
.business-card p { max-width: 520px; margin: 0; }
.business-card ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 25px 0 0; list-style: none; }
.business-card li { padding: 5px 11px; font-size: 11px; border: 1px solid currentColor; border-radius: 99px; opacity: .75; }
.card-index { position: absolute; top: 30px; right: 34px; color: var(--green); font: italic 28px Georgia,serif; }
.card-icon { width: 58px; height: 58px; position: relative; border-radius: 18px; background: var(--green-soft); }
.card-icon::before, .card-icon::after { content: ""; position: absolute; }
.icon-leaf::before { width: 25px; height: 35px; left: 18px; top: 10px; border: 3px solid #b9e37d; border-radius: 100% 0 100% 0; transform: rotate(28deg); }
.icon-herb::before { width:2px; height:34px; left:28px; top:12px; border-radius:2px; background:var(--mint-dark); transform:rotate(2deg); }
.icon-herb::after { width:25px; height:22px; left:15px; top:12px; border:2px solid var(--mint-dark); border-radius:100% 0 100% 0; transform:rotate(-28deg); box-shadow:8px 14px 0 -5px var(--green-soft),9px 14px 0 -3px var(--mint-dark); }
.icon-cell::before { inset: 15px; border: 3px dotted var(--green); border-radius: 50%; }
.icon-cell::after { width: 8px; height: 8px; left: 25px; top: 25px; border-radius: 50%; background: var(--aqua); }
.icon-data::before { left: 12px; right: 12px; bottom: 14px; height: 28px; background: linear-gradient(90deg,var(--green) 0 18%,transparent 18% 27%,var(--mint) 27% 50%,transparent 50% 59%,var(--aqua) 59% 78%,transparent 78% 87%,var(--lime) 87%); clip-path: polygon(0 70%,18% 45%,27% 60%,50% 0,59% 40%,78% 20%,87% 55%,100% 35%,100% 100%,0 100%); }
.icon-link::before { width: 23px; height: 12px; left: 9px; top: 21px; border: 3px solid var(--green); border-radius: 99px; transform: rotate(-28deg); }
.icon-link::after { width: 23px; height: 12px; right: 9px; top: 21px; border: 3px solid var(--aqua); border-radius: 99px; transform: rotate(-28deg); }

.technology { position:relative; isolation:isolate; overflow:hidden; background:var(--white); }
.technology::before { content: ""; position: absolute; width: 420px; height: 420px; top: -80px; right: -160px; border-radius: 50%; filter: blur(90px); opacity: .07; pointer-events: none; z-index: 0; background: var(--lime); }
.tech-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 74px; align-items: start; }
.tech-visual { position:sticky; top:110px; }
.lab-panel { position: relative; min-height: 760px; overflow: hidden; border-radius: 30px; background:#0d6345; box-shadow: var(--shadow); }
.lab-panel::before { content: ""; position: absolute; z-index:1; inset: 0; background:linear-gradient(0deg,rgba(3,49,33,.74),transparent 54%),linear-gradient(90deg,rgba(4,54,37,.2),transparent); }
.lab-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .9s var(--ease); }
.lab-panel:hover .lab-photo { transform:scale(1.025); }
.panel-caption { position: absolute; z-index:2; top: 28px; left: 30px; padding:7px 10px; color: rgba(255,255,255,.8); font-size: 9px; letter-spacing: .2em; border:1px solid rgba(255,255,255,.2); border-radius:8px; background:rgba(3,48,32,.3); backdrop-filter:blur(8px); }
.lab-story { position:absolute; z-index:2; left:26px; right:26px; bottom:24px; padding:24px 25px; color:rgba(255,255,255,.78); border:1px solid rgba(255,255,255,.2); border-radius:18px; background:rgba(3,43,30,.7); box-shadow:0 18px 45px rgba(0,27,17,.2); backdrop-filter:blur(14px); }
.lab-story span { display:block; color:#c9e99a; font-size:9px; font-weight:800; letter-spacing:.18em; }
.lab-story strong { display:block; margin:7px 0 5px; color:#fff; font-size:24px; }
.lab-story p { margin:0; font-size:12px; line-height:1.7; }
.lab-core { position: absolute; left: 50%; top: 48%; width: 190px; height: 190px; display: grid; place-content: center; text-align: center; color: var(--white); border: 1px solid rgba(255,255,255,.3); border-radius: 50%; box-shadow: 0 0 0 30px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025); transform: translate(-50%,-50%); }
.lab-core b { font: 44px Georgia,serif; }
.lab-core small { color: #bce58c; }
.data-wave { position: absolute; left: 8%; right: 8%; bottom: 30px; height: 100px; display: flex; align-items: end; justify-content: center; gap: 12px; }
.data-wave i { width: 8%; height: 25%; border-radius: 8px 8px 0 0; background: rgba(186,229,138,.5); }
.data-wave i:nth-child(2),.data-wave i:nth-child(6) { height: 70%; }.data-wave i:nth-child(3){height:45%}.data-wave i:nth-child(4){height:90%}.data-wave i:nth-child(5){height:58%}.data-wave i:nth-child(7){height:38%}
.tech-tag { position: absolute; z-index:2; padding: 7px 12px; color: rgba(255,255,255,.88); font-size: 11px; border: 1px solid rgba(255,255,255,.24); border-radius: 99px; background: rgba(3,49,33,.58); backdrop-filter:blur(7px); }
.tag-1{left:6%;bottom:16%}.tag-2{left:31%;bottom:9%}.tag-3{right:27%;bottom:16%}.tag-4{right:6%;bottom:9%}
.tech-copy > p:not(.section-kicker):not(.tech-detail) { margin: 24px 0 30px; }
.tech-lead { padding-left:20px; color:var(--muted); border-left:2px solid var(--mint); }
.tech-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.tech-item { position:relative; width:100%; min-height:112px; display:grid; grid-template-columns:28px 1fr; align-content:center; gap:10px; padding:18px 15px; overflow:hidden; color:var(--text); text-align:left; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,#fff,#f7faf3); box-shadow:var(--card-shadow); cursor:pointer; transition:transform .25s var(--ease),border-color .25s,box-shadow .25s,background .25s; }
.tech-item:hover { transform:translateY(-3px); border-color:rgba(38,149,71,.35); box-shadow:var(--card-shadow-hover); }
.tech-item span { align-self:start; color:var(--green); font:italic 14px Georgia,serif; }
.tech-item b { align-self:start; color:var(--ink); font-size:14px; line-height:1.55; }
.tech-item i { display:none; }
.tech-item.active { border-color:rgba(38,149,71,.42); background:linear-gradient(145deg,#eef8e8,#e3f2dd); box-shadow:0 13px 30px rgba(17,103,49,.1), 0 0 0 2px rgba(38,149,71,.15); }
.tech-detail { position:relative; min-height:112px; margin:16px 0 0; padding:22px 24px 22px 58px; color:var(--green-dark); font-size:13px; border:1px solid rgba(38,149,71,.18); border-radius:17px; background:linear-gradient(135deg,#edf8e8,#f7fbf3); box-shadow:inset 4px 0 0 var(--green); }
.tech-detail::before { content:"i"; position:absolute; left:22px; top:22px; width:24px; height:24px; display:grid; place-items:center; color:#fff; font:italic 14px Georgia,serif; border-radius:50%; background:var(--green); }

.scientists { position:relative; overflow:hidden; background:linear-gradient(180deg,#f3f8ed,#edf4e5); }
.scientists::before { content:""; position:absolute; width:520px; height:520px; right:-260px; top:110px; border:70px solid rgba(38,149,71,.04); border-radius:50%; }
.scientist-heading { position:relative; z-index:1; }
.scientist-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.scientist-card { position:relative; min-height:390px; padding:32px; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(22,104,54,.13); border-radius:22px; background:rgba(255,255,255,.88); box-shadow:0 8px 28px rgba(19,81,43,.05); transition:transform .3s var(--ease),box-shadow .3s,border-color .3s; }
.scientist-card::after { content:"CHIEF SCIENTIST"; position:absolute; top:20px; right:-26px; padding:4px 27px; color:rgba(18,101,54,.28); font-size:7px; font-weight:800; letter-spacing:.16em; border-top:1px solid rgba(20,110,57,.12); border-bottom:1px solid rgba(20,110,57,.12); transform:rotate(35deg); }
.scientist-card:hover { transform:translateY(-6px); border-color:rgba(38,149,71,.32); box-shadow:var(--shadow); }
.scientist-top { display:flex; align-items:center; gap:17px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.scientist-avatar { flex:0 0 62px; width:62px; height:62px; display:grid; place-items:center; color:var(--white); border-radius:18px 18px 18px 5px; background:linear-gradient(145deg,var(--green),var(--green-dark)); box-shadow:0 10px 24px rgba(27,125,59,.18); }
.scientist-avatar svg { width:36px; height:36px; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; }
.scientist-avatar svg .fill { fill:currentColor; stroke:none; }
.scientist-card:nth-child(3n+2) .scientist-avatar { background:linear-gradient(145deg,#31a98e,#14715f); }
.scientist-card:nth-child(3n) .scientist-avatar { background:linear-gradient(145deg,#83ae52,#4f7a2d); }
.scientist-top h3 { margin:0 0 3px; color:var(--ink); font-size:24px; }
.scientist-top p { margin:0; color:var(--muted); font-size:12px; }
.scientist-field { margin:22px 0; color:var(--text); }
.scientist-role { margin-top:auto; padding:18px; border-radius:14px; background:var(--green-soft); }
.scientist-role span { display:block; margin-bottom:7px; color:var(--green); font-size:10px; font-weight:800; letter-spacing:.16em; }
.scientist-role p { margin:0; color:#49695a; font-size:13px; line-height:1.75; }
.scientist-source { margin:22px 0 0; color:var(--muted); font-size:11px; text-align:right; }

.advantages { background:var(--green-soft); }
.advantages::before { content: ""; position: absolute; width: 420px; height: 420px; top: 60px; left: -200px; border-radius: 50%; filter: blur(90px); opacity: .07; pointer-events: none; z-index: 0; background: var(--green); }
.advantages-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-rows:1fr; gap:20px; }
.advantages-grid article { grid-column:span 2; }
.advantages-grid article:nth-child(4) { grid-column:2 / span 2; }
.advantages-grid article:nth-child(5) { grid-column:4 / span 2; }
.advantage-card { position:relative; min-height:300px; height:100%; padding:34px 30px; overflow:hidden; border:1px solid rgba(25,112,58,.12); border-radius:var(--radius); background:rgba(255,255,255,.92); box-shadow:0 8px 30px rgba(20,80,42,.05); transition:transform .3s var(--ease),box-shadow .3s,border-color .3s; }
.advantage-card:hover { transform:translateY(-7px); border-color:rgba(38,149,71,.38); box-shadow:var(--shadow); }
.advantage-card::after { content:""; position:absolute; width:130px; height:130px; right:-50px; bottom:-60px; border:26px solid rgba(53,153,77,.06); border-radius:50%; }
.advantage-no { color:var(--green); font:italic 30px Georgia,serif; }
.advantage-card h3 { margin:24px 0 12px; color:var(--ink); font-size:21px; }
.advantage-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }

.scenario-section { background:linear-gradient(180deg,#f3f8ed,#eef5e6); }
.scenario-section .section-feature-photo { margin:0 0 22px; }
.scenario-section .section-feature-photo img { object-position:center 48%; }
.scenario-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.scenario-card { position:relative; min-height:340px; padding:38px 32px; overflow:hidden; border:1px solid rgba(25,112,58,.12); border-radius:var(--radius); background:rgba(255,255,255,.92); box-shadow:0 8px 30px rgba(20,80,42,.05); transition:transform .3s var(--ease),box-shadow .3s,border-color .3s; }
.scenario-card:hover { transform:translateY(-7px); border-color:rgba(38,149,71,.38); box-shadow:var(--shadow); }
.scenario-card::after { content:""; position:absolute; width:150px; height:150px; right:-55px; bottom:-70px; border:30px solid rgba(53,153,77,.055); border-radius:50%; }
.scenario-icon { width:56px; height:56px; display:block; position:relative; border-radius:18px; background:var(--green-soft); }
.icon-gut::before { content:""; position:absolute; left:14px; top:18px; width:28px; height:20px; border:3px solid var(--green); border-radius:50% 50% 42% 42%; }
.icon-gut::after { content:""; position:absolute; left:19px; top:25px; width:18px; height:6px; border:2px solid var(--aqua); border-radius:50%; }
.icon-shield::before { content:""; position:absolute; left:17px; top:11px; width:22px; height:26px; border:3px solid var(--green); border-radius:50% 50% 45% 45%; clip-path:polygon(0 0,100% 0,86% 62%,50% 100%,14% 62%); }
.icon-shield::after { content:""; position:absolute; left:23px; top:20px; width:10px; height:6px; border-left:2px solid var(--aqua); border-bottom:2px solid var(--aqua); transform:rotate(-45deg); }
.icon-travel::before { content:""; position:absolute; left:13px; top:12px; width:30px; height:32px; border:3px solid var(--green); border-radius:50% 50% 0 0; transform:rotate(35deg); }
.icon-travel::after { content:""; position:absolute; left:21px; top:21px; width:10px; height:10px; border-radius:50%; background:var(--aqua); }
.scenario-no { display:block; margin-top:22px; color:var(--green); font-size:10px; font-weight:800; letter-spacing:.2em; }
.scenario-card h3 { margin:10px 0 12px; color:var(--ink); font-size:22px; }
.scenario-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
.scenario-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
.scenario-tags span { padding:5px 11px; color:var(--green-dark); font-size:11px; border:1px solid var(--line); border-radius:99px; background:#fff; }

.project { background: #f1f4e7; }
.project-banner { min-height: 390px; padding: 65px; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 55px; color: rgba(255,255,255,.75); border-radius: 30px; background: radial-gradient(circle at 75% 25%,rgba(183,222,117,.24),transparent 26%),linear-gradient(120deg,#164f30,#2d914a); box-shadow: var(--shadow); }
.section-kicker.light { color: #c7e792; }
.project-banner h2 { margin: 0 0 18px; color: var(--white); font-size: clamp(34px,4vw,50px); line-height: 1.3; }
.project-loop { display:grid; grid-template-columns:repeat(3,minmax(96px,1fr) 30px) minmax(96px,1fr); align-items:center; justify-items:center; gap:8px; }
.project-loop span { width:118px; height:96px; display:grid; place-items:center; justify-self:center; padding:12px; color:var(--white); text-align:center; line-height:1.45; font-weight:700; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055)); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
.project-loop i { width:28px; height:28px; display:grid; place-items:center; justify-self:center; color:#d7efa9; font-size:18px; line-height:1; font-style:normal; border:1px solid rgba(215,239,169,.28); border-radius:50%; background:rgba(255,255,255,.06); }
.project-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 22px; }
.project-steps article { padding: 28px; border-radius: 18px; background: var(--white); }
.project-steps span { color: var(--green); font: 13px Georgia,serif; }
.project-steps h3 { margin: 9px 0; color: var(--ink); font-size: 18px; }
.project-steps p { margin: 0; color: var(--muted); font-size: 13px; }

.product-plan { background: var(--white); }
.product-concept-photo { height:clamp(320px,38vw,460px); margin:0 0 22px; }
.product-concept-photo img { object-position:center 58%; }
.portfolio-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; }
.portfolio-card { grid-column:span 2; position: relative; min-height: 330px; padding: 34px; overflow: hidden; border: 1px solid rgba(25,112,58,.13); border-radius: var(--radius); background: linear-gradient(145deg,#fff 0%,#f7faf2 100%); box-shadow:var(--card-shadow); transition: transform .3s var(--ease),box-shadow .3s,border-color .3s; }
.portfolio-card--source { grid-column:span 3; }
.portfolio-card:hover { transform: translateY(-6px); border-color: rgba(38,149,71,.3); box-shadow: var(--shadow); }
.portfolio-card::after { content:""; position:absolute; width:130px; height:130px; right:-45px; bottom:-55px; border:24px solid rgba(54,151,73,.055); border-radius:50%; }
.portfolio-no { position:absolute; top:26px; right:30px; color:rgba(28,125,61,.18); font:italic 38px Georgia,serif; }
.portfolio-icon { width:54px; height:54px; display:grid; place-items:center; color:var(--green-dark); font-weight:800; border-radius:17px; background:var(--green-soft); }
.medicinal-icon{color:#237b63;background:#e4f2e6}.ferment-icon { color:#177c77; background:#e3f4ef; }.nutrition-icon{color:#9a6320;background:#f7efd9}.cycle-icon{color:#4e7c2d;background:#edf5df}
.portfolio-card h3 { margin:24px 0 10px; color:var(--ink); font-size:23px; }
.portfolio-card p { margin:0; color:var(--muted); }
.portfolio-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; }
.portfolio-tags span { padding:5px 11px; color:var(--green-dark); font-size:11px; border:1px solid var(--line); border-radius:99px; background:#fff; }
.plan-disclaimer { margin:24px 0 0; padding:15px 18px; color:var(--muted); font-size:11px; border-left:3px solid var(--lime); background:var(--green-soft); }

.build-path { color:rgba(255,255,255,.68); background:linear-gradient(135deg,#063d2b,#0d6239); }
.build-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; align-items:start; }
.build-sticky { position:sticky; top:120px; }
.build-sticky h2 { margin:0; color:var(--white); font-size:clamp(38px,4vw,54px); line-height:1.28; }
.build-sticky h2 em { color:#c2e58a; font-style:normal; }
.build-sticky > p:not(.section-kicker) { max-width:470px; margin:24px 0; }
.build-progress { width:100%; height:3px; margin-top:40px; overflow:hidden; border-radius:9px; background:rgba(255,255,255,.12); }
.build-progress i { display:block; width:64%; height:100%; background:linear-gradient(90deg,#c5e98b,var(--mint)); }
.build-photo { position:relative; height:245px; margin:34px 0 0; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:18px; background:#082f22; }
.build-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,42,28,.7),transparent 55%); }
.build-photo img { width:100%; height:100%; object-fit:cover; }
.build-photo figcaption { position:absolute; z-index:2; left:20px; bottom:15px; color:rgba(255,255,255,.82); font-size:12px; }
.build-tasks { border-top:1px solid rgba(255,255,255,.15); }
.build-task { display:grid; grid-template-columns:65px 1fr; gap:20px; padding:31px 5px; border-bottom:1px solid rgba(255,255,255,.15); }
.build-task > span { color:#c3e78b; font:italic 21px Georgia,serif; }
.build-task h3 { margin:0 0 8px; color:var(--white); font-size:20px; }
.build-task p { margin:0; }

.target-section { background:#eff5e8; }
.target-heading { max-width:720px; margin-bottom:52px; }
.target-heading h2,.value-intro h2 { margin:0; color:var(--ink); font-size:clamp(38px,4vw,54px); line-height:1.28; }
.target-heading h2 em,.value-intro h2 em { color:var(--green); font-style:normal; }
.target-heading > p:last-child { max-width:650px; margin:22px 0 0; color:var(--muted); }
.target-grid { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--line); border-radius:24px; overflow:hidden; background:rgba(255,255,255,.8); box-shadow:0 15px 45px rgba(14,83,43,.07); }
.target-grid article { min-height:235px; padding:31px 24px; border-right:1px solid var(--line); }
.target-grid article:last-child { border:0; }
.target-grid strong { display:block; color:var(--green-dark); font:44px Georgia,serif; line-height:1; }
.target-grid sup { color:var(--green); font:14px "Microsoft YaHei",sans-serif; }
.target-grid h3 { margin:22px 0 8px; color:var(--ink); font-size:16px; }
.target-grid p { margin:0; color:var(--muted); font-size:12px; }

.value-section { background:var(--white); }
.value-intro { max-width:800px; margin-bottom:55px; }
.value-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.value-grid article { min-height:270px; padding:32px 27px; border-top:3px solid var(--green); border-radius:0 0 18px 18px; background:#f7faf2; }
.value-grid article:nth-child(2){border-color:var(--aqua)}.value-grid article:nth-child(3){border-color:var(--lime)}.value-grid article:nth-child(4){border-color:#88a95c}
.value-grid span { color:var(--green); font:italic 24px Georgia,serif; }
.value-grid h3 { margin:34px 0 10px; color:var(--ink); font-size:20px; }
.value-grid p { margin:0; color:var(--muted); font-size:13px; }

.investment { color:rgba(255,255,255,.68); background:linear-gradient(135deg,#063d2b,#0d6239); }
.investment-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; align-items:start; }
.investment-head { position:sticky; top:120px; }
.investment-head h2 { margin:0; color:var(--white); font-size:clamp(38px,4vw,54px); line-height:1.28; }
.investment-head h2 em { color:#c2e58a; font-style:normal; }
.investment-head > p:not(.section-kicker) { max-width:470px; margin:24px 0; }
.invest-photo { position:relative; height:225px; margin:34px 0 0; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:18px; background:#082f22; }
.invest-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,42,28,.7),transparent 55%); }
.invest-photo img { width:100%; height:100%; object-fit:cover; }
.invest-photo figcaption { position:absolute; z-index:2; left:20px; bottom:15px; color:rgba(255,255,255,.82); font-size:12px; }
.invest-uses { border-top:1px solid rgba(255,255,255,.15); }
.invest-use { display:grid; grid-template-columns:48px 1fr; gap:18px; padding:26px 5px; border-bottom:1px solid rgba(255,255,255,.15); }
.invest-use > span { color:#c3e78b; font:italic 19px Georgia,serif; }
.invest-use b { display:block; margin:0 0 6px; color:var(--white); font-size:16px; }
.invest-use p { margin:0; font-size:12px; }
.invest-use i { grid-column:2; height:4px; margin-top:2px; border-radius:9px; background:rgba(255,255,255,.1); position:relative; overflow:hidden; }
.invest-use i::after { content:""; position:absolute; inset:0; width:var(--w,50%); border-radius:9px; background:linear-gradient(90deg,#c5e98b,var(--mint)); }
.invest-growth { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:34px; }
.growth-card { position:relative; padding:26px 22px; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:rgba(255,255,255,.07); backdrop-filter:blur(7px); transition:transform .3s var(--ease),background .3s; }
.growth-card:hover { transform:translateY(-5px); background:rgba(255,255,255,.11); }
.growth-card > span { color:#c3e78b; font-size:10px; font-weight:800; letter-spacing:.18em; }
.growth-card strong { display:inline-block; margin-top:16px; color:var(--white); font:46px Georgia,serif; line-height:1; }
.growth-card em { color:#c2e58a; font-size:14px; font-style:normal; }
.growth-card h3 { margin:18px 0 8px; color:var(--white); font-size:16px; }
.growth-card p { margin:0; font-size:12px; line-height:1.8; }

.honors { background:var(--green-soft); }
.honors::before { content: ""; position: absolute; width: 420px; height: 420px; bottom: -60px; left: -160px; border-radius: 50%; filter: blur(90px); opacity: .07; pointer-events: none; z-index: 0; background: var(--aqua); }
.honor-grid { display:grid; grid-template-columns:1fr; gap:10px; }
.honor-card { position:relative; min-height:88px; padding:18px 24px; display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:20px; overflow:hidden; border:1px solid rgba(25,112,58,.12); border-radius:16px; background:rgba(255,255,255,.92); box-shadow:0 8px 30px rgba(20,80,42,.05); transition:transform .3s var(--ease),box-shadow .3s,border-color .3s; }
.honor-card:hover { transform:translateX(5px); border-color:rgba(38,149,71,.38); box-shadow:var(--shadow); }
.honor-card::after { content:""; position:absolute; width:90px; height:90px; right:-35px; bottom:-40px; border:20px solid rgba(53,153,77,.06); border-radius:50%; }
.honor-medal { width:46px; height:46px; display:grid; place-items:center; color:var(--green-dark); font:italic 13px Georgia,serif; border-radius:50%; background:linear-gradient(145deg,#e7f4d8,#d3e9bd); box-shadow:inset 0 0 0 3px rgba(38,149,71,.14); }
.honor-card h3 { margin:0; color:var(--ink); font-size:15px; line-height:1.6; }
.honor-card p { margin:0; color:var(--green); font-size:12px; font-weight:700; text-align:right; white-space:nowrap; }
.honor-card p b { font:20px Georgia,serif; }
.honor-card-with-image { min-height:390px; padding:14px 14px 24px; }
.honor-image { height:205px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(25,112,58,.1); border-radius:14px; background:linear-gradient(145deg,#f7faf3,#edf4e7); }
.honor-image img { width:100%; height:100%; padding:10px; object-fit:contain; transition:transform .45s var(--ease); }
.honor-image-dark { background:#18201d; }
.honor-card-with-image:hover .honor-image img { transform:scale(1.035); }
.honor-card-with-image h3 { margin:20px 10px 8px; }
.honor-card-with-image > p { margin-inline:10px; }
.honor-card-highlight { color:rgba(255,255,255,.75); background:linear-gradient(145deg,var(--green-dark),#2c9a50); }
.honor-card-highlight h3 { color:var(--white); }
.honor-card-highlight p { color:#d8f0b4; }
.honor-card-highlight .honor-medal { color:#c2e58a; background:rgba(255,255,255,.14); box-shadow:inset 0 0 0 3px rgba(255,255,255,.16); }

/* Shared visual language: restrained depth, consistent card surfaces and calm section rhythm. */
:is(.business-card,.scientist-card,.advantage-card,.scenario-card,.portfolio-card,.honor-card) {
  isolation:isolate;
  box-shadow:var(--card-shadow), 0 2px 6px rgba(20,80,42,.03);
}
:is(.business-card,.scientist-card,.advantage-card,.scenario-card,.portfolio-card,.honor-card)::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 42%);
}
:is(.business-card,.scientist-card,.advantage-card,.scenario-card,.portfolio-card,.honor-card):hover {
  box-shadow:var(--card-shadow-hover), 0 4px 12px rgba(20,80,42,.06);
}
.business,.scenario-section,.honors { background-image:radial-gradient(circle at 8% 12%,rgba(115,201,163,.1),transparent 25%),radial-gradient(circle at 92% 86%,rgba(135,181,95,.09),transparent 24%); }
.technology,.product-plan,.value-section { background-image:linear-gradient(180deg,#fff 0%,#fbfcf7 100%); }
.story-photo,.section-feature-photo,.business-photo,.lab-panel,.product-concept-photo { border:1px solid rgba(255,255,255,.72); box-shadow:0 24px 70px rgba(8,69,39,.12), 0 0 0 1px rgba(255,255,255,.08) inset; }
.story-photo:hover,.section-feature-photo:hover,.business-photo:hover,.lab-panel:hover,.product-concept-photo:hover { box-shadow:0 24px 70px rgba(8,69,39,.16), 0 0 40px rgba(38,149,71,.06); }
.story-photo img,.section-feature-photo img,.business-photo img { transition:transform .8s var(--ease), filter .6s var(--ease); }
.story-photo:hover img,.section-feature-photo:hover img,.business-photo:hover img { transform:scale(1.025); filter:brightness(1.03) saturate(1.08); }
.story-photo::before,.section-feature-photo::before,.business-photo::before { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); border-radius:inherit; }
.button,.text-link,.honor-image { outline-offset:4px; }
:is(.button,.text-link,.honor-image):focus-visible { outline:3px solid rgba(37,174,176,.45); }

.partner-block { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:50px; margin-top:70px; padding-top:50px; border-top:1px solid var(--line); }
.partner-kicker { display:block; margin-bottom:10px; color:var(--green); font-size:10px; font-weight:800; letter-spacing:.2em; }
.partner-intro b { display:block; color:var(--ink); font-size:22px; }
.partner-intro p { margin:8px 0 0; color:var(--muted); font-size:13px; }
.partner-wall { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.partner-wall span { min-height:150px; padding:18px 10px 14px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; color:var(--green-dark); border:1px solid var(--line); border-radius:16px; background:#fff; transition:transform .25s var(--ease),border-color .25s,color .25s,box-shadow .25s; }
.partner-wall span img { width:82px; height:82px; object-fit:contain; }
.partner-wall span b { font-size:14px; font-weight:700; }
.partner-wall span:hover { transform:translateY(-3px); border-color:rgba(38,149,71,.4); color:var(--green); }
.partner-wall span:hover { box-shadow:0 12px 26px rgba(20,80,42,.08); }

.video-section { color: rgba(255,255,255,.68); background: var(--green-deep); }
.video-layout { display: grid; grid-template-columns: .65fr 1.35fr; align-items: center; gap: 70px; }
.video-copy h2 { margin: 0; color: var(--white); font-size: clamp(38px,4vw,55px); line-height: 1.25; }
.video-copy h2 em { color: #bfe483; }
.video-note { font-size: 11px; opacity: .65; }
.video-frame { position: relative; padding: 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background: rgba(255,255,255,.06); box-shadow: 0 30px 70px rgba(0,30,16,.35); }
.video-frame::before { content: ""; position: absolute; inset: -1px; pointer-events: none; border-radius: 24px; background: linear-gradient(135deg,rgba(190,231,133,.22),transparent 38%); mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite: exclude; padding: 1px; }
.video-frame video { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 16px; background: #041f15; }
.video-label { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 12px 8px 3px; font-size: 12px; }
.video-label span { color: #bfe483; }
.video-label b { color: rgba(255,255,255,.75); font-weight: 500; }
.video-label a { color: #bfe483; }

.cooperation { background: var(--white); }
.cooperation-flow { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cooperation-flow > i { color: var(--lime); font-style: normal; }
.cooperation-flow article { flex: 1; min-height: 180px; padding: 28px 20px; border: 1px solid var(--line); border-radius: 18px; }
.cooperation-flow article span { color: var(--green); font: italic 22px Georgia,serif; }
.cooperation-flow article b { display: block; margin: 17px 0 5px; color: var(--ink); }
.cooperation-flow article p { margin: 0; color: var(--muted); font-size: 12px; }

.contact { padding: 100px 0; color: rgba(255,255,255,.72); background: linear-gradient(120deg,#278e47,#0d6039); }
.contact-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 110px; }
.contact h2 { margin: 0; color: var(--white); font-size: clamp(38px,4vw,56px); line-height: 1.25; }
.button-white { margin-top: 14px; color: var(--green-dark); background: var(--white); }
.contact-card { padding: 12px 38px; border: 1px solid rgba(255,255,255,.2); border-radius: 22px; background: rgba(255,255,255,.08); backdrop-filter: blur(10px); }
.contact-card div { padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,.15); }
.contact-card div:last-child { border: 0; }
.contact-card small { display: block; color: #c8e79a; }
.contact-card a, .contact-card p { margin: 3px 0 0; color: var(--white); font-size: 18px; }

/* Quiet photographic atmosphere: imagery stays behind a strong color veil so copy remains primary. */
.business,.advantages,.scientists,.project,.target-section,.value-section,.cooperation,.honors,.build-path,.investment { position:relative; isolation:isolate; overflow:hidden; }
.business > .container,.advantages > .container,.scientists > .container,.project > .container,.target-section > .container,.value-section > .container,.cooperation > .container,.honors > .container,.build-path > .container,.investment > .container { position:relative; z-index:1; }
.business::after,.advantages::after,.scientists::after,.project::after,.target-section::after,.value-section::after,.cooperation::after,.honors::after,.build-path::after,.investment::after { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background-repeat:no-repeat; background-size:cover; filter:saturate(.72); mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%); opacity:.045; }
.business::after { background-image:url("../images/benran-hero-medicinal-food.webp"); background-position:center 48%; }
.advantages::after { background-image:url("../images/qinan-orchard-harvest.webp"); background-position:center 44%; }
.scientists::after { background-image:url("../images/benran-lab.webp"); background-position:center 38%; opacity:.038; }
.project::after { background-image:url("../images/qinan-orchard-harvest.webp"); background-position:center 56%; }
.target-section::after { background-image:url("../images/benran-circular.webp"); background-position:center 55%; }
.value-section::after { background-image:url("../images/qinan-orchard-harvest.webp"); background-position:center 50%; opacity:.035; }
.cooperation::after { background-image:url("../images/benran-lab.webp"); background-position:center 48%; opacity:.035; }
.honors::after { background-image:url("../images/functional-food-concepts.webp"); background-position:center 60%; opacity:.04; }
.build-path::after { background-image:url("../images/benran-circular.webp"); background-position:center 50%; opacity:.06; filter:saturate(.55) brightness(.7); }
.investment::after { background-image:url("../images/benran-processing.webp"); background-position:center 45%; opacity:.055; filter:saturate(.55) brightness(.7); }

/* Shared window system: same-level information cards use one surface, radius and motion language. */
:is(.business-card,.advantage-card,.scenario-card,.portfolio-card,.scientist-card,.honor-card:not(.honor-card-highlight),.project-steps article,.value-grid article,.partner-wall span) { border:1px solid var(--line); border-radius:var(--radius); background:rgba(255,255,255,.92); box-shadow:var(--card-shadow); transition:transform .3s var(--ease),box-shadow .3s,border-color .3s; }
:is(.business-card,.advantage-card,.scenario-card,.portfolio-card,.scientist-card,.honor-card:not(.honor-card-highlight),.project-steps article,.value-grid article,.partner-wall span):hover { transform:translateY(-6px); border-color:rgba(38,149,71,.34); box-shadow:var(--card-shadow-hover); }
.value-grid article { border-top-width:3px; border-radius:var(--radius); }
.value-grid article:nth-child(2){border-top-color:var(--aqua)}.value-grid article:nth-child(3){border-top-color:var(--lime)}.value-grid article:nth-child(4){border-top-color:#88a95c}
.story-photo,.section-feature-photo,.business-photo,.lab-panel { border-radius:var(--media-radius); }
.build-photo,.invest-photo { border-radius:18px; }

.site-footer { padding:68px 0 20px; color:#7b9187; line-height:1.7; background:#073c2b; border-top:6px solid #91b36f; box-shadow:none; position:relative; }
.site-footer::before,.site-footer::after { content:none; }
.footer-top { display: flex; align-items: center; gap: 45px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.1); }
.footer-brand { color: var(--white); }
.footer-brand .brand-logo { width:180px; height:44px; filter:brightness(0) invert(1); opacity:.94; }
.footer-top > p { margin:0 auto 0 0; color:rgba(255,255,255,.72); font-size:15px; font-weight:600; line-height:1.75; letter-spacing:.02em; }
.footer-links { display:flex; flex-wrap:wrap; column-gap:16px; row-gap:10px; font-size:14px; }
.footer-links a { flex:0 0 auto; color:rgba(255,255,255,.78); font-weight:650; line-height:1.45; letter-spacing:.02em; white-space:nowrap; }
.footer-links a:hover { color: var(--white); }
.footer-bottom { display:flex; justify-content:space-between; align-items:flex-start; gap:30px; padding-top:18px; }
.footer-bottom p { margin: 0; }
.footer-bottom p:first-child { color:rgba(255,255,255,.55); font-size:12px; font-weight:600; }
.footer-bottom p:last-child { max-width:560px; color:rgba(255,255,255,.38); font-size:11px; line-height:1.75; text-align:right; }
.back-to-top { position:fixed; z-index:800; right:24px; bottom:24px; width:48px; height:56px; display:grid; place-content:center; text-align:center; color:var(--green-dark); border:1px solid rgba(38,149,71,.2); border-radius:15px; background:rgba(255,255,250,.92); box-shadow:0 12px 35px rgba(5,54,31,.16); backdrop-filter:blur(12px); opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity .25s,visibility .25s,transform .25s,background .25s; }
.back-to-top.visible { opacity:1; visibility:visible; transform:none; }
.back-to-top:hover { color:var(--white); background:var(--green); }
.back-to-top span { font-size:18px; line-height:1; }
.back-to-top small { margin-top:3px; font-size:7px; font-weight:800; letter-spacing:.12em; }
.back-to-top { cursor:pointer; }


/* ===== ENHANCED REVEAL ANIMATIONS ===== */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* ===== STAGGERED CARD REVEAL ===== */
.js .business-grid .business-card,
.js .advantages-grid .advantage-card,
.js .scientist-grid .scientist-card,
.js .scenario-grid .scenario-card,
.js .honor-grid .honor-card,
.js .portfolio-grid .portfolio-card,
.js .value-grid article,
.js .target-grid article,
.js .tech-list .tech-item {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .65s var(--ease), transform .65s var(--ease);
}
.js .business-grid .business-card.visible,
.js .advantages-grid .advantage-card.visible,
.js .scientist-grid .scientist-card.visible,
.js .scenario-grid .scenario-card.visible,
.js .honor-grid .honor-card.visible,
.js .portfolio-grid .portfolio-card.visible,
.js .value-grid article.visible,
.js .target-grid article.visible,
.js .tech-list .tech-item.visible {
  opacity: 1;
  transform: translateY(0);
}
.js .business-grid .business-card:nth-child(1).visible { transition-delay: .05s; }
.js .business-grid .business-card:nth-child(2).visible { transition-delay: .15s; }
.js .business-grid .business-card:nth-child(3).visible { transition-delay: .25s; }
.js .business-grid .business-card:nth-child(4).visible { transition-delay: .35s; }
.js .advantages-grid .advantage-card:nth-child(1).visible { transition-delay: .05s; }
.js .advantages-grid .advantage-card:nth-child(2).visible { transition-delay: .12s; }
.js .advantages-grid .advantage-card:nth-child(3).visible { transition-delay: .19s; }
.js .advantages-grid .advantage-card:nth-child(4).visible { transition-delay: .26s; }
.js .advantages-grid .advantage-card:nth-child(5).visible { transition-delay: .33s; }
.js .scientist-grid .scientist-card:nth-child(1).visible { transition-delay: .05s; }
.js .scientist-grid .scientist-card:nth-child(2).visible { transition-delay: .15s; }
.js .scientist-grid .scientist-card:nth-child(3).visible { transition-delay: .25s; }
.js .scientist-grid .scientist-card:nth-child(4).visible { transition-delay: .35s; }
.js .scenario-grid .scenario-card:nth-child(1).visible { transition-delay: .05s; }
.js .scenario-grid .scenario-card:nth-child(2).visible { transition-delay: .15s; }
.js .scenario-grid .scenario-card:nth-child(3).visible { transition-delay: .25s; }
.js .honor-grid .honor-card.visible { transition-delay: .06s; }
.js .honor-grid .honor-card:nth-child(2).visible { transition-delay: .12s; }
.js .honor-grid .honor-card:nth-child(3).visible { transition-delay: .18s; }
.js .honor-grid .honor-card:nth-child(4).visible { transition-delay: .24s; }
.js .honor-grid .honor-card:nth-child(5).visible { transition-delay: .3s; }
.js .honor-grid .honor-card:nth-child(6).visible { transition-delay: .36s; }
.js .portfolio-grid .portfolio-card:nth-child(1).visible { transition-delay: .05s; }
.js .portfolio-grid .portfolio-card:nth-child(2).visible { transition-delay: .15s; }
.js .portfolio-grid .portfolio-card:nth-child(3).visible { transition-delay: .25s; }
.js .portfolio-grid .portfolio-card:nth-child(4).visible { transition-delay: .35s; }
.js .value-grid article:nth-child(1).visible { transition-delay: .05s; }
.js .value-grid article:nth-child(2).visible { transition-delay: .12s; }
.js .value-grid article:nth-child(3).visible { transition-delay: .19s; }
.js .value-grid article:nth-child(4).visible { transition-delay: .26s; }
.js .target-grid article:nth-child(1).visible { transition-delay: .05s; }
.js .target-grid article:nth-child(2).visible { transition-delay: .1s; }
.js .target-grid article:nth-child(3).visible { transition-delay: .15s; }
.js .target-grid article:nth-child(4).visible { transition-delay: .2s; }
.js .target-grid article:nth-child(5).visible { transition-delay: .25s; }
.js .tech-list .tech-item:nth-child(1).visible { transition-delay: .05s; }
.js .tech-list .tech-item:nth-child(2).visible { transition-delay: .1s; }
.js .tech-list .tech-item:nth-child(3).visible { transition-delay: .15s; }

/* ===== HONOR HIGHLIGHT SHIMMER ===== */
.honor-card-highlight { position: relative; overflow: hidden; }
.honor-card-highlight::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 30%, rgba(255,255,255,.08) 50%, transparent 70%);
  background-size: 200% 200%;
  animation: shimmer 4s ease-in-out infinite;
  pointer-events: none;
}

/* ===== COOPERATION FLOW ENHANCED ===== */
.cooperation-flow article {
  transition: transform .3s var(--ease), box-shadow .3s, border-color .3s;
  position: relative;
  overflow: hidden;
}
.cooperation-flow article::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--green), var(--aqua));
  opacity: 0;
  transition: opacity .3s var(--ease);
}
.cooperation-flow article:hover {
  transform: translateY(-4px);
  box-shadow: var(--card-shadow-hover);
  border-color: rgba(38,149,71,.3);
}
.cooperation-flow article:hover::before { opacity: 1; }

/* ===== GROWTH CARD GRADIENT BORDER ===== */
.growth-card {
  position: relative;
  overflow: hidden;
}
.growth-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 50%, rgba(197,234,136,.15));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* ===== BACK TO TOP ENHANCED ===== */
.back-to-top {
  cursor: pointer;
  transition: opacity .25s, visibility .25s, transform .25s, background .25s, box-shadow .25s;
}
.back-to-top:hover {
  box-shadow: 0 0 0 4px rgba(38,149,71,.15), 0 12px 35px rgba(5,54,31,.2);
}

/* ===== CONTACT HOVER ===== */
.contact-card div {
  transition: background .25s var(--ease);
  border-radius: 8px;
  padding: 19px 12px;
  margin: 0 -12px;
}
.contact-card div:hover {
  background: rgba(255,255,255,.06);
}

/* ===== PARTNER WALL ENHANCED ===== */
.partner-wall span {
  position: relative;
  overflow: hidden;
}
.partner-wall span::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(38,149,71,.03), transparent 60%);
  opacity: 0;
  transition: opacity .3s var(--ease);
}
.partner-wall span:hover::before { opacity: 1; }



/* ===== HOME INTRO SECTION ===== */
.home-intro { background: var(--white); padding: 110px 0 80px; }
.home-intro-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.home-intro-copy p { margin: 0 0 16px; }
.home-intro-highlight { color: var(--ink); font-size: 20px; font-weight: 700; }
.home-intro-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 36px; }
.home-stat-item { padding: 22px 18px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, #fff, #f7faf3); }
.home-stat-item strong { display: block; color: var(--green-dark); font: 700 32px Georgia, serif; line-height: 1; }
.home-stat-item strong sup { color: var(--green); font-size: 18px; }
.home-stat-item p { margin: 6px 0 0; color: var(--muted); font-size: 12px; }

/* ===== HOME BUSINESS PREVIEW ===== */
.home-business { background: var(--green-soft); padding: 110px 0 90px; }
.home-business-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:18px; margin-top:50px; }
.home-biz-card { grid-column:span 2; position: relative; padding: 32px 26px; border: 1px solid rgba(25,112,58,.12); border-radius: var(--radius); background: rgba(255,255,255,.92); box-shadow: 0 8px 30px rgba(20,80,42,.05); transition: transform .3s var(--ease), box-shadow .3s, border-color .3s; overflow: hidden; }
.home-biz-card--source { grid-column:span 3; }
.home-biz-card:hover { transform: translateY(-6px); box-shadow: var(--card-shadow-hover); border-color: rgba(38,149,71,.35); }
.home-biz-card::after { content: ""; position: absolute; width: 120px; height: 120px; right: -45px; bottom: -50px; border: 24px solid rgba(53,153,77,.05); border-radius: 50%; }
.home-biz-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: var(--green-soft); margin-bottom: 18px; }
.home-biz-icon--herb { background:linear-gradient(145deg,#edf7e6,#e2f2df); }
.home-biz-card h3 { margin: 0 0 10px; color: var(--ink); font-size: 18px; }
.home-biz-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.home-biz-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; color: var(--green-dark); font-size: 13px; font-weight: 700; }
.home-biz-link span { transition: transform .25s; }
.home-biz-link:hover span { transform: translateX(4px); }

/* ===== DUAL-SOURCE FOUNDATION ===== */
.source-pillars { background:var(--white); }
.source-pillar-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.source-pillar-card { position:relative; min-height:340px; padding:42px; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--card-shadow); }
.source-pillar-card::after { content:""; position:absolute; right:-52px; bottom:-68px; width:190px; height:190px; border:38px solid rgba(255,255,255,.16); border-radius:50%; }
.source-pillar-card--produce { background:linear-gradient(145deg,#f6fbef,#e5f2d8); }
.source-pillar-card--medicinal { background:linear-gradient(145deg,#eef7ed,#dcebdd); border-color:rgba(65,119,71,.2); }
.source-pillar-label { display:inline-flex; padding:7px 12px; color:var(--green-dark); font-size:11px; font-weight:800; letter-spacing:.14em; border:1px solid rgba(27,112,58,.2); border-radius:999px; background:rgba(255,255,255,.58); }
.source-pillar-card h3 { margin:34px 0 14px; color:var(--ink); font-size:clamp(24px,2.4vw,34px); }
.source-pillar-card p { max-width:540px; margin:0; color:var(--muted); line-height:1.9; }
.source-pillar-card ul { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:9px; margin:30px 0 0; padding:0; list-style:none; }
.source-pillar-card li { padding:7px 13px; color:var(--green-dark); font-size:12px; font-weight:700; border:1px solid rgba(31,113,58,.2); border-radius:999px; background:rgba(255,255,255,.64); }
.source-compliance { margin:24px 0 0; padding-left:15px; color:var(--muted); font-size:12px; line-height:1.75; border-left:3px solid var(--lime); }

/* ===== HOME TECH PREVIEW ===== */
.home-tech { background: var(--white); padding: 110px 0 90px; }
.home-tech-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.home-tech-visual { position: relative; height: 420px; border-radius: 28px; overflow: hidden; box-shadow: var(--shadow); border: 1px solid rgba(255,255,255,.72); }
.home-tech-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease), filter .6s var(--ease); }
.home-tech-visual:hover img { transform: scale(1.025); filter: brightness(1.03) saturate(1.08); }
.home-tech-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(7,60,41,.35), transparent 60%); }
.home-tech-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.home-tech-tag { padding: 8px 16px; font-size: 12px; font-weight: 600; color: var(--green-dark); border: 1px solid var(--line); border-radius: 99px; background: #fff; transition: background .25s, color .25s, border-color .25s; }
.home-tech-tag:hover { background: var(--green-soft); border-color: rgba(38,149,71,.3); color: var(--green); }

/* ===== HOME ADVANTAGES ===== */
.home-advantages { background: linear-gradient(180deg, #f3f8ed, #edf4e5); padding: 110px 0 90px; }
.home-adv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 50px; }
.home-adv-item { padding: 30px 26px; border: 1px solid rgba(25,112,58,.12); border-radius: var(--radius); background: rgba(255,255,255,.92); box-shadow: 0 8px 30px rgba(20,80,42,.05); transition: transform .3s var(--ease), box-shadow .3s; position: relative; overflow: hidden; }
.home-adv-item:hover { transform: translateY(-5px); box-shadow: var(--card-shadow-hover); }
.home-adv-item::after { content: ""; position: absolute; width: 100px; height: 100px; right: -35px; bottom: -40px; border: 20px solid rgba(53,153,77,.05); border-radius: 50%; }
.home-adv-no { color: var(--green); font: italic 28px Georgia, serif; }
.home-adv-item h3 { margin: 18px 0 8px; color: var(--ink); font-size: 18px; }
.home-adv-item p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }

/* ===== HOME PARTNERS ===== */
.home-partners { background: var(--white); padding: 100px 0 80px; }
.home-partners-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 44px; }
.home-partner-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 22px 10px; text-align: center; color: var(--green-dark); border: 1px solid var(--line); border-radius: 16px; background: #fff; transition: transform .25s var(--ease), border-color .25s, box-shadow .25s; }
.home-partner-item img { width: 72px; height: 72px; object-fit: contain; }
.home-partner-item b { font-size: 13px; font-weight: 700; }
.home-partner-item:hover { transform: translateY(-3px); border-color: rgba(38,149,71,.4); box-shadow: 0 12px 26px rgba(20,80,42,.08); }

/* ===== HOME CTA ===== */
.home-cta { padding: 100px 0; color: rgba(255,255,255,.72); background: linear-gradient(120deg, #278e47, #0d6039); text-align: center; }
.home-cta h2 { margin: 0 0 18px; color: var(--white); font-size: clamp(34px, 4vw, 50px); line-height: 1.3; }
.home-cta h2 em { color: #bfe680; font-style: normal; }
.home-cta p { max-width: 580px; margin: 0 auto 32px; font-size: 16px; line-height: 1.85; }
.home-cta-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; }

/* ===== HOME RESPONSIVE ===== */
@media (max-width: 980px) {
  .home-intro-layout, .home-tech-layout { grid-template-columns: 1fr; gap: 40px; }
  .home-business-grid { grid-template-columns: repeat(2, 1fr); }
  .home-biz-card,.home-biz-card--source { grid-column:span 1; }
  .business-grid { grid-template-columns:repeat(2,1fr); }
  .business-card,.business-card--source { grid-column:span 1; }
  .portfolio-grid { grid-template-columns:repeat(2,1fr); }
  .portfolio-card,.portfolio-card--source { grid-column:span 1; }
  .home-adv-grid { grid-template-columns: repeat(2, 1fr); }
  .home-partners-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 680px) {
  .home-intro-layout, .home-tech-layout { grid-template-columns: 1fr; gap: 30px; }
  .home-business-grid { grid-template-columns: 1fr; }
  .source-pillar-grid { grid-template-columns:1fr; }
  .source-pillar-card { min-height:0; padding:30px; }
  .home-adv-grid { grid-template-columns: 1fr; }
  .home-partners-grid { grid-template-columns: repeat(2, 1fr); }
  .home-intro-stats { grid-template-columns: 1fr; }
  .home-cta { padding: 70px 0; }
}



/* ===== ENHANCED FOOTER ===== */
.footer-brand-col { display: flex; flex-direction: column; gap: 12px; }
.footer-slogan { margin:0; color:rgba(255,255,255,.7); font-size:16px; font-weight:600; line-height:1.75; letter-spacing:.02em; }
.footer-nav-col h4, .footer-contact-col h4 {
  margin: 0 0 18px;
  color: var(--white);
  font-size: 16px;
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: .08em;
}
.footer-links-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 20px;
}
.footer-links-grid a {
  color: rgba(255,255,255,.7);
  font-size: 14px;
  font-weight: 550;
  line-height: 1.5;
  padding: 5px 0;
  transition: color .2s;
}
.footer-links-grid a:hover { color: var(--white); }
.footer-contact-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 12px;
}
.footer-contact-item span {
  color: #8fbf9e;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
  letter-spacing: .12em;
}
.footer-contact-item a, .footer-contact-item p {
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}
.footer-contact-item a:hover { color: var(--white); }
.site-footer .footer-top {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 50px;
  align-items: start;
}
.site-footer .footer-top {
  grid-template-columns:1.15fr 1fr .9fr;
  gap:clamp(38px,5vw,72px);
  padding-bottom:48px;
  border-bottom-color:rgba(255,255,255,.14);
}
.footer-brand-col {
  gap:16px;
  padding-left:24px;
  border-left:3px solid #91b36f;
}
.footer-brand .brand-logo { width:200px; height:auto; }
.footer-slogan { max-width:310px; color:rgba(255,255,255,.76); line-height:1.9; }
.footer-nav-col h4,
.footer-contact-col h4 { margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.14); }
.footer-links-grid { gap:6px 24px; }
.footer-links-grid a { padding:6px 8px; margin-left:-8px; border-radius:6px; }
.footer-links-grid a:hover,
.footer-links-grid a:focus-visible { color:#fff; background:#12533b; }
.footer-contact-item { margin-bottom:0; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.footer-contact-item:last-child { border-bottom:0; }
.footer-contact-item span { color:#a9c789; }
.footer-bottom { padding-top:22px; }

/* ===== CONTACT ENHANCEMENTS ===== */
.contact-detail-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 24px;
}
.contact-detail-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.contact-detail-item svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: #c8e79a;
}
.contact-detail-item span {
  display: block;
  color: #c8e79a;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
}
.contact-detail-item a, .contact-detail-item p {
  margin: 2px 0 0;
  color: var(--white);
  font-size: 15px;
}
.contact-detail-item a:hover { text-decoration: underline; }
.contact-map-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact-map-placeholder {
  height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.6);
}
.contact-map-placeholder p {
  margin: 0;
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
}
.contact-map-placeholder small {
  font-size: 12px;
  opacity: .7;
}
.contact-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.contact-tags span {
  padding: 5px 12px;
  font-size: 11px;
  color: rgba(255,255,255,.8);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 99px;
  background: rgba(255,255,255,.06);
}

/* ===== PAGE LOAD ANIMATION ===== */
@keyframes pageLoad {
  from { opacity: 0; }
  to { opacity: 1; }
}
body { animation: pageLoad .5s ease-out; }

/* ===== ENHANCED FOCUS STATES ===== */
a:focus-visible, button:focus-visible {
  outline: 3px solid rgba(37,174,176,.5);
  outline-offset: 3px;
  border-radius: 4px;
}
.main-nav a:focus-visible {
  outline-offset: 2px;
  border-radius: 8px;
}

/* ===== MOBILE MENU ENHANCEMENT ===== */
@media (max-width: 980px) {
  .site-footer .footer-top {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .site-footer .footer-top {
    grid-template-columns:1fr;
    gap:34px;
  }
  .footer-links-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .contact-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media (max-width: 680px) {
  .site-footer { padding-top:48px; border-top-width:4px; }
  .site-footer .footer-top { gap:28px; padding-bottom:34px; }
  .footer-brand-col { padding-left:18px; }
  .footer-links-grid {
    grid-template-columns: 1fr 1fr;
  }
  .contact-detail-list {
    gap: 14px;
  }
}

.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s var(--ease), transform .75s var(--ease); }
.js .hero .reveal,
.js .reveal.visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .site-header { height: 84px; padding-top: 8px; }
  .site-header.scrolled { height: 72px; padding-top: 6px; }
  .header-inner { height: 66px; padding: 0 10px 0 16px; border-radius: 15px; }
  .site-header.scrolled .header-inner { height: 60px; }
  .menu-toggle { display: block; color: var(--green-dark); cursor: pointer; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .main-nav { position: fixed; top: 86px; left: max(14px, calc((100vw - var(--max))/2)); right: max(14px, calc((100vw - var(--max))/2)); max-height: 0; padding: 0 12px; display: grid; gap: 4px; overflow: hidden; color: var(--ink); border: 0 solid rgba(18,103,55,.12); border-radius: 18px; background: rgba(255,255,250,.98); box-shadow: 0 24px 55px rgba(8,50,31,.16); backdrop-filter: blur(18px); opacity: 0; transform: translateY(-8px); transition: max-height .35s,padding .35s,opacity .25s,transform .3s,border-width .1s; }
  .site-header.scrolled .main-nav { top: 74px; }
  .main-nav.open { max-height: 520px; padding: 12px; border-width: 1px; opacity: 1; transform: none; }
  .main-nav a { padding: 12px 15px; border: 0; border-radius: 11px; }
  .main-nav a::before { left: 12px; right: auto; top: 50%; bottom: auto; width: 5px; height: 5px; background: var(--green); transform: translateY(-50%) scale(0); }
  .main-nav a.active { padding-left: 25px; background: linear-gradient(90deg, rgba(38,149,71,.13), rgba(38,149,71,.035)); }
  .main-nav a.active::before { opacity: 1; transform: translateY(-50%) scale(1); }
  .hero { height: auto; min-height: 960px; padding: 140px 0 90px; }
  .hero-layout, .intro-layout, .tech-layout, .project-banner, .video-layout, .contact-layout { grid-template-columns: 1fr; }
  .tech-visual { position:static; }
  .lab-panel { min-height:620px; }
  .hero-layout { gap: 0; }
  .hero { background-position: 61% center; }
  .hero-copy { width: min(650px, 65vw); padding-right: 0; }
  .hero-data-card { right: 22px; }
  .intro-layout, .tech-layout, .contact-layout { gap: 50px; }
  .project-banner { padding: 45px; }
  .main-nav { font-size:12px; }
  .main-nav a { padding-inline:10px; }
  .build-layout { grid-template-columns:1fr; gap:55px; }
  .build-sticky { position:static; }
  .investment-layout { grid-template-columns:1fr; gap:55px; }
  .investment-head { position:static; }
  .advantages-grid { grid-template-columns:repeat(2,1fr); }
  .advantages-grid article { grid-column:auto; }
  .advantages-grid article:nth-child(4) { grid-column:auto; }
  .advantages-grid article:nth-child(5) { grid-column:auto; }
  .scenario-grid { grid-template-columns:1fr; }
  .honor-grid { grid-template-columns:repeat(2,1fr); }
  .partner-block { grid-template-columns:1fr; gap:30px; }
  .target-grid { grid-template-columns:repeat(2,1fr); }
  .target-grid article { border-bottom:1px solid var(--line); }
  .target-grid article:nth-child(2n) { border-right:0; }
  .target-grid article:last-child { border-bottom:0; }
  .value-grid { grid-template-columns:repeat(2,1fr); }
  .heading-row { align-items: flex-start; }
  .cooperation-flow { display: grid; grid-template-columns: repeat(2,1fr); }
  .cooperation-flow > i { display: none; }
  .footer-top { flex-wrap: wrap; }
  .footer-top > p { width: 100%; order: 3; }
  .page-hero { min-height:420px; padding:145px 0 70px; }
}

@media (max-width: 680px) {
  :root { --page-gutter: 28px; }
  .site-header { height: 76px; padding-top: 7px; }
  .site-header.scrolled { height: 68px; padding-top: 5px; }
  .header-inner { height: 62px; padding-left: 12px; border-radius: 14px; }
  .site-header.scrolled .header-inner { height: 58px; }
  .main-nav { top: 78px; }
  .site-header.scrolled .main-nav { top: 70px; }
  .brand-mark { width: 46px; transform: scale(.85); transform-origin: left center; }
  .brand-name strong { font-size: 18px; }
  .brand-logo { width:165px; height:40px; }
  .section { padding: 80px 0; }
  .hero { min-height: 900px; padding-top: 110px; }
  .hero::before { background: linear-gradient(90deg,rgba(2,39,26,.72),rgba(2,39,26,.22)),linear-gradient(0deg,rgba(2,39,26,.45),transparent); }
  .hero h1 { font-size: 43px; }
  .hero-copy { width: 100%; }
  .hero-lead { font-size: 16px; }
  .hero-proof { gap: 18px; margin-top: 36px; }
  .hero-proof b { font-size: 12px; }
  .hero-data-card { left: 14px; right: 14px; bottom: 24px; min-width: 0; }
  .hero-data-card p { justify-content: space-between; gap: 6px; }
  .hero-data-card i { width: 14px; }
  .scroll-hint { display: none; }
  .intro-layout { gap: 35px; }
  .stat-row { grid-template-columns: repeat(2,1fr); margin-top: 50px; }
  .stat-row article:nth-child(2) { border-right: 0; }.stat-row article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .stat-row strong { font-size: 36px; }
  .heading-row { display: block; margin-bottom: 38px; }
  .heading-row > p { margin-top: 22px; }
  .business-grid, .project-steps, .portfolio-grid, .scientist-grid { grid-template-columns: 1fr; }
  .advantages-grid { grid-template-columns:1fr; }
  .scenario-grid { grid-template-columns:1fr; }
  .honor-grid { grid-template-columns:1fr; }
  .honor-card { min-height:0; padding:17px; grid-template-columns:44px minmax(0,1fr); gap:14px; }
  .honor-card p { grid-column:2; text-align:left; white-space:normal; }
  .honor-medal { width:40px; height:40px; }
  .invest-growth { grid-template-columns:1fr; }
  .partner-wall { grid-template-columns:repeat(2,1fr); }
  .partner-wall span { min-height:132px; padding:14px 8px 12px; }
  .partner-wall span img { width:68px; height:68px; }
  .business-card { min-height: auto; padding: 30px; }
  .business-photo { height:330px; }
  .scientist-card { min-height:auto; padding:25px; }
  .lab-panel { min-height: 480px; }
  .project-banner { padding: 34px 24px; }
  .business-photo { height:290px; border-radius:20px; }
  .story-photo,.section-feature-photo,.product-concept-photo { height:300px; margin-top:34px; border-radius:20px; }
  .business-photo,.lab-panel { border-radius:20px; }
  .scenario-section .section-feature-photo,.product-concept-photo { margin-top:0; }
  .story-photo figcaption,.section-feature-photo figcaption { left:20px; right:20px; bottom:18px; }
  .story-photo figcaption strong,.section-feature-photo figcaption strong { font-size:20px; }
  .business-photo figcaption { left:20px; right:20px; bottom:18px; }
  .business-photo figcaption strong { font-size:20px; }
  .lab-panel { min-height:430px; }
  .lab-story { left:14px; right:14px; bottom:14px; padding:18px; }
  .lab-story strong { font-size:20px; }
  .tech-list { grid-template-columns:1fr; gap:10px; }
  .tech-item { min-height:82px; padding:15px; }
  .tech-detail { min-height:0; padding:18px 18px 18px 52px; }
  .tech-detail::before { left:17px; top:18px; }
  .tech-tag { font-size:9px; padding:5px 8px; }
  .tag-1{left:4%;bottom:16%}.tag-2{left:27%;bottom:8%}.tag-3{right:25%;bottom:16%}.tag-4{right:4%;bottom:8%}
  .project-loop { grid-template-columns:1fr; justify-items:center; gap:8px; font-size:12px; }
  .project-loop span { width:118px; min-height:92px; }
  .project-loop i { transform:rotate(90deg); }
  .cooperation-flow { grid-template-columns: 1fr; }
  .build-task { grid-template-columns:44px 1fr; gap:10px; padding:26px 0; }
  .target-grid,.value-grid { grid-template-columns:1fr; }
  .target-grid article { min-height:auto; border-right:0; border-bottom:1px solid var(--line); }
  .value-grid article { min-height:auto; }
  .contact-card { padding: 8px 24px; }
  .footer-links { width: 100%; flex-wrap: wrap; }
  .footer-bottom { display: block; }
  .footer-bottom p + p { margin-top: 7px; }
  .footer-bottom p:last-child { text-align:left; }
  .back-to-top { right:14px; bottom:14px; width:44px; height:50px; }
  .page-hero { min-height:390px; padding:125px 0 54px; }
  .page-hero-inner { grid-template-columns:1fr; gap:28px; }
  .page-hero h1 { font-size:42px; }
  .page-hero-lead { font-size:14px; }
  .page-hero-meta { display:none !important; }
  .inner-page main > .section:first-of-type { padding-top:75px; }
}

/* Content and visual enrichment */
.home-collaboration { background: linear-gradient(135deg, #f3faf5 0%, #e7f3eb 100%); overflow: hidden; }
.home-collaboration-layout { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:64px; align-items:center; }
.home-collaboration-intro h2 { margin:14px 0 22px; }
.home-collaboration-intro > p:not(.section-kicker) { max-width:460px; color:var(--muted); line-height:1.9; }
.home-collaboration-intro .text-link { display:inline-flex; margin-top:28px; }
.home-collaboration-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.home-collaboration-card { position:relative; min-height:242px; padding:28px 24px; background:rgba(255,255,255,.86); border:1px solid rgba(15,102,67,.12); border-radius:20px; box-shadow:0 14px 30px rgba(8,69,43,.06); transition:transform .25s ease, box-shadow .25s ease; }
.home-collaboration-card:hover { transform:translateY(-6px); box-shadow:0 22px 40px rgba(8,69,43,.12); }
.home-collaboration-card > span,.delivery-step > span { display:block; color:var(--mint-dark); font-size:12px; font-weight:800; letter-spacing:.12em; }
.home-collaboration-card h3 { margin:46px 0 12px; font-size:18px; }
.home-collaboration-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.collaboration-delivery { background:var(--white); }
.delivery-heading { display:flex; justify-content:space-between; gap:56px; align-items:flex-end; margin-bottom:44px; }
.delivery-heading h2 { margin:14px 0 0; }
.delivery-heading > p { max-width:480px; margin:0; color:var(--muted); line-height:1.9; }
.delivery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; border:1px solid var(--line); border-radius:22px; overflow:hidden; background:var(--line); }
.delivery-step { min-height:220px; padding:32px; background:#fbfdfb; }
.delivery-step h3 { margin:42px 0 12px; font-size:20px; }
.delivery-step p { margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.delivery-action { margin-top:28px; text-align:right; }
.scientist-network { display:grid; grid-template-columns:1.15fr repeat(4,1fr); gap:1px; margin:0 0 28px; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:var(--line); }
.scientist-network > * { min-height:182px; padding:24px 20px; background:#fff; }
.scientist-network-lead { color:var(--white); background:linear-gradient(145deg,#073c29,#126445) !important; }
.scientist-network-lead span { display:block; color:var(--mint); font-size:10px; font-weight:800; letter-spacing:.12em; }
.scientist-network-lead strong { display:block; margin-top:38px; font-size:19px; line-height:1.5; }
.scientist-network article > span { color:var(--mint-dark); font-size:11px; font-weight:800; letter-spacing:.1em; }
.scientist-network h3 { margin:28px 0 8px; font-size:16px; }
.scientist-network p { margin:0; color:var(--muted); font-size:12px; line-height:1.75; }
.contact-prep { max-width:490px; margin-top:28px; padding:17px 18px; border:1px solid rgba(255,255,255,.24); border-radius:14px; background:rgba(255,255,255,.08); }
.contact-prep span { color:var(--mint); font-size:11px; font-weight:800; letter-spacing:.1em; }
.contact-prep p { margin:8px 0 0; color:rgba(255,255,255,.78); font-size:13px; line-height:1.75; }
@media (max-width: 980px) {
  .home-collaboration-layout { grid-template-columns:1fr; gap:36px; }
  .home-collaboration-grid { grid-template-columns:repeat(3,1fr); }
  .scientist-network { grid-template-columns:repeat(2,1fr); }
  .scientist-network-lead { grid-column:span 2; min-height:auto; }
  .scientist-network-lead strong { margin-top:18px; }
}
@media (max-width: 680px) {
  .home-collaboration-grid,.delivery-grid,.scientist-network { grid-template-columns:1fr; }
  .home-collaboration-card,.delivery-step { min-height:auto; padding:26px 22px; }
  .home-collaboration-card h3,.delivery-step h3 { margin-top:28px; }
  .delivery-heading { display:block; margin-bottom:30px; }
  .delivery-heading > p { margin-top:20px; }
  .delivery-action { text-align:left; }
  .scientist-network-lead { grid-column:auto; }
  .scientist-network > * { min-height:auto; padding:22px; }
  .scientist-network h3 { margin-top:20px; }
}

/* Brand-wide card hierarchy and information-graphic rhythm */
.home-biz-card,.business-card,.scenario-card,.portfolio-card,.advantage-card,.scientist-card,.honor-card,.growth-card,.value-grid article { transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }
@media (hover:hover) {
  .home-biz-card:hover,.business-card:hover,.scenario-card:hover,.portfolio-card:hover,.advantage-card:hover,.scientist-card:hover,.honor-card:hover,.growth-card:hover,.value-grid article:hover { transform:translateY(-5px); box-shadow:0 18px 36px rgba(9,62,40,.1); border-color:rgba(20,123,79,.24); }
}
.home-intro,.home-advantages,.value-section { position:relative; overflow:hidden; }
.home-intro::after,.home-advantages::after,.value-section::after { content:""; position:absolute; width:360px; height:360px; right:-170px; bottom:-210px; border:1px solid rgba(19,113,76,.1); border-radius:50%; box-shadow:0 0 0 52px rgba(19,113,76,.035),0 0 0 104px rgba(19,113,76,.02); pointer-events:none; }
.tech-route { display:grid; grid-template-columns:270px minmax(0,1fr); gap:48px; margin-top:34px; padding:34px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(125deg,#f4faf5,#fff); }
.tech-route-heading span,.investment-value-path span { display:block; color:var(--mint-dark); font-size:10px; font-weight:800; letter-spacing:.15em; }
.tech-route-heading h3 { margin:14px 0 12px; color:var(--ink); font-size:24px; line-height:1.35; }
.tech-route-heading p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }
.tech-route-list { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:0; padding:0; list-style:none; }
.tech-route-list::before { content:""; position:absolute; left:11%; right:11%; top:26px; height:1px; background:linear-gradient(90deg,rgba(15,110,74,.12),rgba(15,110,74,.45),rgba(15,110,74,.12)); }
.tech-route-list li { position:relative; z-index:1; min-height:144px; padding:16px; background:rgba(255,255,255,.86); border:1px solid rgba(15,110,74,.1); border-radius:16px; }
.tech-route-list li > span { display:grid; width:22px; height:22px; place-items:center; color:var(--white); font-size:9px; font-weight:800; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px #eff8f1; }
.tech-route-list b { display:block; margin-top:30px; color:var(--ink); font-size:14px; line-height:1.55; }
.tech-route-list small { display:block; margin-top:7px; color:var(--muted); font-size:11px; line-height:1.6; }
.investment-value-path { display:grid; grid-template-columns:1fr 28px 1fr 28px 1fr; align-items:center; gap:12px; margin-top:28px; padding:24px; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:rgba(255,255,255,.07); }
.investment-value-path > div { min-height:124px; padding:16px; border:1px solid rgba(255,255,255,.14); border-radius:13px; background:rgba(4,45,31,.16); }
.investment-value-path span { color:var(--mint); font-size:9px; }
.investment-value-path b { display:block; margin-top:13px; color:var(--white); font-size:15px; line-height:1.45; }
.investment-value-path p { margin:8px 0 0; color:rgba(255,255,255,.68); font-size:11px; line-height:1.7; }
.investment-value-path > i { color:var(--lime); font-size:20px; font-style:normal; text-align:center; }
@media (max-width:980px) {
  .tech-route { grid-template-columns:1fr; gap:26px; }
  .tech-route-list { grid-template-columns:repeat(2,1fr); }
  .tech-route-list::before { display:none; }
  .investment-value-path { grid-template-columns:1fr; }
  .investment-value-path > i { transform:rotate(90deg); }
}
@media (max-width:680px) {
  .tech-route { padding:24px 20px; border-radius:20px; }
  .tech-route-list { grid-template-columns:1fr; }
  .tech-route-list li { min-height:0; padding:17px; }
  .tech-route-list b { margin-top:16px; }
  .investment-value-path { padding:17px; gap:7px; }
  .investment-value-path > div { min-height:0; }
}

/* Desktop typography scale: stronger hierarchy and more comfortable reading. */
@media (min-width:981px) {
  body { font-size:17px; line-height:1.82; }
  .site-header { height:100px; }
  .site-header.scrolled { height:86px; }
  .header-inner { height:76px; gap:18px; padding-inline:18px 10px; }
  .site-header.scrolled .header-inner { height:68px; }
  .brand-logo { width:218px; height:53px; }
  .main-nav { font-size:15px; }
  .main-nav a { padding-inline:10px; }
  .eyebrow { font-size:13px; }
  .hero h1 { font-size:clamp(58px,5.35vw,82px); line-height:1.1; }
  .hero-lead { max-width:680px; font-size:20px; line-height:1.85; }
  .button { min-height:56px; padding-inline:27px; font-size:15px; }
  .hero-proof span { font-size:13px; line-height:1.65; }
  .hero-proof b { font-size:16px; }
  .hero-data-card > span { font-size:10px; }
  .hero-data-card b { font-size:14px; }

  .page-hero-kicker,.section-kicker { font-size:12px; }
  .page-hero h1 { font-size:clamp(52px,5vw,76px); line-height:1.13; }
  .page-hero-lead { max-width:780px; font-size:19px; line-height:1.8; }
  .section-heading h2,.tech-copy h2,.section h2.section-heading,
  .target-heading h2,.value-intro h2,.build-sticky h2,.investment-head h2,
  .video-copy h2,.contact h2 { font-size:clamp(42px,4.35vw,60px); line-height:1.22; }
  .heading-row > p { max-width:520px; font-size:16px; line-height:1.9; }
  .intro-copy,.home-intro-copy,.tech-copy > p,.project-banner > p,
  .target-heading > p,.value-intro > p,.investment-head > p { font-size:17px; line-height:1.9; }
  .intro-highlight,.home-intro-highlight { font-size:23px; line-height:1.7; }

  .home-stat-item p,.stat-row p { font-size:14px; }
  .home-biz-card { padding:38px 32px; }
  .home-biz-card h3 { font-size:22px; line-height:1.45; }
  .home-biz-card p { font-size:15px; line-height:1.85; }
  .home-biz-link { font-size:14px; }
  .home-tech-tag { font-size:13px; }
  .home-adv-item h3 { font-size:22px; }
  .home-adv-item p { font-size:15px; line-height:1.85; }
  .home-partner-item b { font-size:14px; }
  .home-cta p { max-width:680px; font-size:18px; }

  .business-card { min-height:390px; padding:42px; }
  .business-card h3 { font-size:28px; line-height:1.4; }
  .business-card p { font-size:16px; line-height:1.85; }
  .business-card li { padding:6px 13px; font-size:13px; }
  .business-photo figcaption strong,.story-photo figcaption strong,
  .section-feature-photo figcaption strong { font-size:28px; }
  .business-photo figcaption p { font-size:14px; }
  .source-pillar-label { font-size:12px; }
  .source-pillar-card h3 { font-size:clamp(29px,2.5vw,38px); }
  .source-pillar-card p { font-size:16px; line-height:1.9; }
  .source-pillar-card li { font-size:13px; }
  .source-compliance,.plan-disclaimer { font-size:13px; }

  .scenario-card h3 { font-size:25px; }
  .scenario-card p { font-size:15px; line-height:1.9; }
  .scenario-tags span,.portfolio-tags span { font-size:12px; }
  .portfolio-card { min-height:360px; padding:39px; }
  .portfolio-card h3 { font-size:26px; line-height:1.4; }
  .portfolio-card p { font-size:15px; line-height:1.85; }

  .advantage-card h3 { font-size:24px; }
  .advantage-card p { font-size:15px; line-height:1.9; }
  .scientist-top h3 { font-size:27px; }
  .scientist-top p { font-size:14px; }
  .scientist-field { font-size:16px; line-height:1.85; }
  .scientist-role span { font-size:11px; }
  .scientist-role p { font-size:15px; line-height:1.85; }
  .scientist-source { font-size:12px; }

  .tech-item b { font-size:16px; }
  .tech-detail { font-size:15px; line-height:1.8; }
  .tech-tag { font-size:12px; }
  .lab-story strong { font-size:28px; }
  .lab-story p { font-size:14px; }
  .project-steps h3 { font-size:21px; }
  .project-steps p { font-size:15px; line-height:1.8; }
  .target-grid h3 { font-size:19px; }
  .target-grid p { font-size:14px; line-height:1.8; }
  .value-grid h3 { font-size:23px; }
  .value-grid p { font-size:15px; line-height:1.85; }
  .invest-use b,.growth-card h3 { font-size:18px; }
  .invest-use p,.growth-card p { font-size:14px; }
  .honor-card h3 { font-size:17px; }
  .honor-card p { font-size:13px; }

  .home-collaboration-card h3 { font-size:21px; }
  .home-collaboration-card p,.delivery-step p { font-size:16px; }
  .delivery-step h3 { font-size:23px; }
  .scientist-network-lead strong { font-size:22px; }
  .scientist-network h3 { font-size:18px; }
  .scientist-network p { font-size:14px; }
  .contact-prep p { font-size:15px; }
  .tech-route-heading h3 { font-size:28px; }
  .tech-route-heading p { font-size:15px; }
  .tech-route-list b { font-size:16px; }
  .tech-route-list small { font-size:13px; }
  .investment-value-path b { font-size:17px; }
  .investment-value-path p { font-size:13px; }

  .partner-intro b { font-size:25px; }
  .partner-intro p,.cooperation-flow article p { font-size:15px; }
  .footer-links { font-size:14px; }
  .footer-top > p,.footer-slogan { font-size:16px; }
}

/* Narrow laptops keep desktop content, while the larger brand and navigation
   move into a spacious menu to prevent crowding at 1024–1180px. */
@media (min-width:981px) and (max-width:1180px) {
  .site-header { height:96px; padding-top:10px; }
  .site-header.scrolled { height:82px; padding-top:7px; }
  .header-inner { height:72px; gap:18px; padding-inline:18px 12px; }
  .site-header.scrolled .header-inner { height:64px; }
  .brand-logo { width:204px; height:49px; }
  .menu-toggle { display:block; width:48px; height:48px; color:var(--green-dark); cursor:pointer; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .main-nav { position:fixed; top:98px; left:max(22px,calc((100vw - var(--max))/2)); right:max(22px,calc((100vw - var(--max))/2)); max-height:0; padding:0 14px; display:grid; gap:5px; overflow:hidden; color:var(--ink); border:0 solid rgba(18,103,55,.12); border-radius:20px; background:rgba(255,255,250,.98); box-shadow:0 24px 55px rgba(8,50,31,.16); backdrop-filter:blur(18px); opacity:0; transform:translateY(-8px); transition:max-height .35s,padding .35s,opacity .25s,transform .3s,border-width .1s; font-size:16px; }
  .site-header.scrolled .main-nav { top:84px; }
  .main-nav.open { max-height:calc(100vh - 118px); padding:14px; overflow-y:auto; border-width:1px; opacity:1; transform:none; }
  .main-nav a { padding:13px 16px; border:0; border-radius:12px; }
  .main-nav a::before { left:13px; right:auto; top:50%; bottom:auto; width:6px; height:6px; background:var(--green); transform:translateY(-50%) scale(0); }
  .main-nav a.active { padding-left:28px; background:linear-gradient(90deg,rgba(38,149,71,.13),rgba(38,149,71,.035)); }
  .main-nav a.active::before { opacity:1; transform:translateY(-50%) scale(1); }
  .site-footer .footer-top { grid-template-columns:1fr; gap:26px; }
}

/* Semantic pathway system: each relationship uses a shape that explains it. */
.text-link,.home-biz-link { position:relative; gap:10px; padding-bottom:5px; }
.text-link span,.home-biz-link span { display:none; }
.text-link::before,.home-biz-link::before { content:""; position:absolute; left:0; right:26px; bottom:0; height:1px; background:currentColor; opacity:.2; transform-origin:left; transition:transform .28s ease,opacity .28s ease; }
.text-link::after,.home-biz-link::after { content:""; width:19px; height:2px; flex:0 0 auto; border-radius:2px; background:linear-gradient(90deg,currentColor 0 72%,transparent 72%); box-shadow:7px -3px 0 -1px currentColor; transform:skewX(-34deg); transition:transform .28s ease; }
.text-link:hover::before,.home-biz-link:hover::before { opacity:.55; transform:scaleX(.72); }
.text-link:hover::after,.home-biz-link:hover::after { transform:translateX(5px) skewX(-34deg); }

/* Cooperation: an organic river with seed-like milestones. */
.cooperation-flow { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:42px; margin-top:34px; padding:62px 18px 104px; }
.cooperation-flow::before { content:""; position:absolute; inset:38px 4% 18px; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 105 C165 18 285 154 455 88 S735 12 988 92' fill='none' stroke='%2393c898' stroke-width='3' stroke-linecap='round' stroke-dasharray='9 11'/%3E%3C/svg%3E") center/100% 100% no-repeat; opacity:.72; pointer-events:none; }
.cooperation-flow > i { display:none; }
.cooperation-flow article { min-height:250px; padding:34px 30px 30px; overflow:visible; text-align:center; border:0; border-radius:0; background:linear-gradient(145deg,#f1f8e9,#e7f4e5); box-shadow:0 18px 38px rgba(25,91,57,.08); clip-path:polygon(8% 0,100% 0,94% 91%,48% 100%,0 90%,3% 12%); }
.cooperation-flow article:nth-of-type(2) { background:linear-gradient(145deg,#d9efdc,#bfe1ca); }
.cooperation-flow article:nth-of-type(3) { background:linear-gradient(145deg,#17724f,#07513a); box-shadow:0 20px 42px rgba(6,72,49,.18); }
.cooperation-flow article:nth-of-type(even) { transform:translateY(52px); }
.cooperation-flow article:hover { transform:translateY(-5px); border:0; box-shadow:0 22px 46px rgba(25,91,57,.14); }
.cooperation-flow article:nth-of-type(even):hover { transform:translateY(47px); }
.cooperation-flow article::before { display:none; }
.cooperation-flow article span { display:grid; width:70px; height:70px; margin:0 auto; place-items:center; color:var(--white); font:italic 18px Georgia,serif; border-radius:52% 18% 52% 52%; background:linear-gradient(145deg,#7ebc70,#4d9d67); box-shadow:0 13px 28px rgba(16,100,61,.2),0 0 0 8px rgba(87,167,101,.09); transform:rotate(-8deg); }
.cooperation-flow article:nth-of-type(2) span { background:linear-gradient(145deg,#3d9a6d,#18724f); }
.cooperation-flow article:nth-of-type(3) span { color:#083c2b; background:linear-gradient(145deg,#d9efa7,#9dcc78); box-shadow:0 13px 28px rgba(3,44,29,.25),0 0 0 8px rgba(217,239,167,.12); }
.cooperation-flow article b { display:block; margin:22px 0 7px; color:var(--ink); font-size:18px; }
.cooperation-flow article p { margin:0 auto; max-width:190px; color:var(--muted); line-height:1.75; }
.cooperation-flow article:nth-of-type(3) b { color:var(--white); }
.cooperation-flow article:nth-of-type(3) p { color:rgba(255,255,255,.78); }

/* Collaboration delivery: three interlocking chevrons, not three cards. */
.delivery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; overflow:visible; border:0; border-radius:0; background:transparent; }
.delivery-step { position:relative; min-height:250px; padding:34px 52px 34px 38px; background:linear-gradient(135deg,#edf7ec,#fbfdf8); clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%,9% 50%); }
.delivery-step:first-child { clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%); }
.delivery-step:nth-child(2) { background:linear-gradient(135deg,#e6f4eb,#f7fbf4); }
.delivery-step:nth-child(3) { color:var(--white); background:linear-gradient(135deg,#0b6545,#148355); }
.delivery-step:nth-child(3) > span { color:#c5e88d; }
.delivery-step:nth-child(3) h3 { color:var(--white); }
.delivery-step:nth-child(3) p { color:rgba(255,255,255,.72); }
.delivery-step h3 { margin:38px 0 12px; }

/* Research route: an S-curve of molecular milestones. */
.tech-route { grid-template-columns:300px minmax(0,1fr); gap:34px; }
.tech-route-list { position:relative; grid-template-columns:repeat(4,1fr); gap:16px; min-height:230px; align-items:center; }
.tech-route-list::before { content:""; position:absolute; inset:8px 2% 12px; height:auto; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 142 C190 18 315 205 490 110 S760 18 965 98' fill='none' stroke='%234b9d72' stroke-width='4' stroke-linecap='round' stroke-dasharray='10 12'/%3E%3C/svg%3E") center/100% 100% no-repeat; opacity:.55; }
.tech-route-list li { position:relative; min-height:180px; padding:20px 8px; text-align:center; border:0; border-radius:0; background:transparent; }
.tech-route-list li:nth-child(odd) { transform:translateY(26px); }
.tech-route-list li:nth-child(even) { transform:translateY(-24px); }
.tech-route-list li > span { width:58px; height:58px; margin:0 auto; color:var(--white); font-size:12px; border-radius:50% 18% 50% 50%; background:linear-gradient(145deg,var(--green),var(--mint-dark)); box-shadow:0 12px 25px rgba(10,94,57,.2),0 0 0 10px rgba(30,132,79,.075); }
.tech-route-list li:nth-child(2) > span,.tech-route-list li:nth-child(4) > span { border-radius:18% 50% 50% 50%; }
.tech-route-list b { margin-top:24px; font-size:16px; }
.tech-route-list small { margin-top:8px; }

/* Project loop: a true circular system with four orbiting stages. */
.project-loop { position:relative; display:block; width:min(390px,100%); height:350px; margin-inline:auto; }
.project-loop::before { content:""; position:absolute; inset:34px 52px; border:2px dashed rgba(218,240,172,.4); border-radius:50%; box-shadow:inset 0 0 0 22px rgba(255,255,255,.025),0 0 42px rgba(188,227,126,.08); }
.project-loop::after { content:"产业\A闭环"; position:absolute; left:50%; top:50%; width:98px; height:98px; display:grid; place-items:center; color:#d7efa9; font-size:17px; font-weight:750; line-height:1.45; text-align:center; white-space:pre; border:1px solid rgba(215,239,169,.3); border-radius:50%; background:rgba(4,55,36,.25); transform:translate(-50%,-50%); }
.project-loop span { position:absolute; width:112px; height:76px; padding:10px; border-radius:52% 18% 52% 52%; background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.07)); box-shadow:0 14px 28px rgba(2,39,24,.16); }
.project-loop span:nth-of-type(1) { left:0; top:50%; transform:translateY(-50%); }
.project-loop span:nth-of-type(2) { left:50%; top:0; transform:translateX(-50%); }
.project-loop span:nth-of-type(3) { right:0; top:50%; transform:translateY(-50%); }
.project-loop span:nth-of-type(4) { left:50%; bottom:0; transform:translateX(-50%); }
.project-loop i { position:absolute; z-index:2; border:0; background:rgba(4,55,36,.55); }
.project-loop i:nth-of-type(1) { left:22%; top:17%; transform:rotate(-45deg); }
.project-loop i:nth-of-type(2) { right:22%; top:17%; transform:rotate(45deg); }
.project-loop i:nth-of-type(3) { right:22%; bottom:17%; transform:rotate(135deg); }

/* Project phases: a rail timeline with milestones. */
.project-steps { position:relative; grid-template-columns:repeat(3,1fr); gap:0; margin-top:48px; }
.project-steps::before { content:""; position:absolute; left:16.66%; right:16.66%; top:40px; height:2px; background:linear-gradient(90deg,var(--green),var(--aqua),var(--lime)); opacity:.55; }
.project .project-steps article { position:relative; min-height:210px; padding:82px 30px 18px; text-align:center; border:0; border-radius:0; background:transparent; box-shadow:none; }
.project-steps article::before { content:""; position:absolute; z-index:2; left:50%; top:29px; width:22px; height:22px; border:5px solid #eff6e9; border-radius:50%; background:var(--green); box-shadow:0 0 0 1px rgba(18,111,68,.28); transform:translateX(-50%); }
.project-steps article:nth-child(2)::before { background:var(--aqua); }
.project-steps article:nth-child(3)::before { background:#94b85c; }
.project-steps span { position:absolute; left:50%; top:0; color:var(--green-dark); font-size:13px; font-weight:800; letter-spacing:.04em; transform:translateX(-50%); white-space:nowrap; }
.project-steps h3 { margin:10px 0; }

/* Five tasks: a biological trunk with leaf-shaped branches. */
.build-tasks { position:relative; padding-left:6px; border:0; }
.build-tasks::before { content:""; position:absolute; left:31px; top:27px; bottom:27px; width:2px; background:linear-gradient(180deg,#c5e98b,var(--mint),rgba(126,193,145,.22)); }
.build-task { position:relative; grid-template-columns:54px 1fr; gap:22px; padding:15px 0; border:0; }
.build-task > span { z-index:2; width:54px; height:54px; display:grid; place-items:center; color:#073f2c; font-size:16px; border-radius:50% 18% 50% 50%; background:linear-gradient(145deg,#d5efa4,#75c49c); box-shadow:0 0 0 7px rgba(197,233,139,.08); }
.build-task > div { padding:24px 26px; border:1px solid rgba(255,255,255,.14); border-radius:0 28px 28px 28px; background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,.035)); }
.build-task:nth-child(even) > div { border-radius:28px 0 28px 28px; }

/* Investment allocation: a proportional ring with a readable legend. */
.invest-uses { display:grid; grid-template-columns:250px minmax(0,1fr); column-gap:34px; align-items:center; border:0; }
.investment-head h2 { font-size:clamp(38px,3.15vw,46px); }
.invest-uses::before { content:"1000 万\A资金配置"; grid-column:1; grid-row:1 / span 5; width:224px; aspect-ratio:1; display:grid; place-items:center; justify-self:center; color:var(--white); font-size:19px; font-weight:750; line-height:1.5; text-align:center; white-space:pre; border-radius:50%; background:radial-gradient(circle,#0a4b36 0 39%,transparent 40%),conic-gradient(#c5e98b 0 10%,#44b98a 10% 60%,#8bc778 60% 75%,#d1b867 75% 90%,#6c9fc2 90% 100%); box-shadow:0 20px 48px rgba(0,32,20,.2),inset 0 0 0 1px rgba(255,255,255,.15); }
.invest-use { grid-column:2; grid-template-columns:58px 1fr; gap:16px; padding:17px 0; }
.invest-use > span { align-self:start; color:#d4eca8; font:700 16px Georgia,serif; }
.invest-use i { height:3px; }
.invest-use:nth-child(1) i::after { background:#c5e98b; }
.invest-use:nth-child(2) i::after { background:#44b98a; }
.invest-use:nth-child(3) i::after { background:#8bc778; }
.invest-use:nth-child(4) i::after { background:#d1b867; }
.invest-use:nth-child(5) i::after { background:#6c9fc2; }

/* Three-year outlook: a visibly rising staircase. */
.invest-growth { align-items:end; gap:14px; padding-top:28px; border-bottom:1px solid rgba(255,255,255,.15); }
.growth-card { display:flex; flex-direction:column; justify-content:flex-end; padding:28px 24px; border:0; border-radius:0; clip-path:polygon(0 9%,88% 9%,100% 0,100% 100%,0 100%); background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.045)); }
.growth-card:nth-child(1) { min-height:272px; padding-top:34px; }
.growth-card:nth-child(2) { min-height:322px; padding-top:40px; background:linear-gradient(155deg,rgba(116,196,148,.2),rgba(255,255,255,.05)); }
.growth-card:nth-child(3) { min-height:378px; padding-top:48px; background:linear-gradient(155deg,rgba(197,233,139,.22),rgba(255,255,255,.055)); }

/* Value growth: accumulating capability platforms, without arrows. */
.investment-value-path { display:flex; flex-direction:column; align-items:center; gap:8px; padding:28px 24px 24px; border:0; border-radius:0; background:transparent; }
.investment-value-path > i { display:none; }
.investment-value-path > div { min-height:0; padding:18px 30px; text-align:center; border:1px solid rgba(255,255,255,.16); border-radius:0; clip-path:polygon(5% 0,95% 0,100% 100%,0 100%); background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045)); }
.investment-value-path > div:nth-of-type(1) { width:58%; }
.investment-value-path > div:nth-of-type(2) { width:78%; }
.investment-value-path > div:nth-of-type(3) { width:100%; }
.investment-value-path b { margin-top:7px; }
.investment-value-path p { margin-top:5px; }

@media (max-width:980px) {
  .cooperation-flow { grid-template-columns:repeat(2,1fr); gap:36px 48px; }
  .cooperation-flow::before { display:none; }
  .cooperation-flow article:nth-of-type(even),.cooperation-flow article:nth-of-type(even):hover { transform:none; }
  .tech-route { grid-template-columns:1fr; gap:26px; }
  .tech-route-list li:nth-child(n) { transform:none; }
  .tech-route-list::before { display:none; }
  .project-loop { margin-top:20px; }
  .invest-uses { grid-template-columns:220px minmax(0,1fr); column-gap:28px; }
  .invest-uses::before { width:196px; font-size:17px; }
  .growth-card:nth-child(1) { min-height:246px; }
  .growth-card:nth-child(2) { min-height:291px; }
  .growth-card:nth-child(3) { min-height:336px; }
}

@media (max-width:680px) {
  .cooperation-flow { grid-template-columns:1fr; gap:22px; margin-top:24px; padding:25px 0 10px 6px; }
  .cooperation-flow::before { display:block; inset:24px auto 28px 39px; width:2px; height:auto; background:linear-gradient(180deg,var(--green),var(--aqua),var(--lime)); opacity:.32; }
  .cooperation-flow article { min-height:0; display:grid; grid-template-columns:70px 1fr; column-gap:20px; padding:24px 22px; text-align:left; clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,3% 50%); }
  .cooperation-flow article span { grid-row:1 / span 2; margin:0; }
  .cooperation-flow article b { margin:8px 0 5px; }
  .cooperation-flow article p { margin:0; max-width:none; }
  .delivery-grid { grid-template-columns:1fr; gap:10px; }
  .delivery-step,.delivery-step:first-child { min-height:0; padding:28px 26px 42px; clip-path:polygon(0 0,100% 0,100% 89%,50% 100%,0 89%); }
  .delivery-step h3 { margin-top:24px; }
  .tech-route-list { grid-template-columns:1fr; gap:20px; padding-left:12px; }
  .tech-route-list::before { display:block; inset:18px auto 18px 40px; width:2px; background:linear-gradient(180deg,var(--green),var(--aqua)); opacity:.28; }
  .tech-route-list li { min-height:0; display:grid; grid-template-columns:70px 1fr; text-align:left; padding:12px 0; }
  .tech-route-list li > span { grid-row:1 / span 2; margin:0; }
  .tech-route-list b { margin:7px 0 0; }
  .tech-route-list small { margin-top:3px; }
  .project-loop { width:300px; height:300px; }
  .project-loop::before { inset:36px 45px; }
  .project-loop::after { width:78px; height:78px; font-size:14px; }
  .project-loop span { width:88px; height:62px; padding:7px; font-size:12px; }
  .project-loop i { width:24px; height:24px; font-size:15px; }
  .project-steps { grid-template-columns:1fr; gap:0; padding-left:24px; }
  .project-steps::before { left:34px; right:auto; top:22px; bottom:22px; width:2px; height:auto; }
  .project .project-steps article { min-height:0; padding:12px 10px 28px 62px; text-align:left; }
  .project-steps article::before { left:0; top:15px; transform:none; }
  .project-steps span { position:static; display:block; transform:none; }
  .project-steps h3 { margin:7px 0; }
  .build-tasks::before { left:25px; }
  .build-task { grid-template-columns:44px 1fr; gap:14px; }
  .build-task > span { width:44px; height:44px; font-size:14px; }
  .build-task > div { padding:20px 18px; border-radius:0 22px 22px 22px; }
  .invest-uses { grid-template-columns:1fr; row-gap:0; }
  .invest-uses::before { grid-column:1; grid-row:auto; width:210px; margin:0 auto 24px; }
  .invest-use { grid-column:1; }
  .invest-growth { grid-template-columns:1fr; padding-top:10px; border:0; }
  .growth-card:nth-child(n) { min-height:0; clip-path:polygon(0 8%,92% 8%,100% 0,100% 100%,0 100%); }
  .investment-value-path { padding-inline:0; }
  .investment-value-path > div:nth-of-type(1) { width:84%; }
  .investment-value-path > div:nth-of-type(2) { width:92%; }
  .investment-value-path > div:nth-of-type(3) { width:100%; }
  .investment-value-path > div { padding:17px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* ===== INVESTMENT PAGE POLISH (scoped to .page-investment) ===== */

/* --- Hero: aurora glow + ascending outlook curve --- */
.page-hero--investment h1 em { text-shadow: 0 0 28px rgba(191,230,138,.35); }
.hero-aurora { position:absolute; z-index:1; top:-170px; right:-150px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(154,217,183,.30), transparent 62%); filter:blur(8px); pointer-events:none; }
.invest-hero-art { position:absolute; z-index:1; right:-24px; bottom:-20px; width:min(560px,50vw); pointer-events:none; opacity:.6; -webkit-mask-image:linear-gradient(100deg,transparent 4%,#000 48%); mask-image:linear-gradient(100deg,transparent 4%,#000 48%); }
.invest-hero-art svg { display:block; width:100%; height:auto; }

/* --- Allocation ring: halo orbit + refined center --- */
.page-investment .invest-uses { position:relative; }
.invest-uses::after { content:""; grid-column:1; grid-row:1 / span 5; justify-self:center; align-self:center; width:254px; aspect-ratio:1; border:1px dashed rgba(214,236,168,.26); border-radius:50%; animation:spin 46s linear infinite; pointer-events:none; }
.page-investment .invest-uses::before { text-shadow:0 2px 16px rgba(0,0,0,.35); letter-spacing:.04em; }
.page-investment .invest-use i { background:rgba(255,255,255,.09); box-shadow:inset 0 1px 2px rgba(0,0,0,.18); }
.page-investment .invest-use i::after { box-shadow:0 0 12px rgba(214,236,168,.3); }
.js .page-investment .invest-use i::after { transform:scaleX(0); transform-origin:left; transition:transform 1.1s var(--ease) .15s; }
.js .page-investment .invest-use.visible i::after { transform:scaleX(1); }
.js .page-investment .invest-uses .invest-use:nth-child(2) i::after { transition-delay:.27s; }
.js .page-investment .invest-uses .invest-use:nth-child(3) i::after { transition-delay:.39s; }
.js .page-investment .invest-uses .invest-use:nth-child(4) i::after { transition-delay:.51s; }
.js .page-investment .invest-uses .invest-use:nth-child(5) i::after { transition-delay:.63s; }
.page-investment .invest-uses .invest-use:nth-child(1) > span { color:#c5e98b; }
.page-investment .invest-uses .invest-use:nth-child(2) > span { color:#44b98a; }
.page-investment .invest-uses .invest-use:nth-child(3) > span { color:#8bc778; }
.page-investment .invest-uses .invest-use:nth-child(4) > span { color:#d1b867; }
.page-investment .invest-uses .invest-use:nth-child(5) > span { color:#6c9fc2; }
@media (hover:hover) {
  .page-investment .invest-use { margin-inline:-14px; padding-inline:14px; border-radius:12px; transition:background .25s var(--ease),transform .25s var(--ease); }
  .page-investment .invest-use:hover { background:rgba(255,255,255,.05); transform:translateX(4px); }
  .page-investment .invest-use:hover b { color:#eaf7cf; }
}

/* --- Reveal stagger for allocation rows --- */
.js .page-investment .invest-uses .invest-use.visible:nth-child(1) { transition-delay:.02s; }
.js .page-investment .invest-uses .invest-use.visible:nth-child(2) { transition-delay:.09s; }
.js .page-investment .invest-uses .invest-use.visible:nth-child(3) { transition-delay:.16s; }
.js .page-investment .invest-uses .invest-use.visible:nth-child(4) { transition-delay:.23s; }
.js .page-investment .invest-uses .invest-use.visible:nth-child(5) { transition-delay:.30s; }
.js .page-investment .investment-value-path.reveal { transition-delay:.12s; }

/* --- Growth staircase: ascent arc, year chips, gold goal card --- */
.page-investment .invest-growth { position:relative; gap:18px; }
.invest-growth::before { content:""; position:absolute; left:1%; right:1%; top:-10px; height:64px; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 600 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 57 C110 55 185 40 295 33 C405 26 505 13 594 6' fill='none' stroke='%23cdeb9b' stroke-width='2.5' stroke-linecap='round' stroke-dasharray='1 9'/%3E%3Ccircle cx='86' cy='53' r='8' fill='%23dcedb4' opacity='.22'/%3E%3Ccircle cx='86' cy='53' r='3.5' fill='%23eef7d2'/%3E%3Ccircle cx='295' cy='33' r='8' fill='%23dcedb4' opacity='.22'/%3E%3Ccircle cx='295' cy='33' r='3.5' fill='%23eef7d2'/%3E%3Ccircle cx='512' cy='11' r='8' fill='%23dcedb4' opacity='.22'/%3E%3Ccircle cx='512' cy='11' r='3.5' fill='%23eef7d2'/%3E%3C/svg%3E") center/100% 100% no-repeat; opacity:.55; pointer-events:none; }
.growth-card > span { display:inline-flex; align-items:center; gap:8px; align-self:flex-start; padding:5px 13px; border:1px solid rgba(197,233,139,.28); border-radius:999px; background:rgba(197,233,139,.08); color:#d8f0b0; }
.growth-card > span::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px rgba(197,233,139,.14); }
.growth-card strong { font-size:52px; background:linear-gradient(120deg,#ffffff,#cfe9a3); -webkit-background-clip:text; background-clip:text; color:transparent; }
.growth-card::after { content:""; position:absolute; right:-36px; bottom:-52px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle, rgba(197,233,139,.16), transparent 70%); pointer-events:none; }
.growth-card:nth-child(2)::after { background:radial-gradient(circle, rgba(116,196,148,.18), transparent 70%); }
.growth-card:nth-child(3) { background:linear-gradient(155deg,rgba(209,184,103,.22),rgba(255,255,255,.05)); box-shadow:inset 0 1px 0 rgba(232,201,122,.28); }
.growth-card:nth-child(3)::after { background:radial-gradient(circle, rgba(209,184,103,.22), transparent 70%); }
.growth-card:nth-child(3) strong { background:linear-gradient(120deg,#fff3d6,#dfc07c); -webkit-background-clip:text; background-clip:text; }
.growth-card:nth-child(3) em { color:#ecd39a; }
.growth-card:nth-child(3) > span { border-color:rgba(232,201,122,.34); background:rgba(232,201,122,.08); color:#ecd8a4; }
.js .page-investment .invest-growth .growth-card.visible:nth-child(2) { transition-delay:.1s; }
.js .page-investment .invest-growth .growth-card.visible:nth-child(3) { transition-delay:.2s; }

/* --- Value path: stitched spine + step numerals --- */
.page-investment .investment-value-path { position:relative; counter-reset:vstep; }
.investment-value-path::before { content:""; position:absolute; top:22px; bottom:22px; left:50%; width:0; border-left:2px dashed rgba(214,236,168,.22); pointer-events:none; }
.page-investment .investment-value-path > div { position:relative; overflow:hidden; counter-increment:vstep; transition:transform .28s ease,background .28s ease,border-color .28s ease; }
.page-investment .investment-value-path > div::before { content:"0" counter(vstep); position:absolute; top:12px; right:16px; font:italic 700 13px Georgia,serif; letter-spacing:.12em; color:rgba(214,236,168,.42); }
.page-investment .investment-value-path > div:hover { transform:translateY(-3px); background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06)); border-color:rgba(214,236,168,.32); }

/* --- Photo caption chip + zoom --- */
.page-investment .invest-photo img { transition:transform .8s var(--ease), filter .6s var(--ease); }
.page-investment .invest-photo:hover img { transform:scale(1.045); filter:brightness(1.05); }
.page-investment .invest-photo figcaption { left:16px; bottom:14px; padding:6px 13px; font-size:11px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(4,45,31,.45); backdrop-filter:blur(6px); }

/* --- Value cards: icon tiles, ghost numerals, hover polish --- */
.page-investment .value-grid article { position:relative; overflow:hidden; }
.page-investment .value-grid article > span:not(.value-icon) { position:absolute; top:20px; right:24px; font-size:46px; line-height:1; color:rgba(23,84,53,.1); }
.value-icon { display:grid; place-items:center; width:54px; height:54px; border-radius:17px; color:var(--green-dark); background:var(--green-soft); box-shadow:inset 0 0 0 1px rgba(38,149,71,.14); transition:transform .3s var(--ease); }
.value-icon svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; }
.value-icon svg .fill { fill:currentColor; stroke:none; }
.page-investment .value-grid article:nth-child(2) .value-icon { color:#177c77; background:#e3f4ef; box-shadow:inset 0 0 0 1px rgba(37,174,176,.16); }
.page-investment .value-grid article:nth-child(3) .value-icon { color:#5c7d33; background:#eff4dd; box-shadow:inset 0 0 0 1px rgba(135,181,95,.22); }
.page-investment .value-grid article:nth-child(4) .value-icon { color:#4e7c2d; background:#edf5df; box-shadow:inset 0 0 0 1px rgba(136,169,92,.24); }
.page-investment .value-grid h3 { margin:20px 0 10px; }
@media (hover:hover) {
  .page-investment .value-grid article:hover .value-icon { transform:rotate(-6deg) scale(1.06); }
  .page-investment .value-grid article:hover > span:not(.value-icon) { color:rgba(23,84,53,.17); }
}
.page-investment .value-grid article > span:not(.value-icon) { transition:color .3s var(--ease); }

/* --- Investment polish responsive --- */
@media (max-width:980px) {
  .invest-uses::after { width:222px; }
  .invest-growth::before { top:-6px; height:56px; }
}
@media (max-width:680px) {
  .invest-hero-art { display:none; }
  .hero-aurora { width:340px; height:340px; top:-120px; right:-110px; }
  .invest-uses::after { display:none; }
  .invest-growth::before { display:none; }
  .growth-card:nth-child(n) { padding-top:28px; }
}

/* ===== SITE-WIDE VISUAL REFINEMENT ===== */
/* Solid surfaces replace decorative gradients; image overlays remain for legibility. */
.scroll-progress i,
.main-nav a::before,
.section-heading h2::after,
.tech-copy h2::after { background:var(--green); animation:none; }
.page-hero { background:var(--banner-a); background-image:none; }
.page-hero::before { content:none; }
.page-hero--about { --banner-a:#0b4935; }
.page-hero--business { --banner-a:#0d594c; }
.page-hero--technology { --banner-a:#0b4f4c; }
.page-hero--advantages { --banner-a:#355d32; }
.page-hero--scientists { --banner-a:#27544a; }
.page-hero--project { --banner-a:#356b35; }
.page-hero--investment { --banner-a:#285b4d; }
.page-hero--honors { --banner-a:#5f5729; }
.page-hero--contact { --banner-a:#0d594c; }
.technology,.product-plan,.value-section { background:#fff; background-image:none; }
.scientists,.scenario-section,.home-advantages { background:#f1f6ec; }
.tech-item,.tech-item.active,.tech-detail,.home-stat-item,
.source-pillar-card--produce,.source-pillar-card--medicinal,
.portfolio-card,.honor-medal,.honor-image { background:#fff; }
.project-banner,.build-path,.investment,.contact,.home-cta { background:#0b5239; }
.honor-card-highlight { background:#176443; }
.scientist-avatar,
.scientist-card:nth-child(3n+2) .scientist-avatar,
.scientist-card:nth-child(3n) .scientist-avatar { background:#176b4b; }

/* Scientist information reads as a compact expert directory. */
.scientist-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.scientist-card { min-height:360px; padding:28px; }
.scientist-top p,.scientist-source { font-size:12px; }
.scientist-role span { font-size:11px; }

/* Real award material becomes the visual anchor of the honors page. */
.honor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.honor-card-with-image { min-height:430px; display:grid; grid-template-columns:52px minmax(0,1fr) auto; grid-template-rows:240px auto; align-items:center; }
.honor-card-with-image .honor-image { grid-column:1 / -1; width:100%; height:240px; margin:0; border-radius:12px; }
.honor-card-with-image .honor-image img { width:100%; height:240px; padding:12px; object-fit:contain; }
.honor-card-with-image h3 { margin:0; }
.honor-card-with-image > p { margin:0; }

/* A calm schematic location panel replaces the generic map placeholder. */
.contact-map-placeholder { position:relative; height:300px; padding:28px; overflow:hidden; align-items:flex-start; justify-content:flex-end; background:#0a4433; color:#fff; }
.contact-map-lines { position:absolute; inset:0; width:100%; height:100%; opacity:.18; }
.contact-map-lines path,.contact-map-lines circle { fill:none; stroke:#d7e9bd; stroke-width:1.5; stroke-dasharray:7 9; }
.contact-map-pin { position:absolute; left:50%; top:39%; width:58px; height:58px; display:grid; place-items:center; color:#0a4433; border:6px solid rgba(255,255,255,.18); border-radius:50%; background:#c9e49b; transform:translate(-50%,-50%); }
.contact-map-kicker { position:absolute; left:24px; top:22px; color:#cce5a2; font-size:11px; font-weight:800; letter-spacing:.18em; }
.contact-map-placeholder p,.contact-map-placeholder small,.contact-map-placeholder b { position:relative; z-index:1; }
.contact-map-placeholder b { margin-top:5px; color:#cae5a0; font-size:12px; font-weight:700; }

/* Minimum readable supporting type and touch areas. */
.footer-links-grid a,.footer-contact-item a { min-height:44px; display:flex; align-items:center; }
.scenario-tags span,.portfolio-tags span,.business-card li,.source-pillar-card li { font-size:12px; }

@media (max-width:980px) {
  .scientist-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (min-width:981px) {
  .scientist-grid .scientist-card:last-child { grid-column:2; }
}

@media (max-width:680px) {
  .scientist-grid { grid-template-columns:1fr; }
  .scientist-card { min-height:0; padding:24px; }
  .honor-grid { grid-template-columns:1fr; gap:16px; }
  .honor-card-with-image { min-height:0; grid-template-columns:44px minmax(0,1fr); grid-template-rows:210px auto auto; }
  .honor-card-with-image .honor-image { grid-column:1 / -1; height:210px; }
  .honor-card-with-image .honor-image img { height:210px; }
  .honor-card-with-image > p { grid-column:2; }
  .contact-map-placeholder { height:280px; }

  /* Long business collections become swipeable, preserving content while reducing page length. */
  .page-business :is(.business-grid,.scenario-grid,.portfolio-grid,.delivery-grid) {
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:min(84vw,330px);
    gap:16px;
    margin-right:-14px;
    padding:4px 14px 20px 2px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
    scrollbar-color:#7fac79 transparent;
  }
  .page-business :is(.business-grid,.scenario-grid,.portfolio-grid,.delivery-grid)::-webkit-scrollbar { height:6px; }
  .page-business :is(.business-grid,.scenario-grid,.portfolio-grid,.delivery-grid)::-webkit-scrollbar-track { background:transparent; }
  .page-business :is(.business-grid,.scenario-grid,.portfolio-grid,.delivery-grid)::-webkit-scrollbar-thumb { border-radius:99px; background:#7fac79; }
  .page-business :is(.business-card,.scenario-card,.portfolio-card,.delivery-step) {
    grid-column:auto;
    min-height:100%;
    scroll-snap-align:start;
  }
  .page-business .delivery-step { padding:30px 28px; clip-path:none; }
}