.solution-page .product-hero { min-height: 780px; }
.solution-hero-label { position: absolute; z-index: 1; right: -10px; bottom: 28px; color: rgba(255,255,255,.045); font: 800 clamp(60px,9vw,138px)/.82 Arial; letter-spacing: -.06em; white-space: nowrap; }
.manufacturing-hero { background: radial-gradient(circle at 76% 26%,rgba(39,180,219,.21),transparent 30%),linear-gradient(135deg,#041524,#0a3653 62%,#0b5268); }
.cross-solution-hero { background: radial-gradient(circle at 76% 26%,rgba(54,195,204,.2),transparent 30%),linear-gradient(135deg,#051723,#0b3749 61%,#0c6265); }
.wtd-hero { background: radial-gradient(circle at 76% 26%,rgba(54,184,215,.2),transparent 30%),linear-gradient(135deg,#061624,#123a54 61%,#155a6a); }
.county-hero { background: radial-gradient(circle at 76% 26%,rgba(73,191,166,.22),transparent 30%),linear-gradient(135deg,#071923,#123e47 61%,#176359); }

.supply-chain-visual,.global-chain-visual,.fulfillment-visual,.county-visual { padding: 29px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.13); box-shadow: 0 25px 70px rgba(0,0,0,.2); }
.supply-chain-line { margin-top: 18px; display: grid; grid-template-columns: repeat(5,1fr); gap: 6px; }.supply-chain-line article { position: relative; min-height: 190px; padding: 18px 13px; display: flex; flex-direction: column; background: rgba(255,255,255,.055); border-top: 2px solid #4a8da6; }.supply-chain-line article:nth-child(3),.supply-chain-line article:nth-child(5) { border-color: var(--cyan); }.supply-chain-line article:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -10px; top: 50%; color: var(--cyan); font-size: 14px; }.supply-chain-line i,.global-route i { color: var(--cyan); font: 700 13px Arial; }.supply-chain-line b,.global-route b { margin-top: 46px; font-size: 14px; line-height: 1.5; }.supply-chain-line small,.global-route small { margin-top: auto; color: #8faab7; font-size: 13px; line-height: 1.6; }.supply-chain-base { margin-top: 9px; padding: 15px; display: grid; grid-template-columns: repeat(5,1fr) 1.2fr; gap: 6px; align-items: center; background: rgba(47,191,211,.11); border: 1px solid rgba(71,205,223,.25); }.supply-chain-base span { color: #a8c5cf; text-align: center; font-size: 13px; }.supply-chain-base b { color: var(--cyan); text-align: right; font-size: 13px; }
.global-route { margin-top: 18px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }.global-route article { position: relative; min-height: 205px; padding: 18px; display: flex; flex-direction: column; background: rgba(255,255,255,.055); border-top: 2px solid #4c929e; }.global-route article:nth-child(3),.global-route article:nth-child(4) { border-color: var(--cyan); }.global-route article:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -11px; top: 50%; color: var(--cyan); }.global-data,.fulfillment-result { margin-top: 9px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }.global-data span,.fulfillment-result span,.fulfillment-result strong { padding: 13px 6px; color: #a9c2cb; background: rgba(255,255,255,.05); text-align: center; font-size: 13px; font-weight: 500; }.fulfillment-result strong { color: var(--cyan); background: rgba(48,192,211,.12); }
.fulfillment-order { margin-top: 18px; padding: 18px; display: flex; align-items: center; justify-content: space-between; background: rgba(48,192,211,.12); border: 1px solid rgba(72,205,223,.28); }.fulfillment-order span { color: var(--cyan); font-size: 14px; }.fulfillment-order b { color: #bad1da; font-size: 13px; font-weight: 500; }.fulfillment-stages { margin-top: 9px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.fulfillment-stages article { position: relative; min-height: 220px; padding: 21px; display: flex; flex-direction: column; background: rgba(255,255,255,.055); border-top: 2px solid #4d91a9; }.fulfillment-stages article:nth-child(2) { border-color: var(--cyan); }.fulfillment-stages article:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -12px; top: 50%; color: var(--cyan); }.fulfillment-stages i { color: var(--cyan); font: 700 13px Arial; }.fulfillment-stages b { margin-top: 55px; font-size: 15px; }.fulfillment-stages small { margin-top: auto; color: #8faab7; font-size: 13px; line-height: 1.6; }
.county-core { margin-top: 18px; padding: 24px; display: flex; flex-direction: column; background: rgba(65,191,171,.13); border: 1px solid rgba(83,211,191,.3); }.county-core b { font-size: 14px; }.county-core small { margin-top: 10px; color: #a8c7c2; font-size: 13px; }.county-network { margin-top: 9px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.county-network article { min-height: 175px; padding: 18px; display: flex; flex-direction: column; background: rgba(255,255,255,.055); border-top: 2px solid #529b92; }.county-network article:last-child { border-color: #65d8c6; }.county-network i { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #65dac8; background: rgba(71,205,184,.12); font-size: 13px; font-style: normal; }.county-network b { margin-top: 28px; font-size: 14px; }.county-network small { margin-top: auto; color: #90aaa6; font-size: 13px; }.county-flows { margin-top: 9px; padding: 15px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: rgba(62,189,170,.1); border: 1px solid rgba(85,211,191,.24); }.county-flows span { color: #bad4cf; text-align: center; font-size: 13px; }.county-flows i { color: #65dac8; font-size: 13px; font-style: normal; }

.chain-section { scroll-margin-top: 130px; color: #fff; background: linear-gradient(145deg,#061a2a,#0b3f58); }.chain-section .section-heading h2,.county-model-section .section-heading h2 { color: #fff; }.chain-section .section-heading > p { color: #a7bdc9; }.cross-chain-section { background: linear-gradient(145deg,#061a27,#0a4c52); }
.solution-blueprint { scroll-margin-top: 130px; background: #f7fafc; }.blueprint-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.blueprint-grid article { min-height: 270px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }.blueprint-grid span { color: var(--blue); font-size: 13px; }.blueprint-grid h3 { margin: 50px 0 14px; font-size: 18px; line-height: 1.45; }.blueprint-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }.dark-blueprint { color: #fff; background: linear-gradient(145deg,#061b28,#0b4c52); }.dark-blueprint .section-heading h2 { color: #fff; }.dark-blueprint .section-heading > p { color: #9fb9be; }.dark-blueprint .blueprint-grid { border-color: rgba(255,255,255,.13); }.dark-blueprint .blueprint-grid article { background: rgba(255,255,255,.045); border-color: rgba(255,255,255,.13); }.dark-blueprint .blueprint-grid span { color: #6bd8d7; }.dark-blueprint .blueprint-grid p { color: #9eb7bc; }
.scenario-ledger { background: #fff; }.scenario-rows { border-top: 1px solid var(--line); }.scenario-rows article { padding: 24px 0; display: grid; grid-template-columns: 150px 270px 1fr 260px; gap: 28px; align-items: center; border-bottom: 1px solid var(--line); }.scenario-rows span { color: var(--blue); font-size: 13px; }.scenario-rows h3 { margin: 0; font-size: 17px; }.scenario-rows p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }.scenario-rows b { padding-left: 22px; color: #42677d; border-left: 1px solid var(--line); font-size: 13px; font-weight: 500; line-height: 1.6; }
.solution-value-section { color: #fff; background: linear-gradient(145deg,#061a2b,#0b4163); }.value-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 75px; align-items: center; }.value-copy h2 { margin: 0; color: #fff; font-size: clamp(35px,4vw,52px); line-height: 1.25; letter-spacing: -.04em; }.value-copy > p:not(.kicker) { margin: 23px 0 0; color: #a5bdca; font-size: 15px; line-height: 1.9; }.value-path { display: grid; grid-template-columns: 1fr 38px 1fr 38px 1fr 38px 1.2fr; align-items: center; }.value-path > div { min-height: 180px; padding: 20px; display: flex; flex-direction: column; justify-content: center; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); }.value-path > div.accent { background: rgba(47,192,214,.14); border-color: rgba(71,207,228,.33); }.value-path span { color: #6ed6e7; font-size: 13px; }.value-path strong { margin-top: 20px; font-size: 15px; line-height: 1.55; }.value-path > i { color: var(--cyan); text-align: center; font-size: 13px; font-style: normal; }
.responsibility-section { scroll-margin-top: 130px; background: #f7fafc; }.responsibility-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.responsibility-grid article { min-height: 285px; padding: 28px; display: flex; flex-direction: column; background: #fff; border-top: 3px solid #9ab7c6; }.responsibility-grid .order-layer,.responsibility-grid .data-layer { color: #fff; background: linear-gradient(145deg,#0a3f62,#0d7295); border-color: var(--cyan); }.responsibility-grid .data-layer { grid-column: span 2; }.responsibility-grid span { color: var(--blue); font-size: 13px; }.responsibility-grid .order-layer span,.responsibility-grid .data-layer span { color: #6ed6e7; }.responsibility-grid h3 { margin: 47px 0 14px; font-size: 19px; }.responsibility-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }.responsibility-grid .order-layer p,.responsibility-grid .data-layer p { color: #b9d1dc; }.responsibility-grid b { margin-top: auto; padding-top: 20px; color: #41687f; border-top: 1px solid var(--line); font-size: 13px; font-weight: 500; }.responsibility-grid .order-layer b,.responsibility-grid .data-layer b { color: #79d9e7; border-color: rgba(255,255,255,.14); }
.county-principle { scroll-margin-top: 130px; }.principle-split { display: grid; grid-template-columns: .68fr 1.32fr; gap: 75px; align-items: center; }.principle-equation { display: grid; grid-template-columns: 1fr 28px 1fr 28px 1fr 34px 1.15fr; align-items: center; }.principle-equation > div { min-height: 180px; padding: 20px; display: flex; flex-direction: column; justify-content: center; background: #f3f8f8; border: 1px solid #d5e4e2; }.principle-equation > div.accent { color: #fff; background: linear-gradient(145deg,#10535b,#168072); border-color: #4cc7b4; }.principle-equation span { color: #16716c; font-size: 13px; }.principle-equation .accent span { color: #70dfce; }.principle-equation strong { margin-top: 19px; color: #294c58; font-size: 14px; line-height: 1.6; }.principle-equation .accent strong { color: #fff; }.principle-equation > b,.principle-equation > i { color: #35ac9a; text-align: center; font-size: 14px; font-style: normal; }
.county-model-section { scroll-margin-top: 130px; color: #fff; background: linear-gradient(145deg,#071d27,#124c4c); }.county-model-section .section-heading > p { color: #a4c0bd; }.county-model-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.13); }.county-model-grid article { min-height: 300px; padding: 28px; display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.13); }.county-model-grid article:last-child { border: 0; }.county-model-grid span { color: #67d8c7; font-size: 13px; }.county-model-grid h3 { margin: 50px 0 15px; font-size: 18px; }.county-model-grid p { margin: 0; color: #a2bbb8; font-size: 13px; line-height: 1.8; }.county-model-grid b { margin-top: auto; padding-top: 19px; color: #6bd9c8; border-top: 1px solid rgba(255,255,255,.13); font-size: 13px; font-weight: 500; }.two-way-network { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.two-way-network > div { padding: 18px; display: grid; grid-template-columns: auto repeat(4,1fr); gap: 6px; align-items: center; background: rgba(255,255,255,.05); }.two-way-network b { color: #6bd9c8; font-size: 13px; }.two-way-network span,.two-way-network i { padding: 10px 5px; color: #afc4c1; background: rgba(255,255,255,.05); text-align: center; font-size: 13px; font-style: normal; }
.stakeholder-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.stakeholder-grid article { min-height: 190px; padding: 25px; background: #fff; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.stakeholder-grid span { color: #16766e; font-size: 13px; font-weight: 600; }.stakeholder-grid p { margin: 45px 0 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.county-case-section { scroll-margin-top: 130px; }.county-case { padding: 38px; display: grid; grid-template-columns: .7fr 1.3fr; gap: 65px; color: #fff; background: linear-gradient(145deg,#0b3c4b,#17736a); border-top: 3px solid #58d4c0; }.county-case > div > p { margin: 0; color: #68dcca; font-size: 13px; letter-spacing: .12em; }.county-case h3 { margin: 25px 0 9px; font-size: 31px; }.county-case strong { color: #c1dcd8; font-size: 14px; font-weight: 500; }.county-case dl { margin: 0; }.county-case dl div { padding: 15px 0; border-top: 1px solid rgba(255,255,255,.14); }.county-case dl div:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }.county-case dt { margin-bottom: 7px; color: #6bdcca; font-size: 13px; }.county-case dd { margin: 0; color: #c0d4d1; font-size: 13px; line-height: 1.75; }
.five-steps { grid-template-columns: repeat(5,1fr); }.five-steps li { padding-left: 19px; padding-right: 19px; }

@media (max-width:1080px) {
  .supply-chain-line { grid-template-columns: repeat(3,1fr); }.supply-chain-line article:nth-child(n+4) { min-height: 150px; }.scenario-rows article { grid-template-columns: 125px 220px 1fr 220px; }.value-grid,.principle-split { gap: 45px; }.value-path { grid-template-columns: 1fr 28px 1fr; }.value-path > div.accent { grid-column: 3; }.value-path > i:nth-of-type(2) { display: none; }.value-path > div:nth-of-type(3) { grid-column: 1; margin-top: 10px; }.value-path > i:nth-of-type(3) { grid-column: 2; }.principle-equation { grid-template-columns: 1fr 24px 1fr; }.principle-equation > div:nth-of-type(3) { grid-column: 1; margin-top: 10px; }.principle-equation > i { grid-column: 2; }.principle-equation > div.accent { grid-column: 3; }
}
@media (max-width:820px) {
  .solution-hero-label { display: none; }.supply-chain-visual,.global-chain-visual,.fulfillment-visual,.county-visual { width: min(100%,620px); margin: 25px auto 0; }.blueprint-grid,.responsibility-grid,.stakeholder-grid { grid-template-columns: 1fr 1fr; }.scenario-rows article { grid-template-columns: 130px 1fr; }.scenario-rows p,.scenario-rows b { grid-column: 2; }.scenario-rows b { padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--line); }.value-grid,.principle-split { grid-template-columns: 1fr; }.responsibility-grid .data-layer { grid-column: auto; }.county-model-grid { grid-template-columns: 1fr; }.county-model-grid article { min-height: 220px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }.two-way-network { grid-template-columns: 1fr; }.county-case { grid-template-columns: 1fr; gap: 30px; }.five-steps { grid-template-columns: 1fr 1fr; }
}
@media (max-width:540px) {
  .supply-chain-line,.global-route,.fulfillment-stages,.county-network { grid-template-columns: 1fr; }.supply-chain-line article,.global-route article,.fulfillment-stages article { min-height: 125px; }.supply-chain-line article:not(:last-child)::after,.global-route article:not(:last-child)::after,.fulfillment-stages article:not(:last-child)::after { content: "↓"; right: 50%; top: auto; bottom: -12px; transform: translateX(50%); }.supply-chain-line b,.global-route b,.fulfillment-stages b { margin-top: 24px; }.supply-chain-base { grid-template-columns: repeat(2,1fr); }.global-data,.fulfillment-result { grid-template-columns: 1fr 1fr; }.fulfillment-order { align-items: flex-start; flex-direction: column; gap: 10px; }.county-flows { grid-template-columns: 1fr; gap: 9px; }.blueprint-grid,.responsibility-grid,.stakeholder-grid { grid-template-columns: 1fr; }.scenario-rows article { grid-template-columns: 1fr; gap: 13px; }.scenario-rows p,.scenario-rows b { grid-column: auto; }.value-path,.principle-equation { grid-template-columns: 1fr; }.value-path > div,.value-path > div:nth-of-type(3),.value-path > div.accent,.principle-equation > div,.principle-equation > div:nth-of-type(3),.principle-equation > div.accent { grid-column: auto; margin-top: 0; }.value-path > i,.value-path > i:nth-of-type(2),.value-path > i:nth-of-type(3),.principle-equation > b,.principle-equation > i { display: block; grid-column: auto; padding: 8px; transform: rotate(90deg); }.two-way-network > div { grid-template-columns: 1fr; }.county-case { padding: 28px; }.five-steps { grid-template-columns: 1fr; }
}