/* css/raw-material.css */
.feat-app-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}
.check-list h4{margin-bottom:16px;font-size:16px;color:var(--navy)}
.check-list ul{display:flex;flex-direction:column;gap:14px}
.check-list li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:#3A4650}
.check-list i{color:var(--lime-dark);font-size:16px}

.bms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.bms-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:30px 20px;text-align:center;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.bms-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--lime)}
.bms-card .ic{width:60px;height:60px;margin:0 auto 16px;background:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--green);transition:transform .3s var(--ease),background .3s,color .3s}
.bms-card:hover .ic{transform:scale(1.1) rotate(-6deg);background:var(--lime);color:var(--navy-dark)}
.bms-card h4{font-size:16px}
.bms-card .ic{display:none}
.bms-card img{width:100%;height:140px;object-fit:contain;margin-bottom:16px}

.comm-protect{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:50px}
.comm-protect .check-list{background:var(--bg);border-radius:var(--radius);padding:28px}

@media(max-width:900px){
  .feat-app-split{grid-template-columns:1fr;gap:30px}
  .bms-grid{grid-template-columns:1fr 1fr}
  .comm-protect{grid-template-columns:1fr;gap:24px}
}
@media(max-width:560px){
  .bms-grid{grid-template-columns:1fr}
}