/* All eight ERP capabilities remain visible while the selected screen tours. */
.desktop-work .desktop-select{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;min-width:0;margin-bottom:10px}
.desktop-work .desktop-select button{position:relative;display:block;min-width:0;padding:4px 4px 0;overflow:hidden;background:#fff;border:1px solid #d5e0ef;border-radius:7px;text-align:left;color:#586e8b;transition:border-color .25s,box-shadow .25s,transform .25s}
.desktop-work .desktop-select button:hover{transform:translateY(-3px);border-color:#83abed;box-shadow:0 6px 18px #254b7c12}
.desktop-work .desktop-select button[aria-pressed="true"]{background:#eaf2ff;color:#244d92;border-color:#75a2ee;box-shadow:0 0 0 1px #75a2ee33}
.erp-thumb{display:block;aspect-ratio:2.5;border-radius:4px;overflow:hidden;background:#eaf0f7}
.erp-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.desktop-select button[aria-pressed="true"] .erp-thumb img{transform:scale(1.05)}
.erp-thumb-label{display:block;padding:7px 3px 9px;font-size:8px;line-height:1.45;white-space:normal;min-height:36px}
.erp-thumb-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#4c89ee;transform:scaleX(0);transform-origin:left}
.erp-tour-playing button[aria-pressed="true"] .erp-thumb-progress{animation:erpGlanceProgress 3s linear both}
.desktop-work .tour-control{margin:2px 0 12px;font-size:9px}
.desktop-work .desktop-crop.screen-changing img{animation:erpGlanceReveal .5s cubic-bezier(.16,1,.3,1) both}
.desktop-select button:focus-visible{outline:2px solid #387ee9;outline-offset:3px}
@keyframes erpGlanceReveal{from{opacity:.5;transform:translateY(9px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes erpGlanceProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.erp-thumb-label{font-size:7px;padding-inline:1px}}
@media(max-width:700px){.desktop-work .desktop-select{gap:7px}.erp-thumb-label{font-size:8px}.desktop-work .intro{margin-bottom:24px}}
@media(max-width:400px){.desktop-work .desktop-select{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-thumb{aspect-ratio:3}.erp-thumb-label{min-height:0;font-size:9px;padding:7px 3px 9px}}
@media(prefers-reduced-motion:reduce){.desktop-work .desktop-select button,.erp-thumb img{transition:none;transform:none!important}.erp-thumb-progress,.desktop-work .desktop-crop.screen-changing img{animation:none!important}}
.motion-off .erp-thumb-progress{animation:none!important}
.desktop-work #desktop-screen>img{transform-origin:var(--erp-focus,45% 35%);will-change:transform}
.desktop-work #desktop-screen.screen-changing>img{animation:erpModuleCamera 3s cubic-bezier(.22,.65,.25,1) both}
.erp-module-detail{padding:14px 17px 16px;background:linear-gradient(110deg,#101e34,#172e48);border-top:1px solid #ffffff10;color:#e9f2ff}
.erp-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.erp-detail-heading>span{font-size:6px;letter-spacing:1.3px;color:#7d9fc4}
.erp-detail-heading strong{font-size:11px;font-weight:500;color:#b2d0ff}
.erp-detail-options{display:flex;flex-wrap:wrap;gap:6px}
.erp-detail-options>span{font-size:8px;line-height:1.5;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #8ab8f52b;border-radius:5px;background:#7faaff0a;color:#cbdef7;animation:erpOptionIn .45s cubic-bezier(.16,1,.3,1) var(--option-delay) both}
.erp-detail-options>span:before{content:'';width:3px;height:3px;border-radius:50%;background:#73b3ff}
@keyframes erpModuleCamera{0%{opacity:.45;transform:scale(1)}13%{opacity:1;transform:scale(1.04)}46%,78%{opacity:1;transform:scale(1.45)}100%{opacity:1;transform:scale(1.22)}}
@keyframes erpOptionIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:540px){.erp-module-detail{padding:12px}.erp-detail-options{gap:5px}.erp-detail-options>span{font-size:8px;padding:5px 6px}.erp-detail-heading strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.desktop-work #desktop-screen.screen-changing>img,.erp-detail-options>span{animation:none!important;transform:none!important}}
.motion-off .desktop-work #desktop-screen.screen-changing>img,.motion-off .erp-detail-options>span{animation:none!important;transform:none!important}