.erp-explainer{background:#0e1720;border-top:1px solid #294254}.erp-explainer .sub{max-width:78ch}.map-instruction{font-size:14px;color:#aebfcd;margin:24px 0 18px}.erp-map{position:relative;display:grid;grid-template-columns:29% 30% 29%;grid-template-rows:130px 130px 130px;gap:45px 6%;isolation:isolate}.erp-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:#35566c}.erp-hub{grid-area:1/2/4/3;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 18px;border:2px solid #00aff0;border-radius:50%;background:#0c2534;box-shadow:0 0 55px #00aff012;aspect-ratio:1;width:100%;max-width:270px;justify-content:center;color:#d6e7f2}.hub-kicker{font:10px var(--mono);color:#87cfea;letter-spacing:.1em}.erp-hub strong{font:800 48px var(--disp);color:#fff;margin:8px 0}.erp-hub>span:not(.hub-kicker){font-size:14px;font-weight:600}.erp-hub small{font-size:11px;color:#a9bdcb;line-height:1.6;margin-top:12px}.erp-area{padding:18px 20px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;text-align:left;background:#111e29;color:#e8edf2;border:1px solid #35566c;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.erp-area:hover{border-color:#74c9eb;background:#152a39}.erp-area[aria-pressed=true]{border:2px solid #00aff0;background:#113047}.erp-area:focus-visible{outline:3px solid #8cdfff;outline-offset:4px}.erp-area .area-number{font:11px var(--mono);color:#7dd7f7}.erp-area strong{font:700 17px var(--disp);line-height:1.3}.erp-area>span:last-child{font-size:12px;line-height:1.5;color:#b2c3d0}.area-sales{grid-area:1/1}.area-purchasing{grid-area:1/3}.area-stock{grid-area:2/1}.area-finance{grid-area:2/3}.area-people{grid-area:3/1}.area-operations{grid-area:3/3}.erp-map[data-selected=sales] [data-connection=sales],.erp-map[data-selected=purchasing] [data-connection=purchasing],.erp-map[data-selected=stock] [data-connection=stock],.erp-map[data-selected=finance] [data-connection=finance],.erp-map[data-selected=people] [data-connection=people],.erp-map[data-selected=operations] [data-connection=operations]{stroke:#00b9f4;stroke-width:4}.erp-connection-detail{margin-top:30px;padding:26px 30px;background:#0a1018;border-left:3px solid #00aff0;min-height:190px}.connection-label{font:12px var(--mono);color:#7dd7f7;display:block;margin-bottom:12px}.erp-connection-detail h3{font-size:22px;margin-bottom:12px}.erp-connection-detail p{color:#b6c7d5;font-size:15px;max-width:88ch}.erp-example{margin-top:36px}.erp-example h3{font-size:24px;margin:12px 0 22px}.erp-example ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.erp-example li{border-top:1px solid #35566c;padding-top:15px;position:relative}.erp-example b,.erp-example span{display:block}.erp-example b{color:#fff;font-size:15px;margin-bottom:8px}.erp-example span{color:#afbfcc;font-size:13px}.erp-example li:not(:last-child)::after{content:'→';color:#4fc8f8;position:absolute;right:0;top:12px}.erp-explainer .system-note{max-width:105ch}
@media(max-width:700px){.erp-map{grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(3,minmax(148px,auto));gap:20px;align-items:stretch}.erp-connectors{display:none}.erp-map::before{content:'';position:absolute;left:calc(50% - 1px);width:2px;background:#35566c;top:150px;bottom:70px;z-index:-1}.erp-hub{grid-area:1/1/2/3;max-width:230px;width:100%;border-radius:12px;aspect-ratio:auto;padding:24px 18px;margin-bottom:4px}.erp-hub strong{font-size:40px}.erp-hub small{margin-top:8px}.area-sales{grid-area:2/1}.area-purchasing{grid-area:2/2}.area-stock{grid-area:3/1}.area-finance{grid-area:3/2}.area-people{grid-area:4/1}.area-operations{grid-area:4/2}.erp-area{padding:15px 12px}.erp-area strong{font-size:15px}.erp-area::after{content:'';position:absolute;top:50%;height:2px;width:12px;background:#35566c;right:-12px}.area-purchasing::after,.area-finance::after,.area-operations::after{right:auto;left:-12px}.erp-area[aria-pressed=true]::after{background:#00aff0}.erp-connection-detail{padding:22px;min-height:265px}.connection-label{line-height:1.8;font-size:11px}.erp-example ol{grid-template-columns:1fr 1fr;gap:24px}.erp-example li:nth-child(2)::after{content:''}}