/* Page-local concept diagrams: shared site typography, colours and shell. */
.automation-page .concept-heading {max-width: 900px;margin-bottom: 38px;}
.automation-page .concept-heading h2 {font-size:clamp(36px,4.3vw,62px);line-height:1.05;letter-spacing:-.045em;margin:16px 0 22px;max-width:none;}
.automation-page .concept-heading h2 em {font-style:normal;color:#078398;}
.automation-page .concept-heading > p:last-child {max-width:760px;font-size:18px;line-height:1.65;color:#536974;margin:0;}
.automation-page .concept-heading .page-eyebrow {font-size:12px;letter-spacing:.15em;}
.automation-page .automation-truth .concept-heading .page-eyebrow {color:#007e92;}
.automation-page #working-together,.automation-page #right-order {scroll-margin-top:100px;}
.warehouse-concept {margin:0;border:1px solid #bbd1d4;background:#fff;}
.concept-software {display:flex;align-items:center;justify-content:space-between;gap:24px;background:#082b34;color:white;padding:25px 32px;}
.concept-brand {display:flex;align-items:center;gap:18px;}
.concept-brand small,.concept-floor-label small,.concept-station small,.wms-brain-intro > small,.wms-example > small {font-size:10px;letter-spacing:.13em;font-weight:800;}
.concept-brand small {display:block;color:#48d8e8;margin-bottom:3px;}
.concept-brand strong {font-size:36px;line-height:1;letter-spacing:-.03em;}
.concept-chip {width:58px;height:58px;display:block;color:#48d8e8;}
.concept-chip svg {width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;}
.concept-decisions {display:flex;gap:12px;flex-wrap:wrap;}
.concept-decisions span {padding:10px 14px;border:1px solid #35606a;font-size:14px;color:#e4f0f1;}
.concept-exchange {display:grid;grid-template-columns:1fr 1fr;max-width:860px;margin:0 auto;padding:20px 24px;gap:30px;}
.concept-exchange > div {display:flex;gap:16px;align-items:center;}
.concept-exchange > div > span {font-size:42px;color:#008ba0;line-height:1;}
.concept-exchange p {margin:0;font-size:12px;line-height:1.5;color:#526b75;}
.concept-exchange strong {display:block;font-size:16px;color:#082b34;margin-bottom:3px;}
.concept-exchange p > span {display:block;}
.concept-interface {display:flex;align-items:center;gap:16px;padding:0 30px;color:#506973;font-size:12px;text-align:center;}
.concept-interface::before,.concept-interface::after {content:"";height:1px;flex:1;background:#b6d2d6;}
.concept-floor {margin:26px 26px 0;background:linear-gradient(180deg,#f0f7f7,#f9fbfb);border:1px solid #bad1d4;border-top:4px solid #0d9bb0;}
.concept-floor-label {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px 0;color:#42606b;}
.concept-floor-label small {color:#007d91;}
.concept-floor-label > span {font-size:12px;}
.concept-stations {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 10px 24px;}
.concept-station {padding:0 14px;position:relative;}
.concept-station + .concept-station::before {content:"→";position:absolute;left:-9px;top:64px;color:#0494a6;font-size:24px;}
.concept-station svg {display:block;width:100%;height:140px;}
.drawing-line {stroke:#507681;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.drawing-box {fill:#d8e8e8;stroke:#537983;stroke-width:1.6;}
.drawing-accent {fill:#0794a8;stroke:#06768a;stroke-width:1.6;}
.drawing-light {fill:none;stroke:#c4f5f8;stroke-width:1.8;stroke-linecap:round;}
.drawing-wheel {fill:#123f4c;}
.concept-station small {color:#00788b;font-size:9px;}
.concept-station h3 {font-size:19px;line-height:1.2;letter-spacing:-.02em;margin:10px 0 7px;color:#0a2932;}
.concept-station p {font-size:13px;line-height:1.55;color:#526973;margin:0;}
.warehouse-concept figcaption {padding:20px 26px;font-size:15px;line-height:1.6;color:#48616b;}
.warehouse-concept figcaption strong {color:#082b34;margin-right:8px;}
.automation-page .concept-note {margin:15px 0 0;font-size:12px;color:#5d737c;line-height:1.65;max-width:970px;}
.automation-page .automation-sequence .concept-heading h2 {color:#fff;}
.automation-page .automation-sequence .concept-heading h2 em {color:#43d0e2;}
.automation-page .automation-sequence .concept-heading > p:last-child {color:#b6ccd1;}
.wms-brain-grid {display:grid;grid-template-columns:.85fr 1.3fr;gap:64px;align-items:center;}
.wms-brain-intro {padding:0 10px 0 0;}
.brain-orbit {display:flex;align-items:center;justify-content:center;width:112px;height:112px;border:1px solid #366773;border-radius:50%;background:#0b333e;margin-bottom:24px;box-shadow:0 0 0 10px #0a2a33;}
.brain-orbit svg {width:80px;height:80px;fill:none;stroke:#4ad4e2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.wms-brain-intro > small {color:#49d8e7;}
.wms-brain-intro h3 {font-size:clamp(25px,2.8vw,37px);line-height:1.25;color:white;letter-spacing:-.03em;margin:18px 0;}
.wms-brain-intro p {color:#b6ccd1;font-size:16px;line-height:1.7;max-width:400px;}
.wms-functions article {display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #31535e;}
.wms-functions article:first-child {border-top:1px solid #31535e;}
.wms-functions article > span {font-size:13px;color:#4ad4e2;padding-top:4px;}
.wms-functions h3 {font-size:22px;color:white;margin:0 0 7px;letter-spacing:-.02em;}
.wms-functions p {font-size:15px;color:#b6ccd1;line-height:1.65;margin:0;max-width:560px;}
.wms-example {margin-top:40px;background:#103a45;border:1px solid #315e69;padding:24px 28px;}
.wms-example > small {color:#4ad4e2;}
.wms-example ol {display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;list-style:none;padding:0;margin:18px 0 0;}
.wms-example li {position:relative;}
.wms-example li + li::before {content:"→";position:absolute;left:-28px;top:12px;color:#49d8e7;font-size:22px;}
.wms-example li span {display:block;font-size:9px;letter-spacing:.12em;color:#b3d2d7;margin-bottom:7px;}
.wms-example li strong {font-size:16px;line-height:1.4;color:white;display:block;}
.wms-first {display:grid;grid-template-columns:1fr 1.3fr;gap:54px;padding-top:38px;margin-top:40px;border-top:3px solid #42cfe1;}
.wms-first h3 {font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.03em;margin:16px 0 0;color:white;}
.wms-first h3 em {color:#43d0e2;font-style:normal;}
.wms-first p {font-size:16px;line-height:1.7;color:#b6ccd1;margin:0 0 16px;}
.wms-first p.page-eyebrow {font-size:11px;color:#49d8e7;}
.wms-first strong {font-size:16px;line-height:1.65;color:white;display:block;}
@media(max-width:1000px) {
 .concept-software {padding:24px;}
 .concept-decisions {gap:6px;max-width:380px;}
 .concept-decisions span {font-size:12px;padding:8px;}
 .concept-floor {margin:20px 16px 0;}
 .concept-stations {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;}
 .concept-station {padding:0 20px;}
 .concept-station:nth-child(3)::before {display:none;}
 .wms-brain-grid {gap:32px;grid-template-columns:.85fr 1.15fr;}
 .wms-first {gap:32px;}
}
@media(max-width:600px) {
 .automation-page .concept-heading {margin-bottom:28px;}
 .automation-page .concept-heading h2 {font-size:36px;}
 .automation-page .concept-heading > p:last-child {font-size:16px;}
 .concept-software {display:block;padding:22px 18px;}
 .concept-brand strong {font-size:30px;}
 .concept-decisions {margin-top:20px;gap:6px;max-width:none;}
 .concept-decisions span {font-size:11px;padding:6px 8px;}
 .concept-exchange {padding:20px 16px;gap:16px;}
 .concept-exchange > div {gap:7px;align-items:flex-start;}
 .concept-exchange > div > span {font-size:30px;}
 .concept-exchange strong {font-size:13px;}
 .concept-exchange p {font-size:11px;}
 .concept-interface {padding:0 12px;font-size:10px;gap:8px;}
 .concept-interface span {max-width:200px;}
 .concept-floor {margin:18px 10px 0;}
 .concept-floor-label {display:block;padding:16px 12px 0;}
 .concept-floor-label > span {display:block;margin-top:5px;}
 .concept-stations {padding:0 4px 20px;gap:22px 0;}
 .concept-station {padding:0 8px;}
 .concept-station svg {height:100px;}
 .concept-station + .concept-station::before {top:41px;left:-7px;font-size:18px;}
 .concept-station h3 {font-size:16px;}
 .concept-station p {font-size:12px;}
 .concept-station small {font-size:8px;letter-spacing:.04em;}
 .warehouse-concept figcaption {padding:18px;font-size:13px;}
 .warehouse-concept figcaption strong {display:block;}
 .wms-brain-grid,.wms-first {grid-template-columns:1fr;gap:22px;}
 .wms-brain-intro {padding:0;}
 .brain-orbit {width:82px;height:82px;float:right;margin:8px 4px 12px 16px;}
 .brain-orbit svg {width:64px;height:64px;}
 .wms-brain-intro > small {font-size:9px;}
 .wms-brain-intro h3 {font-size:25px;}
 .wms-brain-intro p {clear:both;}
 .wms-functions article {gap:16px;padding:20px 0;}
 .wms-functions h3 {font-size:20px;}
 .wms-example {padding:22px;margin-top:28px;}
 .wms-example ol {grid-template-columns:1fr;gap:30px;}
 .wms-example li + li::before {content:"↓";left:auto;right:0;top:-26px;}
 .wms-first {padding-top:28px;margin-top:30px;}
}
