.system-comp-grid{margin-top:1.5rem}.system-comp-grid .system-comp-box{background-color:#161822;border:2px solid #363a45;border-radius:var(--nb-radius,8px);box-shadow:4px 4px 0 #000;padding:2rem;display:flex;flex-direction:column}.system-comp-grid .box-ssg{border-top:5px solid var(--nb-cyan)}.system-comp-grid .box-wp{border-top:5px solid var(--nb-green)}.system-comp-grid .system-comp-box-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.system-comp-grid .system-comp-box-title-wrap{display:flex;flex-direction:column;gap:.65rem}.system-comp-grid .system-comp-header-ship{height:auto;filter:drop-shadow(0 6px 14px rgb(0 0 0 / .5));transition:transform 0.3s cubic-bezier(.16,1,.3,1),filter 0.3s ease;flex-shrink:0}.system-comp-grid .system-comp-box:hover .system-comp-header-ship{transform:translateY(-4px) scale(1.06)}.system-comp-grid .system-comp-badge{align-self:flex-start;font-family:var(--nb-font-display,inherit);font-weight:900;font-size:.72rem;padding:.25rem .6rem;border:1.5px solid #000;box-shadow:2px 2px 0 #000;color:#000000!important;letter-spacing:.04em}.badge-yellow{background-color:var(--nb-yellow)}.badge-cyan{background-color:var(--nb-cyan)}.badge-orange{background-color:var(--nb-orange)}.badge-green{background-color:var(--nb-green)}.badge-mint{background-color:var(--nb-mint)}.system-comp-grid .system-comp-box h3{font-family:var(--nb-font-display,inherit);font-size:1.45rem;font-weight:900;margin:0;color:#fff}.system-comp-grid .box-ssg h3{color:var(--nb-cyan)}.system-comp-grid .box-wp h3{color:var(--nb-green)}.system-comp-grid .system-comp-tech-lead{font-size:1rem;color:#cbd5e1;margin:0 0 1.25rem 0;border-bottom:1px dashed #363a45;padding-bottom:.75rem}.system-comp-grid .system-comp-bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.85rem;flex-grow:1}.system-comp-grid .system-comp-bullets li{position:relative;padding-left:1.65rem;font-size:1.02rem;line-height:1.55;color:#e2e8f0}.system-comp-grid .system-comp-bullets li::before{content:"✓";position:absolute;left:0;top:0;font-weight:900;color:var(--nb-green,#00e676)}@media (max-width:991.98px){.system-comp-grid .system-comp-box{padding:1.35rem 1.15rem;box-shadow:3px 3px 0 #000}.system-comp-grid .system-comp-box-header{align-items:flex-start;gap:.75rem}.system-comp-grid .system-comp-header-ship{max-width:75px}}