.os-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:30px}.os-card{background:#fff;border-radius:18px;padding:25px 15px;min-height:140px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 10px 30px #0000000f}.os-card img{display:block;width:80px;height:80px;max-width:100%;-o-object-fit:contain;object-fit:contain}.os-card:hover{transform:translateY(-5px)}@media (max-width: 1200px){.os-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.os-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 576px){.os-grid{grid-template-columns:repeat(2,1fr)}}.os-version-card{height:100%;padding:30px 25px;background:#fff;border-radius:20px;text-align:center;border:1px solid rgba(0,0,0,.06);transition:all .3s ease;box-shadow:0 10px 30px #0000000d}.os-version-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001a}.os-version-icon{width:65px;height:65px;margin:0 auto 20px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#2563eb1a;color:var(--primary);font-size:32px}.os-version-card h4{margin-bottom:12px;font-size:22px;font-weight:700;color:var(--text-dark)}.os-version-card p{color:var(--text-muted);line-height:1.7;font-size:15px}.os-version-card.featured{border:1px solid rgba(37,99,235,.25);background:linear-gradient(145deg,#fff,#2563eb0a)}.os-version-card.featured .os-version-icon{background:var(--primary);color:#fff}@media (max-width: 768px){.os-version-card{padding:25px 20px}}.service-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:30px;transition:.25s ease;height:100%}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--primary)}.service-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.08);color:var(--primary);font-size:28px;margin-bottom:20px}.service-card h5{font-weight:700;margin-bottom:15px}.service-card p{color:var(--muted);margin-bottom:20px}.service-card ul{padding-left:18px;margin:0}.service-card li{margin-bottom:8px;color:var(--text)}
