/* Compact, responsive architecture: places ↔ DISPL ↔ application. */
#network{padding:40px 0;background:#f8f8fb;border-top:1px solid #eeeaf4;scroll-margin-top:88px}
.network-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}
#network .network-heading h2{font-size:clamp(34px,3.2vw,46px);line-height:1.05;letter-spacing:-.035em;margin-top:10px}
.network-heading h2>span{color:var(--purple)}
#network .network-heading>p{font-size:16px;line-height:1.5;color:#706879;max-width:310px;margin:0}
.network-diagram{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1.28fr) 30px minmax(0,.85fr);align-items:stretch;gap:0}
.network-locations,.network-app{min-width:0;background:#fff;border:1px solid #e5dfec;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.network-node-heading{padding:24px 22px 0}.network-node-heading>span,.network-app-kicker{display:block;font-size:12px;color:#81738f;letter-spacing:.5px;line-height:1.5}
.network-node-heading h3{font-size:23px;line-height:1.15;letter-spacing:-.6px;margin-top:10px}
.network-map{display:block;object-fit:contain;width:100%;height:auto;min-height:160px;max-height:215px;margin:auto 0}
.network-device-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 22px 18px}
.network-device-legend>span{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#64576f}
.network-device-legend img{width:18px;height:18px;flex-shrink:0}
.network-location-types{padding:12px;background:#faf8fd;border-top:1px solid #eee9f5;text-align:center;font-size:12px;line-height:1.5;color:#8a7d98}
.network-connector{width:100%;align-self:center}.network-connector svg{display:block;width:100%;height:auto}
.network-bus{min-width:0;background:var(--purple);color:#fff;border-radius:20px;padding:22px;display:flex;flex-direction:column;box-shadow:0 10px 25px #7047eb12}
.network-bus-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}
.network-bus-kicker{display:block;font-size:12px;line-height:1.5;letter-spacing:.5px;color:#e5dbff}
.network-bus-title{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.35px;margin-top:8px}
.network-bus-brand{flex-shrink:0;display:flex}.network-bus-brand .displ-logo{width:83px}
.network-bus-infrastructure{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;list-style:none;padding:0;margin:0 0 18px;flex:1}
.network-bus-infrastructure>li{display:flex;align-items:center;min-width:0;min-height:44px;padding:10px 12px;background:#fff;color:#26212f;border-radius:9px;font-size:14px;line-height:1.3;font-weight:500;overflow-wrap:break-word}
.network-bus-access{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff35;padding-top:14px;font-size:12px;color:#eee6ff;line-height:1.4}
.network-bus-access strong{font-size:12px;font-weight:600;color:#f5f491;white-space:nowrap;letter-spacing:.4px}
.network-app-chrome{padding:12px 18px;background:#fcfbfe;border-bottom:1px solid #ece7f2;display:flex;gap:5px;align-items:center}.network-app-chrome i{width:5px;height:5px;background:#c7becf;border-radius:50%}.network-app-chrome>span{font:12px monospace;color:#918499;margin-left:8px}
.network-app-content{padding:22px 20px;flex:1;display:flex;flex-direction:column}
.network-app h3{font-size:27px;line-height:1.1;letter-spacing:-.8px;margin-top:10px}
.network-app-content>p{font-size:14px;line-height:1.5;color:#81758c;margin-top:9px}
.network-app-action{display:flex;align-items:start;gap:10px;padding-top:20px}.network-app-action>div{min-width:0}
.network-app-action strong{display:block;font-size:14px;line-height:1.4;font-weight:500;color:#34283f}.network-app-action div>span{display:block;font-size:12px;line-height:1.4;color:#8e7c9b;margin-top:3px}
.network-in-tag,.network-out-tag{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:30px;padding:5px 6px;border-radius:6px;font-size:12px;font-weight:600;flex-shrink:0}
.network-in-tag{background:#ede5ff;color:#6941cc}.network-out-tag{background:#f0eead;color:#544c24}
.network-app-ai{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #e8e2ef;padding-top:14px;margin-top:auto;font-size:12px;color:#8c7d98}
.network-app-action:last-of-type{padding-bottom:20px}.network-app-ai>span:first-child{width:100%}.network-app-ai>img{width:74px;height:20px;object-fit:contain}.network-codex{display:flex;gap:6px;align-items:center;color:#403849;font-size:14px}.network-codex img{width:20px;height:20px}
.network-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.network-footer>p{font-size:12px;color:#96879f;line-height:1.5}.network-footer .button{font-size:14px;min-height:44px;padding:12px 18px}
@media(min-width:1100px) and (max-height:800px){#network{padding-block:28px}.network-heading{margin-bottom:20px}#network .network-heading h2{font-size:38px}.network-footer{margin-top:16px}}
@media(max-width:1150px){.network-diagram{grid-template-columns:minmax(0,.9fr) 24px minmax(0,1.3fr) 24px minmax(0,.85fr)}.network-bus{padding:18px}.network-bus-header{display:block;margin-bottom:18px}.network-bus-brand{display:none}.network-node-heading{padding:20px 16px 0}.network-node-heading h3{font-size:21px}.network-app-content{padding:20px 16px}.network-app h3{font-size:24px}.network-device-legend{padding-inline:16px}.network-bus-access{flex-wrap:wrap}.network-bus-infrastructure>li{padding:9px 10px}}
@media(max-width:950px){#network{padding-block:48px}.network-heading{align-items:start;gap:22px}#network .network-heading>p{max-width:260px}.network-diagram{grid-template-columns:minmax(0,1fr) 24px minmax(0,1.3fr);row-gap:20px}.network-locations{grid-column:1;grid-row:1}.network-connector:nth-child(2){grid-column:2;grid-row:1}.network-bus{grid-column:3;grid-row:1}.network-connector:nth-child(4){grid-column:1/-1;grid-row:2;width:24px;height:24px;justify-self:center;transform:rotate(90deg);display:flex;align-items:center}.network-app{grid-column:1/-1;grid-row:3}.network-app-content{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding:22px}.network-app-kicker,.network-app h3,.network-app-content>p{grid-column:1}.network-app h3,.network-app-content>p{margin:0}.network-app-action{grid-column:2;padding:0}.network-app-action:nth-of-type(1){grid-row:1/3}.network-app-action:nth-of-type(2){grid-row:3/5}.network-app-ai{grid-column:1;border:0;padding-top:6px;margin:0}.network-app-ai>span:first-child{width:auto}.network-map{max-height:230px}.network-bus-infrastructure>li{min-height:46px}.network-bus-title{font-size:21px}}
@media(max-width:600px){#network{padding-block:38px}.network-heading{display:block;margin-bottom:24px}#network .network-heading h2{font-size:36px}#network .network-heading>p{font-size:16px;max-width:none;margin-top:14px}.network-diagram{display:flex;flex-direction:column;gap:0}.network-locations,.network-bus,.network-app{width:100%;border-radius:18px}.network-map{height:150px;min-height:0;max-height:none;margin:12px 0}.network-node-heading{padding:20px 20px 0}.network-node-heading h3{font-size:22px}.network-device-legend{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 20px 16px}.network-location-types{padding:10px}.network-connector,.network-connector:nth-child(4){display:flex;align-items:center;justify-content:center;align-self:center;width:28px;height:36px;transform:rotate(90deg);flex-shrink:0}.network-connector svg{width:28px;height:44px}.network-bus{padding:20px}.network-bus-header{display:flex;margin-bottom:20px}.network-bus-brand{display:flex}.network-bus-title{font-size:20px}.network-bus-infrastructure{gap:7px;margin-bottom:16px}.network-bus-infrastructure>li{min-height:50px;font-size:14px;padding:10px}.network-bus-access{font-size:12px;flex-wrap:nowrap}.network-app-content{display:flex;gap:0;padding:20px}.network-app h3{font-size:26px;margin-top:9px}.network-app-content>p{margin-top:8px}.network-app-action{padding-top:18px}.network-app-action:last-of-type{padding-bottom:18px}.network-app-ai{border-top:1px solid #e8e2ef;padding-top:16px;margin-top:18px}.network-footer{align-items:start;flex-direction:column;gap:14px}.network-footer .button{width:100%;justify-content:space-between}}
@media(max-width:360px){.network-bus-header{display:block}.network-bus-brand{display:none}.network-bus-infrastructure>li{font-size:14px;padding:9px 8px}.network-bus-access{flex-wrap:wrap}}