:root {
  color-scheme: light;
  --ink:#153244;
  --muted:#667984;
  --quiet:#8a999f;
  --navy:#102b3c;
  --navy-2:#183e51;
  --teal:#3d9d94;
  --teal-light:#dff1eb;
  --mint:#a8decf;
  --amber:#dda65d;
  --amber-light:#fbf0dc;
  --paper:#f5f4ef;
  --white:#fffefa;
  --line:#dde3df;
  --shadow:0 18px 48px rgba(27,54,65,.10);
  --radius:18px;
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:96px
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:15px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased
}
button,input {
  font:inherit
}
button {
  color:inherit
}
a {
  color:inherit;
  text-decoration:none
}
button:focus-visible,a:focus-visible,input:focus-visible {
  outline:3px solid #8bd1c2;
  outline-offset:3px
}
[hidden] {
  display:none!important
}
.reading-progress {
  position:fixed;
  inset:0 auto auto 0;
  height:3px;
  width:0;
  background:var(--mint);
  z-index:1000;
  transition:width .08s linear
}
.topbar {
  height:72px;
  padding:0 clamp(22px,5vw,76px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:var(--navy);
  color:#f6f4ea;
  position:sticky;
  top:0;
  z-index:50;
  box-shadow:0 4px 16px rgba(4,22,32,.15)
}
.brand {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:245px
}
.brand-mark {
  width:37px;
  height:37px;
  border:1px solid rgba(168,222,207,.6);
  border-radius:11px;
  color:var(--mint);
  display:grid;
  place-items:center;
  font-weight:800;
  font-size:12px;
  letter-spacing:.08em
}
.brand-copy {
  display:flex;
  flex-direction:column;
  line-height:1.25
}
.brand-copy strong {
  font-size:14px;
  letter-spacing:.04em
}
.brand-copy small {
  font-size:10px;
  color:#b6c4c7;
  letter-spacing:.05em;
  margin-top:4px
}
.topbar-center {
  color:#c1d0d2;
  font-size:12px;
  letter-spacing:.08em;
  display:flex;
  align-items:center;
  gap:9px
}
.live-dot,.nav-state i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#80d4bd;
  box-shadow:0 0 0 4px rgba(128,212,189,.12)
}
.topbar-divider {
  color:#617985
}
.topbar-actions {
  display:flex;
  align-items:center;
  gap:10px
}
.icon-button,.quiet-button,.primary-button {
  border:1px solid transparent;
  background:transparent;
  color:#edf4f0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 12px;
  border-radius:9px;
  cursor:pointer;
  font-size:12px;
  transition:.2s ease
}
.icon-button:hover,.quiet-button:hover {
  background:rgba(255,255,255,.08)
}
.icon-button {
  border-color:rgba(255,255,255,.15)
}
.primary-button {
  background:#d7eee5;
  color:#183d4d;
  font-weight:700
}
.primary-button:hover {
  background:#f0f8f2;
  transform:translateY(-1px)
}
.topbar kbd,.search-dialog kbd {
  font-size:10px;
  color:#91a7aa;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  padding:1px 5px;
  border-radius:4px
}
.search-glyph {
  width:12px;
  height:12px;
  border:1.6px solid currentColor;
  border-radius:50%;
  display:inline-block;
  position:relative;
  opacity:.8
}
.search-glyph:after {
  content:"";
  position:absolute;
  width:5px;
  height:1.5px;
  background:currentColor;
  right:-4px;
  bottom:-2px;
  transform:rotate(48deg);
  border-radius:2px
}
.hero-wrap {
  padding:26px clamp(18px,4.2vw,66px) 0;
  background:var(--navy)
}
.hero {
  max-width:1390px;
  min-height:425px;
  margin:auto;
  background:linear-gradient(115deg,#183c4d 0%,#173648 57%,#214858 100%);
  border:1px solid rgba(190,220,209,.12);
  border-radius:24px 24px 0 0;
  overflow:hidden;
  position:relative;
  display:grid;
  grid-template-columns:1.04fr .96fr;
  align-items:center;
  padding:50px clamp(32px,6vw,90px) 42px;
  color:#f8f6ed
}
.hero:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 73% 28%,rgba(120,194,175,.11),transparent 36%),linear-gradient(90deg,rgba(8,25,36,.22),transparent 65%);
  pointer-events:none
}
.hero-copy,.hero-visual {
  position:relative;
  z-index:1
}
.eyebrow {
  font-size:11px;
  color:#a7c9c6;
  letter-spacing:.12em;
  display:flex;
  align-items:center;
  gap:10px
}
.eyebrow-line {
  width:24px;
  height:1px;
  background:#80cdbb
}
.hero h1 {
  font-size:clamp(42px,5vw,70px);
  line-height:1.12;
  letter-spacing:-.045em;
  margin:24px 0 17px;
  font-weight:650
}
.hero h1 em {
  color:#a6decf;
  font-style:normal
}
.hero-lede {
  max-width:510px;
  color:#d3dfdb;
  font-size:16px;
  line-height:1.9;
  margin:0
}
.hero-state {
  display:flex;
  gap:13px;
  align-items:flex-start;
  margin-top:26px;
  padding:14px 17px;
  border-left:2px solid #dca969;
  background:rgba(4,20,31,.21);
  max-width:590px
}
.state-pulse {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e8b568;
  flex:0 0 auto;
  margin-top:7px;
  box-shadow:0 0 0 5px rgba(232,181,104,.13)
}
.hero-state strong,.hero-state small {
  display:block
}
.hero-state strong {
  font-size:12px;
  font-weight:700;
  color:#fbf5e8
}
.hero-state small {
  margin-top:4px;
  color:#afc1c0;
  font-size:11px
}
.hero-buttons {
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:24px
}
.hero-cta {
  background:#a6dccd;
  color:#173b4a;
  padding:11px 15px;
  border-radius:8px;
  font-size:12px;
  font-weight:750;
  display:flex;
  gap:18px;
  align-items:center;
  transition:.2s
}
.hero-cta:hover {
  background:#d4eee4;
  transform:translateY(-2px)
}
.hero-link {
  font-size:12px;
  color:#c9d7d3
}
.hero-link span {
  color:#a4dcca;
  margin-left:5px
}
.hero-visual {
  min-height:340px;
  display:grid;
  place-items:center
}
.factory-illustration {
  width:min(100%,570px);
  height:auto;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 22px 25px rgba(2,18,28,.23))
}
.visual-orbit {
  position:absolute;
  border:1px solid rgba(155,221,201,.16);
  border-radius:50%;
  transform:rotate(-19deg)
}
.orbit-one {
  width:430px;
  height:240px
}
.orbit-two {
  width:510px;
  height:305px
}
.visual-tag {
  position:absolute;
  z-index:2;
  padding:7px 10px;
  border-radius:6px;
  background:#112e3d;
  border:1px solid rgba(173,221,205,.2);
  font-size:9px;
  letter-spacing:.1em;
  color:#d2e6df
}
.tag-top {
  top:14px;
  left:11%
}
.tag-dot {
  width:6px;
  height:6px;
  border-radius:50%;
  display:inline-block;
  margin-right:7px
}
.teal {
  background:#74cbb4
}
.hero-foot {
  max-width:1390px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 6px 16px;
  color:#96adb0;
  font-size:10px;
  letter-spacing:.03em
}
.hero-foot span:last-child {
  display:flex;
  align-items:center;
  gap:7px
}
.hero-foot i {
  width:3px;
  height:3px;
  border-radius:50%;
  background:#d5ad70
}
.section-nav {
  height:59px;
  padding:0 clamp(18px,4.4vw,70px);
  display:flex;
  align-items:center;
  gap:26px;
  background:#fffefa;
  border-bottom:1px solid var(--line);
  position:sticky;
  top:72px;
  z-index:40;
  overflow-x:auto;
  scrollbar-width:none
}
.section-nav::-webkit-scrollbar {
  display:none
}
.section-nav a {
  align-self:stretch;
  display:flex;
  align-items:center;
  gap:8px;
  color:#73838a;
  font-size:11px;
  white-space:nowrap;
  border-bottom:2px solid transparent;
  transition:.2s
}
.section-nav a span {
  font-size:9px;
  color:#9ca9ab
}
.section-nav a:hover,.section-nav a.active {
  color:#193c4c;
  border-bottom-color:#4da596
}
.section-nav a.active span {
  color:#4a9e91
}
.nav-state {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
  color:#8a989d;
  font-size:10px;
  white-space:nowrap
}
.nav-state i {
  width:5px;
  height:5px
}
.page-shell {
  max-width:1250px;
  margin:auto;
  padding:0 clamp(18px,4vw,54px)
}
.section-block {
  padding:72px 0 62px;
  border-bottom:1px solid #dfe4e0;
  scroll-margin-top:132px
}
.section-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:26px;
  margin-bottom:28px
}
.section-kicker {
  color:#67958c;
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em
}
.section-heading h2 {
  font-size:clamp(27px,3vw,36px);
  line-height:1.2;
  letter-spacing:-.03em;
  margin:7px 0 8px;
  color:#183849
}
.section-heading p {
  color:#75868b;
  font-size:13px;
  margin:0;
  max-width:690px
}
.text-action,.inline-link {
  border:0;
  background:none;
  color:#3b857c;
  padding:8px 0;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap
}
.text-action span,.inline-link span {
  margin-left:5px
}
.text-action:hover,.inline-link:hover {
  color:#1e625b
}
.quiet-copy {
  font-size:10px;
  color:#98a5a6
}
.decision-banner {
  display:grid;
  grid-template-columns:55px 1fr 180px;
  gap:18px;
  align-items:center;
  padding:22px 25px;
  background:#e8f1eb;
  border:1px solid #d4e4da;
  border-radius:14px;
  margin-bottom:16px
}
.decision-mark {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#d6e9dc;
  color:#537f65;
  font-size:20px;
  font-weight:700
}
.mini-label {
  font-size:9px;
  color:#648575;
  letter-spacing:.1em
}
.decision-text h3 {
  font-size:20px;
  color:#264e45;
  margin:3px 0 5px
}
.decision-text p {
  font-size:11px;
  color:#647d72;
  margin:0
}
.decision-meta {
  border-left:1px solid #c9dbd0;
  padding-left:20px;
  display:flex;
  flex-direction:column
}
.decision-meta span {
  font-size:9px;
  color:#72897c
}
.decision-meta strong {
  font-size:13px;
  line-height:1.55;
  margin:4px 0
}
.decision-meta small {
  font-size:9px;
  color:#7f9087
}
.metric-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:13px
}
.metric-card {
  border:1px solid #dde3df;
  background:#fffefa;
  border-radius:13px;
  padding:17px 18px 15px;
  min-height:148px;
  cursor:pointer;
  transition:transform .2s,box-shadow .2s,border-color .2s;
  position:relative
}
.metric-card:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(35,66,74,.09);
  border-color:#98c8b8
}
.metric-dark {
  background:#183c4c;
  color:#f9f7ef;
  border-color:#183c4c
}
.metric-soft {
  background:#faf2e3
}
.metric-top {
  display:flex;
  justify-content:space-between;
  color:#829096;
  font-size:10px
}
.metric-dark .metric-top {
  color:#bed0cf
}
.metric-corner {
  color:#5a9b8d
}
.metric-card>strong {
  display:block;
  font-size:29px;
  letter-spacing:-.04em;
  margin-top:7px;
  color:#1b3c4a;
  line-height:1.1
}
.metric-card>strong span {
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
  margin-left:4px
}
.metric-dark>strong {
  color:#f6f5ea
}
.metric-bar {
  height:3px;
  background:rgba(48,67,76,.1);
  margin:14px 0 9px;
  border-radius:5px;
  overflow:hidden
}
.metric-bar i {
  display:block;
  height:100%;
  background:#d7a867;
  border-radius:5px
}
.teal-bar i {
  background:#62afa0
}
.amber-bar i {
  background:#d49a4f
}
.metric-dark .metric-bar {
  background:rgba(255,255,255,.13)
}
.metric-card small {
  font-size:9px;
  color:#849296
}
.metric-card small b {
  color:#536b71;
  font-weight:700
}
.metric-dark small {
  color:#b7c8c5
}
.metric-dark small b {
  color:#e9d7b7
}
.equipment-pips {
  display:flex;
  gap:3px;
  margin:12px 0 8px
}
.equipment-pips i {
  height:6px;
  flex:1;
  border-radius:2px;
  background:#9cc8b9
}
.equipment-pips i:nth-child(4n) {
  background:#e2b46f
}
.metric-card:has(.equipment-pips)>strong {
  margin-top:7px
}
.metric-card:has(.equipment-pips) .equipment-pips {
  margin:9px 0 8px
}
.three-lens {
  margin-top:36px
}
.lens-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:13px
}
.lens-heading h3 {
  font-size:17px;
  margin:5px 0 0
}
.lens-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px
}
.lens-card {
  width:100%;
  display:grid;
  grid-template-columns:34px 1fr 20px;
  align-items:center;
  text-align:left;
  gap:11px;
  border:1px solid var(--line);
  background:#fffefa;
  border-radius:12px;
  padding:16px 17px;
  cursor:pointer;
  transition:.2s
}
.lens-card:hover {
  border-color:#85bfb2;
  transform:translateY(-2px)
}
.lens-number {
  font-size:12px;
  font-weight:800;
  color:#b67f43;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#f7e8d2
}
.lens-number.green {
  color:#418c7c;
  background:#e0f1e9
}
.lens-number.orange {
  color:#5e8490;
  background:#e4eff0
}
.lens-card strong,.lens-card small {
  display:block
}
.lens-card strong {
  font-size:12px
}
.lens-card small {
  font-size:9px;
  color:#829197;
  margin-top:4px
}
.lens-arrow {
  color:#68a397
}
.filter-group {
  display:flex;
  gap:6px;
  flex-wrap:wrap
}
.filter-pill {
  border:1px solid #dce3df;
  background:#fffefa;
  border-radius:20px;
  padding:7px 11px;
  color:#78878b;
  font-size:10px;
  cursor:pointer
}
.filter-pill.selected {
  background:#193c4c;
  color:white;
  border-color:#193c4c
}
.filter-pill span {
  margin-left:4px;
  color:#b6d8cb
}
.fact-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px
}
.fact-card {
  position:relative;
  text-align:left;
  border:1px solid #dfe4df;
  border-radius:13px;
  background:#fffefa;
  min-height:206px;
  padding:17px 18px 13px;
  cursor:pointer;
  transition:.2s
}
.fact-card:hover {
  transform:translateY(-3px);
  border-color:#92c5b6;
  box-shadow:0 12px 25px rgba(34,66,72,.08)
}
.fact-card-head {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.status {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:9px;
  color:#648b77;
  letter-spacing:.02em
}
.status i,.detail-status i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#79b899
}
.status-pending {
  color:#aa7a38
}
.status-pending i {
  background:#d8a357
}
.status-design {
  color:#548b8a
}
.status-design i {
  background:#66aaa5
}
.card-more {
  font-size:15px;
  color:#a9b5b3
}
.fact-card h3 {
  font-size:16px;
  line-height:1.35;
  margin:13px 0 8px;
  letter-spacing:-.02em
}
.fact-card h3 span {
  font-size:11px;
  color:#7d8c8e;
  font-weight:500
}
.fact-card p {
  font-size:10px;
  color:#728287;
  line-height:1.75;
  margin:0 0 16px;
  max-width:96%
}
.fact-card-foot {
  border-top:1px solid #edf0eb;
  padding-top:9px;
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:8px;
  color:#8b999b
}
.ownership-strip {
  display:flex;
  gap:3px;
  height:5px;
  margin:11px 0 10px
}
.ownership-strip i:nth-child(1) {
  width:49%;
  background:#4d9e91;
  border-radius:4px 0 0 4px
}
.ownership-strip i:nth-child(2) {
  width:49%;
  background:#e1b16c
}
.ownership-strip i:nth-child(3) {
  flex:1;
  background:#95aab0;
  border-radius:0 4px 4px 0
}
.balance-panel {
  margin-top:19px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:25px;
  border-radius:15px;
  background:#183a4a;
  color:#f8f5ec;
  padding:25px 29px
}
.balance-copy h3 {
  font-size:21px;
  line-height:1.35;
  margin:8px 0
}
.balance-copy p {
  font-size:10px;
  color:#bdceca;
  line-height:1.85;
  margin:0
}
.balance-copy p b {
  color:#e5bd7d
}
.balance-copy .section-kicker {
  color:#8ec7b7
}
.balance-chart {
  align-self:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(220,237,229,.1);
  border-radius:11px;
  padding:15px 17px
}
.chart-legend {
  display:flex;
  gap:20px;
  justify-content:flex-end;
  font-size:8px;
  color:#c2cfca;
  margin-bottom:13px
}
.legend-square {
  width:7px;
  height:7px;
  display:inline-block;
  border-radius:2px;
  margin-right:6px
}
.legend-square.amber {
  background:#e4ad62
}
.legend-square.navy {
  background:#244b5c
}
.bar-row {
  display:grid;
  grid-template-columns:72px 1fr 74px;
  align-items:center;
  gap:9px;
  margin:9px 0;
  font-size:9px;
  color:#c4d1cc
}
.bar-row b {
  text-align:right;
  font-size:9px;
  color:#f0e9d9
}
.bar-track {
  height:8px;
  border-radius:5px;
  background:rgba(235,245,239,.12);
  overflow:hidden
}
.bar-value {
  display:block;
  height:100%;
  border-radius:5px
}
.design-value {
  width:15%;
  background:#74c5b0
}
.low-value {
  width:39%;
  background:#d5a35e
}
.high-value {
  width:100%;
  background:#e4ad62
}
.chart-note {
  display:flex;
  gap:7px;
  border-top:1px solid rgba(235,245,239,.12);
  padding-top:10px;
  margin-top:12px;
  color:#aabbb8;
  font-size:8px
}
.chart-note span:first-child {
  color:#e3b26b;
  font-size:11px
}
.entity-boundary {
  margin-top:37px;
  padding:23px 25px 25px;
  border:1px solid #dfe4df;
  background:#f0f1eb;
  border-radius:15px
}
.entity-boundary-title h3 {
  margin:5px 0 18px;
  font-size:18px
}
.entity-line {
  display:grid;
  grid-template-columns:1fr 100px 1fr 100px 1fr;
  align-items:center
}
.entity-node {
  min-height:112px;
  border:1px solid #dbe3dc;
  background:#fffefa;
  border-radius:11px;
  padding:12px;
  text-align:left;
  cursor:pointer;
  transition:.2s
}
.entity-node:hover {
  border-color:#80b8aa;
  box-shadow:0 7px 18px rgba(32,69,72,.08)
}
.entity-code,.entity-node strong,.entity-node small,.entity-node>i {
  display:block
}
.entity-code {
  font-size:8px;
  letter-spacing:.13em;
  color:#7a9a94
}
.entity-node strong {
  font-size:12px;
  margin:6px 0 2px
}
.entity-node small {
  font-size:9px;
  color:#829091
}
.entity-node>i {
  font-style:normal;
  font-size:8px;
  color:#b28a55;
  margin-top:6px
}
.entity-connector {
  text-align:center;
  position:relative;
  font-size:8px;
  color:#8a989a
}
.entity-connector b {
  font-weight:500;
  position:relative;
  z-index:1;
  background:#f0f1eb;
  padding:0 5px
}
.entity-connector i {
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:#bacac2
}
.draft-badge {
  font-size:9px;
  padding:7px 10px;
  border-radius:16px;
  background:#f4ead8;
  color:#9b723a;
  white-space:nowrap
}
.draft-badge i {
  display:inline-block;
  width:6px;
  height:6px;
  background:#d4a054;
  border-radius:50%;
  margin-right:6px
}
.subnav-tabs {
  display:flex;
  gap:8px;
  padding:5px;
  background:#e9ece6;
  border-radius:12px;
  width:max-content;
  max-width:100%;
  margin-bottom:19px
}
.subnav-tab {
  border:0;
  background:transparent;
  color:#738287;
  padding:10px 15px;
  border-radius:8px;
  font-size:11px;
  cursor:pointer;
  white-space:nowrap
}
.subnav-tab small {
  font-size:8px;
  margin-left:6px;
  color:#97a3a4
}
.subnav-tab.active {
  background:#fffefa;
  color:#244657;
  box-shadow:0 3px 9px rgba(26,52,59,.07);
  font-weight:750
}
.subnav-tab.active small {
  color:#64a191
}
.service-intro {
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 18px;
  border-radius:11px;
  background:#193d4d;
  color:#f5f5eb;
  margin-bottom:14px
}
.service-intro>span:first-child {
  font-size:13px;
  font-weight:800;
  color:#9fd7c4;
  letter-spacing:.07em
}
.service-intro strong,.service-intro small {
  display:block
}
.service-intro strong {
  font-size:11px
}
.service-intro small {
  font-size:9px;
  color:#b3c5c2;
  margin-top:3px
}
.service-intro-right {
  margin-left:auto;
  font-size:9px;
  color:#b6c8c4
}
.service-intro-right b {
  color:#9bdac4;
  margin-left:7px
}
.service-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px
}
.service-card {
  position:relative;
  min-height:178px;
  text-align:left;
  border:1px solid #dfe5df;
  border-radius:12px;
  background:#fffefa;
  padding:19px;
  cursor:pointer;
  transition:.2s
}
.service-card:hover {
  border-color:#82baaa;
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(31,65,73,.08)
}
.service-number {
  font-size:10px;
  font-weight:800;
  color:#61a394;
  letter-spacing:.14em
}
.service-arrow {
  position:absolute;
  right:17px;
  top:15px;
  color:#9caeaa
}
.service-card h3 {
  font-size:14px;
  margin:10px 0 7px
}
.service-card p {
  font-size:9px;
  color:#77868a;
  line-height:1.7;
  margin:0;
  max-width:98%
}
.service-tags {
  display:flex;
  justify-content:space-between;
  gap:8px;
  border-top:1px solid #edf0ec;
  margin-top:13px;
  padding-top:9px;
  color:#758a88;
  font-size:8px
}
.service-tags span:last-child {
  color:#4a9889
}
.systems-lead {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-end;
  margin:3px 0 12px
}
.systems-lead h3 {
  font-size:19px;
  margin:5px 0
}
.systems-lead p {
  max-width:440px;
  font-size:10px;
  color:#79888a;
  margin:0
}
.system-list {
  border:1px solid #dfe4df;
  border-radius:13px;
  overflow:hidden;
  background:#fffefa
}
.system-row {
  width:100%;
  text-align:left;
  border:0;
  border-bottom:1px solid #e9ede8;
  background:#fffefa;
  display:grid;
  grid-template-columns:115px 1.3fr 1fr 18px;
  gap:13px;
  align-items:center;
  padding:14px 17px;
  cursor:pointer;
  transition:.18s
}
.system-row:last-child {
  border-bottom:0
}
.system-row:hover {
  background:#f3f7f2
}
.system-id {
  font-size:8px;
  letter-spacing:.08em;
  color:#6d9b91
}
.system-main strong,.system-main small {
  display:block
}
.system-main strong {
  font-size:11px
}
.system-main small {
  font-size:8px;
  color:#839093;
  margin-top:3px
}
.system-write {
  font-size:8px;
  color:#728286;
  line-height:1.5
}
.system-write b {
  display:block;
  font-size:7px;
  letter-spacing:.08em;
  color:#90a09e
}
.system-arrow {
  color:#9cb0aa
}
.flow-rail {
  padding:19px 20px;
  background:#eaf1ec;
  border-radius:12px;
  margin-top:15px
}
.flow-title {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.flow-title strong {
  font-size:10px
}
.flow-steps {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-top:14px
}
.flow-steps span {
  font-size:9px;
  color:#41625e;
  background:#fffefa;
  border:1px solid #dce8de;
  padding:6px 9px;
  border-radius:7px;
  white-space:nowrap
}
.flow-steps i {
  font-style:normal;
  color:#75a699;
  font-size:12px
}
.knowledge-layout {
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:30px;
  background:#f0f1e9;
  padding:26px;
  border-radius:14px
}
.knowledge-copy h3 {
  font-size:20px;
  line-height:1.4;
  margin:8px 0
}
.knowledge-copy p {
  font-size:11px;
  color:#718187;
  line-height:1.85
}
.knowledge-flow {
  display:grid;
  grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;
  align-items:center;
  gap:5px
}
.knowledge-step {
  min-height:108px;
  border:1px solid #dce4de;
  background:#fffefa;
  border-radius:10px;
  padding:12px
}
.knowledge-step>b {
  font-size:9px;
  color:#64a396;
  display:block
}
.knowledge-step>span {
  display:block;
  font-size:10px;
  font-weight:700;
  margin-top:12px
}
.knowledge-step small {
  font-size:8px;
  color:#879597;
  display:block;
  margin-top:5px
}
.knowledge-step.needs-review {
  border-color:#e4d2b6;
  background:#fffaf0
}
.knowledge-step.needs-review>b {
  color:#c48d4f
}
.knowledge-step.approved {
  background:#e7f3eb;
  border-color:#cae0d0
}
.knowledge-flow>i {
  text-align:center;
  color:#8fa9a0;
  font-style:normal
}
.knowledge-rules {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:13px
}
.knowledge-rules span {
  font-size:8px;
  color:#6f8584;
  border:1px solid #dde5df;
  border-radius:20px;
  padding:5px 9px;
  background:#fffefa
}
.human-guardrail {
  display:flex;
  gap:14px;
  align-items:center;
  padding:16px 19px;
  margin-top:19px;
  background:#f5eee0;
  border:1px solid #ebdec6;
  border-radius:12px
}
.guardrail-symbol {
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:#ead7b7;
  color:#956b34;
  border-radius:9px;
  font-size:14px;
  font-weight:800;
  flex:0 0 auto
}
.human-guardrail>div {
  flex:1
}
.human-guardrail strong {
  font-size:11px
}
.human-guardrail p {
  font-size:9px;
  color:#7d8178;
  margin:3px 0 0
}
.human-guardrail .text-action {
  margin-left:auto
}
.market-grid {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:15px
}
.market-left {
  display:flex;
  flex-direction:column;
  gap:12px
}
.market-pool-card {
  padding:21px;
  background:#193b4b;
  border-radius:15px;
  color:#f7f4ea
}
.pool-top {
  display:flex;
  justify-content:space-between;
  align-items:flex-start
}
.pool-top .section-kicker {
  color:#9dcabb
}
.pool-top h3 {
  font-size:23px;
  margin:6px 0 0
}
.pool-date {
  color:#aabbb8;
  font-size:9px
}
.pool-bar {
  height:12px;
  border-radius:8px;
  background:#d5b77f;
  display:flex;
  overflow:hidden;
  margin:23px 0 12px
}
.pool-deep {
  width:26.5%;
  background:#77bea9
}
.pool-roster {
  flex:1;
  background:#d8b16f
}
.pool-legend {
  display:flex;
  gap:22px;
  font-size:9px;
  color:#c5d0c9
}
.pool-legend b {
  color:#f4f1e5;
  font-size:13px;
  margin-right:3px
}
.pool-insight {
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(222,240,227,.15);
  border-radius:9px;
  padding:11px;
  margin-top:18px
}
.insight-mark {
  width:26px;
  height:26px;
  border-radius:8px;
  background:#d9eddf;
  color:#286c65;
  display:grid;
  place-items:center;
  font-weight:800
}
.pool-insight strong,.pool-insight small {
  display:block
}
.pool-insight strong {
  font-size:9px
}
.pool-insight small {
  font-size:8px;
  color:#b4c4c0;
  margin-top:3px
}
.insight-chevron {
  margin-left:auto;
  color:#9ed7c1
}
.pool-footnote {
  font-size:8px;
  line-height:1.7;
  color:#aebfbb;
  margin:12px 0 0
}
.sales-funnel {
  background:#e9efea;
  border-radius:11px;
  padding:13px;
  display:flex;
  gap:13px;
  align-items:center
}
.funnel-label {
  display:flex;
  flex-direction:column;
  min-width:60px
}
.funnel-label span {
  font-size:9px;
  font-weight:700
}
.funnel-label small {
  font-size:7px;
  color:#879390
}
.funnel-steps {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  flex:1
}
.funnel-steps span {
  font-size:8px;
  color:#526c6b;
  white-space:nowrap
}
.funnel-steps i {
  font-style:normal;
  color:#8db0a4;
  font-size:12px
}
.market-right {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px
}
.scene-card {
  position:relative;
  text-align:left;
  border:1px solid #dfe5df;
  background:#fffefa;
  border-radius:13px;
  padding:18px 17px 14px;
  min-height:180px;
  cursor:pointer;
  transition:.2s
}
.scene-card:hover {
  transform:translateY(-2px);
  border-color:#90beb2
}
.scene-priority {
  grid-column:span 2;
  min-height:165px;
  background:#e8f2ec;
  border-color:#d1e3d6
}
.scene-caution {
  background:#fbf3e5;
  border-color:#eddfc6
}
.scene-index {
  font-size:8px;
  color:#839293;
  letter-spacing:.05em
}
.scene-priority .scene-index {
  color:#609181
}
.scene-icon {
  float:right;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#dceee6;
  color:#478b7b;
  font-size:10px;
  font-weight:800
}
.scene-icon.blue {
  background:#e5edf1;
  color:#668c9b
}
.scene-icon.amber {
  background:#f5e5c8;
  color:#bd8439
}
.scene-card h3 {
  font-size:13px;
  margin:13px 0 6px
}
.scene-card p {
  font-size:9px;
  color:#77878a;
  line-height:1.7;
  margin:0 0 15px
}
.scene-action {
  font-size:8px;
  color:#548f82
}
.market-principle {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  border-top:1px solid #dfe4df;
  margin-top:21px;
  padding-top:17px
}
.market-principle span {
  font-size:8px;
  color:#7a8a8b
}
.market-principle strong {
  font-size:9px
}
.market-principle i {
  width:3px;
  height:3px;
  border-radius:50%;
  background:#caa368
}
.roadmap-section {
  padding-top:70px
}
.roadmap {
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.roadmap-line {
  position:absolute;
  top:24px;
  left:9%;
  right:9%;
  height:1px;
  background:#cbd8d1;
  display:flex;
  justify-content:space-between;
  pointer-events:none
}
.roadmap-line i {
  width:7px;
  height:7px;
  background:#8bbdac;
  border-radius:50%;
  transform:translateY(-3px);
  box-shadow:0 0 0 4px var(--paper)
}
.road-card {
  position:relative;
  text-align:left;
  background:#fffefa;
  border:1px solid #dce4df;
  border-radius:13px;
  min-height:188px;
  padding:17px 16px 14px;
  cursor:pointer;
  transition:.2s
}
.road-card:hover,.road-card.active {
  border-color:#70ad9d;
  box-shadow:0 8px 22px rgba(39,80,77,.08)
}
.road-card.active {
  background:#f0f6f0
}
.road-number {
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  background:#193b4b;
  color:#d1e9de;
  border-radius:50%;
  font-size:8px;
  font-weight:800;
  position:relative;
  z-index:1
}
.road-time {
  display:block;
  font-size:8px;
  color:#76a095;
  margin-top:12px
}
.road-card h3 {
  font-size:13px;
  margin:4px 0 7px
}
.road-card p {
  font-size:9px;
  color:#79888b;
  line-height:1.7;
  margin:0;
  min-height:46px
}
.road-state {
  font-size:8px;
  color:#9b7949;
  display:inline-block;
  border-top:1px solid #eceee8;
  padding-top:8px;
  margin-top:8px
}
.road-detail {
  display:grid;
  grid-template-columns:110px 1fr 1.15fr 32px;
  align-items:center;
  gap:18px;
  padding:18px 20px;
  background:#e7efea;
  border-radius:12px;
  margin-top:13px
}
.road-detail-label span,.road-detail-label small {
  display:block
}
.road-detail-label span {
  font-size:9px;
  color:#679287;
  font-weight:800
}
.road-detail-label small {
  font-size:8px;
  color:#85938e;
  margin-top:4px
}
.road-detail-main h3 {
  font-size:12px;
  margin:0 0 4px
}
.road-detail-main p,.road-detail-gate p {
  font-size:9px;
  color:#72827f;
  line-height:1.6;
  margin:0
}
.road-detail-gate b {
  display:block;
  font-size:8px;
  color:#64857e;
  margin-bottom:4px
}
.road-detail-open {
  width:29px;
  height:29px;
  border:1px solid #cbdcd2;
  background:#f8faf5;
  border-radius:8px;
  color:#4c9183;
  cursor:pointer
}
.acceptance-strip {
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:13px 15px;
  border:1px solid #dfe4df;
  background:#fffefa;
  border-radius:11px
}
.acceptance-title {
  margin-right:auto
}
.acceptance-title strong {
  display:block;
  font-size:10px;
  margin-top:3px
}
.gate-chip {
  border:1px solid #dfe5df;
  border-radius:20px;
  background:#fffefa;
  padding:6px 9px;
  font-size:8px;
  cursor:pointer;
  color:#697a7a
}
.gate-chip i {
  font-style:normal;
  margin-right:4px
}
.gate-chip.pass i {
  color:#5c9c7e
}
.gate-chip.conditional i {
  color:#c79449
}
.gate-chip.pause i {
  color:#758d99
}
.gate-chip.stop i {
  color:#c06f5e
}
.acceptance-strip>small {
  font-size:8px;
  color:#929e9d;
  margin-left:5px
}
.preflight {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:14px 16px;
  margin-top:12px;
  background:#f8efdf;
  border:1px solid #ecdfc7;
  border-radius:11px
}
.preflight>div {
  display:flex;
  align-items:center;
  gap:11px
}
.preflight-icon {
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#eedcb9;
  color:#9d7139;
  font-weight:800
}
.preflight strong,.preflight small {
  display:block
}
.preflight strong {
  font-size:10px
}
.preflight small {
  font-size:8px;
  color:#837f72;
  margin-top:3px
}
.governance-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:11px
}
.role-card {
  padding:16px;
  border:1px solid #dfe4df;
  background:#fffefa;
  border-radius:12px
}
.role-card-head {
  display:flex;
  align-items:center;
  gap:9px
}
.role-avatar {
  width:29px;
  height:29px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#193d4d;
  color:#d5ece1;
  font-size:10px;
  font-weight:800
}
.teal-avatar {
  background:#daeee5;
  color:#3f8877
}
.amber-avatar {
  background:#f4e4c9;
  color:#a37436
}
.blue-avatar {
  background:#e4edf0;
  color:#577d8a
}
.role-card-head strong,.role-card-head small {
  display:block
}
.role-card-head strong {
  font-size:10px
}
.role-card-head small {
  font-size:8px;
  color:#8a989a;
  margin-top:2px
}
.role-card p {
  font-size:9px;
  line-height:1.75;
  color:#718187;
  margin:12px 0 0
}
.guardrail-footer {
  display:flex;
  align-items:center;
  gap:13px;
  padding:17px 19px;
  margin-top:13px;
  background:#193b4a;
  border-radius:12px;
  color:#f2f4ea
}
.guardrail-footer-mark {
  width:34px;
  height:34px;
  border:1px solid rgba(160,213,194,.55);
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#9ad6c2;
  font-size:10px;
  font-weight:800
}
.guardrail-footer>div:nth-child(2) {
  flex:1
}
.guardrail-footer strong {
  font-size:10px
}
.guardrail-footer p {
  font-size:8px;
  color:#b7c8c2;
  margin:3px 0 0
}
.guardrail-seal {
  display:flex;
  gap:6px
}
.guardrail-seal span {
  padding:5px 7px;
  border:1px solid rgba(212,231,218,.17);
  border-radius:15px;
  font-size:7px;
  color:#c8d8d1
}
.chapter-section {
  padding-bottom:68px
}
.chapter-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.chapter-card {
  position:relative;
  text-align:left;
  border:1px solid #dfe4df;
  background:#fffefa;
  border-radius:11px;
  min-height:135px;
  padding:15px 16px;
  cursor:pointer;
  transition:.2s
}
.chapter-card:hover {
  border-color:#82b8aa;
  transform:translateY(-2px)
}
.chapter-index {
  font-size:8px;
  color:#71a395;
  font-weight:800;
  letter-spacing:.14em
}
.chapter-open {
  float:right;
  color:#a0aeaa
}
.chapter-card strong {
  display:block;
  font-size:11px;
  margin:8px 0 5px
}
.chapter-card p {
  font-size:8px;
  color:#7c8b8e;
  line-height:1.7;
  margin:0
}
.standalone-note {
  display:flex;
  align-items:center;
  gap:12px;
  background:#e7efea;
  border-radius:11px;
  padding:13px 16px;
  margin-top:15px
}
.standalone-icon {
  font-size:19px;
  color:#559588
}
.standalone-note>div {
  flex:1
}
.standalone-note strong {
  font-size:9px
}
.standalone-note p {
  font-size:8px;
  color:#72817f;
  margin:3px 0 0
}
.standalone-badge {
  font-size:7px;
  letter-spacing:.15em;
  color:#6e9d91;
  border:1px solid #c9dcd2;
  padding:5px 8px;
  border-radius:12px;
  white-space:nowrap
}
.footer {
  padding:24px clamp(22px,5vw,76px);
  background:#112c3d;
  color:#e9efe9;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px
}
.footer-brand {
  display:flex;
  align-items:center;
  gap:10px
}
.small-mark {
  width:31px;
  height:31px;
  border-radius:9px;
  font-size:10px
}
.footer-brand strong,.footer-brand small {
  display:block
}
.footer-brand strong {
  font-size:10px
}
.footer-brand small {
  font-size:8px;
  color:#a5b7b7;
  margin-top:3px
}
.footer-meta {
  display:flex;
  align-items:center;
  gap:17px;
  color:#a6b7b6;
  font-size:8px
}
.footer-meta a {
  color:#b7dfd0
}
.back-top {
  position:fixed;
  right:23px;
  bottom:24px;
  width:39px;
  height:39px;
  border:1px solid #cfded6;
  background:#fffefa;
  color:#347c73;
  border-radius:11px;
  box-shadow:0 8px 25px rgba(25,60,63,.13);
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:.2s;
  cursor:pointer;
  z-index:35
}
.back-top.visible {
  opacity:1;
  pointer-events:auto;
  transform:translateY(0)
}
.toast {
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:120;
  transform:translate(-50%,15px);
  opacity:0;
  background:#153849;
  color:#f3f5ea;
  padding:9px 15px;
  border-radius:8px;
  font-size:10px;
  box-shadow:0 8px 22px rgba(10,35,45,.2);
  transition:.2s;
  pointer-events:none
}
.toast.visible {
  opacity:1;
  transform:translate(-50%,0)
}
.search-overlay,.modal-layer {
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:start center;
  padding:11vh 18px 20px
}
.search-backdrop,.modal-scrim {
  position:absolute;
  inset:0;
  background:rgba(7,24,34,.7);
  backdrop-filter:blur(6px)
}
.search-dialog {
  position:relative;
  width:min(650px,100%);
  background:#fffefa;
  border:1px solid rgba(255,255,255,.35);
  border-radius:16px;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  overflow:hidden
}
.search-dialog-head {
  display:flex;
  align-items:center;
  gap:12px;
  padding:17px 19px;
  border-bottom:1px solid #e4e9e4;
  color:#5d8e83
}
.search-dialog-head input {
  border:0;
  outline:0;
  flex:1;
  min-width:0;
  background:transparent;
  font-size:14px;
  color:#203f4e
}
.search-dialog-head input::placeholder {
  color:#a0aaa7
}
.search-dialog kbd {
  background:#eef1ed;
  border-color:#e1e6df;
  color:#84918e
}
.close-search,.modal-close {
  border:0;
  background:transparent;
  color:#7f908f;
  font-size:22px;
  line-height:1;
  cursor:pointer
}
.search-hint {
  padding:10px 20px 4px;
  font-size:9px;
  color:#879593
}
.search-results {
  max-height:min(51vh,470px);
  overflow:auto;
  padding:4px 10px 10px
}
.search-empty {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:34px 15px;
  color:#6f8283
}
.search-empty-mark {
  font-size:27px;
  color:#7eafa1
}
.search-empty strong {
  font-size:11px;
  margin-top:8px
}
.search-empty small {
  font-size:9px;
  color:#98a3a0;
  margin-top:4px
}
.search-result {
  display:grid;
  grid-template-columns:53px 1fr 20px;
  gap:10px;
  align-items:center;
  width:100%;
  text-align:left;
  border:0;
  border-radius:9px;
  background:transparent;
  padding:11px 10px;
  cursor:pointer
}
.search-result:hover,.search-result.active {
  background:#edf4ef
}
.search-result-type {
  font-size:8px;
  color:#5a9789;
  background:#e3f0e9;
  padding:4px 6px;
  border-radius:5px;
  text-align:center
}
.search-result-copy strong,.search-result-copy small {
  display:block
}
.search-result-copy strong {
  font-size:10px
}
.search-result-copy small {
  font-size:8px;
  color:#809092;
  line-height:1.5;
  margin-top:3px
}
.search-result-arrow {
  font-size:11px;
  color:#8da39d
}
.search-foot {
  border-top:1px solid #e5eae5;
  padding:10px 18px;
  display:flex;
  justify-content:space-between;
  font-size:8px;
  color:#9aa5a2
}
.search-foot b {
  font-weight:600;
  color:#6d8c82;
  margin-left:7px
}
.modal-layer {
  z-index:110;
  place-items:center;
  padding:24px
}
.detail-modal {
  position:relative;
  width:min(650px,100%);
  max-height:min(84vh,850px);
  overflow:auto;
  padding:22px 27px 21px;
  background:#fffefa;
  border-radius:17px;
  box-shadow:0 28px 85px rgba(0,0,0,.32);
  overscroll-behavior:contain
}
.modal-topline {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #e7ebe5;
  padding-bottom:12px
}
.modal-close {
  width:30px;
  height:30px;
  border-radius:8px
}
.modal-close:hover {
  background:#edf2ed
}
.modal-content h2 {
  font-size:24px;
  line-height:1.3;
  letter-spacing:-.03em;
  margin:20px 0 11px
}
.modal-content h3 {
  font-size:12px;
  margin:20px 0 7px
}
.detail-status {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:8px;
  color:#568c71;
  padding:5px 8px;
  background:#e8f3ea;
  border-radius:15px
}
.detail-status.status-pending {
  color:#9b723c;
  background:#fbf0dc
}
.detail-status.status-pending i {
  background:#d6a052
}
.detail-status.status-design {
  color:#528985;
  background:#e4f1ee
}
.detail-status.status-design i {
  background:#60a69b
}
.detail-lead {
  font-size:12px;
  color:#526c70;
  line-height:1.85;
  margin:10px 0 16px
}
.detail-source,.detail-boundary {
  display:grid;
  grid-template-columns:88px 1fr;
  gap:10px;
  padding:11px 12px;
  background:#f0f4ef;
  border-radius:8px;
  font-size:9px;
  color:#71817e;
  margin-top:9px
}
.detail-source b,.detail-boundary b {
  font-size:8px;
  color:#578a7e;
  letter-spacing:.03em
}
.detail-boundary {
  display:block;
  background:#fbf3e4
}
.detail-boundary b {
  display:block;
  color:#9b763e
}
.detail-boundary p {
  font-size:9px;
  color:#766f61;
  line-height:1.7;
  margin:4px 0 0
}
.detail-list {
  padding-left:18px;
  margin:7px 0;
  color:#667a7d
}
.detail-list li {
  font-size:9px;
  line-height:1.8;
  padding-left:3px;
  margin:3px 0
}
.detail-list li::marker {
  color:#69a391
}
.detail-jump {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:19px;
  border:1px solid #d5e4dc;
  background:#edf5ef;
  color:#438579;
  border-radius:8px;
  padding:9px 12px;
  font-size:9px;
  font-weight:700
}
.detail-note {
  padding:10px 12px;
  background:#f7f1e4;
  border-radius:8px;
  color:#7e765f;
  font-size:9px;
  line-height:1.7
}
.modal-footer {
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid #e8ece6;
  margin-top:21px;
  padding-top:12px;
  color:#96a19e;
  font-size:8px
}
.modal-footer a {
  color:#4f9083
}
.modal-open,.search-open {
  overflow:hidden
}
.presentation-mode .topbar {
  height:60px
}
.presentation-mode .section-nav {
  top:60px
}
.presentation-mode .hero {
  min-height:470px
}
.presentation-mode .hero h1 {
  font-size:clamp(48px,6vw,78px)
}
.presentation-mode .page-shell {
  max-width:1320px
}
.presentation-mode .section-block {
  padding-top:82px;
  padding-bottom:72px
}
.presentation-mode .topbar-center {
  color:#a8d7c9
}
.presentation-mode .section-nav a {
  font-size:12px
}
@media(max-width:1050px) {
  .hero {
    padding-left:42px;
    padding-right:35px;
    grid-template-columns:1fr .86fr
  }
  .hero-visual {
    min-height:300px
  }
  .section-nav {
    gap:19px
  }
  .nav-state {
    display:none
  }
  .decision-banner {
    grid-template-columns:45px 1fr 150px
  }
  .metric-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .service-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .market-grid {
    grid-template-columns:1fr
  }
  .market-right {
    grid-template-columns:repeat(3,1fr)
  }
  .scene-priority {
    grid-column:auto
  }
  .governance-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .knowledge-layout {
    grid-template-columns:1fr
  }
  .knowledge-flow {
    max-width:800px
  }
  .chapter-grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:760px) {
  html {
    scroll-padding-top:112px
  }
  .topbar {
    height:61px;
    padding:0 16px;
    gap:8px
  }
  .brand {
    min-width:0;
    gap:8px
  }
  .brand-mark {
    width:32px;
    height:32px
  }
  .brand-copy strong {
    font-size:12px
  }
  .brand-copy small {
    font-size:8px
  }
  .topbar-center {
    display:none
  }
  .topbar-actions {
    gap:5px
  }
  .topbar-actions button {
    padding:8px
  }
  .button-label {
    font-size:10px
  }
  .topbar kbd {
    display:none
  }
  .primary-button span:first-child {
    max-width:62px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .hero-wrap {
    padding:12px 10px 0
  }
  .hero {
    padding:31px 23px 22px;
    min-height:0;
    grid-template-columns:1fr;
    border-radius:17px 17px 0 0
  }
  .hero h1 {
    font-size:46px;
    margin:18px 0 12px
  }
  .hero-lede {
    font-size:13px
  }
  .hero-state {
    margin-top:19px
  }
  .hero-state strong {
    font-size:10px
  }
  .hero-state small {
    font-size:9px;
    line-height:1.6
  }
  .hero-visual {
    min-height:235px;
    margin:8px -10px 0
  }
  .factory-illustration {
    max-width:420px
  }
  .orbit-one {
    width:310px;
    height:180px
  }
  .orbit-two {
    width:370px;
    height:220px
  }
  .visual-tag {
    font-size:7px
  }
  .tag-top {
    top:8px;
    left:10%
  }
  .hero-foot {
    padding:10px 3px 12px;
    font-size:8px;
    gap:9px
  }
  .hero-foot span:last-child {
    max-width:55%;
    text-align:right;
    line-height:1.4
  }
  .section-nav {
    height:49px;
    top:61px;
    padding:0 14px;
    gap:18px
  }
  .section-nav a {
    font-size:10px
  }
  .section-nav a span {
    font-size:8px
  }
  .page-shell {
    padding:0 16px
  }
  .section-block {
    padding:50px 0 43px;
    scroll-margin-top:110px
  }
  .section-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    margin-bottom:19px
  }
  .section-heading h2 {
    font-size:26px
  }
  .section-heading p {
    font-size:11px
  }
  .section-heading>.text-action {
    padding:0
  }
  .decision-banner {
    grid-template-columns:34px 1fr;
    padding:15px;
    gap:10px
  }
  .decision-mark {
    width:30px;
    height:30px;
    font-size:16px
  }
  .decision-text h3 {
    font-size:16px
  }
  .decision-text p {
    font-size:9px;
    line-height:1.7
  }
  .decision-meta {
    grid-column:2;
    border-left:0;
    border-top:1px solid #d1e0d5;
    padding:9px 0 0;
    display:grid;
    grid-template-columns:80px 1fr;
    align-items:center
  }
  .decision-meta strong {
    margin:0
  }
  .decision-meta small {
    grid-column:2
  }
  .metric-grid {
    gap:8px
  }
  .metric-card {
    padding:13px;
    min-height:137px
  }
  .metric-card>strong {
    font-size:25px
  }
  .metric-card>strong span {
    font-size:9px
  }
  .metric-card small {
    font-size:8px;
    line-height:1.4
  }
  .lens-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:5px
  }
  .lens-heading h3 {
    font-size:15px
  }
  .lens-grid {
    grid-template-columns:1fr
  }
  .lens-card {
    padding:12px
  }
  .filter-group {
    gap:5px
  }
  .filter-pill {
    padding:6px 9px;
    font-size:9px
  }
  .fact-grid {
    grid-template-columns:repeat(2,1fr);
    gap:8px
  }
  .fact-card {
    min-height:220px;
    padding:13px
  }
  .fact-card h3 {
    font-size:13px;
    margin:10px 0 6px
  }
  .fact-card p {
    font-size:9px;
    line-height:1.65
  }
  .fact-card-foot {
    font-size:7px;
    flex-direction:column;
    gap:2px
  }
  .balance-panel {
    grid-template-columns:1fr;
    padding:19px;
    gap:15px
  }
  .balance-copy h3 {
    font-size:18px
  }
  .balance-chart {
    padding:13px
  }
  .entity-boundary {
    padding:17px 14px
  }
  .entity-boundary-title h3 {
    font-size:16px
  }
  .entity-line {
    grid-template-columns:1fr;
    gap:7px
  }
  .entity-node {
    min-height:0;
    padding:10px;
    display:grid;
    grid-template-columns:70px 1fr;
    align-items:center;
    column-gap:8px
  }
  .entity-code {
    grid-row:span 3
  }
  .entity-node strong {
    margin:0
  }
  .entity-node small {
    margin-top:2px
  }
  .entity-node>i {
    position:absolute;
    right:24px;
    margin:0
  }
  .entity-connector {
    height:17px
  }
  .entity-connector i {
    left:50%;
    right:auto;
    top:0;
    bottom:0;
    width:1px;
    height:auto
  }
  .entity-connector b {
    font-size:7px
  }
  .draft-badge {
    font-size:8px
  }
  .subnav-tabs {
    width:100%;
    gap:2px
  }
  .subnav-tab {
    padding:9px 8px;
    font-size:9px;
    flex:1
  }
  .subnav-tab small {
    display:block;
    margin:1px 0 0;
    font-size:7px
  }
  .service-intro {
    padding:12px;
    gap:9px
  }
  .service-intro small {
    font-size:8px
  }
  .service-intro-right {
    font-size:0
  }
  .service-grid {
    grid-template-columns:1fr 1fr;
    gap:8px
  }
  .service-card {
    padding:14px;
    min-height:190px
  }
  .service-card h3 {
    font-size:11px;
    min-height:30px
  }
  .service-card p {
    font-size:8px
  }
  .service-tags {
    font-size:7px;
    flex-direction:column;
    gap:4px
  }
  .systems-lead {
    align-items:flex-start;
    flex-direction:column;
    gap:3px
  }
  .systems-lead h3 {
    font-size:17px
  }
  .system-row {
    grid-template-columns:75px 1fr 15px;
    gap:8px;
    padding:12px
  }
  .system-write {
    grid-column:2;
    grid-row:2
  }
  .system-arrow {
    grid-column:3;
    grid-row:1 / span 2
  }
  .system-id {
    font-size:7px
  }
  .system-main strong {
    font-size:10px
  }
  .system-main small {
    font-size:7px
  }
  .flow-rail {
    padding:14px
  }
  .flow-title {
    align-items:flex-start;
    flex-direction:column;
    gap:4px
  }
  .flow-steps {
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:6px
  }
  .flow-steps span {
    font-size:7px;
    padding:5px 7px
  }
  .flow-steps i {
    font-size:9px
  }
  .knowledge-layout {
    padding:17px;
    gap:13px
  }
  .knowledge-copy h3 {
    font-size:17px
  }
  .knowledge-copy p {
    font-size:9px
  }
  .knowledge-flow {
    grid-template-columns:1fr;
    gap:5px
  }
  .knowledge-flow>i {
    font-size:11px;
    line-height:1
  }
  .knowledge-step {
    min-height:76px;
    padding:10px
  }
  .knowledge-step>span {
    font-size:9px;
    margin-top:8px
  }
  .knowledge-step small {
    font-size:8px
  }
  .knowledge-rules span {
    font-size:7px
  }
  .human-guardrail {
    align-items:flex-start;
    padding:13px;
    gap:9px
  }
  .human-guardrail strong {
    font-size:9px
  }
  .human-guardrail p {
    font-size:8px;
    line-height:1.65
  }
  .human-guardrail>.text-action {
    display:none
  }
  .market-grid {
    gap:9px
  }
  .market-pool-card {
    padding:16px
  }
  .pool-top h3 {
    font-size:20px
  }
  .pool-legend {
    font-size:8px;
    gap:13px
  }
  .pool-footnote {
    font-size:7px
  }
  .sales-funnel {
    align-items:flex-start;
    flex-direction:column;
    gap:7px
  }
  .funnel-steps {
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start
  }
  .funnel-steps span {
    font-size:7px
  }
  .market-right {
    grid-template-columns:1fr 1fr;
    gap:8px
  }
  .scene-priority {
    grid-column:span 2
  }
  .scene-card {
    min-height:190px;
    padding:14px
  }
  .scene-priority {
    min-height:152px
  }
  .scene-card h3 {
    font-size:11px
  }
  .scene-card p {
    font-size:8px
  }
  .market-principle {
    gap:7px
  }
  .market-principle strong {
    font-size:8px
  }
  .roadmap {
    grid-template-columns:1fr 1fr;
    gap:8px
  }
  .roadmap-line {
    display:none
  }
  .road-card {
    min-height:174px;
    padding:13px
  }
  .road-card h3 {
    font-size:11px
  }
  .road-card p {
    font-size:8px;
    min-height:45px
  }
  .road-detail {
    grid-template-columns:64px 1fr 25px;
    gap:8px;
    padding:13px
  }
  .road-detail-label {
    grid-row:span 2
  }
  .road-detail-main h3 {
    font-size:10px
  }
  .road-detail-main p,.road-detail-gate p {
    font-size:8px
  }
  .road-detail-gate {
    grid-column:2
  }
  .road-detail-open {
    grid-column:3;
    grid-row:1
  }
  .acceptance-strip {
    flex-wrap:wrap;
    gap:6px;
    padding:11px
  }
  .acceptance-title {
    width:100%;
    margin-bottom:3px
  }
  .acceptance-strip>small {
    width:100%;
    margin:4px 0 0
  }
  .preflight {
    align-items:flex-start;
    flex-direction:column;
    padding:12px
  }
  .preflight small {
    line-height:1.6
  }
  .governance-grid {
    grid-template-columns:1fr 1fr;
    gap:8px
  }
  .role-card {
    padding:12px
  }
  .role-card-head {
    gap:7px
  }
  .role-card-head strong {
    font-size:9px
  }
  .role-card-head small {
    font-size:7px
  }
  .role-card p {
    font-size:8px
  }
  .guardrail-footer {
    align-items:flex-start;
    padding:14px;
    gap:9px
  }
  .guardrail-footer strong {
    font-size:9px
  }
  .guardrail-footer p {
    font-size:7px;
    line-height:1.7
  }
  .guardrail-seal {
    display:none
  }
  .chapter-grid {
    grid-template-columns:1fr 1fr;
    gap:8px
  }
  .chapter-card {
    min-height:160px;
    padding:12px
  }
  .chapter-card strong {
    font-size:10px
  }
  .chapter-card p {
    font-size:7px;
    line-height:1.7
  }
  .standalone-note {
    align-items:flex-start;
    padding:12px
  }
  .standalone-note p {
    line-height:1.65
  }
  .standalone-badge {
    display:none
  }
  .footer {
    align-items:flex-start;
    flex-direction:column;
    padding:19px 17px
  }
  .footer-meta {
    gap:10px;
    flex-wrap:wrap
  }
  .footer-meta span {
    font-size:7px
  }
  .search-overlay {
    padding-top:8vh
  }
  .search-dialog {
    border-radius:13px
  }
  .search-dialog-head {
    padding:13px
  }
  .search-dialog-head input {
    font-size:12px
  }
  .search-results {
    max-height:57vh
  }
  .search-result {
    grid-template-columns:45px 1fr 16px;
    padding:10px 7px
  }
  .detail-modal {
    padding:17px 18px;
    max-height:88vh
  }
  .modal-content h2 {
    font-size:20px
  }
  .modal-content .detail-lead {
    font-size:10px
  }
  .modal-footer {
    flex-direction:column
  }
  .presentation-mode .topbar {
    height:55px
  }
  .presentation-mode .section-nav {
    top:55px
  }
  .presentation-mode .hero {
    min-height:0
  }
  .presentation-mode .hero h1 {
    font-size:49px
  }
  .presentation-mode .section-block {
    padding-top:54px;
    padding-bottom:47px
  }
}
@media(max-width:430px) {
  .button-label {
    display:none
  }
  .primary-button span:first-child {
    max-width:unset;
    display:none
  }
  .primary-button {
    font-size:0;
    width:36px;
    height:36px
  }
  .primary-button span:last-child {
    font-size:16px
  }
  .hero h1 {
    font-size:41px
  }
  .hero-state {
    padding:11px
  }
  .hero-buttons {
    gap:14px
  }
  .hero-cta {
    font-size:10px;
    padding:10px 11px
  }
  .hero-link {
    font-size:10px
  }
  .hero-foot {
    font-size:7px
  }
  .metric-grid {
    grid-template-columns:1fr 1fr
  }
  .metric-card {
    min-height:131px
  }
  .metric-top {
    font-size:8px
  }
  .fact-card {
    min-height:238px
  }
  .fact-card h3 {
    font-size:12px
  }
  .service-grid {
    grid-template-columns:1fr
  }
  .service-card {
    min-height:0
  }
  .service-card h3 {
    min-height:0
  }
  .service-tags {
    flex-direction:row
  }
  .knowledge-flow {
    grid-template-columns:1fr;
    gap:5px
  }
  .knowledge-flow>i {
    font-size:11px;
    line-height:1
  }
  .knowledge-step {
    min-height:76px
  }
  .market-right {
    grid-template-columns:1fr
  }
  .scene-priority {
    grid-column:auto
  }
  .scene-card,.scene-priority {
    min-height:0
  }
  .scene-card p {
    margin-bottom:10px
  }
  .governance-grid {
    grid-template-columns:1fr
  }
  .role-card p {
    font-size:9px
  }
  .chapter-grid {
    grid-template-columns:1fr
  }
  .chapter-card {
    min-height:0
  }
  .chapter-card p {
    font-size:8px
  }
  .road-detail {
    grid-template-columns:54px 1fr 24px
  }
  .road-card {
    min-height:185px
  }
}
.diagram-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin:3px 0 18px
}
.diagram-heading h3 {
  margin:5px 0 6px;
  color:#17394a;
  font-size:22px;
  letter-spacing:-.025em
}
.diagram-heading p {
  max-width:760px;
  margin:0;
  color:#74848a;
  font-size:11px;
  line-height:1.8
}
.architecture-stamp {
  flex:0 0 auto;
  padding:8px 11px;
  border:1px solid #e8d7b8;
  border-radius:18px;
  background:#fbf3e6;
  color:#916b36;
  font-size:9px
}
.architecture-stamp i {
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:6px;
  border-radius:50%;
  background:#d39c4f;
  vertical-align:1px
}
.architecture-map {
  display:grid;
  gap:8px;
  overflow:hidden;
  border:1px solid #dce4df;
  border-radius:18px;
  background:linear-gradient(145deg,#fffefa,#f2f5ef);
  padding:16px;
  box-shadow:0 14px 35px rgba(21,54,65,.06)
}
.architecture-level {
  display:grid;
  grid-template-columns:174px minmax(0,1fr);
  gap:14px;
  align-items:stretch;
  border:1px solid #dfe6e0;
  border-radius:13px;
  padding:12px;
  background:#fffefa
}
.level-entry {border-left:4px solid #24495a}
.level-ai {border-left:4px solid #4b9f92;background:#f6fbf7}
.level-systems {border-left:4px solid #d6a157;background:#fffcf5}
.level-data {border-left:4px solid #7a9a9a;background:#f4f7f4}
.architecture-level-head {
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:6px 4px
}
.layer-step {
  display:grid;
  flex:0 0 28px;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:8px;
  background:#eaf0ea;
  color:#4e7e78;
  font-size:9px;
  font-weight:800
}
.architecture-level-head>div {min-width:0}
.architecture-level-head strong,.architecture-level-head small {display:block}
.architecture-level-head strong {font-size:12px;color:#224354}
.architecture-level-head small {margin-top:4px;color:#89969a;font-size:9px;line-height:1.6}
.layer-kind {
  display:none;
  margin-left:auto;
  padding:3px 6px;
  border-radius:10px;
  background:rgba(32,70,81,.06);
  color:#6a8283;
  font-size:7px;
  white-space:nowrap
}
.architecture-nodes {display:grid;gap:8px;align-content:center}
.entry-nodes {grid-template-columns:repeat(4,minmax(0,1fr))}
.ai-nodes {grid-template-columns:repeat(3,minmax(0,1fr))}
.system-nodes {grid-template-columns:repeat(4,minmax(0,1fr))}
.architecture-node {
  position:relative;
  display:flex;
  min-width:0;
  min-height:68px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:9px 10px;
  border:1px solid #e3e9e4;
  border-radius:9px;
  background:#fff;
  text-align:left;
  color:#264653
}
button.architecture-node {cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
button.architecture-node:hover {transform:translateY(-2px);border-color:#79b6a4;box-shadow:0 7px 15px rgba(26,64,70,.08)}
.entry-node {background:#f6f8f4}
.service-node {background:#f4faf7}
.system-node {background:#fffaf0}
.architecture-node .node-code {
  color:#7ba89b;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em
}
.system-node .node-code {color:#a68149}
.architecture-node strong {display:block;margin-top:3px;font-size:10px;line-height:1.45}
.architecture-node small {display:block;margin-top:3px;color:#819093;font-size:8px;line-height:1.5}
.node-open {position:absolute;right:8px;top:6px;color:#89a39c;font-size:10px}
.architecture-link {
  display:grid;
  grid-template-columns:minmax(30px,1fr) auto minmax(30px,1fr);
  align-items:center;
  justify-items:center;
  gap:12px;
  color:#64827f;
  font-size:8px
}
.architecture-link i {
  position:relative;
  display:block;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,transparent,#90b8aa)
}
.architecture-link i:first-child:after,.architecture-link i:last-child:after {
  position:absolute;
  top:-3px;
  right:0;
  width:6px;
  height:6px;
  border-top:1px solid #76a696;
  border-right:1px solid #76a696;
  content:"";
  transform:rotate(45deg)
}
.architecture-link i:first-child:after {left:0;right:auto;transform:rotate(225deg)}
.flow-heading {margin-bottom:14px}
.flow-selector {display:flex;width:max-content;max-width:100%;gap:5px;margin-bottom:14px;padding:4px;border-radius:11px;background:#e9ede7}
.flow-select {display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;padding:9px 12px;color:#758589;font-size:9px;cursor:pointer;white-space:nowrap}
.flow-select small {color:#9ba7a4;font-size:7px}
.flow-select.active {background:#fffefa;color:#254957;font-weight:750;box-shadow:0 2px 8px rgba(26,52,59,.07)}
.flow-select.active small {color:#5b9b89}
.flow-summary {display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #dce6df;border-radius:12px;background:linear-gradient(110deg,#f4f8f3,#edf5f0)}
.flow-summary-icon {display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:9px;background:#dcece4;color:#3e897e;font-size:15px;font-weight:800}
.flow-summary strong {display:block;color:#254755;font-size:11px}
.flow-summary p {margin:3px 0 0;color:#77888a;font-size:8px;line-height:1.7}
.flow-status {margin-left:auto;padding:5px 8px;border:1px solid #e7d7b5;border-radius:12px;background:#fff8e9;color:#987646;font-size:7px;white-space:nowrap}
.flow-legend {display:flex;flex-wrap:wrap;gap:15px;margin:12px 3px 16px;color:#718286;font-size:9px}
.flow-legend span {display:flex;align-items:center;gap:6px}
.flow-legend i {display:block;width:13px;height:8px;border-radius:3px}
.legend-main {border:1px solid #6cae9a;background:#e3f2e8}
.legend-gate {border:1px solid #d7a354;background:#fff2d7}
.legend-return {border:1px dashed #d28b66;background:#fff4ed}
.legend-pause {border:1px solid #9d9a8c;background:#eeede6}
.flow-segment {padding:13px;border:1px solid #dce4df;border-radius:14px;background:#fffefa;box-shadow:0 8px 20px rgba(26,54,64,.04)}
.flow-segment-head {display:flex;align-items:center;gap:8px;margin-bottom:11px}
.flow-segment-head span {display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:#e8f0e9;color:#50877c;font-size:8px;font-weight:800}
.flow-segment-head strong {color:#2c4e5a;font-size:10px}
.flow-track {display:flex;align-items:stretch;gap:7px}
.flow-step-wrap {display:flex;flex:1 1 0;min-width:0;align-items:center;gap:6px}
.flow-step-card {position:relative;display:flex;flex:1 1 0;min-width:0;min-height:88px;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid #dce8df;border-radius:10px;background:#f4faf6;padding:11px 10px;text-align:left;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}
.flow-step-card:hover {transform:translateY(-2px);border-color:#79b5a0;box-shadow:0 7px 15px rgba(23,64,67,.08)}
.flow-step-card.is-gate {border-color:#ead3a7;background:#fff8e9}
.flow-step-index {position:absolute;top:7px;left:9px;color:#82a598;font-size:7px;font-weight:800}
.is-gate .flow-step-index {color:#b78b4b}
.flow-gate-mark {position:absolute;top:4px;right:8px;color:#ce9b4c;font-size:13px}
.flow-step-card strong {margin-top:9px;color:#2b4b55;font-size:10px;line-height:1.55}
.flow-step-card small {margin-top:4px;color:#7e8f90;font-size:8px;line-height:1.45}
.flow-step-open {margin-top:5px;color:#4a9485;font-size:8px}
.flow-arrow {color:#85ab9f;font-size:14px;font-weight:400}
.flow-outcomes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}
.flow-outcome {display:flex;min-width:0;flex-direction:column;gap:3px;padding:8px 9px;border:1px solid #e6e6dc;border-radius:8px;background:#f7f7f2}
.flow-outcome span {color:#526c6f;font-size:9px;font-weight:750}
.flow-outcome small {color:#849092;font-size:8px;line-height:1.6}
.outcome-pass {border-color:#d9e9dd;background:#eff7ef}
.outcome-pass span {color:#4b8872}
.outcome-return {border-color:#efd9c8;background:#fff6ef}
.outcome-return span {color:#a87353}
.outcome-pause {border-color:#e5e1d3;background:#f5f3eb}
.outcome-pause span {color:#867959}
.flow-handoff {display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0;color:#72958b;font-size:8px;text-align:center}
.flow-handoff i {width:1px;height:15px;background:#94b9a9}
.flow-footnote {display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:10px 13px;border-left:3px solid #d6a256;border-radius:0 8px 8px 0;background:#fbf5e9}
.flow-footnote b {flex:0 0 auto;color:#84673c;font-size:9px}
.flow-footnote span {color:#87785e;font-size:9px;line-height:1.7}
@media(max-width:1050px) {
  .architecture-level {grid-template-columns:145px minmax(0,1fr)}
  .system-nodes {grid-template-columns:repeat(3,minmax(0,1fr))}
  .flow-track {flex-wrap:wrap}
  .flow-step-wrap {flex:1 1 calc(50% - 14px)}
  .flow-step-wrap:nth-child(2) .flow-arrow {display:none}
}
@media(max-width:760px) {
  .subnav-tabs {overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}
  .subnav-tab {flex:0 0 auto}
  .diagram-heading {align-items:flex-start;flex-direction:column;gap:10px}
  .diagram-heading h3 {font-size:19px}
  .architecture-stamp {font-size:8px}
  .architecture-map {gap:6px;padding:9px;border-radius:13px}
  .architecture-level {grid-template-columns:1fr;gap:9px;padding:9px}
  .architecture-level-head {align-items:center;padding:1px}
  .architecture-level-head small {font-size:8px}
  .layer-kind {display:inline-block}
  .entry-nodes,.system-nodes {grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-nodes {grid-template-columns:repeat(2,minmax(0,1fr))}
  .architecture-node {min-height:62px;padding:8px}
  .architecture-node strong {font-size:9px}
  .architecture-node small {font-size:8px}
  .architecture-link {grid-template-columns:24px auto 24px;gap:7px;font-size:7px}
  .flow-selector {width:100%;overflow-x:auto}
  .flow-select {flex:0 0 auto;justify-content:center;padding:8px 9px}
  .flow-select small {display:none}
  .flow-summary {align-items:flex-start;padding:11px;gap:8px}
  .flow-summary strong {font-size:10px}
  .flow-summary p {font-size:8px}
  .flow-status {margin-left:0;font-size:0;padding:5px;writing-mode:vertical-rl}
  .flow-legend {gap:8px 11px;font-size:8px}
  .flow-segment {padding:10px}
  .flow-track {display:grid;grid-template-columns:1fr;gap:0}
  .flow-step-wrap {display:grid;grid-template-columns:1fr;gap:0}
  .flow-step-card {min-height:72px;padding:10px 12px 10px 38px}
  .flow-step-card strong {margin-top:1px}
  .flow-step-index {top:12px;left:12px}
  .flow-arrow {justify-self:center;transform:rotate(90deg);line-height:1;padding:3px}
  .flow-step-wrap:nth-child(2) .flow-arrow {display:block}
  .flow-outcomes {grid-template-columns:1fr;gap:5px;margin-top:8px}
  .flow-outcome {padding:7px 9px}
  .flow-outcome small {font-size:8px}
  .flow-footnote {gap:7px;padding:9px}
}
@media(max-width:430px) {
  .layer-kind {font-size:6px;padding:3px 5px}
  .entry-nodes,.ai-nodes,.system-nodes {grid-template-columns:1fr 1fr;gap:5px}
  .architecture-node {min-height:58px;padding:7px}
  .architecture-node .node-code {font-size:8px}
  .architecture-node strong {font-size:8px}
  .architecture-node small {font-size:7px}
  .flow-status {display:none}
  .flow-summary-icon {width:25px;height:25px;flex-basis:25px}
  .flow-select {font-size:8px;padding:8px}
  .flow-step-card strong {font-size:9px}
}
.hero-visual {
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  gap:7px
}
.factory-flow {
  z-index:2;
  width:min(100%,510px);
  padding:10px 13px 9px;
  border:1px solid rgba(160,216,197,.26);
  border-radius:11px;
  background:rgba(10,34,47,.93);
  box-shadow:0 12px 28px rgba(3,20,30,.23)
}
.factory-flow-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px
}
.factory-flow-head strong {
  display:flex;
  align-items:center;
  gap:7px;
  color:#e3eee8;
  font-size:9px
}
.factory-flow-head small {
  color:#9eb2ad;
  font-size:7px;
  white-space:nowrap
}
.factory-live-dot {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#82d2b6;
  box-shadow:0 0 0 0 rgba(130,210,182,.42);
  animation:factory-live-pulse 2.4s ease-out infinite
}
.factory-flow-route {
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:start;
  gap:4px
}
.factory-flow-route:before {
  position:absolute;
  top:4px;
  left:9%;
  right:9%;
  height:2px;
  border-radius:2px;
  background:repeating-linear-gradient(90deg,#77cdb0 0 7px,rgba(119,205,176,.13) 7px 13px);
  background-size:26px 2px;
  content:"";
  animation:factory-route-lights 1.2s linear infinite
}
.factory-flow-stage {
  position:relative;
  z-index:1;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  gap:4px;
  color:#c0d0ca;
  text-align:center
}
.factory-flow-stage i {
  display:block;
  width:9px;
  height:9px;
  border:2px solid #89cdb4;
  border-radius:50%;
  background:#183d4b;
  box-shadow:0 0 0 2px rgba(137,205,180,.08);
  animation:factory-stage-pass 6.4s ease-in-out infinite
}
.factory-flow-stage b {
  font-size:8px;
  font-weight:550;
  line-height:1.35;
  white-space:nowrap
}
.quality-stage i {border-color:#efbd75;animation-delay:3.45s}
.factory-flow-stage:nth-child(1) i {animation-delay:0s}
.factory-flow-stage:nth-child(2) i {animation-delay:1.15s}
.factory-flow-stage:nth-child(3) i {animation-delay:2.3s}
.factory-flow-stage:nth-child(5) i {animation-delay:4.6s}
.factory-flow-stage:nth-child(4) b {color:#f2c989}
.factory-workcell {
  opacity:.36;
  filter:saturate(.55);
  transition:opacity .45s ease,filter .45s ease
}
.factory-workcell.is-active {
  opacity:1;
  filter:drop-shadow(0 0 8px rgba(172,239,207,.7))
}
.factory-workcell.is-active .factory-pellet {animation:factory-pellet-drop 1.15s ease-in infinite}
.factory-workcell.is-active .factory-pellet:nth-child(2) {animation-delay:.23s}
.factory-workcell.is-active .factory-pellet:nth-child(3) {animation-delay:.46s}
.factory-workcell.is-active .factory-sheet {animation:factory-sheet-out 1.5s ease-in-out infinite}
.factory-workcell.is-active .factory-roller {animation:factory-roller-turn 2s linear infinite;transform-box:fill-box;transform-origin:center}
.factory-workcell.is-active .factory-box-flap {animation:factory-box-fold 1.7s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}
.factory-workcell[data-scene-stage="4"].is-active {animation:factory-truck-load 2.2s ease-in-out infinite}
.factory-flow-route:before {animation:none;background:repeating-linear-gradient(90deg,rgba(119,205,176,.52) 0 5px,rgba(119,205,176,.1) 5px 12px)}
.factory-flow-route:after {
  position:absolute;
  top:4px;
  left:9%;
  width:calc(82% * var(--factory-progress,.1));
  height:2px;
  border-radius:2px;
  background:#9de7c8;
  box-shadow:0 0 9px rgba(157,231,200,.7);
  content:"";
  transition:width .5s ease
}
.factory-flow-stage {
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  transition:color .25s ease
}
.factory-flow-stage:hover,.factory-flow-stage:focus-visible,.factory-flow-stage.is-active {color:#f2fff7}
.factory-flow-stage i,.quality-stage i,.factory-flow-stage:nth-child(1) i,.factory-flow-stage:nth-child(2) i,.factory-flow-stage:nth-child(3) i,.factory-flow-stage:nth-child(5) i {animation:none}
.factory-flow-stage.is-active i {
  background:#a9f1cc;
  border-color:#b8f8d7;
  box-shadow:0 0 0 5px rgba(137,205,180,.16),0 0 13px rgba(137,205,180,.7)
}
.factory-flow-stage.is-complete i {background:#70bea6}
.factory-flow-stage.quality-stage b {color:inherit}
.factory-flow-stage.quality-stage.is-active b {color:#f2c989}
.factory-flow-detail {
  display:flex;
  align-items:baseline;
  gap:9px;
  min-height:29px;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(165,216,199,.18);
  color:#b9d2ce;
  font-size:12px;
  line-height:1.35
}
.factory-detail-index {color:#e6c48d;font-weight:750;white-space:nowrap}
.factory-flow-detail strong {color:#eff7ee;font-size:12px;white-space:nowrap}
.factory-flow-detail>span:last-child {min-width:0;color:#adc3bf}
@keyframes factory-pellet-drop {0% {transform:translateY(-9px);opacity:0}35% {opacity:1}100% {transform:translateY(5px);opacity:0}}
@keyframes factory-sheet-out {0%,100% {transform:scaleX(.55)}50% {transform:scaleX(1.18)}}
@keyframes factory-roller-turn {to {transform:rotate(360deg)}}
@keyframes factory-box-fold {0%,100% {transform:scaleY(.55)}50% {transform:scaleY(1)}}
@keyframes factory-truck-load {0%,100% {transform:translateX(0)}50% {transform:translateX(6px)}}
.architecture-map {
  gap:7px;
  padding:13px
}
.architecture-level {
  grid-template-columns:160px minmax(0,1fr);
  gap:12px;
  padding:10px 11px
}
.architecture-level-head {align-items:center}
.entry-nodes {grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-nodes,.system-nodes,.foundation-nodes {grid-template-columns:repeat(4,minmax(0,1fr))}
.architecture-node {
  min-height:72px;
  padding:9px 10px
}
.entry-node {min-height:64px}
.service-node {background:#f4faf7}
.system-node {background:#fffaf0}
.foundation-node {background:#f5f8f7}
.architecture-rule {
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 13px;
  border:1px solid #cddfd6;
  border-radius:11px;
  background:linear-gradient(100deg,#e5f0e9,#eff5ec)
}
.rule-mark {
  display:grid;
  width:27px;
  height:27px;
  place-items:center;
  border-radius:8px;
  background:#d3e8dc;
  color:#40887a;
  font-size:9px;
  font-weight:800
}
.architecture-rule strong {color:#345b5e;font-size:9px}
.architecture-rule small {color:#748b84;font-size:8px}
.architecture-level {opacity:1}
#panel-architecture.active #architectureMap>.architecture-level,
#panel-architecture.active .architecture-rule {
  opacity:0;
  animation:architecture-reveal .48s cubic-bezier(.2,.7,.2,1) forwards
}
#panel-architecture.active #architectureMap>.architecture-level:nth-child(1) {animation-delay:.03s}
#panel-architecture.active #architectureMap>.architecture-level:nth-child(3) {animation-delay:.11s}
#panel-architecture.active #architectureMap>.architecture-level:nth-child(5) {animation-delay:.19s}
#panel-architecture.active #architectureMap>.architecture-level:nth-child(7) {animation-delay:.27s}
#panel-architecture.active .architecture-rule {animation-delay:.35s}
.architecture-link i {
  background:repeating-linear-gradient(90deg,#80ae9d 0 5px,transparent 5px 9px);
  background-size:18px 1px;
  animation:architecture-dash 1.5s linear infinite
}
.architecture-link i:first-child:after,.architecture-link i:last-child:after {display:none}
.architecture-link {grid-template-columns:1fr auto 1fr}
.system-node,.service-node {
  opacity:0;
  animation:architecture-node-in .42s ease-out forwards
}
.service-node:nth-child(1),.system-node:nth-child(1) {animation-delay:.05s}
.service-node:nth-child(2),.system-node:nth-child(2) {animation-delay:.1s}
.service-node:nth-child(3),.system-node:nth-child(3) {animation-delay:.15s}
.service-node:nth-child(4),.system-node:nth-child(4) {animation-delay:.2s}
.architecture-member-list {
  display:grid;
  gap:8px;
  margin:9px 0;
  padding:0;
  list-style:none
}
.architecture-member-list li {
  display:grid;
  gap:3px;
  padding:9px 10px;
  border:1px solid #e2e8e1;
  border-radius:8px;
  background:#f7faf6
}
.architecture-member-list strong {color:#31535b;font-size:9px}
.architecture-member-list small {color:#7c898b;font-size:8px;line-height:1.6}
.flow-step-card {
  animation:flow-step-focus 16s ease-in-out infinite
}
.flow-step-card:hover {animation-play-state:paused}
.flow-segment {animation:architecture-reveal .45s ease-out both}
.flow-segment:nth-child(1) {animation-delay:.04s}
.flow-segment:nth-child(3) {animation-delay:.13s}
.flow-segment:nth-child(5) {animation-delay:.22s}
@keyframes factory-live-pulse {
  0% {box-shadow:0 0 0 0 rgba(130,210,182,.4)}
  70%,100% {box-shadow:0 0 0 6px rgba(130,210,182,0)}
}
@keyframes factory-route-lights {to {background-position:26px 0}}
@keyframes factory-stage-pass {
  0%,12% {transform:scale(1.18);background:#8be0be;box-shadow:0 0 0 5px rgba(137,205,180,.18),0 0 13px rgba(137,205,180,.55)}
  18%,100% {transform:scale(1);background:#183d4b;box-shadow:0 0 0 2px rgba(137,205,180,.08)}
}
@keyframes architecture-dash {to {background-position:18px 0}}
@keyframes architecture-reveal {
  from {opacity:0;transform:translateY(8px)}
  to {opacity:1;transform:translateY(0)}
}
@keyframes architecture-node-in {
  from {opacity:0;transform:translateY(5px)}
  to {opacity:1;transform:translateY(0)}
}
@keyframes flow-step-focus {
  0%,6% {box-shadow:0 0 0 3px rgba(83,161,140,.2)}
  11%,100% {box-shadow:none}
}
@media(max-width:1050px) {
  .architecture-level {grid-template-columns:142px minmax(0,1fr)}
  .ai-nodes,.system-nodes,.foundation-nodes {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  .hero-visual {min-height:0;gap:4px;margin-bottom:3px}
  .factory-flow {padding:8px 9px 7px}
  .factory-flow-head {margin-bottom:6px}
  .factory-flow-head strong {font-size:8px}
  .factory-flow-head small {font-size:7px}
  .factory-flow-stage b {font-size:7px}
  .factory-flow-detail {display:grid;grid-template-columns:auto 1fr;gap:1px 7px;font-size:10px}
  .factory-flow-detail>span:last-child {grid-column:2}
  .architecture-map {padding:8px;border-radius:13px}
  .architecture-level {grid-template-columns:1fr;gap:7px;padding:8px}
  .architecture-level-head {padding:1px}
  .layer-kind {display:inline-block}
  .entry-nodes {grid-template-columns:repeat(3,minmax(0,1fr))}
  .ai-nodes,.system-nodes,.foundation-nodes {grid-template-columns:repeat(2,minmax(0,1fr))}
  .architecture-node {min-height:64px;padding:8px}
  .architecture-rule {grid-template-columns:26px minmax(0,1fr);gap:7px;padding:9px}
  .architecture-rule small {grid-column:2}
  .architecture-rule strong {font-size:8px}
  .architecture-member-list small {font-size:8px}
}
@media(max-width:430px) {
  .hero-visual {margin-left:-7px;margin-right:-7px}
  .factory-flow {width:100%;padding:7px 7px 6px}
  .factory-flow-head small {font-size:7px}
  .factory-flow-stage b {font-size:7px}
  .factory-flow-route:before {left:8%;right:8%}
  .architecture-level-head small {font-size:9px}
  .architecture-node {min-height:59px;padding:7px}
  .architecture-node .node-code {font-size:8px}
  .architecture-node strong {font-size:9px}
  .architecture-node small {font-size:8px}
  .entry-node {min-height:58px}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    transition:none!important
  }
  .factory-live-dot,.factory-flow-route:before,.factory-flow-stage i,
  .factory-workcell,.factory-workcell.is-active,.factory-workcell.is-active *,
  .factory-flow-route:after,
  .architecture-link i,#panel-architecture.active #architectureMap>.architecture-level,
  #panel-architecture.active .architecture-rule,.service-node,.system-node,
  .flow-step-card,.flow-segment {
    animation:none!important;
    opacity:1!important;
    transform:none!important
  }
}
@media print {
  body {
    background:#fff;
    color:#142f3c;
    font-size:11pt
  }
  .factory-live-dot,.factory-flow-route:before,.factory-flow-stage i,
  .factory-workcell,.factory-workcell.is-active,.factory-workcell.is-active *,
  .factory-flow-route:after,
  .architecture-link i,.flow-step-card,#panel-architecture.active #architectureMap>.architecture-level,
  #panel-architecture.active .architecture-rule,.service-node,.system-node,.flow-segment {
    animation:none!important;
    opacity:1!important
  }
  .reading-progress,.topbar,.section-nav,.hero-buttons,.text-action,.inline-link,.back-top,.toast,.search-overlay,.modal-layer,.footer-meta a {
    display:none!important
  }
  .hero-wrap {
    background:#fff;
    padding:0
  }
  .hero {
    min-height:auto;
    border-radius:0;
    padding:24px;
    background:#17394a!important;
    print-color-adjust:exact;
    -webkit-print-color-adjust:exact
  }
  .hero-visual {
    max-height:260px
  }
  .hero-foot {
    color:#536b71
  }
  .page-shell {
    max-width:none;
    padding:0 8mm
  }
  .section-block {
    padding:24px 0;
    break-inside:avoid
  }
  .section-heading {
    margin-bottom:14px
  }
  .metric-card,.fact-card,.service-card,.chapter-card,.road-card,.role-card,.scene-card {
    break-inside:avoid;
    box-shadow:none
  }
  .fact-card[hidden] {
    display:none!important
  }
  .tab-panel[hidden] {
    display:block!important
  }
  .tab-panel {
    margin-bottom:15px
  }
  .subnav-tabs {
    display:none
  }
  .flow-selector {display:none}
  .architecture-map,.flow-segment,.flow-step-card {break-inside:avoid}
  .architecture-map,.flow-segments {margin-bottom:12px}
  .service-grid {
    grid-template-columns:repeat(3,1fr)
  }
  .market-grid {
    grid-template-columns:1fr 1.1fr
  }
  .governance-grid {
    grid-template-columns:repeat(4,1fr)
  }
  .footer {
    background:#17394a!important;
    print-color-adjust:exact;
    -webkit-print-color-adjust:exact
  }
}

/* Systems and supplier services are the primary proposal content. */
.solution-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:24px
}
.solution-card {
  min-height:205px;
  padding:20px 21px 18px;
  border:1px solid #dbe5df;
  border-radius:13px;
  background:linear-gradient(145deg,#fff 0%,#f7faf7 100%);
  box-shadow:0 8px 22px rgba(27,57,63,.035)
}
.solution-index {
  color:#548d7b;
  font-size:9px;
  font-weight:750;
  letter-spacing:.1em
}
.solution-card h3 {
  margin:9px 0 11px;
  color:#173d4b;
  font-size:16px;
  line-height:1.5
}
.solution-card p {
  margin:7px 0 0;
  color:#6c7c7d;
  font-size:10px;
  line-height:1.8
}
.solution-card p b {color:#315b60;font-weight:700}
.solution-cross {
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin-top:12px;
  padding:13px 16px;
  border:1px solid #cce0d7;
  border-radius:12px;
  background:#edf5ef
}
.solution-cross-mark {
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:10px;
  background:#d7eae0;
  color:#438b79;
  font-size:12px;
  font-weight:800
}
.solution-cross strong {color:#315b60;font-size:11px}
.solution-cross p {margin:3px 0 0;color:#71847d;font-size:9px;line-height:1.65}
.solution-cross a {
  color:#327e70;
  font-size:9px;
  font-weight:700;
  white-space:nowrap
}
.delivery-strip {
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  align-items:center;
  gap:18px;
  margin-top:18px;
  padding:16px 18px;
  border-radius:13px;
  background:#102d3b;
  color:#e7f1eb
}
.delivery-title .section-kicker {color:#8bc6b1;font-size:8px}
.delivery-title h3 {margin:4px 0 0;font-size:13px;line-height:1.5}
.delivery-steps {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px
}
.delivery-steps span {
  display:flex;
  min-height:39px;
  align-items:center;
  gap:7px;
  padding:7px 8px;
  border:1px solid rgba(197,223,207,.2);
  border-radius:8px;
  color:#c9d7d0;
  font-size:8px;
  line-height:1.5
}
.delivery-steps b {
  color:#f1c17e;
  font-size:8px;
  flex:0 0 auto
}
.proposal-note {
  margin:10px 0 0;
  color:#879494;
  font-size:8px;
  text-align:right
}
.service-data-note {color:#71847d!important;font-size:9px!important}
.data-service-list .bar-track {opacity:.65}
@media(max-width:1050px) {
  .delivery-strip {grid-template-columns:1fr;gap:10px}
}
@media(max-width:760px) {
  .solution-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .solution-card {min-height:0;padding:13px}
  .solution-card h3 {font-size:12px}
  .solution-card p {font-size:8px;line-height:1.65}
  .solution-cross {grid-template-columns:30px minmax(0,1fr);gap:8px;padding:10px}
  .solution-cross-mark {width:29px;height:29px}
  .solution-cross a {grid-column:2}
  .delivery-steps {grid-template-columns:repeat(2,minmax(0,1fr))}
  .proposal-note {text-align:left;line-height:1.65}
}
@media(max-width:430px) {
  .solution-grid {grid-template-columns:1fr}
  .solution-card {padding:14px}
  .solution-card h3 {font-size:13px}
  .solution-cross p {font-size:8px}
  .delivery-strip {padding:13px}
  .delivery-steps span {font-size:8px}
}

/* 2026.09 proposal alignment: completed research, ecosystem and delivery. */
.research-section {padding-top:64px}
.facts-subsection {margin-top:64px;padding-top:64px;border-top:1px solid var(--line);scroll-margin-top:132px}
.research-grid,.research-state,.eco-overview,.eco-duo,.eco-evidence-grid,.commercial-grid,.delivery-conditions {display:grid;gap:14px}
.research-grid,.research-state,.eco-overview {grid-template-columns:repeat(3,minmax(0,1fr))}
.research-card,.eco-info-card,.commercial-grid>div,.delivery-conditions>div {
  background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px;
  box-shadow:0 10px 28px rgba(27,54,65,.04)
}
.research-card {border-top:3px solid var(--teal)}
.research-card:nth-child(2) {border-top-color:var(--amber)}
.research-card:nth-child(3) {border-top-color:var(--navy-2)}
.research-card>span,.candidate-role,.market-case-profile>span {
  color:var(--teal);font-size:11px;font-weight:750;letter-spacing:.08em
}
.research-card h3,.eco-info-card h3,.commercial-grid h3 {font-size:20px;line-height:1.35;margin:12px 0}
.research-card p,.eco-info-card p,.commercial-grid p,.delivery-conditions p {
  color:var(--muted);font-size:13px;line-height:1.8;margin:0
}
.research-card small,.eco-info-card small,.commercial-grid small {
  display:block;color:#8b785e;font-size:11px;line-height:1.6;margin-top:18px
}
.research-state {margin-top:14px}
.research-state span {background:#e7f0eb;border-radius:10px;padding:11px 16px;color:#416459;font-size:12px}
.research-state b {color:#1c615a;margin-right:7px}
.decision-matrix {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.decision-matrix>div {background:#eaf1ec;border:1px solid #d7e3da;border-radius:11px;padding:14px}
.decision-matrix span {display:block;color:#59877d;font-size:10px;font-weight:700}
.decision-matrix strong {display:block;color:var(--ink);font-size:12px;line-height:1.55;margin-top:5px}
.landing-matrix {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px;padding:14px 17px;background:#e9f1ed;border-radius:11px}
.landing-matrix span {font-size:11px;font-weight:800;color:#41776e;margin-right:7px}
.landing-matrix strong {font-size:11px;font-weight:650}
.landing-matrix i,.eco-stage-line i {font-style:normal;color:#78aa9a}
.ecosystem-section {padding-top:72px}
.eco-overview {margin-bottom:34px}
.eco-overview>div {background:var(--navy);color:#f5f3e9;border-radius:15px;padding:18px 20px}
.eco-overview strong {display:block;font-size:29px;line-height:1.15;color:#9fdccc}
.eco-overview span {display:block;font-size:13px;font-weight:750;margin-top:7px}
.eco-overview small {display:block;color:#bdcfcb;font-size:11px;margin-top:7px}
.eco-block-head {display:flex;justify-content:space-between;align-items:end;gap:18px;margin:22px 0 14px}
.eco-block-head h3 {font-size:22px;line-height:1.35;margin:5px 0 0}
.eco-block-head>small {font-size:11px;color:var(--muted)}
.candidate-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.candidate-card {position:relative;min-height:168px;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:13px;padding:17px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.candidate-card:hover {transform:translateY(-3px);border-color:#81b8a7;box-shadow:0 12px 25px rgba(23,57,71,.09)}
.candidate-arrow {position:absolute;right:16px;top:13px;color:var(--teal)}
.candidate-card strong {display:block;font-size:16px;line-height:1.35;margin:12px 0 7px}
.candidate-card p {font-size:11px;line-height:1.65;color:var(--muted);margin:0}
.candidate-card small {display:block;font-size:10px;color:#a0774b;margin-top:10px}
.route-compare-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.route-compare-card {padding:18px;border:1px solid #dce6dc;border-radius:13px;background:#f8faf5}
.route-compare-card>span {font-size:10px;font-weight:850;letter-spacing:.07em;color:var(--teal)}
.route-compare-card h4 {font-size:15px;line-height:1.4;margin:10px 0}
.route-compare-card p {font-size:11px;line-height:1.7;color:#52666b;margin:0}
.route-compare-card small {display:block;border-top:1px solid #dce6dc;color:#916f50;font-size:10px;line-height:1.65;margin-top:13px;padding-top:12px}
.eco-flow-panel,.market-case-wrap {background:#eaf1ed;border:1px solid #d6e4da;border-radius:18px;padding:22px;margin-top:34px}
.eco-switch,.market-case-tabs {display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}
.eco-tab,.market-case-tab {border:1px solid #c9dbd0;border-radius:999px;background:var(--white);padding:9px 16px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}
.eco-tab:hover,.market-case-tab:hover {border-color:var(--teal)}
.eco-tab.active,.market-case-tab.active {background:var(--navy);border-color:var(--navy);color:#f5f4ed}
.eco-flow-detail {background:var(--white);border-radius:13px;padding:21px}
.eco-flow-intro h4,.market-case-profile h4 {font-size:20px;margin:0 0 5px}
.eco-flow-intro p,.market-case-profile p {font-size:12px;color:var(--muted);margin:0}
.eco-flow-steps {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}
.eco-flow-step {position:relative;background:#edf4ef;border:1px solid #d5e6da;border-radius:11px;padding:12px;min-height:88px;animation:ecoEnter .5s both;animation-delay:var(--step-delay)}
.eco-flow-step:not(:last-child):after {content:"→";position:absolute;right:-9px;top:31px;color:var(--teal);z-index:1;font-weight:900}
.eco-flow-step span {display:block;color:var(--teal);font-size:10px;font-weight:800}
.eco-flow-step strong {display:block;font-size:11px;line-height:1.45;margin-top:6px}
.eco-flow-summary {display:grid;grid-template-columns:1fr 1fr;gap:10px}
.eco-flow-summary span {font-size:11px;line-height:1.65;background:#f7f3e8;border-radius:9px;padding:12px}
.eco-flow-summary b {display:block;color:#96734f;margin-bottom:2px}
.eco-duo,.eco-evidence-grid,.commercial-grid,.delivery-conditions {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
.eco-chips {display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.eco-chips span {background:#e5f1e9;border-radius:999px;color:#39786e;font-size:11px;padding:5px 10px}
.eco-stage-line {display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:19px}
.eco-stage-line span {font-size:10px;background:#e7f0eb;padding:5px 8px;border-radius:6px}
.eco-sample-block {margin-top:35px}
.eco-sample-lead {max-width:900px;color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 17px}
.research-task-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.research-task-card {min-height:166px;padding:18px;text-align:left;border:1px solid var(--line);border-radius:13px;background:var(--white);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.research-task-card:hover {transform:translateY(-3px);border-color:#81b8a7;box-shadow:0 12px 25px rgba(23,57,71,.09)}
.research-task-card:focus-visible {outline:3px solid var(--teal);outline-offset:3px}
.research-task-top {display:flex;justify-content:space-between;align-items:center;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.08em}
.research-task-top i {font-style:normal;font-size:17px}
.research-task-card strong {display:block;font-size:15px;line-height:1.45;margin:14px 0 7px}
.research-task-institution {display:block;font-size:11px;line-height:1.55;color:#45626b}
.research-task-card small {display:block;font-size:10px;color:#9b7352;margin-top:13px}
.research-status-note {display:flex;align-items:start;gap:17px;margin-top:12px;padding:14px 17px;border:1px solid #cfe0d5;border-radius:11px;background:#e9f1ec}
.research-status-note strong {flex:none;font-size:12px;color:#245f56}
.research-status-note span {font-size:11px;line-height:1.7;color:#49646b}
.sku-sample-block {padding:22px;border:1px solid #d6e4da;border-radius:17px;background:#edf3ee}
.sku-sample-block .eco-block-head {margin-top:0}
.sku-matrix {overflow:hidden;border:1px solid #dce5df;border-radius:12px;background:var(--white)}
.sku-matrix-head,.sku-matrix-row {display:grid;grid-template-columns:1.05fr 1.35fr 1.35fr}
.sku-matrix-head {background:var(--navy);color:#f3f5ee}
.sku-matrix-head span {padding:12px 16px;font-size:11px;font-weight:800}
.sku-matrix-row {border-top:1px solid #e4ebe6}
.sku-matrix-row:nth-child(2n+1) {background:#fafbf8}
.sku-matrix-row>div {padding:14px 16px;border-right:1px solid #e4ebe6;color:#4e6770;font-size:11px;line-height:1.65}
.sku-matrix-row>div:last-child {border-right:0}
.sku-matrix-row b {display:block;color:var(--ink);font-size:12px;margin-bottom:4px}
.sku-matrix-row p {margin:0}
.standard-boundary {display:grid;grid-template-columns:125px 1fr;gap:15px;margin-top:12px;padding:15px 17px;border-radius:11px;background:#fbf8ee;border:1px solid #e7dec6}
.standard-boundary strong {font-size:12px;color:#8c6744}
.standard-boundary p {font-size:11px;line-height:1.75;color:#5b6670;margin:0}
.market-section {padding-top:72px}
.market-section .pool-deep {width:43.64%}
.market-role-card {background:var(--white);border:1px solid var(--line);border-radius:13px;padding:17px;min-height:119px}
.market-role-card b {display:block;color:var(--teal);font-size:26px;line-height:1}
.market-role-card span {display:block;font-size:13px;font-weight:750;margin-top:8px}
.market-role-card small {display:block;font-size:10px;color:var(--muted);margin-top:6px}
.market-case-wrap {margin-top:20px}
.market-case-detail {display:grid;grid-template-columns:.85fr 1.15fr;gap:12px}
.market-case-profile,.market-case-questions,.market-case-output {background:var(--white);border-radius:12px;padding:18px}
.market-case-profile h4 {margin-top:12px}
.market-case-profile small {display:block;overflow-wrap:anywhere;color:#748a88;font-size:11px;margin-top:15px}
.market-case-questions>b {display:block;font-size:12px;margin-bottom:12px}
.market-case-questions>div {display:flex;align-items:start;gap:10px;padding:7px 0;border-top:1px solid var(--line);color:#4e6770;font-size:12px;animation:ecoEnter .45s both;animation-delay:var(--step-delay)}
.market-case-questions>div span {font-weight:850;color:var(--teal);font-size:10px}
.market-case-output {grid-column:1/-1;display:flex;align-items:center;gap:12px;background:#193b4b;color:#f4f2e8}
.market-case-output b {font-size:11px;color:#a7dbca;white-space:nowrap}
.market-case-output span {font-size:12px}
.market-case-output small {font-size:10px;color:#bad0c9;margin-left:auto}
.cost-formula {margin-top:12px;border:1px solid #d7e3d7;border-radius:12px;background:#fbfaf4;padding:17px;display:grid;gap:4px}
.cost-formula strong {font-size:12px}
.cost-formula span {font-size:12px;line-height:1.7;color:#49646b}
.cost-formula small {font-size:10px;color:#9b7352}
.market-work-head {margin-top:31px}
.market-work-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.market-work-grid>div {min-height:190px;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:12px;padding:16px}
.market-work-grid>div:nth-child(2) {border-top-color:#4d98a5}
.market-work-grid>div:nth-child(3) {border-top-color:var(--amber)}
.market-work-grid>div:nth-child(4) {border-top-color:var(--navy)}
.market-work-grid span {display:block;font-size:10px;font-weight:800;color:var(--teal)}
.market-work-grid strong {display:block;font-size:14px;margin:10px 0 6px}
.market-work-grid p {font-size:11px;line-height:1.65;color:#52666b;margin:0}
.market-work-grid small {display:block;font-size:10px;line-height:1.6;color:#97704e;margin-top:12px}
.market-judgement {display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:center;margin-top:12px;padding:17px 20px;border-radius:12px;background:var(--navy);color:#f5f4ed}
.market-judgement strong {font-size:16px}
.market-judgement p {font-size:11px;line-height:1.7;color:#d4e2dc;margin:0}
.roadmap-section .roadmap {grid-template-columns:repeat(3,minmax(0,1fr))}
.roadmap-section .road-card {min-height:174px}
.roadmap-section .road-card p {font-size:11px}
.delivery-conditions>div strong {display:block;font-size:16px;margin:7px 0}
.commercial-grid {margin-top:16px}
@keyframes ecoEnter {from {opacity:0;transform:translateY(9px)}to {opacity:1;transform:translateY(0)}}
@media(max-width:1050px) {
  .candidate-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .route-compare-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .research-task-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-work-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .decision-matrix {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  .research-grid,.research-state,.eco-overview,.eco-duo,.eco-evidence-grid,.commercial-grid,.delivery-conditions,.market-case-detail {grid-template-columns:1fr}
  .research-section,.ecosystem-section,.market-section {padding-top:46px}
  .candidate-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .eco-flow-steps {grid-template-columns:1fr;gap:7px}
  .eco-flow-step {min-height:0}
  .eco-flow-step:not(:last-child):after {content:"↓";top:auto;bottom:-12px;right:17px}
  .eco-flow-summary {grid-template-columns:1fr}
  .market-case-output {grid-column:auto;display:block}
  .market-case-output span,.market-case-output small {display:block;margin:5px 0 0}
  .roadmap-section .roadmap {grid-template-columns:1fr}
  .eco-block-head {align-items:start;flex-direction:column;gap:4px}
  .sku-matrix-head {display:none}
  .sku-matrix-row {grid-template-columns:1fr;padding:12px 0}
  .sku-matrix-row>div {border:0;padding:5px 15px}
  .sku-matrix-row>div:nth-child(2):before,.sku-matrix-row>div:nth-child(3):before {display:block;font-weight:800;color:#347568;font-size:10px;margin-bottom:2px}
  .sku-matrix-row>div:nth-child(2):before {content:"鹏城内部文件及证据缺项"}
  .sku-matrix-row>div:nth-child(3):before {content:"我方拟交付"}
  .standard-boundary {grid-template-columns:1fr;gap:5px}
  .research-status-note {display:block}
  .research-status-note span {display:block;margin-top:5px}
  .route-compare-grid {grid-template-columns:1fr}
  .market-judgement {grid-template-columns:1fr;gap:6px}
}
@media(max-width:430px) {
  .candidate-grid,.decision-matrix,.research-task-grid {grid-template-columns:1fr}
  .eco-switch,.market-case-tabs {display:grid;grid-template-columns:1fr 1fr}
  .eco-tab,.market-case-tab {padding:8px;font-size:10px}
  .research-card,.eco-info-card,.commercial-grid>div,.delivery-conditions>div {padding:17px}
  .market-work-grid {grid-template-columns:1fr}
  .market-work-grid>div {min-height:0}
}
@media(prefers-reduced-motion:reduce) {
  .eco-flow-step,.market-case-questions>div {animation:none!important}
}
@media print {
  .eco-switch,.market-case-tabs {display:none!important}
  .candidate-card,.route-compare-card,.research-card,.eco-info-card,.market-role-card,.market-work-grid>div,.eco-flow-step,.commercial-grid>div,.delivery-conditions>div {break-inside:avoid}
  .eco-flow-step,.market-case-questions>div {animation:none!important;opacity:1!important}
  .roadmap-section .roadmap {grid-template-columns:repeat(3,minmax(0,1fr))}
  .research-task-card,.sku-matrix-row,.standard-boundary {break-inside:avoid}
}

/* Readability pass: larger type, calmer spacing, and room for the detail. */
@media screen {
  body {font-size:16px}
  .topbar {min-height:76px}
  .brand-copy strong {font-size:16px}
  .brand-copy small {font-size:13px}
  .topbar-center {font-size:14px}
  .icon-button,.quiet-button,.primary-button {font-size:14px;min-height:42px}
  .section-nav a {font-size:14px}
  .section-nav a span {font-size:12px}
  .nav-state {font-size:13px}
  .hero-lede {font-size:18px;line-height:1.85}
  .hero-state {padding:15px 18px}
  .hero-state strong {font-size:16px}
  .hero-cta,.hero-link {font-size:15px}
  .factory-flow-head strong {font-size:13px}
  .factory-flow-head small {font-size:12px}
  .factory-flow-stage b {font-size:12px}

  .page-shell {max-width:1380px}
  .page-shell .section-block {padding-top:84px;padding-bottom:76px}
  .page-shell .section-heading {gap:32px;margin-bottom:34px}
  .page-shell .section-heading h2 {font-size:clamp(34px,3vw,44px);line-height:1.18}
  .page-shell p {font-size:16px!important;line-height:1.8}
  .page-shell small {font-size:14px!important;line-height:1.65}
  .page-shell :is(span,strong,b) {font-size:max(13px,1em)!important}
  .page-shell :is(h3,h4) {line-height:1.35}
  .page-shell h3 {font-size:clamp(22px,1.8vw,26px)!important}
  .page-shell h4 {font-size:20px!important}
  .page-shell .section-kicker {font-size:12px!important;letter-spacing:.1em}
  .page-shell :is(a,button,input) {font-size:max(14px,1em)!important}
  .page-shell :is(td,th,li,label,dt,dd) {font-size:15px!important;line-height:1.7}
  .page-shell .section-heading p {max-width:820px}
  .page-shell .section-block {scroll-margin-top:112px}

  .research-grid,.research-state,.eco-overview,.eco-duo,.eco-evidence-grid,.commercial-grid,.delivery-conditions {gap:18px}
  .research-card,.eco-info-card,.commercial-grid>div,.delivery-conditions>div {padding:25px;border-radius:16px}
  .research-card {min-height:225px;border-top-width:4px}
  .research-card>span {font-size:14px!important;letter-spacing:.04em}
  .research-card h3 {font-size:25px!important;margin:14px 0}
  .research-state {margin-top:20px}
  .research-state span {font-size:15px!important;padding:14px 18px;border-radius:12px;line-height:1.65}
  .research-state b {font-size:14px!important}
  .decision-matrix {gap:14px;margin:24px 0}
  .decision-matrix>div {padding:18px;border-radius:13px}
  .decision-matrix span {font-size:13px!important}
  .decision-matrix strong {font-size:16px!important;line-height:1.6}
  .landing-matrix {gap:12px;padding:17px 20px}
  .landing-matrix span,.landing-matrix strong {font-size:14px!important}

  .fact-grid,.service-grid,.candidate-grid,.research-task-grid,.route-compare-grid {gap:16px}
  .fact-card {min-height:0;padding:22px;border-radius:16px}
  .fact-card h3 {font-size:22px}
  .fact-card h3 span {font-size:16px!important}
  .fact-card p {font-size:15px!important;line-height:1.8}
  .fact-card-foot {font-size:13px}
  .service-card {min-height:0;padding:24px;border-radius:15px}
  .service-card h3 {font-size:19px}
  .service-card p {font-size:15px!important;line-height:1.8}
  .service-tags {font-size:13px;line-height:1.55}
  .system-row {grid-template-columns:140px 1.3fr 1fr 22px;gap:18px;padding:18px 22px}
  .system-id {font-size:12px}
  .system-main strong {font-size:16px}
  .system-main small {font-size:13px!important}
  .system-write {font-size:14px}
  .systems-lead p {font-size:15px!important}
  .chapter-card {padding:22px}
  .chapter-card strong {font-size:17px}
  .chapter-card p {font-size:14px!important}

  .eco-overview>div {padding:22px 24px}
  .eco-overview strong {font-size:clamp(30px,2.5vw,36px)!important}
  .eco-overview span {font-size:15px!important}
  .eco-block-head {gap:20px;margin:28px 0 18px}
  .eco-block-head h3 {font-size:25px!important}
  .eco-block-head>small {font-size:14px!important}
  .candidate-card {min-height:190px;padding:22px;border-radius:16px}
  .candidate-card strong {font-size:19px!important}
  .candidate-card p {font-size:15px!important;line-height:1.75}
  .candidate-card small {font-size:13px!important}
  .route-compare-card {padding:22px;border-radius:15px}
  .route-compare-card h4 {font-size:19px!important}
  .route-compare-card p {font-size:15px!important}
  .route-compare-card small {font-size:13px!important}
  .eco-flow-panel,.market-case-wrap {padding:28px;border-radius:20px}
  .eco-tab,.market-case-tab {font-size:14px!important;padding:11px 18px}
  .eco-flow-detail {padding:25px}
  .eco-flow-intro h4,.market-case-profile h4 {font-size:23px!important}
  .eco-flow-intro p,.market-case-profile p {font-size:15px!important}
  .eco-flow-steps {gap:12px}
  .eco-flow-step {min-height:112px;padding:16px;border-radius:13px}
  .eco-flow-step span {font-size:13px!important}
  .eco-flow-step strong {font-size:15px!important;line-height:1.55}
  .eco-flow-summary {gap:14px}
  .eco-flow-summary span {font-size:14px!important;line-height:1.75;padding:16px}
  .eco-chips {gap:9px}
  .eco-chips span {font-size:13px!important;padding:7px 12px}
  .eco-stage-line {gap:10px}
  .eco-stage-line span {font-size:13px!important;padding:7px 10px}
  .eco-sample-lead {font-size:15px!important;line-height:1.85}
  .research-task-card {min-height:190px;padding:22px;border-radius:15px}
  .research-task-top {font-size:13px}
  .research-task-card strong {font-size:18px!important}
  .research-task-institution {font-size:14px!important}
  .research-task-card small {font-size:13px!important}
  .research-status-note {gap:20px;padding:18px 21px}
  .research-status-note strong {font-size:15px!important}
  .research-status-note span {font-size:14px!important}
  .sku-sample-block {padding:28px;border-radius:19px}
  .sku-matrix-head span {font-size:14px!important}
  .sku-matrix-row>div {font-size:14px!important;line-height:1.75}
  .sku-matrix-row b {font-size:15px!important}
  .standard-boundary strong,.standard-boundary p {font-size:14px!important}
  .market-role-card span {font-size:15px!important}
  .market-role-card b {font-size:29px!important}
  .market-case-profile small {font-size:14px!important}
  .market-case-questions>b {font-size:15px!important}
  .market-case-questions>div {font-size:15px!important;line-height:1.7;padding:10px 0}
  .market-case-questions>div span {font-size:13px!important}
  .market-case-output b,.market-case-output span,.market-case-output small {font-size:14px!important}
  .cost-formula strong,.cost-formula span,.cost-formula small {font-size:14px!important}
  .market-work-grid span {font-size:13px!important}
  .market-work-grid strong {font-size:17px!important}
  .market-work-grid p,.market-work-grid small {font-size:14px!important;line-height:1.75}
  .market-judgement strong {font-size:18px!important}
  .market-judgement p {font-size:15px!important}
  .roadmap-section .road-card p {font-size:15px!important}
  .delivery-conditions>div strong {font-size:18px}

  .detail-modal {width:min(760px,100%);padding:30px 34px;border-radius:20px}
  .modal-content h2 {font-size:29px}
  .modal-content h3 {font-size:20px}
  .modal-content :is(p,li) {font-size:16px;line-height:1.8}
  .modal-content :is(small,.detail-status,.detail-source,.detail-boundary) {font-size:14px;line-height:1.7}
  .modal-content :is(.detail-source,.detail-boundary) {grid-template-columns:120px 1fr;padding:14px}
  .modal-content :is(.detail-source b,.detail-boundary b) {font-size:14px}
  .modal-footer {font-size:13px}
  .search-dialog {width:min(720px,calc(100vw - 36px))}
  .search-dialog input {font-size:16px}
}

@media screen and (max-width:1050px) {
  .page-shell .system-row {grid-template-columns:125px 1.2fr 1fr 20px}
  .decision-matrix {grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media screen and (max-width:760px) {
  .topbar {min-height:64px;height:auto;padding:10px 18px}
  .topbar-center {display:none}
  .brand {min-width:0}
  .brand-copy strong {font-size:14px}
  .brand-copy small {font-size:12px}
  .page-shell {padding:0 22px}
  .page-shell .section-block {padding:58px 0 50px}
  .page-shell .section-heading {align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:24px}
  .page-shell .section-heading h2 {font-size:clamp(31px,7vw,38px)}
  .page-shell .section-heading p {font-size:16px!important}
  .page-shell .section-heading>.text-action {white-space:normal}
  .hero-lede {font-size:17px;line-height:1.8}
  .hero-state strong {font-size:15px}
  .section-nav a {font-size:13px}
  .section-nav a span {font-size:11px}
  .research-card,.eco-info-card,.commercial-grid>div,.delivery-conditions>div {padding:21px}
  .research-card {min-height:0}
  .facts-subsection {margin-top:48px;padding-top:46px}
  .research-card h3 {font-size:23px!important}
  .service-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card {padding:20px}
  .system-row {grid-template-columns:1fr;gap:7px;padding:17px 19px}
  .system-id {font-size:12px}
  .eco-flow-panel,.market-case-wrap {padding:20px}
  .eco-flow-step {min-height:0;padding:15px 17px}
  .detail-modal {padding:24px 22px}
}

@media screen and (max-width:430px) {
  .topbar-actions {gap:6px}
  .topbar-actions button {min-width:40px;padding:8px}
  .page-shell {padding:0 18px}
  .page-shell .section-block {padding:48px 0 42px}
  .page-shell .section-heading h2 {font-size:clamp(29px,8vw,34px)}
  .page-shell p {font-size:15px!important}
  .page-shell small {font-size:13px!important}
  .page-shell :is(a,button,input) {font-size:14px!important}
  .service-grid {grid-template-columns:1fr}
  .service-card {padding:21px}
  .eco-tab,.market-case-tab {min-height:44px;padding:9px 10px;font-size:13px!important}
  .research-card h3 {font-size:22px!important}
  .sku-sample-block {padding:20px}
  .detail-modal {padding:21px 18px}
  .modal-content h2 {font-size:25px}
  .modal-content :is(p,li) {font-size:15px}
}

/* Survey inventory cards and their self-contained directory snapshots. */
.research-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
  text-align:left;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.research-card:hover,.research-card:focus-visible {
  transform:translateY(-3px);
  box-shadow:0 16px 35px rgba(27,54,65,.12)
}
.research-card-open {
  width:100%;
  padding-top:13px;
  margin-top:auto!important;
  border-top:1px solid #e2ebe4;
  color:#3b8c80!important;
  font-weight:700
}
.inventory-modal {width:min(820px,100%)}
.inventory-volume {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:19px 0 9px
}
.inventory-volume>div {
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  padding:13px 15px;
  border:1px solid #d8e5dc;
  border-radius:10px;
  background:#f0f7f1
}
.inventory-volume strong {color:#215b55;font-size:21px;line-height:1.35;overflow-wrap:anywhere}
.inventory-volume span {color:#718680;font-size:12px}
.inventory-path {margin:0 0 20px;color:#83928e;font-size:12px!important;overflow-wrap:anywhere}
.inventory-groups {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.inventory-groups-ecosystem {grid-template-columns:1fr}
.inventory-group {padding:16px 18px;border:1px solid #e0e8e1;border-radius:11px;background:#fbfcf8}
.inventory-group h3 {margin:0 0 9px!important;color:#245f5a;font-size:17px!important}
.inventory-group ul {margin:0;padding-left:19px}
.inventory-group li {margin:5px 0;color:#536c6c;overflow-wrap:anywhere}
.inventory-group li::marker {color:#6aac99}
.candidate-card:focus-visible,.route-compare-card:focus-visible {outline:3px solid var(--teal);outline-offset:3px}
.route-compare-card {position:relative;display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.route-compare-card::after {content:'↗';position:absolute;right:16px;top:13px;color:var(--teal);font-size:19px}
.route-compare-card:hover {transform:translateY(-3px);border-color:#81b8a7;box-shadow:0 12px 25px rgba(23,57,71,.09)}
.modal-content .business-detail-lead {font-size:15px;line-height:1.75}
.business-detail-sections {display:grid;gap:13px;margin:19px 0}
.business-detail-group {padding:18px 20px;border:1px solid #dce8df;border-left:4px solid #62a394;border-radius:11px;background:#fbfcf8}
.business-detail-group:nth-child(3) {border-left-color:#d3a359;background:#fffaf0}
.business-detail-group h3 {margin:0 0 10px!important;color:#215c56;font-size:17px!important;line-height:1.5}
.business-detail-group:nth-child(3) h3 {color:#8a6838}
.business-detail-group ul,.business-detail-group ol {margin:0;padding-left:22px}
.business-detail-group li {margin:7px 0;color:#4b6265;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.business-detail-group li::marker {color:#67a697;font-weight:700}
.business-detail-group:nth-child(3) li::marker {color:#b6843e}
.business-detail-note {margin:18px 0 0;color:#6b807d;font-size:13px!important;line-height:1.7}
.fact-card:focus-visible {outline:3px solid var(--teal);outline-offset:3px}
.fact-card .card-more {display:inline-flex;align-items:center;gap:5px;color:#297c70;font-size:13px;font-weight:700;white-space:nowrap}
.fact-card .card-more::before {content:'查看详情';font-size:12px}
.modal-content .fact-detail-lead {font-size:15px;line-height:1.75}
.fact-detail-sections {display:grid;gap:13px;margin:19px 0}
.fact-detail-section {padding:18px 20px;border:1px solid #dce8df;border-left:4px solid #62a394;border-radius:11px;background:#fbfcf8}
.fact-detail-section:nth-child(3) {border-left-color:#d3a359;background:#fffaf0}
.fact-detail-section h3 {margin:0 0 10px!important;color:#215c56;font-size:17px!important;line-height:1.5}
.fact-detail-section:nth-child(3) h3 {color:#8a6838}
.fact-detail-section ul {margin:0;padding-left:21px}
.fact-detail-section li {margin:7px 0;color:#4b6265;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.fact-detail-section li::marker {color:#67a697}
.fact-detail-section:nth-child(3) li::marker {color:#c99b55}
.fact-detail-reference {margin:20px 0 0;color:#6b807d;font-size:13px!important;line-height:1.7}
.eco-flow-intro {max-width:920px}
.eco-flow-index {display:inline-block;margin-bottom:9px;color:#418779;font-size:12px;font-weight:800;letter-spacing:.08em}
.eco-flow-intro p {line-height:1.75!important}
.eco-flow-scenario {margin-top:19px;padding:17px 19px;border-radius:12px;background:#edf6f1;border:1px solid #d2e6da}
.eco-flow-scenario b {display:block;color:#247064;font-size:13px;margin-bottom:6px}
.eco-flow-scenario p {margin:0;color:#4d6970;font-size:14px;line-height:1.8}
.eco-flow-block-heading {display:flex;align-items:baseline;gap:13px;margin:30px 0 13px}
.eco-flow-block-heading span {flex:none;color:#538d7f;font-size:11px;font-weight:850;letter-spacing:.06em}
.eco-flow-block-heading h5 {margin:0;color:#203c48;font-size:18px;line-height:1.45}
.eco-flow-modes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eco-flow-mode {padding:17px 18px;border:1px solid #d9e7df;border-radius:11px;background:#f8fbf7;min-width:0}
.eco-flow-mode strong {display:block;color:#276e64;font-size:15px;line-height:1.5}
.eco-flow-mode p {margin:8px 0 0;color:#526b70;font-size:13px;line-height:1.8}
.eco-flow-timeline {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.eco-flow-stage {min-width:0;padding:19px 20px;border:1px solid #dce6df;border-radius:13px;background:#fcfdfa;animation:ecoEnter .45s both;animation-delay:var(--step-delay)}
.eco-flow-stage-head {display:flex;align-items:center;gap:11px}
.eco-flow-stage-head span {display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#dff0e8;color:#26776a;font-size:12px;font-weight:850}
.eco-flow-stage-head h6 {margin:0;color:#1e3b48;font-size:16px;line-height:1.45}
.eco-flow-stage>p {margin:12px 0 14px;color:#435f67;font-size:14px;line-height:1.8}
.eco-flow-stage-meta {display:grid;grid-template-columns:66px 1fr;gap:8px;padding:9px 0;border-top:1px solid #e5ece7;font-size:12px;line-height:1.65}
.eco-flow-stage-meta b {color:#60877d}
.eco-flow-stage-meta span {color:#61747a;overflow-wrap:anywhere}
.eco-flow-terms {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eco-flow-term {min-width:0;padding:17px 18px;border:1px solid #e7dcc8;border-radius:11px;background:#fcf9f1}
.eco-flow-term strong {display:block;color:#916d3e;font-size:15px;line-height:1.5}
.eco-flow-term p {margin:8px 0 0;color:#5e6a6b;font-size:13px;line-height:1.8}
.eco-flow-bottom {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.eco-flow-deliverables,.eco-flow-gate {padding:18px 20px;border-radius:12px;background:#f7f3e8}
.eco-flow-gate {background:#edf4f1}
.eco-flow-bottom b {display:block;margin-bottom:9px;color:#896947;font-size:14px}
.eco-flow-gate b {color:#287568}
.eco-flow-deliverables ul {margin:0;padding-left:19px}
.eco-flow-deliverables li,.eco-flow-gate p {margin:5px 0;color:#5d6d70;font-size:13px;line-height:1.75}
.research-task-card[aria-expanded="true"] {border-color:#4b9c8d;background:#f1f8f3;box-shadow:0 10px 24px rgba(32,83,76,.08)}
.research-task-card[aria-expanded="true"] .research-task-top i {font-size:21px}
.research-task-detail {margin-top:15px;padding:24px 26px;border:1px solid #bedbd0;border-radius:15px;background:#f6faf7;scroll-margin-top:142px}
.research-task-detail[hidden] {display:none}
.research-task-detail-head {display:flex;justify-content:space-between;align-items:start;gap:16px;padding-bottom:15px;border-bottom:1px solid #d7e7dd}
.research-task-detail-head h4 {margin:6px 0;color:#1b3945;font-size:23px;line-height:1.4}
.research-task-detail-head p {margin:0;color:#597079;font-size:14px;line-height:1.6}
.research-task-detail-head button {flex:none;border:1px solid #bed9cf;border-radius:8px;background:#fff;color:#397d71;padding:8px 12px;font-size:12px;font-weight:750;cursor:pointer}
.research-task-detail-head button:focus-visible,.research-task-related button:focus-visible,.research-path summary:focus-visible {outline:3px solid var(--teal);outline-offset:3px}
.research-task-detail-facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px}
.research-task-detail-facts>div {padding:15px 17px;border:1px solid #dae9df;border-radius:10px;background:#fff}
.research-task-detail-facts b,.research-task-status b,.research-task-related>b {display:block;color:#33776d;font-size:13px;margin-bottom:7px}
.research-task-detail-facts p,.research-task-detail-facts li {margin:0;color:#526a70;font-size:13px;line-height:1.8}
.research-task-detail-facts ul {margin:0;padding-left:19px}
.research-task-detail h5 {margin:22px 0 11px;color:#224f50;font-size:17px}
.research-task-steps {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;counter-reset:research-step;list-style:none;margin:0;padding:0}
.research-task-steps li {position:relative;counter-increment:research-step;min-width:0;padding:14px 15px 14px 50px;border:1px solid #dbe6dc;border-radius:10px;background:#fff;color:#516b70;font-size:13px;line-height:1.8}
.research-task-steps li::before {content:counter(research-step,decimal-leading-zero);position:absolute;left:14px;top:14px;color:#328174;font-size:12px;font-weight:850}
.research-task-status {display:flex;align-items:start;gap:12px;margin-top:13px;padding:13px 16px;border-radius:10px;background:#fcf3e4;color:#7c674b;font-size:13px;line-height:1.7}
.research-task-status b {flex:none;color:#9a7544;margin:0}
.research-task-related {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px}
.research-task-related>b {margin:0 6px 0 0}
.research-task-related button {border:1px solid #b9d9ce;border-radius:999px;background:#fff;color:#28796d;padding:7px 11px;font-size:12px;font-weight:700;cursor:pointer}
.research-path-heading {margin-top:32px}
.research-paths {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}
.research-path {min-width:0;border:1px solid #d5e4da;border-radius:13px;background:#fff;overflow:hidden;scroll-margin-top:142px}
.research-path[open] {border-color:#9bcbbb;box-shadow:0 10px 24px rgba(37,79,75,.07)}
.research-path summary {display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:12px;padding:17px 18px;cursor:pointer;list-style:none}
.research-path summary::-webkit-details-marker {display:none}
.research-path-number {color:#3a8a79;font-size:12px;font-weight:850}
.research-path-label strong {display:block;color:#1d3d48;font-size:16px;line-height:1.4}
.research-path-label small {display:block;margin-top:5px;color:#6b7d80;font-size:12px;line-height:1.65}
.research-path-toggle {color:#4a9887;font-size:21px;line-height:1}
.research-path[open] .research-path-toggle {transform:rotate(45deg)}
.research-path-body {padding:4px 20px 20px;border-top:1px solid #e3eee7}
.research-path-block {margin-top:15px}
.research-path-block h4,.research-path-final h4 {margin:0 0 8px;color:#307b6e;font-size:14px}
.research-path-block ul,.research-path-block ol,.research-path-final ul {margin:0;padding-left:20px}
.research-path-block li,.research-path-final li,.research-path-final p {margin:6px 0;color:#536b70;font-size:13px;line-height:1.8}
.research-path-final {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.research-path-final>div {padding:14px;border-radius:9px;background:#f1f7f2}
.research-path-final>div:last-child {background:#faf4e9}
.research-path-final>div:last-child h4 {color:#98744b}
.research-path-final p {margin:0}
@media(max-width:760px) {
  .eco-flow-modes,.eco-flow-timeline,.eco-flow-terms,.eco-flow-bottom {grid-template-columns:1fr}
  .eco-flow-block-heading {display:block}
  .eco-flow-block-heading h5 {margin-top:5px}
  .research-task-detail-facts,.research-task-steps,.research-paths,.research-path-final {grid-template-columns:1fr}
}
@media(max-width:650px) {
  .inventory-volume {grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-volume>div:last-child {grid-column:1/-1}
  .inventory-groups {grid-template-columns:1fr}
  .modal-content .business-detail-lead {font-size:14px}
  .business-detail-group {padding:15px 16px}
  .business-detail-group li {font-size:14px}
  .fact-card .card-more::before {content:'详情'}
  .modal-content .fact-detail-lead {font-size:14px}
  .fact-detail-section {padding:15px 16px}
  .fact-detail-section li {font-size:14px}
  .eco-flow-detail {padding:18px}
  .eco-flow-scenario {padding:15px}
  .eco-flow-stage {padding:16px}
  .eco-flow-stage-meta {grid-template-columns:62px 1fr}
  .research-task-detail {padding:17px}
  .research-task-detail-head h4 {font-size:19px}
  .research-task-detail-head button {padding:7px 9px}
  .research-task-status {display:block}
  .research-task-status b {margin-bottom:4px}
  .research-path summary {padding:15px}
}
@media(prefers-reduced-motion:reduce) {
  .research-card {transition:none}
  .research-card:hover,.research-card:focus-visible {transform:none}
  .eco-flow-stage {animation:none}
}
@media print {
  .eco-flow-stage,.eco-flow-mode,.eco-flow-term,.eco-flow-bottom>div {break-inside:avoid}
  .eco-flow-stage {animation:none;opacity:1}
  .research-task-detail-facts>div,.research-task-steps li,.research-path {break-inside:avoid}
}

/* 国际市场：账户分层、角色与 P01 场景专题 */
.pool-legend button {display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:transparent;color:#dce9df;font:inherit;cursor:pointer}
.pool-legend button:hover,.pool-legend button:focus-visible {background:rgba(255,255,255,.12);border-color:#a7dbca}
.pool-legend button span {color:#9ed7c1}
.funnel-steps button {padding:5px 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:#526c6b;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}
.funnel-steps button:hover,.funnel-steps button:focus-visible {background:#fff;border-color:#b9d4c8;color:#245d55}
.market-role-card {width:100%;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.market-role-card:hover,.market-role-card:focus-visible {transform:translateY(-2px);border-color:#8abdae;box-shadow:0 8px 20px rgba(26,69,66,.1)}
.market-role-card:focus-visible,.market-topic summary:focus-visible {outline:3px solid var(--teal);outline-offset:2px}
.market-case-detail {grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);align-items:start}
.market-case-profile {min-width:0}
.market-case-profile>span {display:block;font-weight:800;color:#2f8b79;font-size:12px}
.market-case-profile p {line-height:1.75}
.market-case-status {margin-top:16px;padding:10px 12px;border-radius:8px;background:#fff2dd;color:#8b643a;font-size:12px;font-weight:750;line-height:1.6}
.market-case-baseline {margin-top:14px;padding-top:14px;border-top:1px solid #e4eae4}
.market-case-baseline b {font-size:13px;color:#215e56}
.market-case-baseline p {margin:5px 0 0;font-size:12px;line-height:1.75;color:#4e6770}
.market-topics {min-width:0;display:grid;gap:8px}
.market-topics-head {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3px 3px}
.market-topics-head b {font-size:14px;color:#214958}
.market-topics-head span {font-size:11px;color:#648078}
.market-topic {min-width:0;border:1px solid #d6e4da;border-radius:10px;background:var(--white);overflow:hidden}
.market-topic[open] {border-color:#91bdad;box-shadow:0 5px 18px rgba(32,82,71,.06)}
.market-topic summary {display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr) 23px;align-items:center;gap:12px;padding:14px 15px;list-style:none;cursor:pointer}
.market-topic summary::-webkit-details-marker {display:none}
.market-topic-title {font-size:13px;font-weight:800;color:#205448;line-height:1.4}
.market-topic-summary {font-size:12px;color:#5e7777;line-height:1.5}
.market-topic-toggle {font-size:19px;color:#2d8a77;line-height:1;text-align:center;transition:transform .2s}
.market-topic[open] .market-topic-toggle {transform:rotate(45deg)}
.market-topic ul {margin:0;padding:12px 18px 15px 36px;border-top:1px solid #e1ebe3;background:#f9fbf8}
.market-topic li {margin:5px 0;font-size:12px;line-height:1.75;color:#455f66}
.market-case-output {line-height:1.6}
@media(max-width:760px) {
  .market-case-detail {grid-template-columns:1fr}
  .market-topic summary {grid-template-columns:minmax(0,1fr) 22px;gap:4px 8px}
  .market-topic-summary {grid-column:1;grid-row:2}
  .market-topic-toggle {grid-column:2;grid-row:1/3}
  .funnel-steps {flex-wrap:wrap;justify-content:flex-start}
}
@media(max-width:430px) {
  .market-right {grid-template-columns:1fr 1fr}
  .market-role-card {padding:13px;min-height:122px}
  .market-role-card span {line-height:1.35}
  .market-topic ul {padding-left:27px}
}
@media print {
  .market-topic {break-inside:avoid}
  .market-topic:not([open]) ul {display:block}
}

/* 建设方案：可查看的系统链路、AI 服务和实施阶段 */
.solution-card {display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;font:inherit;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.solution-card:hover,.solution-card:focus-visible {transform:translateY(-2px);border-color:#90bfaf;box-shadow:0 12px 25px rgba(27,57,63,.1)}
.solution-card:focus-visible,.solution-cross-open:focus-visible,.delivery-steps button:focus-visible,.solution-system-detail summary:focus-visible {outline:3px solid var(--teal);outline-offset:2px}
.solution-heading {display:block;margin:9px 0 11px;color:#173d4b;font-size:20px;font-weight:800;line-height:1.4}
.solution-summary {display:block;margin:6px 0 0;color:#5b7175;font-size:13px;line-height:1.7}
.solution-summary b {color:#315b60;font-weight:800}
.solution-more {display:block;margin-top:auto;padding-top:14px;color:#2d836f;font-size:12px;font-weight:800;line-height:1.5}
.solution-cross {grid-template-columns:minmax(0,1fr) auto}
.solution-cross-open {display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:0;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}
.solution-cross-open:hover .solution-cross-copy strong {color:#1a806f}
.solution-cross-copy {display:block;min-width:0}
.solution-cross-copy strong {display:block;color:#315b60;font-size:15px}
.solution-cross-copy>span {display:block;margin-top:3px;color:#5d7873;font-size:12px;line-height:1.65}
.solution-cross-copy small {display:block;margin-top:4px;color:#2e8270;font-size:11px;font-weight:800}
.solution-cross>a {font-size:12px}
.delivery-steps button {display:flex;min-height:45px;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(197,223,207,.2);border-radius:8px;background:rgba(255,255,255,.02);color:#d8e5dc;text-align:left;font:inherit;font-size:11px;line-height:1.5;cursor:pointer}
.delivery-steps button:hover {background:rgba(162,214,190,.13);border-color:#7bb79e}
.delivery-steps button b {color:#f1c17e;font-size:11px;flex:0 0 auto}
.solution-detail-block {margin:17px 0;padding:18px 20px;border:1px solid #dce8df;border-radius:12px;background:#fbfdf9}
.solution-detail-block h3 {margin:0 0 11px!important;color:#245f5a}
.solution-detail-block>ol {margin:0;padding-left:23px}
.solution-detail-block>ol li {margin:8px 0;line-height:1.75;color:#526b70}
.solution-detail-block>p {margin:0;line-height:1.75;color:#526b70}
.solution-detail-pilot {background:#eef6f0}
.solution-system-list {display:grid;gap:9px}
.solution-system-detail {min-width:0;border:1px solid #d8e6dc;border-radius:10px;background:#fff;overflow:hidden}
.solution-system-detail[open] {border-color:#9cc9b8}
.solution-system-detail summary {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;list-style:none;cursor:pointer}
.solution-system-detail summary::-webkit-details-marker {display:none}
.solution-system-detail summary small {display:block;margin-bottom:3px;color:#6d9386;font-size:10px;letter-spacing:.06em}
.solution-system-detail summary strong {display:block;color:#174959;font-size:15px;line-height:1.45}
.solution-system-detail summary i {color:#2c8f7a;font-size:20px;font-style:normal;line-height:1;transition:transform .2s}
.solution-system-detail[open] summary i {transform:rotate(45deg)}
.solution-system-body {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px;border-top:1px solid #e2ebe4;background:#f8fbf8}
.solution-system-body>div {min-width:0;padding:12px 14px;border-radius:8px;background:#fff}
.solution-system-body h4 {margin:0 0 6px;color:#2d786b;font-size:13px}
.solution-system-body p,.solution-system-body li {margin:0;color:#506b70;font-size:12px;line-height:1.75}
.solution-system-body ol,.solution-system-body ul {margin:0;padding-left:18px}
.solution-system-body li+li {margin-top:5px}
.solution-system-body .solution-system-accept {grid-column:1/-1;background:#edf5ee}
.solution-ai-rule {padding:15px 18px;border-radius:10px;background:#eaf2ed}
.solution-ai-rule b {color:#23685d;font-size:13px}
.solution-ai-rule p {margin:5px 0 0;color:#4b666c;line-height:1.75}
@media(max-width:760px) {
  .solution-card {padding:18px;min-height:0}
  .solution-heading {font-size:17px}
  .solution-summary {font-size:12px}
  .solution-cross {grid-template-columns:1fr}
  .solution-cross>a {grid-column:1;margin-left:48px}
  .solution-system-body {grid-template-columns:1fr}
  .solution-system-body .solution-system-accept {grid-column:1}
}
@media(max-width:430px) {
  .solution-heading {font-size:18px}
  .solution-cross-open {grid-template-columns:30px minmax(0,1fr);gap:9px}
  .solution-cross-copy>span {font-size:12px}
  .solution-cross>a {margin-left:39px}
  .delivery-steps button {font-size:11px}
  .solution-detail-block {padding:15px}
}

/* 系统与 AI 页签的逐项详情 */
button.knowledge-step {font:inherit;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
button.knowledge-step:hover,button.knowledge-step:focus-visible {transform:translateY(-2px);border-color:#75b09b;box-shadow:0 8px 18px rgba(30,80,72,.1)}
.knowledge-rules button {font:inherit;font-size:12px;color:#477b70;border:1px solid #cbded3;border-radius:20px;padding:7px 12px;background:#fffefa;cursor:pointer}
.knowledge-rules button:hover,.knowledge-rules button:focus-visible {border-color:#78ad9b;background:#edf7ef}
.landing-matrix button {font:inherit;font-size:12px;font-weight:750;color:#285e55;border:1px solid transparent;border-radius:5px;background:transparent;padding:4px 5px;cursor:pointer}
.landing-matrix button:hover,.landing-matrix button:focus-visible {background:#fff;border-color:#bbd5c8}
button.knowledge-step:focus-visible,.knowledge-rules button:focus-visible,.landing-matrix button:focus-visible,button.architecture-node:focus-visible {outline:3px solid var(--teal);outline-offset:2px}
.blueprint-fact-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.blueprint-fact-grid>div {min-width:0;padding:14px 16px;border:1px solid #dce7de;border-radius:10px;background:#f4f9f4}
.blueprint-fact-grid b,.blueprint-member-body b {display:block;color:#2b786a;font-size:13px}
.blueprint-fact-grid p,.blueprint-member-body p,.blueprint-member-body li {margin:5px 0 0;color:#526d70;font-size:13px;line-height:1.75}
.blueprint-member-body {padding:15px 19px 18px;border-top:1px solid #e2ebe4;background:#f8fbf8}
.blueprint-member-body b {margin-top:13px}
.blueprint-member-body b:first-child {margin-top:0}
.blueprint-member-body ol {margin:7px 0 0;padding-left:21px}
.blueprint-member-body li {margin-top:5px}
.blueprint-outcomes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.blueprint-outcome {min-width:0;padding:11px 12px;border:1px solid #dce7de;border-radius:8px;background:#fff}
.blueprint-outcome:nth-child(2) {border-color:#e8d6b9;background:#fff9ed}
.blueprint-outcome:nth-child(3) {border-color:#e2d2cb;background:#fcf5f1}
.blueprint-outcome b {color:#235e56;font-size:12px}
.blueprint-outcome p {margin:5px 0 0;color:#536c70;font-size:12px;line-height:1.65}
@media(max-width:760px) {
  .blueprint-fact-grid,.blueprint-outcomes {grid-template-columns:1fr}
  .knowledge-flow {min-width:0}
  button.knowledge-step {min-width:0}
  .landing-matrix button {font-size:12px}
}