.product-hero { position: relative; min-height: 750px; padding: 150px 0 90px; overflow: hidden; color: #fff; background: radial-gradient(circle at 77% 27%,rgba(35,171,215,.2),transparent 30%),linear-gradient(135deg,#041625,#0a3558 62%,#0a486b); }
.product-hero::after { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg,transparent,#000 48%,#000); }
.product-hero-code { position: absolute; z-index: 1; right: -15px; bottom: -95px; color: rgba(255,255,255,.035); font: 800 clamp(260px,31vw,520px)/.8 Arial; letter-spacing: -.1em; }
.product-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .94fr 1.06fr; gap: 70px; align-items: center; }
.product-hero-copy h1 { margin: 0; color: var(--cyan); font-size: 17px; font-weight: 600; letter-spacing: .04em; }
.product-hero-copy h2 { margin: 18px 0 0; font-size: clamp(43px,4.5vw,68px); line-height: 1.16; letter-spacing: -.05em; }
.product-hero-copy > p:last-of-type { max-width: 590px; margin: 26px 0 0; color: #bdd1de; font-size: 16px; line-height: 1.9; }
.product-summary { position: relative; z-index: 3; margin-top: -34px; }.product-summary-grid { min-height: 126px; padding: 27px 34px; display: grid; grid-template-columns: repeat(4,1fr); background: #fff; box-shadow: 0 22px 70px rgba(13,45,70,.14); }.product-summary-grid > div { padding: 0 28px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }.product-summary-grid > div:last-child { border: 0; }.product-summary strong { color: var(--navy-2); font: 700 24px Arial; }.product-summary sup { color: var(--cyan); font-size: 14px; }.product-summary span { margin-top: 8px; color: var(--muted); font-size: 14px; }
.product-anchor-bar { position: sticky; z-index: 50; top: 70px; background: rgba(255,255,255,.96); box-shadow: 0 8px 30px rgba(11,45,68,.08); backdrop-filter: blur(12px); }.product-anchor-bar .section-shell { min-height: 62px; display: flex; align-items: center; justify-content: center; gap: 42px; }.product-anchor-bar a { color: #51697a; font-size: 14px; }.product-anchor-bar a:hover { color: var(--blue); }

.warehouse-visual,.crossborder-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); }
.warehouse-title,.cross-title { display: flex; align-items: center; gap: 13px; padding-bottom: 19px; border-bottom: 1px solid rgba(255,255,255,.12); }.warehouse-title span,.cross-title span { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--cyan); background: #0c4a6f; font: 700 15px Arial; }.warehouse-title strong,.cross-title strong { font-size: 15px; }
.warehouse-zones { margin-top: 18px; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }.warehouse-zones > div { min-height: 106px; padding: 18px; display: flex; flex-direction: column; background: rgba(255,255,255,.055); border-top: 2px solid #4c8ca8; }.warehouse-zones > div:nth-child(2) { border-color: var(--cyan); }.warehouse-zones b { font-size: 15px; }.warehouse-zones small { margin-top: auto; color: #89a7b8; font-size: 13px; line-height: 1.5; }
.warehouse-center { margin-top: 9px; padding: 23px; display: flex; align-items: center; justify-content: space-between; background: rgba(46,190,216,.12); border: 1px solid rgba(70,204,228,.29); }.warehouse-center strong { font-size: 17px; }.warehouse-center span { color: #a8c3d1; font-size: 13px; }
.warehouse-connect { margin-top: 17px; display: grid; grid-template-columns: 1fr 55px 1fr; align-items: center; text-align: center; }.warehouse-connect span { padding: 12px 8px; color: #9db7c7; background: rgba(255,255,255,.04); font-size: 13px; }.warehouse-connect i { color: var(--cyan); font-size: 13px; font-style: normal; }

.product-problems { padding-top: 140px; scroll-margin-top: 130px; }.problem-ledger { display: grid; grid-template-columns: repeat(4,1fr); }.problem-ledger article { min-height: 290px; padding: 29px; background: var(--mist); border-top: 3px solid #a7bdca; }.problem-ledger article:nth-child(2) { background: #edf5f8; border-color: #64b9d3; }.problem-ledger span { color: var(--blue); font: 700 13px Arial; }.problem-ledger h3 { margin: 55px 0 14px; font-size: 19px; }.problem-ledger p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.warehouse-workflow { scroll-margin-top: 130px; color: #fff; background: var(--navy); }.warehouse-workflow .section-heading h2 { color: #fff; }.warehouse-workflow .section-heading > p { color: #a9c0cf; }.warehouse-flow,.cross-flow { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6,1fr); list-style: none; border: 1px solid rgba(255,255,255,.13); }.warehouse-flow li,.cross-flow li { position: relative; min-height: 220px; padding: 27px 21px; border-right: 1px solid rgba(255,255,255,.13); }.warehouse-flow li:last-child,.cross-flow li:last-child { border: 0; }.warehouse-flow li:not(:last-child)::after,.cross-flow li:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -12px; top: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: var(--cyan); background: var(--navy); transform: translateY(-50%); }.warehouse-flow span,.cross-flow span { color: #5e7e92; font: 700 13px Arial; }.warehouse-flow h3,.cross-flow h3 { margin: 66px 0 12px; font-size: 16px; }.warehouse-flow p,.cross-flow p { margin: 0; color: #90aabc; font-size: 13px; line-height: 1.65; }.workflow-feedback { margin-top: 19px; padding: 17px 22px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; color: #93aebe; background: rgba(255,255,255,.04); text-align: center; font-size: 13px; }.workflow-feedback b { color: var(--cyan); font-weight: 500; }

.w3-capabilities { scroll-margin-top: 130px; background: #f7fafc; }.capability-table { border-top: 1px solid var(--line); }.capability-table article { padding: 24px 0; display: grid; grid-template-columns: 240px 1fr 260px; gap: 35px; align-items: center; border-bottom: 1px solid var(--line); }.capability-table article > div { display: flex; align-items: center; gap: 22px; }.capability-table span { color: var(--blue); font: 700 13px Arial; }.capability-table h3 { margin: 0; font-size: 18px; }.capability-table p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }.capability-table small { padding-left: 25px; color: #2e5e79; border-left: 1px solid var(--line); font-size: 13px; line-height: 1.6; }
.strategy-section { color: #fff; background: linear-gradient(145deg,#061a2b,#0b4163); }.strategy-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 85px; align-items: center; }.strategy-copy h2,.integration-copy h2,.experience-copy h2,.ecosystem-copy h2 { margin: 0; font-size: clamp(35px,4vw,52px); line-height: 1.25; letter-spacing: -.04em; }.strategy-copy h2,.ecosystem-copy h2 { color: #fff; }.strategy-copy > p:not(.kicker),.experience-copy > p:not(.kicker),.ecosystem-copy > p:not(.kicker) { margin: 23px 0 0; color: #a6bdcb; font-size: 15px; line-height: 1.9; }.strategy-example { display: grid; grid-template-columns: 1fr 34px 1.4fr 34px 1fr; align-items: center; }.strategy-example > i { color: var(--cyan); text-align: center; font-style: normal; }.strategy-input,.strategy-output { min-height: 155px; padding: 23px; display: flex; flex-direction: column; justify-content: center; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); }.strategy-input span,.strategy-output span { font-size: 14px; font-weight: 600; }.strategy-input small,.strategy-output small { margin-top: 12px; color: #90aaba; font-size: 13px; line-height: 1.7; }.strategy-engine { min-height: 260px; padding: 24px; display: flex; flex-direction: column; justify-content: center; background: rgba(45,192,217,.12); border: 1px solid rgba(72,207,229,.32); }.strategy-engine b { color: #fff; font-size: 15px; }.strategy-engine span { padding: 10px 0; color: #a7c5d3; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 13px; }
.integration-section { scroll-margin-top: 130px; }.integration-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 85px; align-items: center; }.integration-map { padding: 28px; background: #f4f8fa; border: 1px solid var(--line); }.integration-source { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }.integration-source span { padding: 12px 5px; color: #3b6077; background: #fff; border: 1px solid var(--line); text-align: center; font-size: 13px; }.integration-link { padding: 15px; color: var(--blue); text-align: center; font-size: 13px; }.integration-core { width: 150px; height: 150px; margin: 0 auto; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; background: linear-gradient(145deg,#0a4771,#0d81ad); }.integration-core strong { font: 700 32px Arial; }.integration-core small { margin-top: 7px; color: #b7dae4; font-size: 13px; }.integration-source.hardware span { background: #e8f2f6; }.integration-copy > p:not(.kicker) { color: var(--muted); }.integration-copy ul,.ecosystem-copy ul { margin: 27px 0 0; padding: 0; list-style: none; }.integration-copy li,.ecosystem-copy li { position: relative; padding: 11px 0 11px 18px; color: #4c6677; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.6; }.integration-copy li::before,.ecosystem-copy li::before { content: ""; position: absolute; left: 0; top: 17px; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); }
.product-scenes { background: #f7fafc; }.scene-grid { display: grid; grid-template-columns: repeat(4,1fr); }.scene-grid article { min-height: 260px; padding: 28px; border: 1px solid var(--line); border-right: 0; background: #fff; }.scene-grid article:last-child { border-right: 1px solid var(--line); }.scene-grid span { color: var(--blue); font-size: 13px; }.scene-grid h3 { margin: 48px 0 13px; font-size: 18px; line-height: 1.5; }.scene-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.product-cases { scroll-margin-top: 130px; }.product-case-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 14px; }.product-case-grid article { min-height: 360px; padding: 30px; display: flex; flex-direction: column; background: var(--mist); border-top: 3px solid #91b2c3; }.product-case-grid article.feature { color: #fff; background: linear-gradient(145deg,#0a3c62,#0d719c); border-color: var(--cyan); }.product-case-grid article > p { margin: 0; color: var(--blue); font-size: 13px; letter-spacing: .12em; }.product-case-grid article.feature > p { color: #70d8e8; }.product-case-grid h3 { margin: 24px 0 8px; font-size: 24px; }.product-case-grid strong { color: #5d7381; font-size: 14px; font-weight: 500; }.product-case-grid .feature strong { color: #bed7e1; }.product-case-grid dl { margin: auto 0 0; }.product-case-grid dl div { padding: 11px 0; border-top: 1px solid rgba(255,255,255,.13); }.product-case-grid dt { margin-bottom: 5px; color: #6ed7e8; font-size: 13px; }.product-case-grid dd { margin: 0; color: #bed3de; font-size: 13px; line-height: 1.65; }.product-case-grid article > span { margin-top: auto; padding-top: 22px; color: #516c7e; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.8; }
.case-card-link { margin-top: 18px; display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-size: 13px; }
.product-case-grid .feature .case-card-link { color: #7be1ee; }
.case-card-link b { transition: transform .2s ease; }
.case-card-link:hover b { transform: translateX(4px); }
.product-delivery { background: #f7fafc; }.performance-note { margin: 18px 0 0; color: #8999a5; text-align: center; font-size: 13px; }

/* C3 */
.c3-hero { background: radial-gradient(circle at 76% 27%,rgba(52,196,211,.2),transparent 29%),linear-gradient(135deg,#041724,#0a394f 62%,#0b5967); }.cross-route { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.cross-route article { min-height: 105px; padding: 17px; display: grid; grid-template-columns: 30px 1fr; align-items: start; background: rgba(255,255,255,.055); border-left: 2px solid #4c9daf; }.cross-route article:nth-child(3),.cross-route article:nth-child(4) { border-color: var(--cyan); }.cross-route i { color: var(--cyan); font: 700 13px Arial; }.cross-route b { font-size: 14px; }.cross-route small { grid-column: 2; margin-top: 12px; color: #89a8b5; font-size: 13px; }.cross-track { margin-top: 9px; 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); }.cross-track span { color: var(--cyan); font-size: 13px; }.cross-track b { color: #bdd4dc; font-size: 13px; font-weight: 500; }
.product-scope { padding-top: 140px; scroll-margin-top: 130px; }.scope-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 90px; align-items: center; }.scope-diagram { padding: 30px; background: #f4f8fa; border: 1px solid var(--line); }.scope-core { padding: 25px; display: flex; flex-direction: column; align-items: center; color: #fff; background: linear-gradient(145deg,#0a466d,#0d7d99); }.scope-core strong { font: 700 31px Arial; }.scope-core span { margin-top: 8px; color: #c2dce3; font-size: 13px; }.scope-links { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.scope-links article { min-height: 120px; padding: 21px; background: #fff; border: 1px solid var(--line); }.scope-links b { color: var(--blue); font-size: 13px; }.scope-links span { display: block; margin-top: 22px; color: var(--muted); font-size: 13px; line-height: 1.7; }.scope-diagram > a { display: flex; justify-content: space-between; margin-top: 17px; color: var(--blue); font-size: 13px; }
.cross-problems { color: #fff; background: var(--navy); }.cross-problems .section-heading h2 { color: #fff; }.cross-problems .section-heading > p { color: #aac1cf; }.cross-problems .problem-ledger article { background: rgba(255,255,255,.055); border-color: #41697f; }.cross-problems .problem-ledger article:nth-child(2) { background: rgba(46,192,214,.09); border-color: var(--cyan); }.cross-problems .problem-ledger h3 { color: #fff; }.cross-problems .problem-ledger p { color: #95aebe; }.cross-problems .problem-ledger span { color: var(--cyan); }
.cross-workflow { scroll-margin-top: 130px; }.cross-flow { border-color: var(--line); }.cross-flow li { border-color: var(--line); }.cross-flow li:not(:last-child)::after { background: #fff; }.cross-flow h3 { color: #18384e; }.cross-flow p { color: var(--muted); }
.c3-capabilities { scroll-margin-top: 130px; color: #fff; background: linear-gradient(145deg,#061a29,#0a3d55); }.c3-capabilities .section-heading h2 { color: #fff; }.c3-capability-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.13); border-left: 1px solid rgba(255,255,255,.13); }.c3-capability-grid article { min-height: 250px; padding: 26px; border-right: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); }.c3-capability-grid span { color: #5e7f91; font: 700 13px Arial; }.c3-capability-grid h3 { margin: 50px 0 13px; font-size: 17px; }.c3-capability-grid p { margin: 0; color: #95afbd; font-size: 13px; line-height: 1.75; }
.customer-experience { background: #f7fafc; }.experience-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 85px; align-items: center; }.experience-copy > p:not(.kicker) { color: var(--muted); }.experience-journey { display: grid; grid-template-columns: 1fr 36px 1fr 36px 1fr; align-items: center; }.experience-journey article { min-height: 210px; padding: 23px; display: flex; flex-direction: column; justify-content: center; background: #fff; border-top: 3px solid #84afc2; }.experience-journey article:nth-of-type(2) { color: #fff; background: linear-gradient(145deg,#0a456b,#0d7897); border-color: var(--cyan); }.experience-journey > i { color: var(--cyan); text-align: center; font-style: normal; }.experience-journey span { color: var(--blue); font-size: 13px; }.experience-journey article:nth-of-type(2) span { color: #71d8e7; }.experience-journey strong { margin-top: 21px; font-size: 15px; }.experience-journey small { margin-top: 12px; color: #8296a4; font-size: 13px; line-height: 1.6; }.experience-journey article:nth-of-type(2) small { color: #bad4dd; }
.ecosystem-section { scroll-margin-top: 130px; color: #fff; background: var(--navy); }.ecosystem-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 85px; align-items: center; }.ecosystem-map { padding: 28px; display: grid; grid-template-columns: 1fr 160px 1fr; gap: 18px; align-items: center; border: 1px solid rgba(255,255,255,.12); }.eco-side { display: flex; flex-direction: column; gap: 7px; }.eco-side span { padding: 13px 8px; color: #9db7c5; background: rgba(255,255,255,.05); text-align: center; font-size: 13px; }.eco-core { height: 160px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(145deg,#0a5678,#0c8595); }.eco-core strong { font: 700 31px Arial; }.eco-core b { margin-top: 8px; color: #8ce0e9; font-size: 13px; }.eco-core small { margin-top: 6px; color: #b8d6dc; text-align: center; font-size: 13px; }.ecosystem-copy > p:not(.kicker) { color: #a5bdca; }.ecosystem-copy li { color: #b7cbd5; border-color: rgba(255,255,255,.12); }

/* E3 / T3 / D3 / X3 */
.e3-hero { background: radial-gradient(circle at 76% 27%,rgba(42,181,223,.21),transparent 30%),linear-gradient(135deg,#041523,#083656 62%,#0a526b); }
.t3-hero { background: radial-gradient(circle at 77% 25%,rgba(56,191,213,.19),transparent 30%),linear-gradient(135deg,#061724,#133b50 62%,#0b5961); }
.d3-hero { background: radial-gradient(circle at 75% 25%,rgba(59,196,205,.2),transparent 30%),linear-gradient(135deg,#051723,#10384e 60%,#12646b); }
.x3-hero { background: radial-gradient(circle at 75% 24%,rgba(77,190,170,.2),transparent 31%),linear-gradient(135deg,#061923,#123d49 62%,#17645e); }
.network-visual,.transport-visual,.delivery-visual,.rural-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); }
.visual-title { display: flex; align-items: center; gap: 13px; padding-bottom: 19px; border-bottom: 1px solid rgba(255,255,255,.12); }.visual-title span { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--cyan); background: #0c4a6f; font: 700 15px Arial; }.visual-title strong { font-size: 15px; }
.network-levels { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.network-levels article { min-height: 105px; padding: 18px; display: flex; flex-direction: column; background: rgba(255,255,255,.055); border-left: 2px solid #4e91aa; }.network-levels article:nth-child(2),.network-levels article:nth-child(4) { border-color: var(--cyan); }.network-levels b { font-size: 14px; }.network-levels small { margin-top: auto; color: #8ea9b8; font-size: 13px; line-height: 1.55; }.network-thread { margin-top: 9px; padding: 17px; display: flex; align-items: center; justify-content: space-between; background: rgba(48,192,211,.12); border: 1px solid rgba(72,205,223,.28); }.network-thread span { color: #b8d3dc; font-size: 13px; }.network-thread i { width: 28px; height: 1px; background: var(--cyan); }
.network-model { color: #fff; background: linear-gradient(145deg,#061a2b,#0b4163); }.operating-models { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.13); }.operating-models article { min-height: 250px; padding: 25px; display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.13); }.operating-models article:last-child { border: 0; }.operating-models span { color: var(--cyan); font-size: 13px; }.operating-models strong { margin-top: 52px; font-size: 15px; }.operating-models p { margin: auto 0 0; color: #9eb6c4; font-size: 13px; line-height: 1.75; }
.transport-order { margin-top: 18px; padding: 19px; display: flex; justify-content: space-between; align-items: center; background: rgba(48,192,211,.12); border: 1px solid rgba(72,205,223,.28); }.transport-order span { color: var(--cyan); font-size: 14px; }.transport-order b { color: #bdd4dd; font-size: 13px; font-weight: 500; }.transport-match { margin-top: 9px; display: grid; grid-template-columns: 1fr 58px 1fr; align-items: center; }.transport-match article { min-height: 126px; padding: 19px; display: flex; flex-direction: column; justify-content: center; background: rgba(255,255,255,.055); border-top: 2px solid #4d8fa4; }.transport-match article:last-child { border-color: var(--cyan); }.transport-match small { color: #8eaab7; font-size: 13px; }.transport-match strong { margin-top: 17px; font-size: 14px; line-height: 1.6; }.transport-match i { color: var(--cyan); text-align: center; font-size: 13px; font-style: normal; }.transport-result { margin-top: 9px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }.transport-result span { padding: 13px 6px; color: #a8c1cd; background: rgba(255,255,255,.05); text-align: center; font-size: 13px; }
.dispatch-logic { display: grid; grid-template-columns: 1fr 1.25fr 1fr; align-items: center; }.dispatch-input,.dispatch-output { min-height: 190px; padding: 23px; display: flex; flex-direction: column; justify-content: center; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); }.dispatch-input span,.dispatch-output span { font-size: 14px; font-weight: 600; }.dispatch-input small,.dispatch-output small { margin-top: 15px; color: #92abb9; font-size: 13px; line-height: 1.7; }.dispatch-engine { min-height: 285px; padding: 25px; display: flex; flex-direction: column; justify-content: center; background: rgba(44,191,210,.14); border: 1px solid rgba(72,207,229,.32); }.dispatch-engine b { margin-bottom: 8px; font-size: 15px; }.dispatch-engine span { padding: 10px 0; color: #a8c5d1; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 13px; }
.delivery-map { margin-top: 18px; display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: 8px; align-items: stretch; }.delivery-hub,.delivery-recipient { min-height: 210px; padding: 20px; display: flex; flex-direction: column; justify-content: center; background: rgba(255,255,255,.055); border-top: 2px solid #4b8fa2; }.delivery-recipient { border-color: var(--cyan); }.delivery-hub b,.delivery-recipient b { font-size: 15px; }.delivery-hub small,.delivery-recipient small { margin-top: 15px; color: #91acb8; font-size: 13px; line-height: 1.6; }.delivery-routes { display: flex; flex-direction: column; gap: 7px; }.delivery-routes article { flex: 1; padding: 14px; display: flex; align-items: center; gap: 12px; background: rgba(48,192,211,.1); border: 1px solid rgba(72,205,223,.2); }.delivery-routes i { color: var(--cyan); font: 700 13px Arial; }.delivery-routes span { color: #bad0d9; font-size: 13px; }.delivery-status { margin-top: 9px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }.delivery-status span { padding: 13px 6px; color: #a8c1cd; background: rgba(255,255,255,.05); text-align: center; font-size: 13px; }
.rural-levels { margin-top: 18px; display: grid; grid-template-columns: 1.22fr 1fr .85fr; gap: 8px; align-items: end; }.rural-levels article { padding: 18px; display: flex; align-items: center; gap: 13px; background: rgba(255,255,255,.055); border-top: 2px solid #4c9c96; }.rural-levels .county { min-height: 190px; }.rural-levels .town { min-height: 155px; }.rural-levels .village { min-height: 125px; border-color: #5dd7c5; }.rural-levels i { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #6ce2d0; background: rgba(70,205,187,.12); font-size: 13px; font-style: normal; }.rural-levels b { font-size: 14px; }.rural-levels small { display: block; margin-top: 10px; color: #8eaaa9; font-size: 13px; line-height: 1.6; }.rural-directions { margin-top: 9px; padding: 17px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: rgba(61,190,171,.1); border: 1px solid rgba(87,211,193,.25); }.rural-directions span { color: #b9d8d3; text-align: center; font-size: 13px; }.rural-directions i { color: #6ce2d0; font-size: 13px; font-style: normal; }
.rural-network { scroll-margin-top: 130px; color: #fff; background: linear-gradient(145deg,#071c27,#124b4c); }.rural-network .section-heading h2 { color: #fff; }.rural-network .section-heading > p { color: #a5c1bf; }.rural-network-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.13); }.rural-network-grid article { min-height: 275px; padding: 28px; border-right: 1px solid rgba(255,255,255,.13); }.rural-network-grid article:last-child { border: 0; }.rural-network-grid span { color: #64d8c6; font-size: 13px; }.rural-network-grid h3 { margin: 55px 0 15px; font-size: 17px; }.rural-network-grid p { margin: 0; color: #9fb8b7; font-size: 13px; line-height: 1.8; }.rural-two-way { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.rural-two-way > div { padding: 19px; display: grid; grid-template-columns: auto repeat(4,1fr); align-items: center; gap: 7px; background: rgba(255,255,255,.05); }.rural-two-way b { color: #67dbc9; font-size: 13px; }.rural-two-way span,.rural-two-way i { padding: 10px 5px; color: #aac0bf; background: rgba(255,255,255,.05); text-align: center; font-size: 13px; font-style: normal; }
.rural-case-section { scroll-margin-top: 130px; }.rural-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; }.rural-case > div > p { margin: 0; color: #68dcca; font-size: 13px; letter-spacing: .12em; }.rural-case h3 { margin: 25px 0 9px; font-size: 31px; }.rural-case strong { color: #c1dcd8; font-size: 14px; font-weight: 500; }.rural-case dl { margin: 0; }.rural-case dl div { padding: 15px 0; border-top: 1px solid rgba(255,255,255,.14); }.rural-case dl div:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }.rural-case dt { margin-bottom: 7px; color: #6bdcca; font-size: 13px; }.rural-case dd { margin: 0; color: #c0d4d1; font-size: 13px; line-height: 1.75; }

@media (max-width:1080px) { .product-hero-grid { gap: 35px; }.strategy-grid,.integration-grid,.scope-grid,.experience-grid,.ecosystem-grid { gap: 50px; }.capability-table article { grid-template-columns: 210px 1fr 220px; }.c3-capability-grid { grid-template-columns: repeat(2,1fr); }.rural-two-way > div { grid-template-columns: 1fr 1fr; } }
@media (max-width:820px) { .product-hero { min-height: 0; padding: 122px 0 82px; }.product-hero-grid { grid-template-columns: 1fr; }.warehouse-visual,.crossborder-visual,.network-visual,.transport-visual,.delivery-visual,.rural-visual { width: min(100%,560px); margin: 25px auto 0; }.product-summary { margin-top: 0; }.product-summary-grid { width: 100%; grid-template-columns: 1fr 1fr; box-shadow: none; }.product-summary-grid > div { padding: 20px; border-bottom: 1px solid var(--line); }.product-summary-grid > div:nth-child(2) { border-right: 0; }.product-anchor-bar { top: 68px; overflow-x: auto; }.product-anchor-bar .section-shell { width: max-content; padding: 0 18px; justify-content: flex-start; }.product-problems,.product-scope { padding-top: 88px; }.problem-ledger { grid-template-columns: 1fr 1fr; }.warehouse-flow,.cross-flow { grid-template-columns: repeat(3,1fr); }.warehouse-flow li:nth-child(3),.cross-flow li:nth-child(3) { border-right: 0; }.warehouse-flow li:nth-child(-n+3),.cross-flow li:nth-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.13); }.cross-flow li:nth-child(-n+3) { border-bottom-color: var(--line); }.warehouse-flow li:nth-child(3)::after,.cross-flow li:nth-child(3)::after { display: none; }.capability-table article { grid-template-columns: 180px 1fr; }.capability-table small { grid-column: 2; padding: 13px 0 0; border-left: 0; border-top: 1px solid var(--line); }.strategy-grid,.integration-grid,.scope-grid,.experience-grid,.ecosystem-grid { grid-template-columns: 1fr; }.scene-grid { grid-template-columns: 1fr 1fr; }.scene-grid article:nth-child(2) { border-right: 1px solid var(--line); }.scene-grid article:nth-child(-n+2) { border-bottom: 0; }.product-case-grid { grid-template-columns: 1fr 1fr; }.product-case-grid .feature { grid-column: 1 / -1; }.ecosystem-map { max-width: 620px; }.operating-models,.rural-network-grid { grid-template-columns: 1fr; }.operating-models article,.rural-network-grid article { min-height: 190px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }.rural-two-way { grid-template-columns: 1fr; }.rural-case { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width:540px) { .product-hero-copy h2 { font-size: 40px; }.product-summary-grid { padding: 18px 16px; }.product-summary-grid > div { padding: 18px 10px; }.product-summary strong { font-size: 18px; }.warehouse-zones,.cross-route,.network-levels { grid-template-columns: 1fr; }.warehouse-center,.cross-track,.transport-order { align-items: flex-start; flex-direction: column; gap: 10px; }.warehouse-connect { grid-template-columns: 1fr; }.problem-ledger,.scene-grid,.product-case-grid,.scope-links,.c3-capability-grid { grid-template-columns: 1fr; }.scene-grid article,.scene-grid article:nth-child(2),.scene-grid article:nth-child(-n+2) { border: 1px solid var(--line); border-bottom: 0; }.scene-grid article:last-child { border-bottom: 1px solid var(--line); }.warehouse-flow,.cross-flow { grid-template-columns: 1fr 1fr; }.warehouse-flow li:nth-child(3),.cross-flow li:nth-child(3) { border-right: 1px solid rgba(255,255,255,.13); }.cross-flow li:nth-child(3) { border-right-color: var(--line); }.warehouse-flow li:nth-child(even),.cross-flow li:nth-child(even) { border-right: 0; }.warehouse-flow li:nth-child(2)::after,.warehouse-flow li:nth-child(4)::after,.cross-flow li:nth-child(2)::after,.cross-flow li:nth-child(4)::after { display: none; }.warehouse-flow li:nth-child(3)::after,.cross-flow li:nth-child(3)::after { display: flex; }.capability-table article { grid-template-columns: 1fr; gap: 13px; }.capability-table small { grid-column: auto; }.strategy-example,.dispatch-logic { grid-template-columns: 1fr; }.strategy-example > i { padding: 8px; }.integration-source { grid-template-columns: 1fr 1fr; }.product-case-grid .feature { grid-column: auto; }.experience-journey { grid-template-columns: 1fr; }.experience-journey > i { padding: 8px; transform: rotate(90deg); }.ecosystem-map { grid-template-columns: 1fr; }.eco-core { width: 160px; margin: 0 auto; }.transport-match,.delivery-map,.rural-levels { grid-template-columns: 1fr; }.transport-match i { padding: 8px; }.transport-result,.delivery-status { grid-template-columns: 1fr 1fr; }.rural-levels .county,.rural-levels .town,.rural-levels .village { min-height: 115px; }.rural-directions { grid-template-columns: 1fr; gap: 9px; }.rural-two-way > div { grid-template-columns: 1fr; }.rural-case { padding: 28px; }
}