:root{--adt-blue:#00599c;--adt-red:#24bcff;--card-border:#e2e8f0;--text-grey:#64748b}.system-grid-section{background-color:#f8fafc}.system-grid-section .system-header{margin:0 auto 50px;max-width:800px;text-align:center}.system-grid-section .top-eyebrow{color:var(--adt-blue);margin-bottom:12px}.system-grid-section .main-title{color:#0f172a;line-height:1.2}.system-grid-section .red-divider{background-color:var(--adt-red);border-radius:10px;height:4px;margin:20px auto;width:60px}.system-grid-section .main-desc{color:var(--text-grey);line-height:1.6}.system-grid-section .system-cards-wrapper{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.system-grid-section .system-card{background:#fff;border:1px solid var(--card-border);border-radius:12px;display:flex;flex:1;flex-direction:column;max-width:400px;min-width:320px;overflow:hidden;transition:all .3s ease-in-out}.system-grid-section .system-card:hover{border-color:var(--adt-blue);box-shadow:0 20px 40px rgba(0,89,156,.12)}.system-grid-section .card-media{height:240px;overflow:hidden;position:relative}.system-grid-section .image-zoom-wrap{height:100%;transition:transform .5s ease;width:100%}.system-grid-section .system-card:hover .image-zoom-wrap{transform:scale(1.08)}.system-grid-section .product-img{height:100%;object-fit:cover;width:100%}.system-grid-section .card-tag{background-color:var(--adt-red);border-radius:999px;color:#fff;font-size:11px;font-weight:700;left:15px;letter-spacing:.5px;padding:4px 12px;position:absolute;top:15px;z-index:5}.system-grid-section .card-body{display:flex;flex-direction:column;flex-grow:1;padding:30px}.system-grid-section .card-h4{color:#0f172a;margin:0 0 12px}.system-grid-section .card-p{color:var(--text-grey);line-height:1.5;margin-bottom:25px}.system-grid-section .feature-list{list-style:none;margin:0 0 30px;padding:0}.system-grid-section .feature-item{align-items:flex-start;color:#1e293b;display:flex;gap:12px;margin-bottom:10px}.system-grid-section .feature-text{margin-bottom:0}.system-grid-section .check-icon{flex-shrink:0;margin-top:3px}.system-grid-section .card-cta-btn{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:auto;transition:background .3s ease}.system-grid-section .btn-icon{height:auto;width:16px}@media (max-width:767px){.system-grid-section .system-card{max-width:100%;min-width:280px}.system-grid-section .main-title{font-size:28px}}