/* Home sections (moved from About) */
.home-hero{
  border:1px solid #e5e7eb; border-radius:16px; padding:20px; background:#fafcff; margin:6px 0 16px;
}
.home-hero h1{ margin:0 0 6px; font-size:26px; }
.home-hero p{ margin:0 0 10px; color:#475569; }
.home-hero .btn{ display:inline-block; padding:8px 14px; background:#2563eb; color:#fff; border-radius:10px; }
.home-hero .btn:hover{ background:#1d4ed8; }

.home-block{ margin:18px 0; }
.home-block h3{ margin:0 0 10px; font-size:18px; }

.grid4{ display:grid; grid-template-columns:repeat(4,minmax(180px,1fr)); gap:12px; }
.grid4.small{ grid-template-columns:repeat(4,minmax(160px,1fr)); }
@media (max-width:900px){ .grid4, .grid4.small{ grid-template-columns:repeat(2,minmax(160px,1fr)); } }
@media (max-width:380px){ .grid4, .grid4.small{ grid-template-columns:1fr; } }

.pill{ background:#f8fafc; border:1px solid #e5e7eb; border-radius:12px; padding:12px; }
.pill h4{ margin:6px 0 2px; font-size:15px; }
.pill p{ margin:0; color:#475569; font-size:13px; }
.ico{ width:26px; height:26px; border-radius:8px; background:#dbeafe; }
.i-blue{ background:#bfdbfe; } .i-cyan{ background:#bae6fd; } .i-green{ background:#bbf7d0; } .i-amber{ background:#fde68a; }

.kv{ background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:12px; display:flex; gap:10px; align-items:center; }
.k{ font-weight:700; color:#0f172a; min-width:80px; }
.v{ color:#475569; }

.chips{ list-style:none; display:flex; gap:8px; padding:0; margin:0; flex-wrap:wrap; }
.chips li{ padding:6px 10px; background:#fff; border:1px solid #e5e7eb; border-radius:999px; font-size:12px; color:#334155; }
.chips.wrap{ margin-top:4px; }

/* Home - Our Main Products cards */
.what-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(180px, 1fr));
  gap:16px;
  margin-bottom:40px;
}
@media (max-width:900px){
  .what-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
}
@media (max-width:380px){
  .what-grid{ grid-template-columns:1fr; }
}

.what-card{
  width:auto;
  padding:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.what-card-media{width:95px;height:95px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}
.what-card-image{width:auto;max-width:100%;max-height:90px}
.what-card-title{margin-bottom:6px;color:var(--text);font-size:20px;font-weight:700}
.what-card-copy{color:var(--text-muted);font-size:15px}