/* Retail network illustration; deliberately not a product UI screenshot. */
.retail-flow-section .section-heading {grid-template-columns:1fr 1fr;gap:60px;}
.retail-flow-section .section-heading .page-eyebrow {font-size:12px;color:#45d2e2;}
.retail-network-visual {border:1px solid #33565f;background:#08272f;}
.rn-product {display:flex;align-items:center;gap:20px;padding:22px 30px;border-bottom:1px solid #33565f;background:#0b3039;}
.rn-product-icon {width:86px;flex-shrink:0;}
.rn-product-icon svg {width:100%;display:block;fill:#123f49;stroke:#a2d5db;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.rn-product small,.rn-location-top small,.rn-outcome small {display:block;color:#44d5e6;font-size:10px;font-weight:800;letter-spacing:.12em;}
.rn-product strong {display:block;font-size:21px;line-height:1.4;color:white;margin-top:5px;}
.rn-product strong span {color:#adc9ce;font-weight:400;}
.rn-demo {margin-left:auto;max-width:190px;font-size:11px;line-height:1.5;color:#aac3c8;text-align:right;}
.rn-map {padding:30px 30px 28px;background:radial-gradient(ellipse at 50% 0%,#10404a 0%,#08272f 70%);}
.rn-hub {position:relative;display:flex;justify-content:center;align-items:center;gap:16px;width:310px;max-width:100%;margin:0 auto;background:#103d48;border:1px solid #4bd2e3;padding:17px 22px;box-shadow:0 0 40px #34c4d510;}
.rn-status {width:9px;height:9px;border-radius:50%;background:#48d5e5;box-shadow:0 0 0 6px #48d5e517;}
.rn-hub strong {display:block;color:white;font-size:29px;line-height:1;letter-spacing:-.035em;}
.rn-hub div > span {display:block;font-size:12px;color:#b8d6dc;margin-top:7px;}
.rn-branches {position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;height:48px;margin:0;}
.rn-branches::before {content:"";position:absolute;left:50%;top:0;height:24px;width:1px;background:#4ea0ac;}
.rn-branches::after {content:"";position:absolute;left:calc(16.666% - 7.333px);right:calc(16.666% - 7.333px);top:24px;height:1px;background:#4ea0ac;}
.rn-branches span {position:relative;}
.rn-branches span::after {content:"";position:absolute;left:50%;top:24px;bottom:0;width:1px;background:#4ea0ac;}
.rn-locations {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.rn-location {position:relative;padding:22px 24px;background:#0b3039;border:1px solid #3b626c;}
.rn-location::before {content:"";position:absolute;top:-4px;left:calc(50% - 4px);width:7px;height:7px;border-radius:50%;background:#62c7d5;}
.rn-location-top > span {display:block;font-size:11px;color:#a8c3c9;margin-top:6px;}
.rn-building {display:block;width:100%;height:114px;margin:10px 0 8px;fill:none;stroke:#8cb9c3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.rn-highlight {stroke:#46d6e6;}
.rn-stock {display:flex;align-items:baseline;gap:12px;}
.rn-stock strong {font-size:50px;line-height:1;letter-spacing:-.045em;color:white;}
.rn-stock > span {font-size:12px;color:#b5ced2;}
.rn-location p {color:#bfd3d7;font-size:14px;margin:10px 0 22px;line-height:1.5;}
.rn-state {display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #365b65;color:#b6d6dc;font-size:12px;line-height:1.5;}
.rn-state b {font-size:17px;}
.rn-empty .rn-stock strong {color:#e6b78b;}
.rn-empty .rn-state {color:#e6b78b;}
.rn-found {background:#124653;border-color:#47d4e4;box-shadow:inset 0 3px #47d4e4;}
.rn-found .rn-building {stroke:#a5e7ee;}
.rn-found .rn-stock strong,.rn-found .rn-state {color:#4de0ef;}
.rn-outcome {display:flex;align-items:center;gap:22px;padding:26px 30px;background:#123c47;border-top:1px solid #3b626c;}
.rn-outcome-icon {display:grid;place-items:center;width:43px;height:43px;border-radius:50%;flex:0 0 auto;background:#44d4e5;color:#052731;font-size:24px;}
.rn-outcome strong {display:block;font-size:25px;letter-spacing:-.025em;color:white;margin-top:8px;line-height:1.25;}
.rn-outcome p {font-size:14px;color:#b5cdd3;margin:8px 0 0;line-height:1.6;}
.rn-capabilities {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:34px;}
.rn-capabilities article {display:flex;gap:12px;border-top:1px solid #35565f;padding-top:21px;}
.rn-capabilities article > span {color:#46d6e6;font-size:11px;padding-top:4px;}
.rn-capabilities h3 {color:white;font-size:18px;line-height:1.25;letter-spacing:-.02em;margin:0 0 9px;}
.rn-capabilities p {color:#adc6cb;font-size:13px;line-height:1.6;margin:0;}
@media(max-width:900px) {
 .retail-flow-section .section-heading {gap:28px;}
 .rn-product {padding:20px;gap:14px;}
 .rn-map {padding:26px 18px 20px;}
 .rn-locations {gap:12px;}
 .rn-branches {gap:12px;}
 .rn-branches::after {left:calc(16.666% - 4px);right:calc(16.666% - 4px);}
 .rn-location {padding:18px 14px;}
 .rn-location-top small {font-size:9px;}
 .rn-stock {gap:8px;}
 .rn-stock strong {font-size:42px;}
 .rn-stock > span {font-size:11px;}
 .rn-outcome {padding:24px 20px;}
 .rn-capabilities {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px) {
 .retail-flow-section .section-heading {display:block;}
 .retail-flow-section .section-heading h2 {font-size:42px;}
 .rn-product {flex-wrap:wrap;gap:10px 14px;padding:18px;}
 .rn-product-icon {width:60px;}
 .rn-product strong {font-size:17px;}
 .rn-product strong span {display:block;font-size:14px;}
 .rn-product small {font-size:8px;}
 .rn-demo {margin:0;max-width:none;text-align:left;font-size:10px;width:100%;}
 .rn-map {padding:22px 14px;}
 .rn-hub {width:100%;padding:16px;}
 .rn-hub strong {font-size:25px;}
 .rn-branches {height:24px;}
 .rn-branches::after,.rn-branches span {display:none;}
 .rn-locations {grid-template-columns:1fr;gap:18px;position:relative;}
 .rn-locations::before {content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#4ea0ac;}
 .rn-location {padding:18px;display:grid;grid-template-columns:1fr 95px;column-gap:8px;}
 .rn-location-top {grid-column:1;}
 .rn-location-top small {font-size:9px;}
 .rn-building {grid-column:2;grid-row:1 / 4;height:90px;align-self:center;margin:0;}
 .rn-stock {grid-column:1;margin-top:18px;}
 .rn-location p {grid-column:1 / -1;margin:10px 0 16px;}
 .rn-state {grid-column:1 / -1;}
 .rn-outcome {align-items:flex-start;gap:14px;padding:22px 18px;}
 .rn-outcome-icon {width:30px;height:30px;font-size:18px;}
 .rn-outcome small {font-size:8px;}
 .rn-outcome strong {font-size:21px;}
 .rn-outcome p {font-size:13px;}
 .rn-capabilities {gap:22px 16px;margin-top:26px;}
 .rn-capabilities article {display:block;padding-top:16px;}
 .rn-capabilities article > span {display:block;margin-bottom:9px;}
 .rn-capabilities h3 {font-size:17px;}
 .rn-capabilities p {font-size:12px;}
}